Subversion-Projekte lars-tiefland.ci

Revision

Revision 868 | Ganze Datei anzeigen | Leerzeichen ignorieren | Details | Blame | Letzte Änderung | Log anzeigen | RSS feed

Revision 868 Revision 1295
Zeile 1... Zeile 1...
1 
<style>
 1 
<style>
2 
	.tabelle{
 2 
	.tabelle{
3 
		width:100%!important;
 3 
		width:100%!important;
4 
	}
 4 
	}
5 
	.tableRow,
 5 
	.tableRow,
6 
	.tableHeader{
 6 
	.tableHeader{
7 
		clear:both;
 7 
		clear:both;
8 
		float:none;
 8 
		float:none;
9 
	}
 9 
	}
10 
	.tableHeader
 10 
	.tableHeader
11 
	{
 11 
	{
12 
		font-weight:bold;
 12 
		font-weight:bold;
13 
	}
 13 
	}
14 
	.tabelle .tableRow div,
 14 
	.tabelle .tableRow div,
15 
	.tabelle .tableHeader div
 15 
	.tabelle .tableHeader div
16 
	{
 16 
	{
17 
		width:25%!important;
 17 
		width:25%!important;
18 
		float:left;
 18 
		float:left;
19 
	}
 19 
	}
20 
</style>
20 
</style>
21 
<script>
 21 
<script>
22 
	$(document).ready(function(){
 22 
	$(document).ready(function(){
23 
		$('#loading').hide().ajaxStart(function() {
 23 
		$('#loading').hide().ajaxStart(function() {
24 
			$(this).show();
 24 
			$(this).show();
25 
		}).ajaxStop(function() {
 25 
		}).ajaxStop(function() {
26 
			$(this).hide();
 26 
			$(this).hide();
27 
		});
27 
		});
28
28
29 
		var updateDiv = function (){
 29 
		var updateDiv = function (){
30
30
31 
		$('#reloadTabelle').load('job_monitor.php?mode=reload', function () {
 31 
		$('#reloadTabelle').load('job_monitor.php?mode=reload', function () {
32
32
33 
			deinTimer = window.setTimeout(updateDiv, 5000);
 33 
			deinTimer = window.setTimeout(updateDiv, 5000);
34 
		});
 34 
		});
35 
		}
 35 
		}
36 
		var deinTimer = window.setTimeout(updateDiv, 5000);
 36 
		var deinTimer = window.setTimeout(updateDiv, 5000);
37
37
38 
		var opts = {
 38 
		var opts = {
39 
			lines: 7, // The number of lines to draw
 39 
			lines: 7, // The number of lines to draw
40 
			length: 20, // The length of each line
 40 
			length: 20, // The length of each line
41 
			width: 5, // The line thickness
 41 
			width: 5, // The line thickness
42 
			radius: 10, // The radius of the inner circle
 42 
			radius: 10, // The radius of the inner circle
43 
			corners: 1, // Corner roundness (0..1)
 43 
			corners: 1, // Corner roundness (0..1)
44 
			rotate: 11, // The rotation offset
 44 
			rotate: 11, // The rotation offset
45 
			direction: 1, // 1: clockwise, -1: counterclockwise
 45 
			direction: 1, // 1: clockwise, -1: counterclockwise
46 
			color: '#000', // #rgb or #rrggbb or array of colors
 46 
			color: '#000', // #rgb or #rrggbb or array of colors
47 
			speed: 0.9, // Rounds per second
 47 
			speed: 0.9, // Rounds per second
48 
			trail: 69, // Afterglow percentage
 48 
			trail: 69, // Afterglow percentage
49 
			shadow: false, // Whether to render a shadow
 49 
			shadow: false, // Whether to render a shadow
50 
			hwaccel: false, // Whether to use hardware acceleration
 50 
			hwaccel: false, // Whether to use hardware acceleration
51 
			className: 'spinner', // The CSS class to assign to the spinner
 51 
			className: 'spinner', // The CSS class to assign to the spinner
52 
			zIndex: 1000, // The z-index (defaults to 2000000000)
 52 
			zIndex: 1000, // The z-index (defaults to 2000000000)
53 
			top: '40%', // Top position relative to parent
 53 
			top: '40%', // Top position relative to parent
54 
			left: '50%' // Left position relative to parent
 54 
			left: '50%' // Left position relative to parent
55 
		};
 55 
		};
56
56
57 
		var loading = document.getElementById('loading');
 57 
		var loading = document.getElementById('loading');
58 
		var spinner = new Spinner(opts).spin(loading);
 58 
		var spinner = new Spinner(opts).spin(loading);
59
59
60 
	});
 60 
	});
61 
 
 61 
 
62 
</script>
62 
</script>
63 
<div class="tabelle">
 63 
<div class="tabelle">
64 
	<div class="tableHeader">
 64 
	<div class="tableHeader">
65 
		<div>Name</div>
 65 
		<div>Name</div>
66 
		<div>Beschreibung</div>
 66 
		<div>Beschreibung</div>
67 
		<div>Kategorie</div>
 67 
		<div>Kategorie</div>
68 
		<div>Startzeit</div>
 68 
		<div>Startzeit</div>
69 
	</div>
 69 
	</div>
70 
	<div id="reloadTabelle">
 70 
	<div id="reloadTabelle">
71 
		{include file="job_monitor_daten.tpl"}
 71 
		{include file="job_monitor_daten.tpl"}
72 
	</div>
 72 
	</div>
73 
</div>
 73 
</div>
74 
<div id="loading"></div>
 74 
<div id="loading"></div>