bootstrap-loading-screen.demo.js

(function (ng) {

	var demo = angular.module('Bootstrap.LoadingScreen.Demo', []);

	demo.constant('Stylesheets', [
		{ name:'Default',  href:'//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' },
		{ name:"Cerulean", href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/cerulean/bootstrap.min.css" },
		{ name:'Cosmo',    href:'//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/cosmo/bootstrap.min.css' },
		{ name:"Darkly",   href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/darkly/bootstrap.min.css" },
		{ name:"Flatly",   href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/flatly/bootstrap.min.css" },
		{ name:"Journal",  href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/journal/bootstrap.min.css" },
		{ name:"Lumen",    href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/lumen/bootstrap.min.css" },
		{ name:"Readable", href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/readable/bootstrap.min.css" },
		{ name:"Sandstone",href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/sandstone/bootstrap.min.css"},
		{ name:'Simplex',  href:'//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/simplex/bootstrap.min.css' },
		{ name:"Slate",    href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/slate/bootstrap.min.css" },
		{ name:"Spacelab", href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/spacelab/bootstrap.min.css" },
		{ name:"Superhero",href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/superhero/bootstrap.min.css" },
		{ name:"United",   href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/united/bootstrap.min.css" },
		{ name:"Yeti",     href:"//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/yeti/bootstrap.min.css" }
	]);

	demo.constant('Icons', [
		{ name:"Circle",  glyph:"circle-o-notch" },
		{ name:"Gear",    glyph:"cog" },
		{ name:"Arrows",  glyph:"refresh" },
		{ name:"Spinner", glyph:"spinner" }
	]);

	demo.constant('Sizes', [
		{ icon:'lg', title:'h4' },
		{ icon:'2x', title:'h4' },
		{ icon:'3x', title:'h3' },
		{ icon:'4x', title:'h2' },
		{ icon:'5x', title:'h1' }
	]);

	HeadCntl.$inject = [
		'$rootScope', '$scope',
		'Stylesheets', 'Icons', 'Sizes'
	];
	demo.controller('HeadController', HeadCntl);
	function HeadCntl (
		$root, $scope,
		styles, icons, sizes
	) {
		$root.styles = styles;
		var si = Math.floor(Math.random() * styles.length);
		$root.style = {
			index: si,
			name: styles[si].name,
			href: styles[si].href
		};

		$root.$watch('style.index', watchStyleIndex);
		function watchStyleIndex (val, old) {
			if (val != old) {
				$('body > *').fadeOut('fast').promise().done(function ()
				{
					$root.style.name = styles[val].name;
					$root.style.href = styles[val].href;
					$root.$apply('style');
					$('body > *').fadeIn('slow');
				});
			}
		}

		$root.icons = icons;
		$root.sizes = sizes;

		var is = Math.floor(Math.random() * $root.sizes.length-1)+1;
		var ii = Math.floor(Math.random() * $root.icons.length);
		$root.icon = {
			index: ii,
			name: $root.icons[ii].name,
			glyph: $root.icons[ii].glyph,
			size: is,
			blur: Math.floor(Math.random() * 5)
		};

		$root.$watch('icon.index', watchIconIndex);
		function watchIconIndex (val, old) {
			if (val != old) {
				$root.icon.name = $root.icons[val].name;
				$root.icon.glyph = $root.icons[val].glyph;
			}
		}
	}

	ConfiguratorCntl.$inject = [
		'$rootScope', '$scope'
	];
	demo.controller('ConfiguratorController', ConfiguratorCntl)
	function ConfiguratorCntl (
		$root, $scope
	) {
		$root.code = '';

		$scope.updateCode = function ()
		{
			var html = $('.loading-screen').html();

			// Remove (ng) comments
			html = html.replace(/\<\!\-\-[^\n]+\-\-\>/g, '');
			html = html.replace(/\n+/g, '\n');
			var tmp = $(
				'<div><aside class="loading-screen" style="position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999">'
				+ html +
				'</aside></div>'
			);

			// Remove ng attributes
			for (var attr in {
				'ng-class': true,
				'ng-style': true,
				'ng-switch': true,
				'ng-switch-when': true
			}) $('['+attr+']', tmp).attr(attr, null);

			// Remove ng classes
			for (var cls in {
				'ng-scope': true
			}) $('.'+cls, tmp).removeClass(cls);

			$('#codeDialog .modal-body').text($(tmp).html());

			$('#codeDialog .fa-download').parent('a.btn').attr('href', 'data:text/html,'+encodeURI($(tmp).html()));
		};
	}

	CodeDialogCntl.$inject = [ '$scope' ];
	demo.controller('CodeDialogCntl', CodeDialogCntl);
	function CodeDialogCntl (
		$scope
	) {
		$scope.selectCode = function ()
		{
			$('#codeDialog textarea.modal-body').get(0).setSelectionRange(0,9999);
		}
	}

})(angular);

jQuery(document).ready(function () {
	$('.loading-screen').fadeIn('slow');
});

jQuery(window).load(function () {
	$('.container-fluid').fadeIn('slow');
});