packages
/
lightdm-webkit2-greeter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

cleanup a few things that I missed earlier.

sisyphus
Dustin Falgout 9 years ago
parent
c4b9ce3343
commit
16f2cc29fd
4 changed files with 385 additions and 275 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      themes/antergos/css/style.css
  2. 427
      themes/antergos/js/greeter-compiled.js
  3. 2
      themes/antergos/js/greeter-compiled.js.map
  4. 127
      themes/antergos/js/greeter.js

4
themes/antergos/css/style.css
Unescape View File

@ -511,8 +511,8 @@ input.password.form-control:focus {
a.list-group-item:focus, a.list-group-item:hover, a.list-group-item.hovered {
position: relative;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
outline: none;
margin: 0px 0;
background: #FFFFFF;

427
themes/antergos/js/greeter-compiled.js
Unescape View File

@ -1,8 +1,34 @@
'use strict';
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _createClass = (function() {
function defineProperties( target, props ) {
for ( var i = 0; i < props.length; i ++ ) {
var descriptor = props[ i ];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ( "value" in descriptor ) {
descriptor.writable = true;
}
Object.defineProperty( target, descriptor.key, descriptor );
}
}
return function( Constructor, protoProps, staticProps ) {
if ( protoProps ) {
defineProperties( Constructor.prototype, protoProps );
}
if ( staticProps ) {
defineProperties( Constructor, staticProps );
}
return Constructor;
};
})();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _classCallCheck( instance, Constructor ) {
if ( ! (instance instanceof Constructor) ) {
throw new TypeError( "Cannot call a class as a function" );
}
}
/*
*
@ -32,34 +58,49 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
String.prototype.capitalize = function () {
return this.charAt(0).toUpperCase() + this.slice(1);
/**
* This is used to access our main class from within jQuery callbacks.
*/
var _self = null;
/**
* Capitalize a string.
*
* @returns {string}
*/
String.prototype.capitalize = function() {
return this.charAt( 0 ).toUpperCase() + this.slice( 1 );
};
var _self;
/**
* This is the theme's main class object. It contains almost all the theme's logic.
*/
var AntergosTheme = (function () {
var AntergosTheme = (function() {
function AntergosTheme() {
_classCallCheck(this, AntergosTheme);
_classCallCheck( this, AntergosTheme );
this.debug = this.cache_get('debug', 'enabled');
if ( null !== _self ) {
return _self;
}
this.debug = this.cache_get( 'debug', 'enabled' );
this.user_list_visible = false;
this.auth_pending = false;
this.selected_user = null;
this.$user_list = $('#user-list2');
this.$session_list = $('#sessions');
this.$clock_container = $('#collapseOne');
this.$clock = $("#current_time");
this.$actions_container = $("#actionsArea");
this.$msg_area_container = $('#statusArea');
this.$msg_area = $('#showMsg');
this.lang = window.navigator.language.split('-')[0].toLowerCase();
this.$user_list = $( '#user-list2' );
this.$session_list = $( '#sessions' );
this.$clock_container = $( '#collapseOne' );
this.$clock = $( "#current_time" );
this.$actions_container = $( "#actionsArea" );
this.$msg_area_container = $( '#statusArea' );
this.$msg_area = $( '#showMsg' );
this.lang = window.navigator.language.split( '-' )[ 0 ].toLowerCase();
this.translations = window.ant_translations;
this.initialize();
}
_createClass(AntergosTheme, [{
_createClass( AntergosTheme, [ {
key: 'initialize',
value: function initialize() {
this.initialize_clock();
@ -79,9 +120,9 @@ var AntergosTheme = (function () {
}, {
key: 'log',
value: function log(text) {
if ('true' === this.debug || true) {
$('#logArea').append(text + '<br/>');
value: function log( text ) {
if ( 'true' === this.debug || true ) {
$( '#logArea' ).append( text + '<br/>' );
}
}
@ -98,8 +139,8 @@ var AntergosTheme = (function () {
var key = 'ant',
index = 0;
for (var _len = arguments.length, key_parts = Array(_len), _key = 0; _key < _len; _key++) {
key_parts[_key] = arguments[_key];
for ( var _len = arguments.length, key_parts = Array( _len ), _key = 0; _key < _len; _key ++ ) {
key_parts[ _key ] = arguments[ _key ];
}
var _iteratorNormalCompletion = true;
@ -107,28 +148,28 @@ var AntergosTheme = (function () {
var _iteratorError = undefined;
try {
for (var _iterator = key_parts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
for ( var _iterator = key_parts[ Symbol.iterator ](), _step; ! (_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true ) {
var part = _step.value;
key += ':' + part;
index += 1;
}
} catch (err) {
} catch ( err ) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
if ( ! _iteratorNormalCompletion && _iterator.return ) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
if ( _didIteratorError ) {
throw _iteratorError;
}
}
}
return localStorage.getItem(key);
return localStorage.getItem( key );
}
/**
@ -141,12 +182,12 @@ var AntergosTheme = (function () {
}, {
key: 'cache_set',
value: function cache_set(value) {
value: function cache_set( value ) {
var key = 'ant',
index = 0;
for (var _len2 = arguments.length, key_parts = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
key_parts[_key2 - 1] = arguments[_key2];
for ( var _len2 = arguments.length, key_parts = Array( _len2 > 1 ? _len2 - 1 : 0 ), _key2 = 1; _key2 < _len2; _key2 ++ ) {
key_parts[ _key2 - 1 ] = arguments[ _key2 ];
}
var _iteratorNormalCompletion2 = true;
@ -154,40 +195,41 @@ var AntergosTheme = (function () {
var _iteratorError2 = undefined;
try {
for (var _iterator2 = key_parts[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
for ( var _iterator2 = key_parts[ Symbol.iterator ](), _step2; ! (_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true ) {
var part = _step2.value;
key += ':' + part;
index += 1;
}
} catch (err) {
} catch ( err ) {
_didIteratorError2 = true;
_iteratorError2 = err;
} finally {
try {
if (!_iteratorNormalCompletion2 && _iterator2.return) {
if ( ! _iteratorNormalCompletion2 && _iterator2.return ) {
_iterator2.return();
}
} finally {
if (_didIteratorError2) {
if ( _didIteratorError2 ) {
throw _iteratorError2;
}
}
}
return localStorage.setItem(key, value);
return localStorage.setItem( key, value );
}
/**
* Register callbacks for LightDM as well as any others that haven't been registered elsewhere.
* Register callbacks for the LDM Greeter as well as any others that haven't been
* registered elsewhere.
*/
}, {
key: 'register_callbacks',
value: function register_callbacks() {
$(document).keydown(this, this.key_press_handler);
$('.cancel_auth').click(this, this.cancel_authentication);
$('.submit_passwd').click(this, this.submit_password);
$( document ).keydown( this.key_press_handler );
$( '.cancel_auth' ).click( this.cancel_authentication );
$( '.submit_passwd' ).click( this.submit_password );
window.show_prompt = this.show_prompt;
window.show_message = this.show_message;
window.start_authentication = this.start_authentication;
@ -211,48 +253,49 @@ var AntergosTheme = (function () {
var _iteratorError3 = undefined;
try {
for (var _iterator3 = lightdm.users[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
for ( var _iterator3 = lightdm.users[ Symbol.iterator ](), _step3; ! (_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true ) {
var user = _step3.value;
var last_session = this.cache_get('user', user.name, 'session'),
var last_session = this.cache_get( 'user', user.name, 'session' ),
image_src = user.image.length ? user.image : tux;
if (null === last_session) {
if ( null === last_session ) {
// For backwards compatibility
last_session = localStorage.getItem(user.name);
if (null === last_session) {
// This user has never logged in before let's enable the system's default
// session.
last_session = localStorage.getItem( user.name );
if ( null === last_session ) {
// This user has never logged in before let's enable the system's
// default session.
last_session = lightdm.default_session;
}
this.cache_set(last_session, 'user', user.name, 'session');
this.cache_set( last_session, 'user', user.name, 'session' );
}
this.log('Last session for ' + user.name + ' was: ' + last_session);
this.log( 'Last session for ' + user.name + ' was: ' + last_session );
template = '\n\t\t\t\t<a href="#" id="' + user.name + '" class="list-group-item ' + user.name + '" data-session="' + last_session + '">\n\t\t\t\t\t<img src="' + image_src + '" class="img-circle" alt="' + user.display_name + '" />\n\t\t\t\t\t<span>' + user.display_name + '</span>\n\t\t\t\t\t<span class="badge"><i class="fa fa-check"></i></span>\n\t\t\t\t</a>';
// Register event handler here so we don't have to iterate over the users again later.
$(template).appendTo(this.$user_list).click(this, this.start_authentication).children('img').on('error', this.image_not_found);
// Register event handler here so we don't have to iterate over the users
// again later.
$( template ).appendTo( this.$user_list ).click( this.start_authentication ).children( 'img' ).on( 'error', this.image_not_found );
} // END for ( var user of lightdm.users )
} catch (err) {
} catch ( err ) {
_didIteratorError3 = true;
_iteratorError3 = err;
} finally {
try {
if (!_iteratorNormalCompletion3 && _iterator3.return) {
if ( ! _iteratorNormalCompletion3 && _iterator3.return ) {
_iterator3.return();
}
} finally {
if (_didIteratorError3) {
if ( _didIteratorError3 ) {
throw _iteratorError3;
}
}
}
if ($(this.$user_list).children().length > 3) {
if ( $( this.$user_list ).children().length > 3 ) {
// Make the user list two columns instead of one.
$(this.$user_list).css('column-count', '2').parent().css('max-width', '85%');
$( this.$user_list ).css( 'column-count', '2' ).parent().css( 'max-width', '85%' );
}
}
@ -269,34 +312,34 @@ var AntergosTheme = (function () {
var _iteratorError4 = undefined;
try {
for (var _iterator4 = lightdm.sessions[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
for ( var _iterator4 = lightdm.sessions[ Symbol.iterator ](), _step4; ! (_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true ) {
var session = _step4.value;
var css_class = session.name.replace(/ /g, ''),
var css_class = session.name.replace( / /g, '' ),
template;
this.log('Adding ' + session.name + ' to the session list...');
this.log( 'Adding ' + session.name + ' to the session list...' );
template = '\n\t\t\t\t<li>\n\t\t\t\t\t<a href="#" data-session-id="' + session.key + '" class="' + css_class + '">' + session.name + '</a>\n\t\t\t\t</li>';
$(template).appendTo(this.$session_list).click(this, this.session_toggle_handler);
$( template ).appendTo( this.$session_list ).click( this.session_toggle_handler );
} // END for (var session of lightdm.sessions)
} catch (err) {
} catch ( err ) {
_didIteratorError4 = true;
_iteratorError4 = err;
} finally {
try {
if (!_iteratorNormalCompletion4 && _iterator4.return) {
if ( ! _iteratorNormalCompletion4 && _iterator4.return ) {
_iterator4.return();
}
} finally {
if (_didIteratorError4) {
if ( _didIteratorError4 ) {
throw _iteratorError4;
}
}
}
$('.dropdown-toggle').dropdown();
$( '.dropdown-toggle' ).dropdown();
}
/**
@ -319,46 +362,45 @@ var AntergosTheme = (function () {
var _iteratorError5 = undefined;
try {
for (var _iterator5 = Object.keys(actions)[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
for ( var _iterator5 = Object.keys( actions )[ Symbol.iterator ](), _step5; ! (_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true ) {
var action = _step5.value;
var cmd = 'can_' + action;
console.log(action);
template = '\n\t\t\t\t<a href="#" id="' + action + '" class="btn btn-default ' + action + '" data-toggle="tooltip" data-placement="top" title="' + action.capitalize() + '" data-container="body">\n\t\t\t\t\t<i class="fa fa-' + actions[action] + '"></i>\n\t\t\t\t</a>';
template = '\n\t\t\t\t<a href="#" id="' + action + '" class="btn btn-default ' + action + '" data-toggle="tooltip" data-placement="top" title="' + action.capitalize() + '" data-container="body">\n\t\t\t\t\t<i class="fa fa-' + actions[ action ] + '"></i>\n\t\t\t\t</a>';
if (lightdm[cmd]) {
$(template).appendTo($(this.$actions_container)).click(action, function (event) {
lightdm[event.data]();
});
if ( lightdm[ cmd ] ) {
$( template ).appendTo( $( this.$actions_container ) ).click( action, function( event ) {
lightdm[ event.data ]();
} );
}
} // END for (var [action, icon] of actions)
} catch (err) {
} catch ( err ) {
_didIteratorError5 = true;
_iteratorError5 = err;
} finally {
try {
if (!_iteratorNormalCompletion5 && _iterator5.return) {
if ( ! _iteratorNormalCompletion5 && _iterator5.return ) {
_iterator5.return();
}
} finally {
if (_didIteratorError5) {
if ( _didIteratorError5 ) {
throw _iteratorError5;
}
}
}
$('[data-toggle=tooltip]').tooltip();
$( '[data-toggle=tooltip]' ).tooltip();
}
}, {
key: 'initialize_clock',
value: function initialize_clock() {
var _this = this;
var saved_format = this.cache_get('clock', 'time_format'),
var saved_format = this.cache_get( 'clock', 'time_format' ),
format = null !== saved_format ? saved_format : 'LT',
detected_language = 'en';
window.navigator.languages = typeof window.navigator.languages !== 'undefined' ? window.navigator.languages : [window.navigator.language];
window.navigator.languages = typeof window.navigator.languages !== 'undefined' ? window.navigator.languages : [ window.navigator.language ];
// Workaround for moment.js bug: https://github.com/moment/moment/issues/2856
var _iteratorNormalCompletion6 = true;
@ -366,51 +408,57 @@ var AntergosTheme = (function () {
var _iteratorError6 = undefined;
try {
for (var _iterator6 = window.navigator.languages[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
for ( var _iterator6 = window.navigator.languages[ Symbol.iterator ](), _step6; ! (_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true ) {
var lang = _step6.value;
try {
detected_language = lang.split('-')[0].toLowerCase();
detected_language = lang.split( '-' )[ 0 ].toLowerCase();
break;
} catch (err) {
this.log(String(err));
} catch ( err ) {
this.log( String( err ) );
}
}
} catch (err) {
} catch ( err ) {
_didIteratorError6 = true;
_iteratorError6 = err;
} finally {
try {
if (!_iteratorNormalCompletion6 && _iterator6.return) {
if ( ! _iteratorNormalCompletion6 && _iterator6.return ) {
_iterator6.return();
}
} finally {
if (_didIteratorError6) {
if ( _didIteratorError6 ) {
throw _iteratorError6;
}
}
}
if (null === detected_language) {
if ( null === detected_language ) {
detected_language = 'en';
}
moment.locale(detected_language);
this.$clock.html(moment().format(format));
moment.locale( detected_language );
this.$clock.html( moment().format( format ) );
setInterval(function () {
_this.$clock.html(moment().format(format));
}, 60000);
setInterval( function() {
_this.$clock.html( moment().format( format ) );
}, 60000 );
}
/**
* Show the user list if its not already shown. This is used to allow the user to
* display the user list by pressing Enter or Spacebar.
*/
}, {
key: 'show_user_list',
value: function show_user_list() {
if ($(this.$clock_container).hasClass('in')) {
$('#trigger').trigger('click');
if ( $( this.$clock_container ).hasClass( 'in' ) ) {
$( '#trigger' ).trigger( 'click' );
this.user_list_visible = true;
}
if ($(this.$user_list).length <= 1) {
$(this.$user_list).find('a').trigger('click', this);
if ( $( this.$user_list ).length <= 1 ) {
$( this.$user_list ).find( 'a' ).trigger( 'click', this );
}
}
}, {
@ -418,8 +466,8 @@ var AntergosTheme = (function () {
value: function prepare_login_panel_header() {
var greeting = null;
if (this.translations.hasOwnProperty(this.lang)) {
greeting = this.translations[this.lang];
if ( this.translations.hasOwnProperty( this.lang ) ) {
greeting = this.translations[ this.lang ];
} else {
var _iteratorNormalCompletion7 = true;
var _didIteratorError7 = false;
@ -427,97 +475,109 @@ var AntergosTheme = (function () {
try {
for (var _iterator7 = window.navigator.languages[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
for ( var _iterator7 = window.navigator.languages[ Symbol.iterator ](), _step7; ! (_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true ) {
var lang = _step7.value;
if (this.translations.hasOwnProperty(lang)) {
greeting = this.translations[lang];
if ( this.translations.hasOwnProperty( lang ) ) {
greeting = this.translations[ lang ];
break;
}
}
} catch (err) {
} catch ( err ) {
_didIteratorError7 = true;
_iteratorError7 = err;
} finally {
try {
if (!_iteratorNormalCompletion7 && _iterator7.return) {
if ( ! _iteratorNormalCompletion7 && _iterator7.return ) {
_iterator7.return();
}
} finally {
if (_didIteratorError7) {
if ( _didIteratorError7 ) {
throw _iteratorError7;
}
}
}
}
greeting = null === greeting ? 'Welcome!' : greeting;
}
$('.welcome').text(greeting);
$('#hostname').append(lightdm.hostname);
$( '.welcome' ).text( greeting );
$( '#hostname' ).append( lightdm.hostname );
}
/**
* Start the authentication process for the selected user.
*
* @param {object} event - jQuery.Event object from 'click' event.
*/
}, {
key: 'start_authentication',
value: function start_authentication(event) {
var user_id = $(this).attr('id'),
value: function start_authentication( event ) {
var user_id = $( this ).attr( 'id' ),
selector = '.' + user_id,
self = event.data,
user_session = self.cache_get('user', user_id, 'session');
user_session = _self.cache_get( 'user', user_id, 'session' );
if (self.auth_pending || null !== self.selected_user) {
if ( _self.auth_pending || null !== _self.selected_user ) {
lightdm.cancel_authentication();
self.log('Authentication cancelled for ' + self.selected_user);
self.selected_user = null;
_self.log( 'Authentication cancelled for ' + _self.selected_user );
_self.selected_user = null;
}
self.log('Starting authentication for ' + user_id + '.');
self.selected_user = user_id;
_self.log( 'Starting authentication for ' + user_id + '.' );
_self.selected_user = user_id;
// CSS hack to workaround webkit bug
if ($(self.$user_list).children().length > 3) {
$(self.$user_list).css('column-count', 'initial').parent().css('max-width', '50%');
if ( $( _self.$user_list ).children().length > 3 ) {
$( _self.$user_list ).css( 'column-count', 'initial' ).parent().css( 'max-width', '50%' );
}
$(selector).addClass('hovered').siblings().hide();
$('.fa-toggle-down').hide();
$( selector ).addClass( 'hovered' ).siblings().hide();
$( '.fa-toggle-down' ).hide();
self.log('Session for ' + user_id + ' is ' + user_session);
_self.log( 'Session for ' + user_id + ' is ' + user_session );
$('[data-session-id="' + user_session + '"]').parent().trigger('click', this);
$( '[data-session-id="' + user_session + '"]' ).parent().trigger( 'click', this );
$('#session-list').removeClass('hidden').show();
$('#passwordArea').show();
$('.dropdown-toggle').dropdown();
$( '#session-list' ).removeClass( 'hidden' ).show();
$( '#passwordArea' ).show();
$( '.dropdown-toggle' ).dropdown();
self.auth_pending = true;
_self.auth_pending = true;
lightdm.start_authentication(user_id);
lightdm.start_authentication( user_id );
}
/**
* Cancel the pending authentication.
*
* @param {object} event - jQuery.Event object from 'click' event.
*/
}, {
key: 'cancel_authentication',
value: function cancel_authentication(event) {
var self = event.data,
selectors = ['#statusArea', '#timerArea', '#passwordArea', '#session-list'];
value: function cancel_authentication( event ) {
var selectors = [ '#statusArea', '#timerArea', '#passwordArea', '#session-list' ];
var _iteratorNormalCompletion8 = true;
var _didIteratorError8 = false;
var _iteratorError8 = undefined;
try {
for (var _iterator8 = selectors[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
for ( var _iterator8 = selectors[ Symbol.iterator ](), _step8; ! (_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true ) {
var selector = _step8.value;
$(selector).hide();
$( selector ).hide();
}
} catch (err) {
} catch ( err ) {
_didIteratorError8 = true;
_iteratorError8 = err;
} finally {
try {
if (!_iteratorNormalCompletion8 && _iterator8.return) {
if ( ! _iteratorNormalCompletion8 && _iterator8.return ) {
_iterator8.return();
}
} finally {
if (_didIteratorError8) {
if ( _didIteratorError8 ) {
throw _iteratorError8;
}
}
@ -525,69 +585,76 @@ var AntergosTheme = (function () {
lightdm.cancel_authentication();
self.log('Cancelled authentication.');
_self.log( 'Cancelled authentication.' );
// CSS hack to work-around webkit bug
if ($(self.$user_list).children().length > 3) {
$(self.$user_list).css('column-count', '2').parent().css('max-width', '85%');
if ( $( _self.$user_list ).children().length > 3 ) {
$( _self.$user_list ).css( 'column-count', '2' ).parent().css( 'max-width', '85%' );
}
$('.hovered').removeClass('hovered').siblings().show();
$('.fa-toggle-down').show();
self.selected_user = null;
self.auth_pending = false;
$( '.hovered' ).removeClass( 'hovered' ).siblings().show();
$( '.fa-toggle-down' ).show();
_self.selected_user = null;
_self.auth_pending = false;
}
/**
* Called when the user attempts to authenticate (inputs password).
* We check to see if the user successfully authenticated and if so tell the LDM
* Greeter to log them in with the session they selected.
*/
}, {
key: 'authentication_complete',
value: function authentication_complete() {
var selected_session = $('.selected').attr('data-session-id');
var selected_session = $( '.selected' ).attr( 'data-session-id' );
_self.auth_pending = false;
_self.cache_set(selected_session, 'user', lightdm.authentication_user, 'session');
_self.cache_set( selected_session, 'user', lightdm.authentication_user, 'session' );
$('#timerArea').hide();
$( '#timerArea' ).hide();
if (lightdm.is_authenticated) {
lightdm.login(lightdm.authentication_user, selected_session);
if ( lightdm.is_authenticated ) {
// The user entered the correct password. Let's log them in.
lightdm.login( lightdm.authentication_user, selected_session );
} else {
$('#statusArea').show();
// The user did not enter the correct password. Show error message.
$( '#statusArea' ).show();
}
}
}, {
key: 'submit_password',
value: function submit_password(event) {
lightdm.provide_secret($('#passwordField').val());
$('#passwordArea').hide();
$('#timerArea').show();
value: function submit_password( event ) {
lightdm.provide_secret( $( '#passwordField' ).val() );
$( '#passwordArea' ).hide();
$( '#timerArea' ).show();
}
}, {
key: 'session_toggle_handler',
value: function session_toggle_handler(event) {
var self = event.data,
$session = $(this).children('a'),
value: function session_toggle_handler( event ) {
var $session = $( this ).children( 'a' ),
session_name = $session.text(),
session_key = $session.attr('data-session-id');
console.log($session);
session_key = $session.attr( 'data-session-id' );
$session.parents('.btn-group').find('.selected').attr('data-session-id', session_key).html(session_name);
$session.parents( '.btn-group' ).find( '.selected' ).attr( 'data-session-id', session_key ).html( session_name );
}
}, {
key: 'key_press_handler',
value: function key_press_handler(event) {
var self = event.data,
action;
switch (event.which) {
value: function key_press_handler( event ) {
var action;
switch ( event.which ) {
case 13:
action = self.auth_pending ? self.submit_password() : !self.user_list_visible ? self.show_user_list() : 0;
self.log(action);
action = _self.auth_pending ? _self.submit_password() : ! _self.user_list_visible ? _self.show_user_list() : 0;
_self.log( action );
break;
case 27:
action = self.auth_pending ? self.cancel_authentication() : 0;
self.log(action);
action = _self.auth_pending ? _self.cancel_authentication() : 0;
_self.log( action );
break;
case 32:
action = !self.user_list_visible && !self.auth_pending ? self.show_user_list() : 0;
self.log(action);
action = ! _self.user_list_visible && ! _self.auth_pending ? _self.show_user_list() : 0;
_self.log( action );
break;
default:
break;
@ -600,7 +667,7 @@ var AntergosTheme = (function () {
}, {
key: 'image_not_found',
value: function image_not_found(source) {
value: function image_not_found( source ) {
source.onerror = "";
source.src = 'img/antergos-logo-user.png';
return true;
@ -614,11 +681,11 @@ var AntergosTheme = (function () {
}, {
key: 'show_prompt',
value: function show_prompt(text) {
value: function show_prompt( text ) {
$('#passwordField').val("");
$('#passwordArea').show();
$('#passwordField').focus();
$( '#passwordField' ).val( "" );
$( '#passwordArea' ).show();
$( '#passwordField' ).focus();
}
/**
@ -629,20 +696,24 @@ var AntergosTheme = (function () {
}, {
key: 'show_message',
value: function show_message(msg) {
if (msg.length > 0) {
$(this.$msg_area).html(msg);
$('#passwordArea').hide();
$(this.$msg_area_container).show();
value: function show_message( msg ) {
if ( msg.length > 0 ) {
$( this.$msg_area ).html( msg );
$( '#passwordArea' ).hide();
$( this.$msg_area_container ).show();
}
}
}]);
} ] );
return AntergosTheme;
})();
$(window).load(function () {
/**
* Initialize the theme once the window has loaded.
*/
$( window ).load( function() {
_self = new AntergosTheme();
});
} );
//# sourceMappingURL=greeter-compiled.js.map

2
themes/antergos/js/greeter-compiled.js.map
View File

File diff suppressed because one or more lines are too long

127
themes/antergos/js/greeter.js
Unescape View File

@ -26,17 +26,31 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/**
* This is used to access our main class from within jQuery callbacks.
*/
var _self = null;
/**
* Capitalize a string.
*
* @returns {string}
*/
String.prototype.capitalize = function() {
return this.charAt( 0 ).toUpperCase() + this.slice( 1 );
};
var _self;
/**
* This is the theme's main class object. It contains almost all the theme's logic.
*/
class AntergosTheme {
constructor() {
if (null !== _self) {
return _self;
}
this.debug = this.cache_get( 'debug', 'enabled' );
this.user_list_visible = false;
this.auth_pending = false;
@ -111,12 +125,13 @@ class AntergosTheme {
}
/**
* Register callbacks for LightDM as well as any others that haven't been registered elsewhere.
* Register callbacks for the LDM Greeter as well as any others that haven't been registered
* elsewhere.
*/
register_callbacks() {
$( document ).keydown( this, this.key_press_handler);
$('.cancel_auth').click(this, this.cancel_authentication);
$('.submit_passwd').click(this, this.submit_password);
$( document ).keydown( this.key_press_handler );
$( '.cancel_auth' ).click( this.cancel_authentication );
$( '.submit_passwd' ).click( this.submit_password );
window.show_prompt = this.show_prompt;
window.show_message = this.show_message;
window.start_authentication = this.start_authentication;
@ -157,7 +172,7 @@ class AntergosTheme {
</a>`;
// Register event handler here so we don't have to iterate over the users again later.
$( template ).appendTo( this.$user_list ).click( this, this.start_authentication ).children( 'img' ).on( 'error', this.image_not_found );
$( template ).appendTo( this.$user_list ).click( this.start_authentication ).children( 'img' ).on( 'error', this.image_not_found );
} // END for ( var user of lightdm.users )
@ -184,7 +199,7 @@ class AntergosTheme {
<a href="#" data-session-id="${session.key}" class="${css_class}">${session.name}</a>
</li>`;
$( template ).appendTo( this.$session_list ).click( this, this.session_toggle_handler );
$( template ).appendTo( this.$session_list ).click( this.session_toggle_handler );
} // END for (var session of lightdm.sessions)
@ -205,7 +220,6 @@ class AntergosTheme {
for ( var action of Object.keys( actions ) ) {
var cmd = `can_${action}`;
console.log( action );
template = `
<a href="#" id="${action}" class="btn btn-default ${action}" data-toggle="tooltip" data-placement="top" title="${action.capitalize()}" data-container="body">
@ -226,7 +240,7 @@ class AntergosTheme {
var saved_format = this.cache_get( 'clock', 'time_format' ),
format = (null !== saved_format) ? saved_format : 'LT',
detected_language = 'en';
window.navigator.languages = (typeof window.navigator.languages !== 'undefined') ? window.navigator.languages : [ window.navigator.language];
window.navigator.languages = (typeof window.navigator.languages !== 'undefined') ? window.navigator.languages : [ window.navigator.language ];
// Workaround for moment.js bug: https://github.com/moment/moment/issues/2856
for ( var lang of window.navigator.languages ) {
@ -250,6 +264,11 @@ class AntergosTheme {
}, 60000 );
}
/**
* Show the user list if its not already shown. This is used to allow the user to
* display the user list by pressing Enter or Spacebar.
*/
show_user_list() {
if ( $( this.$clock_container ).hasClass( 'in' ) ) {
$( '#trigger' ).trigger( 'click' );
@ -274,37 +293,42 @@ class AntergosTheme {
break;
}
}
}
greeting = (null === greeting) ? 'Welcome!' : greeting;
}
$( '.welcome' ).text( greeting );
$( '.welcome' ).text( greeting );
$( '#hostname' ).append( lightdm.hostname );
}
/**
* Start the authentication process for the selected user.
*
* @param {object} event - jQuery.Event object from 'click' event.
*/
start_authentication( event ) {
var user_id = $( this ).attr( 'id' ),
selector = `.${user_id}`,
self = event.data,
user_session = self.cache_get( 'user', user_id, 'session' );
user_session = _self.cache_get( 'user', user_id, 'session' );
if ( self.auth_pending || null !== self.selected_user ) {
if ( _self.auth_pending || null !== _self.selected_user ) {
lightdm.cancel_authentication();
self.log( `Authentication cancelled for ${self.selected_user}` );
self.selected_user = null;
_self.log( `Authentication cancelled for ${_self.selected_user}` );
_self.selected_user = null;
}
self.log( `Starting authentication for ${user_id}.` );
self.selected_user = user_id;
_self.log( `Starting authentication for ${user_id}.` );
_self.selected_user = user_id;
// CSS hack to workaround webkit bug
if ( $( self.$user_list ).children().length > 3 ) {
$( self.$user_list ).css( 'column-count', 'initial' ).parent().css( 'max-width', '50%' );
if ( $( _self.$user_list ).children().length > 3 ) {
$( _self.$user_list ).css( 'column-count', 'initial' ).parent().css( 'max-width', '50%' );
}
$( selector ).addClass( 'hovered' ).siblings().hide();
$( '.fa-toggle-down' ).hide();
self.log( `Session for ${user_id} is ${user_session}` );
_self.log( `Session for ${user_id} is ${user_session}` );
$( `[data-session-id="${user_session}"]` ).parent().trigger( 'click', this );
@ -312,14 +336,19 @@ class AntergosTheme {
$( '#passwordArea' ).show();
$( '.dropdown-toggle' ).dropdown();
self.auth_pending = true;
_self.auth_pending = true;
lightdm.start_authentication( user_id );
}
cancel_authentication(event) {
var self = event.data,
selectors = [ '#statusArea', '#timerArea', '#passwordArea', '#session-list' ];
/**
* Cancel the pending authentication.
*
* @param {object} event - jQuery.Event object from 'click' event.
*/
cancel_authentication( event ) {
var selectors = [ '#statusArea', '#timerArea', '#passwordArea', '#session-list' ];
for ( var selector of selectors ) {
$( selector ).hide();
@ -327,20 +356,27 @@ class AntergosTheme {
lightdm.cancel_authentication();
self.log( 'Cancelled authentication.' );
_self.log( 'Cancelled authentication.' );
// CSS hack to work-around webkit bug
if ( $( self.$user_list ).children().length > 3 ) {
$( self.$user_list ).css( 'column-count', '2' ).parent().css( 'max-width', '85%' );
if ( $( _self.$user_list ).children().length > 3 ) {
$( _self.$user_list ).css( 'column-count', '2' ).parent().css( 'max-width', '85%' );
}
$( '.hovered' ).removeClass( 'hovered' ).siblings().show();
$( '.fa-toggle-down' ).show();
self.selected_user = null;
self.auth_pending = false;
_self.selected_user = null;
_self.auth_pending = false;
}
/**
* Called when the user attempts to authenticate (inputs password).
* We check to see if the user successfully authenticated and if so tell the LDM
* Greeter to log them in with the session they selected.
*/
authentication_complete() {
var selected_session = $( '.selected' ).attr( 'data-session-id' );
@ -350,43 +386,42 @@ class AntergosTheme {
$( '#timerArea' ).hide();
if ( lightdm.is_authenticated ) {
// The user entered the correct password. Let's log them in.
lightdm.login( lightdm.authentication_user, selected_session );
} else {
// The user did not enter the correct password. Show error message.
$( '#statusArea' ).show();
}
}
submit_password(event) {
submit_password( event ) {
lightdm.provide_secret( $( '#passwordField' ).val() );
$( '#passwordArea' ).hide();
$( '#timerArea' ).show();
}
session_toggle_handler( event ) {
var self = event.data,
$session = $(this).children('a'),
var $session = $( this ).children( 'a' ),
session_name = $session.text(),
session_key = $session.attr( 'data-session-id' );
console.log($session);
$session.parents( '.btn-group' ).find( '.selected' ).attr( 'data-session-id', session_key ).html( session_name );
}
key_press_handler( event ) {
var self = event.data,
action;
var action;
switch ( event.which ) {
case 13:
action = self.auth_pending ? self.submit_password() : ! self.user_list_visible ? self.show_user_list() : 0;
self.log( action );
action = _self.auth_pending ? _self.submit_password() : ! _self.user_list_visible ? _self.show_user_list() : 0;
_self.log( action );
break;
case 27:
action = self.auth_pending ? self.cancel_authentication() : 0;
self.log( action );
action = _self.auth_pending ? _self.cancel_authentication() : 0;
_self.log( action );
break;
case 32:
action = (! self.user_list_visible && ! self.auth_pending) ? self.show_user_list() : 0;
self.log( action );
action = (! _self.user_list_visible && ! _self.auth_pending) ? _self.show_user_list() : 0;
_self.log( action );
break;
default:
break;
@ -428,7 +463,11 @@ class AntergosTheme {
}
}
$( window ).load( function() {
/**
* Initialize the theme once the window has loaded.
*/
$( window ).load( () => {
_self = new AntergosTheme();
} );

Write Preview
Loading…
Cancel
Save