lightdm-webkit2-greeter/themes/antergos/js/greeter.js

/*
 * Copyright © 2015 Antergos
 *
 * greeter.js
 *
 * This file is part of lightdm-webkit-theme-antergos
 *
 * lightdm-webkit-theme-antergos 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-webkit-theme-antergos 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 this 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/>.
 */

var DEBUG = true,
	selectedUser = null,
	authPending = null,
	users_shown = null,
	userList;


/**
 * Logs.
 */
function log(text) {
	if (DEBUG) {
		$('#logArea').append(text);
		$('#logArea').append('<br/>');
	}
}

$(document).ready(function() {

	function buildUserList() {
		// User list building
		userList = $('#user-list2');
		for (var i in lightdm.users) {
			var user = lightdm.users[i];
			var tux = 'img/antergos-logo-user.png';
			var imageSrc = user.image.length > 0 ? user.image : tux;
			var lastSession = localStorage.getItem(user.name);
			if (lastSession == null && lastSession == undefined) {
				localStorage.setItem(user.name, lightdm.default_session);
				lastSession = localStorage.getItem(user.name);
			}
			log('Last Session (' + user.name + '): ' + lastSession);
			var li = '<a href="#' + user.name + '" class="list-group-item ' + user.name + '" onclick="startAuthentication(\'' + user.name + '\')" data-session="' + lastSession + '">' +
				'<img src="' + imageSrc + '" class="img-circle" alt="' + user.display_name + '" onerror="imgNotFound(this)"/> ' +
				'<span>' + user.display_name + '</span>' +
				'<span class="badge"><i class="fa fa-check"></i></span>' +
				'</a>';
			$(userList).append(li);
		}
		if ($(userList).children().length > 3) {
			$(userList).css('column-count', '2');
			$(userList).parent().css('max-width', '85%');
		}
	}

	function buildSessionList() {
		// Build Session List
		var btnGrp = $('#sessions');
		for (var i in lightdm.sessions) {
			var session = lightdm.sessions[i];
			var theClass = session.name.replace(/ /g, '');
			var button = '\n<li><a href="#" data-session-id="' + session.key + '" onclick="sessionToggle(this)" class="' + theClass + '">' + session.name + '</a></li>';

			$(btnGrp).append(button);


		}
		$('.dropdown-toggle').dropdown();
	}

	function show_users() {
		if ($('#collapseOne').hasClass('in')) {
			$('#trigger').trigger('click');
			users_shown = true;
		}
		if ($('#user-list2').length <= 1) $('#user-list2 a').trigger('click');

	}

	$(window).load(function() {

		/**
		 * UI Initialization.
		 */


		initialize_timer();
		get_hostname();

		buildUserList();
		buildSessionList();
		// Password submit when enter key is pressed

		$(document).keydown(function(e) {
			checkKey(e);
		});
		// Action buttons
		addActionLink("shutdown");
		addActionLink("hibernate");
		addActionLink("suspend");
		addActionLink("restart");
	});

	function get_hostname() {
		var hostname = lightdm.hostname;
		var hostname_span = document.getElementById('hostname');
		$(hostname_span).append(hostname);
	}

	/**
	 * Actions management.
	 *
	 *
	 */

	function update_time() {
		var time = document.getElementById("current_time");
		var date = new Date();
		var twelveHr = [
			'sq-al',
			'zh-cn',
			'zh-tw',
			'en-au',
			'en-bz',
			'en-ca',
			'en-cb',
			'en-jm',
			'en-ng',
			'en-nz',
			'en-ph',
			'en-us',
			'en-tt',
			'en-zw',
			'es-us',
			'es-mx'];
		var userLang = window.navigator.language;
		var is_twelveHr = twelveHr.indexOf(userLang);
		var hh = date.getHours();
		var mm = date.getMinutes();
		var suffix = "AM";
		if (hh >= 12) {
			suffix = "PM";
			if (is_twelveHr !== -1 && is_twelveHr !== 12) {
				hh = hh - 12;
			}
		}
		if (mm < 10) {
			mm = "0" + mm;
		}
		if (hh === 0 && is_twelveHr !== -1) {
			hh = 12;
		}
		time.innerHTML = hh + ":" + mm + " " + suffix;
	}

	function initialize_timer() {
		var userLang = window.navigator.language;
		log(userLang);
		update_time();
		setInterval(update_time, 60000);
	}

	function checkKey(event) {
		var action;
		switch (event.which) {
			case 13:
				action = authPending ? submitPassword() : !users_shown ? show_users() : 0;
				log(action);
				break;
			case 27:
				action = authPending ? cancelAuthentication() : 0;
				log(action);
				break;
			case 32:
				action = !users_shown && !authPending ? show_users() : 0;
				log(action);
				break;
			default:
				break;
		}
	}

	function addActionLink(id) {
		if (eval("lightdm.can_" + id)) {
			var label = id.substr(0, 1).toUpperCase() + id.substr(1, id.length - 1);
			var id2;
			if (id == "shutdown") {
				id2 = "power-off"
			}
			if (id == "hibernate") {
				id2 = "asterisk"
			}
			if (id == "suspend") {
				id2 = "arrow-down"
			}
			if (id == "restart") {
				id2 = "refresh"
			}
			$("#actionsArea").append('\n<button type="button" class="btn btn-default ' + id + '" data-toggle="tooltip" data-placement="top" title="' + label + '" data-container="body" onclick="handleAction(\'' + id + '\')"><i class="fa fa-' + id2 + '"></i></button>');
		}
	}

	function capitalize(string) {
		return string.charAt(0).toUpperCase() + string.slice(1);
	}

	window.handleAction = function(id) {
		log("handleAction(" + id + ")");
		eval("lightdm." + id + "()");
	};

	function getUserObj(username) {
		var user = null;
		for (var i = 0; i < lightdm.users.length; ++i) {
			if (lightdm.users[i].name == username) {
				user = lightdm.users[i];
				break;
			}
		}
		return user;
	}

	function getSessionObj(sessionname) {
		var session = null;
		for (var i = 0; i < lightdm.sessions.length; ++i) {
			if (lightdm.sessions[i].name == sessionname) {
				session = lightdm.sessions[i];
				break;
			}
		}
		return session;
	}


	window.startAuthentication = function(userId) {
		log("startAuthentication(" + userId + ")");

		if (selectedUser !== null) {
			lightdm.cancel_authentication();
			localStorage.setItem('selUser', null);
			log("authentication cancelled for " + selectedUser);
		}
		localStorage.setItem('selUser', userId);
		selectedUser = '.' + userId;
		$(selectedUser).addClass('hovered');
		console.log(userList);
		if ($(userList).children().length > 3) {
			$(userList).css('column-count', 'initial');
			$(userList).parent().css('max-width', '50%');
		}
		$(selectedUser).siblings().hide();
		$('.fa-toggle-down').hide();


		var usrSession = localStorage.getItem(userId);
		if (! usrSession) {
			var user_session = lightdm.get_user_session(userId);
			usrSession = user_session ? user_session : lightdm.get_default_session();
			localStorage.setItem(userId, usrSession);
		}

		log("usrSession: " + usrSession);

		var usrSessionEl = "[data-session-id=" + usrSession + "]";
		var usrSessionName = $(usrSessionEl).html();
		log("usrSessionName: " + usrSessionName);
		$('.selected').html(usrSessionName);
		$('.selected').attr('data-session-id', usrSession);
		$('#session-list').removeClass('hidden');
		$('#session-list').show();
		$('#passwordArea').show();
		$('.dropdown-toggle').dropdown();
		authPending = true;

		lightdm.start_authentication(userId);
	};

	window.cancelAuthentication = function() {
		log("cancelAuthentication()");
		$('#statusArea').hide();
		$('#timerArea').hide();
		$('#passwordArea').hide();
		$('#session-list').hide();
		lightdm.cancel_authentication();
		log("authentication cancelled for " + selectedUser);
		if ($(userList).children().length > 3) {
			$(userList).css('column-count', '2');
			$(userList).parent().css('max-width', '85%');
		}
		$('.list-group-item').removeClass('hovered').siblings().show();
		$('.fa-toggle-down').show();
		selectedUser = null;
		authPending = false;
		return true;
	};

	window.submitPassword = function() {
		log("provideSecret()");
		lightdm.provide_secret($('#passwordField').val());
		$('#passwordArea').hide();
		$('#timerArea').show();
		log("done");
	};

	/**
	 * Image loading management.
	 */

	window.imgNotFound = function(source) {
		source.src = 'img/antergos-logo-user.png';
		source.onerror = "";
		return true;
	};

	window.sessionToggle = function(el) {
		var selText = $(el).text();
		var theID = $(el).attr('data-session-id');
		var selUser = localStorage.getItem('selUser');
		$(el).parents('.btn-group').find('.selected').attr('data-session-id', theID);
		$(el).parents('.btn-group').find('.selected').html(selText);
		localStorage.setItem(selUser, theID)
	};
});

/**
 * Lightdm Callbacks
 */
function show_prompt(text) {
	log("show_prompt(" + text + ")");
	$('#passwordField').val("");
	$('#passwordArea').show();
	$('#passwordField').focus();
}

function authentication_complete() {
	log("authentication_complete()");
	authPending = false;
	$('#timerArea').hide();
	var selSession = $('.selected').attr('data-session-id');
	if (lightdm.is_authenticated) {
		log("authenticated !");
		lightdm.login(lightdm.authentication_user, selSession);
	} else {
		log("not authenticated !");
		$('#statusArea').show();
	}
}

function show_message(text) {
	var msgWrap = document.getElementById('statusArea'),
		showMsg = document.getElementById('showMsg');
	showMsg.innerHTML = text;
	if (text.length > 0) {
		$('#passwordArea').hide();
		$(msgWrap).show();
	}
}

function show_error(text) {
	show_message(text);
}