applications/luci-app-adblock/luasrc/view/adblock/runtime.htm

   1 <%#
   2 Copyright 2017-2018 Dirk Brenken (dev@brenken.org)
   3 This is free software, licensed under the Apache License, Version 2.0
   4 -%>
   5
   6 <style type="text/css">
   7 .runtime
   8 {
   9         color: #37c;
  10         font-weight: bold;
  11         display: inline-block;
  12         width: 100%;
  13         padding-top: 0.5rem;
  14 }
  15 </style>
  16
  17 <script type="text/javascript">
  18 //<![CDATA[
  19         function status_update(json)
  20         {
  21                 var btn1         = document.getElementById("btn1");
  22                 var btn1_running = document.getElementById("btn1_running");
  23                 var btn2         = document.getElementById("btn2");
  24                 var btn2_running = document.getElementById("btn2_running");
  25                 var input        = json.data.adblock_status || "-";
  26
  27                 document.getElementById("value_1").innerHTML = input;
  28                 if (input === "enabled")
  29                 {
  30                         btn1.value = "<%:Suspend%>";
  31                         btn1.name  = "do_suspend";
  32                         btn2.value = "<%:Refresh%>";
  33                         btn2.name  = "do_refresh";
  34                         btn1.disabled = false;
  35                         running(btn1_running, 0);
  36                         btn2.disabled = false;
  37                         running(btn2_running, 0);
  38                 }
  39                 else if (input === "paused")
  40                 {
  41                         btn1.value = "<%:Resume%>";
  42                         btn1.name  = "do_resume";
  43                         btn2.value = "<%:Refresh%>";
  44                         btn2.name  = "do_refresh";
  45                         btn1.disabled = false;
  46                         running(btn1_running, 0);
  47                         btn2.disabled = false;
  48                         running(btn2_running, 0);
  49                 }
  50                 else
  51                 {
  52                         btn1.value = "<%:Suspend%>";
  53                         btn1.name  = "do_suspend";
  54                         btn2.value = "<%:Refresh%>";
  55                         btn2.name  = "do_refresh";
  56                         btn1.disabled = true;
  57                         btn2.disabled = true;
  58                 }
  59
  60                 document.getElementById("value_2").innerHTML = json.data.adblock_version || "-";
  61                 document.getElementById("value_3").innerHTML = json.data.fetch_utility || "-";
  62                 document.getElementById("value_4").innerHTML = json.data.dns_backend || "-";
  63                 document.getElementById("value_5").innerHTML = json.data.overall_domains || "-";
  64                 document.getElementById("value_6").innerHTML = json.data.last_rundate || "-";
  65         }
  66
  67         function btn_action(action)
  68         {
  69                 var btn1 = document.getElementById("btn1");
  70                 var btn1_running = document.getElementById("btn1_running");
  71                 var btn2 = document.getElementById("btn2");
  72                 var btn2_running = document.getElementById("btn2_running");
  73
  74                 btn1.disabled = true;
  75                 btn2.disabled = true;
  76
  77                 if (action.name === "do_refresh")
  78                 {
  79                         running(btn2_running, 1);
  80                 }
  81                 else
  82                 {
  83                         running(btn1_running, 1);
  84                 }
  85
  86                 new XHR.get('<%=luci.dispatcher.build_url("admin", "services", "adblock")%>/action/' + action.name, null,
  87                 function(x)
  88                 {
  89                         if (!x)
  90                         {
  91                                 return;
  92                         }
  93                 });
  94         }
  95
  96         function running(element, state)
  97         {
  98                 if (state === 1)
  99                 {
 100                         var running_html = '<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" width="16" height="16" style="vertical-align:middle" />';
 101                         element.innerHTML = running_html;
 102                 }
 103                 else
 104                 {
 105                         element.innerHTML = '';
 106                 }
 107         }
 108
 109         function reset_view()
 110         {
 111                 document.getElementById("btn1").value        = "<%:Suspend%>";
 112                 document.getElementById("btn1").name         = "do_suspend";
 113                 document.getElementById("btn2").value        = "<%:Refresh%>";
 114                 document.getElementById("btn2").name         = "do_refresh";
 115                 document.getElementById("btn1").disabled     = true;
 116                 document.getElementById("btn2").disabled     = true;
 117                 document.getElementById("value_1").innerHTML = "-";
 118                 document.getElementById("value_2").innerHTML = "-";
 119                 document.getElementById("value_3").innerHTML = "-";
 120                 document.getElementById("value_4").innerHTML = "-";
 121                 document.getElementById("value_5").innerHTML = "-";
 122                 document.getElementById("value_6").innerHTML = "-";
 123         }
 124
 125         XHR.get('<%=luci.dispatcher.build_url("admin", "services", "adblock", "status")%>', null,
 126         function(x, json_info)
 127         {
 128                 if (!x || !json_info || !json_info.data)
 129                 {
 130                         reset_view();
 131                         return;
 132                 }
 133                 status_update(json_info);
 134         });
 135
 136         XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "services", "adblock", "status")%>', null,
 137         function(x, json_info)
 138         {
 139                 if (!x || !json_info || !json_info.data)
 140                 {
 141                         reset_view();
 142                         return;
 143                 }
 144                 status_update(json_info);
 145         });
 146 //]]>
 147 </script>
 148
 149 <h3><%:Runtime Information%></h3>
 150 <div class="cbi-value" id="status_1">
 151         <label class="cbi-value-title" for="status_1"><%:Adblock Status%></label>
 152         <div class="cbi-value-field">
 153                 <span class="runtime" id="value_1">-</span>
 154         </div>
 155 </div>
 156 <div class="cbi-value" id="status_2">
 157         <label class="cbi-value-title" for="status_2"><%:Adblock Version%></label>
 158         <div class="cbi-value-field">
 159                 <span class="runtime" id="value_2">-</span>
 160         </div>
 161 </div>
 162 <div class="cbi-value" id="status_3">
 163         <label class="cbi-value-title" for="status_3"><%:Download Utility (SSL Library)%></label>
 164         <div class="cbi-value-field">
 165                 <span class="runtime" id="value_3">-</span>
 166         </div>
 167 </div>
 168 <div class="cbi-value" id="status_4">
 169         <label class="cbi-value-title" for="status_4"><%:DNS Backend (DNS Directory)%></label>
 170         <div class="cbi-value-field">
 171                 <span class="runtime" id="value_4">-</span>
 172         </div>
 173 </div>
 174 <div class="cbi-value" id="status_5">
 175         <label class="cbi-value-title" for="status_5"><%:Overall Domains%></label>
 176         <div class="cbi-value-field">
 177                 <span class="runtime" id="value_5">-</span>
 178         </div>
 179 </div>
 180 <div class="cbi-value" id="status_6">
 181         <label class="cbi-value-title" for="status_6"><%:Last Run%></label>
 182         <div class="cbi-value-field">
 183                 <span class="runtime" id="value_6">-</span>
 184         </div>
 185 </div>
 186 <hr />
 187 <div class="cbi-value" id="button_1">
 188         <label class="cbi-value-title" for="button_1"><%:Suspend / Resume Adblock%></label>
 189         <div class="cbi-value-field">
 190                 <input class="cbi-button cbi-button-reset" id="btn1" type="button" value="" onclick="btn_action(this)" />
 191                 <span id="btn1_running" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span>
 192         </div>
 193 </div>
 194 <p />
 195 <div class="cbi-value" id="button_2">
 196         <label class="cbi-value-title" for="button_2"><%:Refresh Blocklist Sources%></label>
 197         <div class="cbi-value-field">
 198                 <input class="cbi-button cbi-button-apply" id="btn2" type="button" value="" onclick="btn_action(this)" />
 199                 <span id="btn2_running" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span>
 200         </div>
 201 </div>