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