You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
257 lines
8.7 KiB
257 lines
8.7 KiB
<!DOCTYPE html> |
|
<!-- |
|
~ |
|
~ Copyright © 2015-2017 Antergos |
|
~ |
|
~ index.html |
|
~ |
|
~ This file is part of lightdm-webkit2-greeter |
|
~ |
|
~ lightdm-webkit2-greeter is free software: you can redistribute it and/or modify |
|
~ it under the terms of the GNU General Public License as published by |
|
~ the Free Software Foundation, either version 3 of the License, |
|
~ or any later version. |
|
~ |
|
~ lightdm-webkit2-greeter is distributed in the hope that it will be useful, |
|
~ but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
~ GNU General Public License for more details. |
|
~ |
|
~ The following additional terms are in effect as per Section 7 of the license: |
|
~ |
|
~ The preservation of all legal notices and author attributions in |
|
~ the material or in the Appropriate Legal Notices displayed |
|
~ by works containing it is required. |
|
~ |
|
~ You should have received a copy of the GNU General Public License |
|
~ along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
--> |
|
|
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>LightDM Web Greeter</title> |
|
|
|
<!--For testing the theme in a web browser --> |
|
<!--<script type="text/javascript" src="../_vendor/js/mock.js"></script>--> |
|
|
|
<!-- Vendor CSS --> |
|
<link rel="stylesheet" type="text/css" href="../../_vendor/css/bootswatch-paper.bootstrap.min.css"/> |
|
<link rel="stylesheet" type="text/css" href="../../_vendor/fonts/font-awesome/font-awesome.min.css"/> |
|
|
|
<!-- Theme's CSS --> |
|
<link rel="stylesheet" type="text/css" href="css/style.css"> |
|
|
|
<!-- Vendor JavaScript --> |
|
<script src="../../_vendor/js/jquery.min.js"></script> |
|
<script src="../../_vendor/js/bootstrap.min.js"></script> |
|
<script src="../../_vendor/js/js.cookie.min.js"></script> |
|
|
|
<!-- Theme JavaScript --> |
|
<script src="js/translations.js"></script> |
|
<script src="js/greeter.js"></script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!-- BG Switcher --> |
|
<a id="bg-switch-toggle" href="#" class="btn btn-primary btn-lg toggle close_wallpapers"> |
|
<i class="fa fa-bars"></i> |
|
</a> |
|
|
|
<div id="bg-switch-wrapper"> |
|
<div class="bg-switch-container"> |
|
<a id="bg-switch-close" href="#" class="btn btn-default btn-lg pull-right toggle close_wallpapers"> |
|
<i class="fa fa-times"></i> |
|
</a> |
|
|
|
<div class="bg-switch"> |
|
<h3 data-i18n="background_options">${i18n}</h3> |
|
<div class="clearfix"></div> |
|
<div class="bgs"> |
|
<a href="#" data-img="random" class="bg clearfix"> |
|
<div class="random"> |
|
<span data-i18n="random">${i18n}</span> |
|
</div> |
|
</a> |
|
<!--Background thumbnails will be added here dynamically --> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- /BG Switcher Sidebar --> |
|
|
|
<!-- Full Page Image Header Area --> |
|
<div id="top" class="header"> |
|
<div class="login-wrapper"> |
|
<div class="login-cell"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6 col-md-offset-3"> |
|
<!-- Login Dialog --> |
|
<div id="login" class="panel panel-default login-box"> |
|
<div class="panel-heading text-center"> |
|
<span class="pull-left"> |
|
<img src="img/antergos.png" data-greeter-config="logo" alt="Antergos"/> |
|
</span> <span class="welcome"></span> |
|
<span id="hostname" class="pull-right"></span> |
|
</div> |
|
<div id="panelfix" class="panel-body panel-shadow"> |
|
<div class="panel-group" id="accordion"> |
|
<div class="panel panel-default panel-shadow time-panel"> |
|
|
|
<div id="collapseOne" class="panel-collapse collapse in"> |
|
<div id="timewrap" class="panel-body panel-shadow time-panel text-center"> |
|
<a id="trigger" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> |
|
<!-- Clock Widget --> |
|
<span id="current_time" class="time text-center"></span> |
|
<i class="fa fa-toggle-up"></i> </a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
<div class="panel panel-default panel-shadow panel-flow"> |
|
<!-- User Selection Widget --> |
|
<div id="collapseTwo" class="panel-collapse panel-shadow collapse"> |
|
<div id="list-group" class="panel-body panel-shadow panel-wrap"> |
|
|
|
<div class="user-wrap2"> |
|
|
|
<div id="user-list2" class="list-group"></div> |
|
<a id="user-target2" class="user-toggle cancel_auth" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> |
|
<i class="fa fa-toggle-down" style="position:absolute;"></i> |
|
</a> |
|
|
|
</div> |
|
<!-- Password Input --> |
|
<div id="passwordArea" class="password"> |
|
<table border="0" align="center"> |
|
<tr> |
|
<td> |
|
<div class="input-group"> |
|
<input id="passwordField" title="input password" type="password" class="password form-control"/> |
|
|
|
<div class="input-group-btn"> |
|
<div class="btn-group"> |
|
<button class="btn btn-primary submit_passwd" type="button" title="submit password"> |
|
<i class="fa fa-sign-in"></i> |
|
</button> |
|
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" title="show options menu"> |
|
<i class="fa fa-caret-down"></i> |
|
</button> |
|
<ul class="dropdown-menu pull-right" title="options menu"> |
|
<li> |
|
<a href="#" class="cancel_auth" data-i18n="cancel" title="cancel"> |
|
<i class="fa fa-times"></i> ${i18n}</a> |
|
</li> |
|
<li> |
|
<a href="#" onclick="$(document.location.reload(true))" data-i18n="reset" title="reset"> |
|
<i class="fa fa-refresh"></i> ${i18n}</a> |
|
</li> |
|
<li> |
|
<a href="#" data-i18n="debug_log" title="debug log"> |
|
<i class="fa fa-bug"></i> ${i18n}</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</td> |
|
|
|
</tr> |
|
</table> |
|
<div id="timerArea" class="timer"> |
|
<i class="fa fa-spinner"></i> |
|
</div> |
|
</div> |
|
<!-- Status Area --> |
|
<div id="statusArea" class="status"> |
|
<div class="alert alert-dismissible alert-danger fade in"> |
|
<button type="button" class="close cancel_auth" data-dismiss="alert" aria-hidden="true"> ×</button> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class="panel-footer"> |
|
<div id="session-list" class="btn-group pull-left hidden"> |
|
<button type="button" class="btn btn-default selected"></button> |
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> |
|
<span class="fa fa-caret-down"></span></button> |
|
<ul id="sessions" class="dropdown-menu"></ul> |
|
</div> |
|
<div id="actionsArea" class="btn-group pull-right"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id="logArea" class="log"></div> |
|
|
|
<div class="modal"> |
|
<div class="modal-dialog modal-sm"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<button type="button" class="close fa fa-close" data-dismiss="modal" aria-hidden="true"></button> |
|
<h4 class="modal-title" data-i18n="confirm_system_action">${i18n}</h4> |
|
</div> |
|
<!--<div class="modal-body"> |
|
</div>--> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-default" data-dismiss="modal" data-i18n="cancel">${i18n}</button> |
|
<button type="button" class="btn btn-primary"></button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!-- Custom JavaScript for the BG Switcher & Clock Toggle --> |
|
<script> |
|
// TODO: Move this stuff into greeter.js |
|
$('#bg-switch-wrapper').on('transitionend', function() { |
|
if ( $(this).hasClass('active') ) { |
|
$('#bg-switch-toggle').hide(0); |
|
$('#bg-switch-close').show(0); |
|
} else { |
|
$('#bg-switch-close').hide(100); |
|
$('#bg-switch-toggle').show(100); |
|
} |
|
}); |
|
$( "#bg-switch-close, #bg-switch-toggle" ).click( function( e ) { |
|
e.preventDefault(); |
|
$('#bg-switch-wrapper').toggleClass( "active" ); |
|
} ); |
|
|
|
$( '#collapseTwo' ).on( 'shown.bs.collapse', function() { |
|
$(this).find( 'a' ).filter( ':not(.dropdown-menu *)' ).each( function( index ) { |
|
$( this ).attr( 'tabindex', index + 1 ); |
|
} ); |
|
} ); |
|
$( '#collapseTwo' ).on( 'hidden.bs.collapse', function() { |
|
$(this).find( 'a' ).filter( ':not(.dropdown-menu *)' ).each( function( index ) { |
|
$( this ).attr( 'tabindex', -1 ); |
|
} ); |
|
} ); |
|
|
|
</script> |
|
|
|
</body> |
|
|
|
</html>
|
|
|