Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

vigiboard / vigiboard / templates / vigiboard.html @ 693e96f1

History | View | Annotate | Download (4.13 KB)

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
2
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml"
4
      xmlns:py="http://genshi.edgewall.org/"
5
      xmlns:xi="http://www.w3.org/2001/XInclude">
6

    
7
  <xi:include href="vigiboard_event_table.html" />
8

    
9
<head>
10
  <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
11
  <title>Vigiboard</title>
12
  <link rel="stylesheet" type="text/css" href="${tg.url('/css/vigiboard_style.css')}" />
13
</head>
14

    
15
<body style="font-size:${tg.session.get('fontsize',tg.config['vigiboard_font.size'])}px">
16
        
17
<table class="table_top" summary="Barre Outils">
18
        <tr>
19
                <td style="width: 20%;text-align: left;">
20
                        <a py:if="tg.config['vigiboard_links.logo'] != ''" href="${tg.config['vigiboard_links.logo']}"><img alt="logo" title="Logo" src="${tg.url('/images/vigilo.png')}" style="width:58px;"/></a>
21
                        <a py:if="tg.config['vigiboard_links.logo'] == ''" href="${tg.url('/')}"><img alt="logo" title="Logo" src="${tg.url('/images/vigilo.png')}" style="width:58px;"/></a>
22
                        v${tg.config['vigiboard_version']}</td>
23
                <td style="text-align: center">
24
                        <span py:if="search['host'] != '' or search['service'] != '' or search['output'] != '' or search['tt'] != ''" style="color:rgb(70, 130, 180)">
25
                                Mode recherche, <a href="${tg.url('/')}" style="color:rgb(70, 130, 180); text-decoration: underline;">cliquer ici</a> pour revenir au mode initial.
26
                        </span>
27
                </td>
28
                <td style="width: 200px;text-align: right;">
29
                        <select id="refresh_time" class="refresh_select">
30
                                <option value="0">Never</option>
31
                                <option value="30000">30 Secondes</option>
32
                                <option value="60000">1 Minute</option>
33
                                <option value="300000">5 Minutes</option>
34
                                <option value="600000">10 Minutes</option>
35
                        </select>
36
                        <input type="button" id="refresh_button" class="refresh_button" onclick="javascript:change_refresh($('#refresh_time').val())" value="[Start]" />
37
                        </td>
38
                        <td style="width: 100px;text-align: right;">
39
                        <a href="javascript:change_fontsize(5)"><img alt="Default font size" title="Default font size" src="${tg.url('/images/icn_text_sm.png')}" /></a>
40
                        <a href="javascript:change_fontsize(10)"><img alt="Medium font size" title="Medium font size" src="${tg.url('/images/icn_text_md.png')}" /></a>
41
                        <a href="javascript:change_fontsize(25)"><img alt="Large font size" title="Large font size" src="${tg.url('/images/icn_text_lg.png')}" /></a>
42
                </td>
43
                        <td style="width: 100px;text-align: right;">
44
                        <a href="${tg.url('/')}">
45
                                <img alt="accueil" title="Accueil" src="${tg.url('/images/home.gif')}" />
46
                        </a>
47
                        <a id="SearchLien" href="javascript:vigiboard_searchdialog()">
48
                                <img src="${tg.url('/images/filter.png')}" alt="filtrer" title="Filtrer"/>
49
                        </a>
50
                </td>
51
        </tr>
52
</table>        
53

    
54
<py:with vars="flash=tg.flash_obj.render('flash', use_js=False)">
55
<div py:if="flash" py:content="XML(flash)" />
56
</py:with>
57
<div class="main_content">
58
        ${event_table(events,page,pages,id_first_row,id_last_row,total_row,event_edit_status_options,history,hist_error,search)}
59
</div>
60
<script type="text/javascript">
61
        $("#flash").show("slow",function(){
62
                setTimeout('$("#flash").hide("slow")',5000);
63
                        });
64
        function change_fontsize(size) {
65
                document.body.style.fontSize = size + "px";
66
                $.getJSON("${tg.url('/set_fontsize')}",{'fontsize':size},function(json){
67
                        if ( json.ret == 'fail' )
68
                                alert("Can't save preferences");
69
                })
70
        }                
71
        var refresh_timeout;
72
        function change_refresh_rate (timeout) {
73
                if ( timeout != 0 ) {
74
                        if ( refresh_timeout ) {
75
                                clearTimeout(refresh_timeout);
76
                                refresh_timeout = null;
77
                                $('#refresh_time').removeAttr('disabled');
78
                                $('#refresh_button').attr('value','[Start]');
79
                        } else {
80
                                refresh_timeout = setTimeout('window.location.reload(true)',timeout);
81
                                $('#refresh_time').attr("disabled", "disabled");
82
                                $('#refresh_button').attr('value','[Stop]');
83
                        }
84
                }
85
        }
86
        function change_refresh(timeout) {
87
                $.getJSON("${tg.url('/set_refresh')}",{'refresh':timeout},function(json){});
88
                change_refresh_rate(timeout);
89
        }
90
        <py:if test="tg.session.get('refresh','0') != '0'">
91
        change_refresh_rate(${tg.session.get('refresh',0)});
92
        </py:if>
93
</script>
94
</body>
95
</html>