Browse Source

cleaning up, almost ready

sisyphus
Dustin Falgout 9 years ago
parent
commit
b778735b95
  1. 124
      themes/antergos/index.html
  2. 207
      themes/antergos/js/greeter-compiled.js
  3. 2
      themes/antergos/js/greeter-compiled.js.map
  4. 46
      themes/antergos/js/greeter.js

124
themes/antergos/index.html

@ -55,137 +55,31 @@
<script type="text/javascript" src="js/translations.js"></script>
<script type="text/javascript" src="js/greeter-compiled.js"></script>
<script type="text/javascript">
function randomBG() {
localStorage.setItem( "bgsaved", '' );
$( ".bgs .bg .random" ).first().addClass( 'active' );
var arrayBackground = [];
$( '.bgs .clearfix' ).each( function( i ) {
if ( i > 0 ) {
arrayBackground.push( $( this ).attr( 'data-img' ) );
}
} );
var randBG = arrayBackground[ Math.floor( Math.random() * arrayBackground.length ) ];
$( '.header' ).fadeTo( 300, 0.5, function() {
$( ".header" ).css( "background", "url('/usr/share/antergos/wallpapers/" + randBG + "')" );
} ).fadeTo( 300, 1 );
}
$( function() {
// bg switcher
var $btns = $( ".bg-switch .bg" );
$btns.click( function( e ) {
e.preventDefault();
$btns.removeClass( "active" );
$( ".bgs .bg .random" ).first().removeClass( 'active' );
$( this ).addClass( "active" );
var bg = $( this ).data( "img" );
if ( bg == 'random' ) {
console.log( "Sets random background" );
localStorage.setItem( "bgrandom", '1' );
randomBG();
} else {
console.log( "Turn off random" );
localStorage.setItem( "bgrandom", '0' );
$( '.header' ).fadeTo( 300, 0.5, function() {
$( ".header" ).css( "background", "url('/usr/share/antergos/wallpapers/" + bg + "')" );
} ).fadeTo( 300, 1 );
var bgurl = "url('/usr/share/antergos/wallpapers/" + bg + "')";
localStorage.setItem( "bgsaved", bgurl )
}
} );
} );
$( document ).ready( function() {
if ( (localStorage.getItem( "bgsaved" ) !== null) && (localStorage.getItem( "bgrandom" ) == '0') ) {
$( '.header' ).fadeTo( 300, 0.5, function() {
$( ".header" ).css( "background", localStorage.getItem( 'bgsaved' ) );
} ).fadeTo( 300, 1 );
}
if ( localStorage.getItem( "bgrandom" ) !== '0' ) {
console.log( "Is random" );
randomBG();
}
if ( localStorage.getItem( "bgrandom" ) == null ) {
localStorage.setItem( "bgrandom", "1" );
}
$( '.dropdown-toggle' ).dropdown();
} );
function showAlert() {
$( "#login" ).addClass( "in" );
}
window.setTimeout( function() {
showAlert();
}, 500 );
function showLog() {
$( "#logArea" ).show();
}
</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 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>
<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> <a href="#" data-img="antergos-wallpaper.png" class="bg clearfix">
<img src="img/thumbs/antergos-wallpaper.png"/> </a>
<a href="#" data-img="83II_by_bo0xVn.jpg" class="bg clearfix">
<img src="img/thumbs/83II_by_bo0xVn.jpg"/> </a>
<a href="#" data-img="as_time_goes_by____by_moskanon-d5dgvt8.jpg" class="bg clearfix">
<img src="img/thumbs/as_time_goes_by____by_moskanon-d5dgvt8.jpg"/> </a>
<a href="#" data-img="autumn_hike___plant_details_by_aoiban-d5l7y83.jpg" class="bg clearfix">
<img src="img/thumbs/autumn_hike___plant_details_by_aoiban-d5l7y83.jpg"/> </a>
<a href="#" data-img="blossom_by_snipes2.jpg" class="bg clearfix">
<img src="img/thumbs/blossom_by_snipes2.jpg"/> </a>
<a href="#" data-img="c65sk3mshowxrtlljbvh.jpg" class="bg clearfix">
<img src="img/thumbs/c65sk3mshowxrtlljbvh.jpg"/> </a>
<a href="#" data-img="early_morning_by_kylekc.jpg" class="bg clearfix">
<img src="img/thumbs/early_morning_by_kylekc.jpg"/> </a>
<a href="#" data-img="extinction_by_signcropstealer-d5j4y84.jpg" class="bg clearfix">
<img src="img/thumbs/extinction_by_signcropstealer-d5j4y84.jpg"/> </a>
<a href="#" data-img="field_by_stevenfields-d59ap2i.jpg" class="bg clearfix">
<img src="img/thumbs/field_by_stevenfields-d59ap2i.jpg"/> </a>
<a href="#" data-img="Grass_by_masha_darkelf666.jpg" class="bg clearfix">
<img src="img/thumbs/Grass_by_masha_darkelf666.jpg"/> </a>
<a href="#" data-img="Grass_Fullscreen.jpg" class="bg clearfix">
<img src="img/thumbs/Grass_Fullscreen.jpg"/> </a>
<a href="#" data-img="humble_by_splendidofsun-d5g47hb.jpg" class="bg clearfix">
<img src="img/thumbs/humble_by_splendidofsun-d5g47hb.jpg"/> </a>
<a href="#" data-img="In_the_Grass.jpg" class="bg clearfix"> <img src="img/thumbs/In_the_Grass.jpg"/>
</a> <a href="#" data-img="morning_light.jpg" class="bg clearfix">
<img src="img/thumbs/morning_light.jpg"/> </a>
<a href="#" data-img="Nautilus_Fullscreen.jpg" class="bg clearfix">
<img src="img/thumbs/Nautilus_Fullscreen.jpg"/> </a>
<a href="#" data-img="nikon_d40.jpg" class="bg clearfix"> <img src="img/thumbs/nikon_d40.jpg"/> </a>
<a href="#" data-img="solely_by_stevenfields.jpg" class="bg clearfix">
<img src="img/thumbs/solely_by_stevenfields.jpg"/> </a>
<a href="#" data-img="sky_full_of_stars.jpg" class="bg clearfix">
<img src="img/thumbs/sky_full_of_stars.jpg"/> </a>
<a href="#" data-img="the_world_inside_my_lens__by_moskanon-d5fsiqs.jpg" class="bg clearfix">
<img src="img/thumbs/the_world_inside_my_lens__by_moskanon-d5fsiqs.jpg"/> </a>
<a href="#" data-img="white_line_by_snipes2.jpg" class="bg clearfix">
<img src="img/thumbs/white_line_by_snipes2.jpg"/> </a>
</a>
<!--Background thumbnails will be added here dynamically -->
</div>
</div>
</div>
@ -202,9 +96,9 @@
<!-- Login Dialog -->
<div id="login" class="panel panel-default login-box fade">
<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 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">

207
themes/antergos/js/greeter-compiled.js

@ -52,7 +52,7 @@ String.prototype.capitalize = function () {
};
/**
* This class handles the theme's background switcher.
* This is the base class for the theme's components.
*/
var GreeterThemeComponent = (function () {
@ -187,12 +187,44 @@ var GreeterThemeComponent = (function () {
if ('undefined' !== typeof config) {
if (this instanceof AntergosTheme) {
logo = config.get_str('branding', 'logo_image') || '';
logo = config.get_str('branding', 'logo') || '';
} else if (this instanceof AntergosBackgroundManager) {
background_images_dir = config.get_str('branding', 'background_images') || '';
if (background_images_dir) {
background_images = greeterutil.dirlist(background_images_dir) || [];
}
if (background_images.length) {
var images = [];
var _iteratorNormalCompletion3 = true;
var _didIteratorError3 = false;
var _iteratorError3 = undefined;
try {
for (var _iterator3 = background_images[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
file = _step3.value;
if (file.match(/(png|PNG)|(jpg|JPEG)|(bmp|BMP)/)) {
images.push(file);
}
}
} catch (err) {
_didIteratorError3 = true;
_iteratorError3 = err;
} finally {
try {
if (!_iteratorNormalCompletion3 && _iterator3.return) {
_iterator3.return();
}
} finally {
if (_didIteratorError3) {
throw _iteratorError3;
}
}
}
background_images = images;
}
}
}
@ -213,7 +245,7 @@ var AntergosBackgroundManager = (function (_GreeterThemeComponen) {
_inherits(AntergosBackgroundManager, _GreeterThemeComponen);
function AntergosBackgroundManager() {
var _ret2;
var _ret;
_classCallCheck(this, AntergosBackgroundManager);
@ -226,18 +258,16 @@ var AntergosBackgroundManager = (function (_GreeterThemeComponen) {
_this.current_background = _this.cache_get('background_config', 'current_background');
if (!_this.background_images_dir.length || !_this.background_images.length) {
var _ret;
_this.log('AntergosBackgroundManager: [ERROR] No background images detected.');
$('.header').fadeTo(300, 0.5, function () {
$('.header').css("background", '#000000');
}).fadeTo(300, 1);
return _ret = _bg_self, _possibleConstructorReturn(_this, _ret);
} else {
_this.initialize();
}
_this.initialize();
return _ret2 = _bg_self, _possibleConstructorReturn(_this, _ret2);
return _ret = _bg_self, _possibleConstructorReturn(_this, _ret);
}
_createClass(AntergosBackgroundManager, [{
@ -282,15 +312,40 @@ var AntergosBackgroundManager = (function (_GreeterThemeComponen) {
return this.background_images[random_bg];
}
}, {
key: 'get_old_backgrounds',
value: function get_old_backgrounds() {
var old_backgrounds = [];
key: 'setup_background_thumbnails',
value: function setup_background_thumbnails() {
if (this.background_images.length) {
var _iteratorNormalCompletion4 = true;
var _didIteratorError4 = false;
var _iteratorError4 = undefined;
try {
for (var _iterator4 = this.background_images[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
image_file = _step4.value;
var $link = $('<a href="#"><img>'),
$img_el = $link.children('img');
$('.bgs .clearfix').each(function (i) {
if (i > 0) {
old_backgrounds.push($(this).attr('data-img'));
$link.addClass('bg clearfix').attr('data-img', image_file);
$img_el.attr('src', image_file);
$link.appendTo($('.bgs'));
}
} catch (err) {
_didIteratorError4 = true;
_iteratorError4 = err;
} finally {
try {
if (!_iteratorNormalCompletion4 && _iterator4.return) {
_iterator4.return();
}
} finally {
if (_didIteratorError4) {
throw _iteratorError4;
}
}
}
});
}
}
}]);
@ -305,7 +360,7 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
_inherits(AntergosTheme, _GreeterThemeComponen2);
function AntergosTheme() {
var _ret3;
var _ret2;
_classCallCheck(this, AntergosTheme);
@ -328,7 +383,7 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
_this2.initialize();
return _ret3 = _self, _possibleConstructorReturn(_this2, _ret3);
return _ret2 = _self, _possibleConstructorReturn(_this2, _ret2);
}
_createClass(AntergosTheme, [{
@ -341,8 +396,9 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
this.prepare_user_list();
this.prepare_session_list();
this.prepare_system_action_buttons();
$("#login").addClass("in");
this.register_callbacks();
this.background_manager.setup_background_thumbnails();
}
/**
@ -379,13 +435,13 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
template;
// Loop through the array of LightDMUser objects to create our user list.
var _iteratorNormalCompletion3 = true;
var _didIteratorError3 = false;
var _iteratorError3 = undefined;
var _iteratorNormalCompletion5 = true;
var _didIteratorError5 = false;
var _iteratorError5 = undefined;
try {
for (var _iterator3 = lightdm.users[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
var user = _step3.value;
for (var _iterator5 = lightdm.users[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
var user = _step5.value;
var last_session = this.cache_get('user', user.name, 'session'),
image_src = user.image.length ? user.image : tux;
@ -409,16 +465,16 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
$(template).appendTo(this.$user_list).click(this.start_authentication);
} // END for ( var user of lightdm.users )
} catch (err) {
_didIteratorError3 = true;
_iteratorError3 = err;
_didIteratorError5 = true;
_iteratorError5 = err;
} finally {
try {
if (!_iteratorNormalCompletion3 && _iterator3.return) {
_iterator3.return();
if (!_iteratorNormalCompletion5 && _iterator5.return) {
_iterator5.return();
}
} finally {
if (_didIteratorError3) {
throw _iteratorError3;
if (_didIteratorError5) {
throw _iteratorError5;
}
}
}
@ -437,13 +493,13 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
key: 'prepare_session_list',
value: function prepare_session_list() {
// Loop through the array of LightDMSession objects to create our session list.
var _iteratorNormalCompletion4 = true;
var _didIteratorError4 = false;
var _iteratorError4 = undefined;
var _iteratorNormalCompletion6 = true;
var _didIteratorError6 = false;
var _iteratorError6 = undefined;
try {
for (var _iterator4 = lightdm.sessions[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
var session = _step4.value;
for (var _iterator6 = lightdm.sessions[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
var session = _step6.value;
var css_class = session.name.replace(/ /g, ''),
template;
@ -455,16 +511,16 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
$(template).appendTo(this.$session_list).click(this.session_toggle_handler);
} // END for (var session of lightdm.sessions)
} catch (err) {
_didIteratorError4 = true;
_iteratorError4 = err;
_didIteratorError6 = true;
_iteratorError6 = err;
} finally {
try {
if (!_iteratorNormalCompletion4 && _iterator4.return) {
_iterator4.return();
if (!_iteratorNormalCompletion6 && _iterator6.return) {
_iterator6.return();
}
} finally {
if (_didIteratorError4) {
throw _iteratorError4;
if (_didIteratorError6) {
throw _iteratorError6;
}
}
}
@ -487,13 +543,13 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
},
template;
var _iteratorNormalCompletion5 = true;
var _didIteratorError5 = false;
var _iteratorError5 = undefined;
var _iteratorNormalCompletion7 = true;
var _didIteratorError7 = false;
var _iteratorError7 = undefined;
try {
for (var _iterator5 = Object.keys(actions)[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
var action = _step5.value;
for (var _iterator7 = Object.keys(actions)[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
var action = _step7.value;
var cmd = 'can_' + action;
@ -504,16 +560,16 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
}
} // END for (var [action, icon] of actions)
} catch (err) {
_didIteratorError5 = true;
_iteratorError5 = err;
_didIteratorError7 = true;
_iteratorError7 = err;
} finally {
try {
if (!_iteratorNormalCompletion5 && _iterator5.return) {
_iterator5.return();
if (!_iteratorNormalCompletion7 && _iterator7.return) {
_iterator7.return();
}
} finally {
if (_didIteratorError5) {
throw _iteratorError5;
if (_didIteratorError7) {
throw _iteratorError7;
}
}
}
@ -560,18 +616,19 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
$('.welcome').text(greeting);
$('#hostname').append(lightdm.hostname);
$('[data-greeter-config="logo"]').attr('src', logo);
}
}, {
key: 'prepare_translations',
value: function prepare_translations() {
if (!this.translations.hasOwnProperty(this.lang)) {
var _iteratorNormalCompletion6 = true;
var _didIteratorError6 = false;
var _iteratorError6 = undefined;
var _iteratorNormalCompletion8 = true;
var _didIteratorError8 = false;
var _iteratorError8 = undefined;
try {
for (var _iterator6 = window.navigator.languages[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
var lang = _step6.value;
for (var _iterator8 = window.navigator.languages[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
var lang = _step8.value;
if (this.translations.hasOwnProperty(lang)) {
this.lang = lang;
@ -579,16 +636,16 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
}
}
} catch (err) {
_didIteratorError6 = true;
_iteratorError6 = err;
_didIteratorError8 = true;
_iteratorError8 = err;
} finally {
try {
if (!_iteratorNormalCompletion6 && _iterator6.return) {
_iterator6.return();
if (!_iteratorNormalCompletion8 && _iterator8.return) {
_iterator8.return();
}
} finally {
if (_didIteratorError6) {
throw _iteratorError6;
if (_didIteratorError8) {
throw _iteratorError8;
}
}
}
@ -672,27 +729,27 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
value: function cancel_authentication(event) {
var selectors = ['#statusArea', '#timerArea', '#passwordArea', '#session-list'];
var _iteratorNormalCompletion7 = true;
var _didIteratorError7 = false;
var _iteratorError7 = undefined;
var _iteratorNormalCompletion9 = true;
var _didIteratorError9 = false;
var _iteratorError9 = undefined;
try {
for (var _iterator7 = selectors[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
var selector = _step7.value;
for (var _iterator9 = selectors[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
var selector = _step9.value;
$(selector).hide();
}
} catch (err) {
_didIteratorError7 = true;
_iteratorError7 = err;
_didIteratorError9 = true;
_iteratorError9 = err;
} finally {
try {
if (!_iteratorNormalCompletion7 && _iterator7.return) {
_iterator7.return();
if (!_iteratorNormalCompletion9 && _iterator9.return) {
_iterator9.return();
}
} finally {
if (_didIteratorError7) {
throw _iteratorError7;
if (_didIteratorError9) {
throw _iteratorError9;
}
}
}
@ -732,7 +789,7 @@ var AntergosTheme = (function (_GreeterThemeComponen2) {
if (lightdm.is_authenticated) {
// The user entered the correct password. Let's log them in.
$('body').fadeOut();
$('body').fadeOut(1000);
lightdm.login(lightdm.authentication_user, selected_session);
} else {
// The user did not enter the correct password. Show error message.

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

File diff suppressed because one or more lines are too long

46
themes/antergos/js/greeter.js

@ -49,7 +49,7 @@ String.prototype.capitalize = function() {
/**
* This class handles the theme's background switcher.
* This is the base class for the theme's components.
*/
class GreeterThemeComponent {
@ -120,13 +120,23 @@ class GreeterThemeComponent {
if ( 'undefined' !== typeof config ) {
if ( this instanceof AntergosTheme ) {
logo = config.get_str( 'branding', 'logo_image' ) || '';
logo = config.get_str( 'branding', 'logo' ) || '';
} else if ( this instanceof AntergosBackgroundManager ) {
background_images_dir = config.get_str( 'branding', 'background_images' ) || '';
if (background_images_dir) {
background_images = greeterutil.dirlist(background_images_dir) || [];
}
if (background_images.length) {
let images = [];
for (file of background_images) {
if (file.match(/(png|PNG)|(jpg|JPEG)|(bmp|BMP)/)) {
images.push(file);
}
}
background_images = images;
}
}
}
@ -157,13 +167,14 @@ class AntergosBackgroundManager extends GreeterThemeComponent {
if ( ! this.background_images_dir.length || ! this.background_images.length ) {
this.log('AntergosBackgroundManager: [ERROR] No background images detected.');
$( '.header' ).fadeTo( 300, 0.5, function() {
$( '.header' ).css( "background", '#000000' );
} ).fadeTo( 300, 1 );
return _bg_self;
}
this.initialize();
} else {
this.initialize();
}
return _bg_self;
}
@ -209,18 +220,19 @@ class AntergosBackgroundManager extends GreeterThemeComponent {
return this.background_images[ random_bg ];
}
setup_background_thumbnails() {
if (this.background_images.length) {
for ( image_file of this.background_images) {
let $link = $('<a href="#"><img>'),
$img_el = $link.children('img');
get_old_backgrounds() {
var old_backgrounds = [];
$link.addClass('bg clearfix').attr('data-img', image_file);
$img_el.attr('src', image_file);
$( '.bgs .clearfix' ).each( function(i) {
if ( i > 0 ) {
old_backgrounds.push( $( this ).attr( 'data-img' ) );
$link.appendTo($('.bgs'));
}
});
}
}
}
@ -263,8 +275,9 @@ class AntergosTheme extends GreeterThemeComponent {
this.prepare_user_list();
this.prepare_session_list();
this.prepare_system_action_buttons();
$( "#login" ).addClass( "in" );
this.register_callbacks();
this.background_manager.setup_background_thumbnails();
}
@ -415,10 +428,9 @@ class AntergosTheme extends GreeterThemeComponent {
var greeting = (this.translations.greeting) ? this.translations.greeting : 'Welcome!',
logo = ( '' !== this.logo ) ? this.logo : 'img/antergos.png';
$( '.welcome' ).text( greeting );
$( '#hostname' ).append( lightdm.hostname );
$('[data-greeter-config="logo"]').attr('src', logo);
}
@ -542,7 +554,7 @@ class AntergosTheme extends GreeterThemeComponent {
if ( lightdm.is_authenticated ) {
// The user entered the correct password. Let's log them in.
$('body').fadeOut();
$('body').fadeOut(1000);
lightdm.login( lightdm.authentication_user, selected_session );
} else {
// The user did not enter the correct password. Show error message.

Loading…
Cancel
Save