Subversion-Projekte lars-tiefland.ci

Revision

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

Revision 855 Revision 866
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 
	});
Zeile 61... Zeile 61...
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="common/job_monitor_daten.tpl"}
 71 
		{include file="common/job_monitor_daten.tpl"}
72 
    </div>
 72 
	</div>
73 
</div>
 73 
</div>