[FEATURE] Link to Server Teams Email
[Sites/StatusTypo3Org.git] / static / indexTemplate.html
1 <!DOCTYPE html>
2 <html lang="en-us">
3 <head>
4 <title>TYPO3 - Server Health</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 <meta charset="utf-8">
7 <meta name="robots" content="index, follow" />
8 <link rel="shortcut icon" href="static/favicon.ico" type="image/x-ico; charset=binary" />
9 <link rel="icon" href="static/favicon.ico" type="image/x-ico; charset=binary" />
10 <link rel="stylesheet" type="text/css" href="static/style.css" media="all" />
11 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
12 <script type="text/javascript">
13 $(document).ready( function() {
14 function fetchStatus(){
15 $('#statusLog').load('example.php?ajax=1', function(){
16 validate();
17 });
18 }
19
20 function validate(){
21 $('body').removeClass('slow');
22 $('body').removeClass('failure');
23 var slow = $('.slow').length;
24 var failure = $('.failure').length;
25 var server = $('.hostEntry').length;
26 $('#allServer').text(server);
27 $('#slowServer').text(slow);
28 $('#failureServer').text(failure);
29 if( slow > 0) $('body').addClass('slow');
30 if( failure > 0) $('body').addClass('failure');
31 }
32 setInterval(fetchStatus, 60000);
33 validate();
34 });
35 </script>
36 </head>
37 <body>
38 <div id="around">
39 <header>
40 <h1>Server Monitoring</h1>
41 <div>Need further assistance? <a href="mailto:admin@typo3.org">Contact the Server Team</a>!</div>
42 </header>
43
44 <div id="content">
45 <div id="statusStatistic">
46 <span id="allServer">0</span> Server monitored |
47 <span id="slowServer">0</span> Server slow |
48 <span id="failureServer">0</span> Server failed
49 </div>
50 <div id="statusLog">{statusDiv}</div>
51 <div id="infoLog">
52 <h2>Server status</h2>
53 <p class="infoDemo">Server is ok</p>
54 <p class="slowDemo infoDemo">Server is slow</p>
55 <p class="failureDemo infoDemo">Server is on error</p>
56 </div>
57 <div id="twitter">
58 <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
59 <script>
60 new TWTR.Widget({
61 version: 2,
62 type: 'profile',
63 rpp: 5,
64 interval: 30000,
65 width: 230,
66 height: 450,
67 theme: {
68 shell: {
69 background: '#333333',
70 color: '#ffffff'
71 },
72 tweets: {
73 background: '#000000',
74 color: '#ffffff',
75 links: '#4aed05'
76 }
77 },
78 features: {
79 scrollbar: true,
80 loop: false,
81 live: true,
82 behavior: 'all'
83 }
84 }).render().setUser('typo3server').start();
85 </script>
86 </div>
87 </div>
88
89 <footer>
90 <div>&copy; 2012 TYPO3 Association. All rights reserved.</div>
91 </footer>
92 </div>
93
94 </body>
95 </html>