applications/luci-app-adblock/htdocs/luci-static/resources/view/adblock/dnsreport.js

   1 'use strict';
   2 'require fs';
   3 'require ui';
   4
   5 /*
   6         button handling
   7 */
   8 function handleAction(ev) {
   9         if (ev.target && ev.target.getAttribute('name') === 'blacklist') {
  10                 L.ui.showModal(_('Add Blacklist Domain'), [
  11                         E('p', {}, _('Add this (sub-)domain to your local blacklist.')),
  12                         E('div', { 'class': 'left' }, [
  13                                 E('label', { 'class': 'cbi-input-text', 'style': 'float:left; padding-top:.5em' }, [
  14                                         E('input', { 'class': 'cbi-input-text', 'style': 'width:300px', 'id': 'blacklist', 'value': ev.target.getAttribute('value') }, [])
  15                                 ])
  16                         ]),
  17                         E('div', { 'class': 'right' }, [
  18                                 E('button', {
  19                                         'class': 'btn',
  20                                         'click': L.hideModal
  21                                 }, _('Cancel')),
  22                                 ' ',
  23                                 E('button', {
  24                                         'class': 'btn cbi-button-action',
  25                                         'click': ui.createHandlerFn(this, function(ev) {
  26                                                 L.resolveDefault(fs.read_direct('/etc/adblock/adblock.blacklist'), '')
  27                                                 .then(function(res) {
  28                                                         var domain = document.getElementById('blacklist').value.trim().toLowerCase().replace(/[^a-z0-9\.\-]/g,'');
  29                                                         var pattern = new RegExp('^' + domain.replace(/[\.]/g,'\\.') + '$', 'm');
  30                                                         if (res.search(pattern) === -1) {
  31                                                                 var blacklist = res + domain + '\n';
  32                                                                 fs.write('/etc/adblock/adblock.blacklist', blacklist);
  33                                                                 ui.addNotification(null, E('p', _('Blacklist changes have been saved. Refresh your adblock lists that changes take effect.')), 'info');
  34                                                         }
  35                                                         L.hideModal();
  36                                                 });
  37                                         })
  38                                 }, _('Save'))
  39                         ])
  40                 ]);
  41                 document.getElementById('blacklist').focus();
  42         }
  43
  44         if (ev.target && ev.target.getAttribute('name') === 'whitelist') {
  45                 L.ui.showModal(_('Add Whitelist Domain'), [
  46                         E('p', {}, _('Add this (sub-)domain to your local whitelist.')),
  47                         E('div', { 'class': 'left' }, [
  48                                 E('label', { 'class': 'cbi-input-text', 'style': 'float:left; padding-top:.5em' }, [
  49                                         E('input', { 'class': 'cbi-input-text', 'style': 'width:300px', 'id': 'whitelist', 'value': ev.target.getAttribute('value') }, [])
  50                                 ])
  51                         ]),
  52                         E('div', { 'class': 'right' }, [
  53                                 E('button', {
  54                                         'class': 'btn',
  55                                         'click': L.hideModal
  56                                 }, _('Cancel')),
  57                                 ' ',
  58                                 E('button', {
  59                                         'class': 'btn cbi-button-action',
  60                                         'click': ui.createHandlerFn(this, function(ev) {
  61                                                 L.resolveDefault(fs.read_direct('/etc/adblock/adblock.whitelist'), '')
  62                                                 .then(function(res) {
  63                                                         var domain = document.getElementById('whitelist').value.trim().toLowerCase().replace(/[^a-z0-9\.\-]/g,'');
  64                                                         var pattern = new RegExp('^' + domain.replace(/[\.]/g,'\\.') + '$', 'm');
  65                                                         if (res.search(pattern) === -1) {
  66                                                                 var whitelist = res + domain + '\n';
  67                                                                 fs.write('/etc/adblock/adblock.whitelist', whitelist);
  68                                                                 ui.addNotification(null, E('p', _('Whitelist changes have been saved. Refresh your adblock lists that changes take effect.')), 'info');
  69                                                         }
  70                                                         L.hideModal();
  71                                                 });
  72                                         })
  73                                 }, _('Save'))
  74                         ])
  75                 ]);
  76                 document.getElementById('whitelist').focus();
  77         }
  78
  79         if (ev === 'query') {
  80                 L.ui.showModal(_('Blocklist Query'), [
  81                         E('p', {}, _('Query active blocklists and backups for a specific domain.')),
  82                         E('div', { 'class': 'left' }, [
  83                                 E('label', { 'style': 'float:left; padding-top:.5em', 'id': 'run' }, [
  84                                         E('input', {
  85                                                 'class': 'cbi-input-text',
  86                                                 'placeholder': 'google.com',
  87                                                 'style': 'width:300px',
  88                                                 'id': 'search'
  89                                         })
  90                                 ])
  91                         ]),
  92                         E('div', { 'class': 'left' }, [
  93                                 E('h5', _('Result')),
  94                                 E('textarea', {
  95                                         'id': 'result',
  96                                         'style': 'width: 100% !important; padding: 5px; font-family: monospace',
  97                                         'readonly': 'readonly',
  98                                         'wrap': 'off',
  99                                         'rows': 20
 100                                 })
 101                         ]),
 102                         E('div', { 'class': 'right' }, [
 103                                 E('button', {
 104                                         'class': 'btn',
 105                                         'click': L.hideModal
 106                                 }, _('Cancel')),
 107                                 ' ',
 108                                 E('button', {
 109                                         'class': 'btn cbi-button-action',
 110                                         'click': ui.createHandlerFn(this, function(ev) {
 111                                                 var domain = document.getElementById('search').value.trim().toLowerCase().replace(/[^a-z0-9\.\-]/g,'');
 112                                                 if (domain) {
 113                                                         document.getElementById('run').classList.add("spinning");
 114                                                         document.getElementById('search').value = domain;
 115                                                         document.getElementById('result').textContent = 'The query is running, please wait...';
 116                                                         L.resolveDefault(fs.exec_direct('/etc/init.d/adblock', ['query', domain])).then(function(res) {
 117                                                                 var result = document.getElementById('result');
 118                                                                 if (res) {
 119                                                                         result.textContent = res.trim();
 120                                                                 } else {
 121                                                                         result.textContent = _('No Query results!');
 122                                                                 }
 123                                                                 document.getElementById('run').classList.remove("spinning");
 124                                                                 document.getElementById('search').value = '';
 125                                                         })
 126                                                 }
 127                                                 document.getElementById('search').focus();
 128                                         })
 129                                 }, _('Query'))
 130                         ])
 131                 ]);
 132                 document.getElementById('search').focus();
 133         }
 134
 135         if (ev === 'refresh') {
 136                 L.ui.showModal(_('Refresh DNS Report'), [
 137                         E('div', { 'class': 'left' }, [
 138                                 E('select', { 'class': 'cbi-input-select', 'id': 'count' }, [
 139                                         E('option', { 'value': '50' }, '50'),
 140                                         E('option', { 'value': '100' }, '100'),
 141                                         E('option', { 'value': '150' }, '150'),
 142                                         E('option', { 'value': '250' }, '250'),
 143                                         E('option', { 'value': '500' }, '500')
 144                                 ]),
 145                                 '\xa0\xa0\xa0',
 146                                 _('max. result set size')
 147                         ]),
 148                         E('label', { 'class': 'cbi-input-text', 'style': 'float:left; padding-top:.5em' }, [
 149                                 E('input', { 'class': 'cbi-input-text', 'id': 'search' }, [
 150                         ]),
 151                         '\xa0\xa0\xa0',
 152                         _('Filter criteria like date, domain or client (optional)')
 153                         ]),
 154                         E('div', { 'class': 'right' }, [
 155                                 E('button', {
 156                                         'class': 'btn',
 157                                         'click': L.hideModal
 158                                 }, _('Cancel')),
 159                                 ' ',
 160                                 E('button', {
 161                                         'class': 'btn cbi-button-action',
 162                                         'id': 'refresh',
 163                                         'click': ui.createHandlerFn(this, async function(ev) {
 164                                                 var count = document.getElementById('count').value
 165                                                 var search = document.getElementById('search').value.trim().replace(/[^a-z0-9\.\-]/g,'') || '+';
 166                                                 L.resolveDefault(fs.exec_direct('/etc/init.d/adblock', ['report', search, count, 'true', 'json']),'');
 167                                                 var running = 1;
 168                                                 while (running === 1) {
 169                                                         await new Promise(r => setTimeout(r, 1000));
 170                                                         L.resolveDefault(fs.read_direct('/var/run/adblock.pid')).then(function(res) {
 171                                                                 if (!res) {
 172                                                                         running = 0;
 173                                                                 }
 174                                                         })
 175                                                 }
 176                                                 L.hideModal();
 177                                                 location.reload();
 178                                         })
 179                                 }, _('Refresh'))
 180                         ])
 181                 ]);
 182                 document.getElementById('refresh').focus();
 183         }
 184 }
 185
 186 return L.view.extend({
 187         load: function() {
 188                 return L.resolveDefault(fs.exec_direct('/etc/init.d/adblock', ['report', '+', '50', 'false', 'json']),'');
 189         },
 190
 191         render: function(dnsreport) {
 192                 if (!dnsreport) {
 193                         dnsreport = '{ "data": "" }';
 194                 };
 195                 var content;
 196                 content = JSON.parse(dnsreport);
 197
 198                 var rows_top = [];
 199                 var tbl_top  = E('div', { 'class': 'table', 'id': 'top_10' }, [
 200                         E('div', { 'class': 'tr table-titles' }, [
 201                                 E('div', { 'class': 'th right' }, _('Count')),
 202                                 E('div', { 'class': 'th' }, _('Name / IP Address')),
 203                                 E('div', { 'class': 'th right' }, _('Count')),
 204                                 E('div', { 'class': 'th' }, _('Domain')),
 205                                 E('div', { 'class': 'th right' }, _('Count')),
 206                                 E('div', { 'class': 'th' }, _('Blocked Domain'))
 207                         ])
 208                 ]);
 209
 210                 var max = 0;
 211                 if (content.data.top_clients && content.data.top_domains && content.data.top_blocked) {
 212                         max = Math.max(content.data.top_clients.length, content.data.top_domains.length, content.data.top_blocked.length);
 213                 }
 214                 for (var i = 0; i < max; i++) {
 215                         var a_cnt = '\xa0', a_addr = '\xa0', b_cnt = '\xa0', b_addr = '\xa0', c_cnt = '\xa0', c_addr = '\xa0';
 216                         if (content.data.top_clients[i]) {
 217                                 a_cnt = content.data.top_clients[i].count;
 218                         }
 219                         if (content.data.top_clients[i]) {
 220                                 a_addr = content.data.top_clients[i].address;
 221                         }
 222                         if (content.data.top_domains[i]) {
 223                                 b_cnt = content.data.top_domains[i].count;
 224                         }
 225                         if (content.data.top_domains[i]) {
 226                                 b_addr = content.data.top_domains[i].address;
 227                         }
 228                         if (content.data.top_blocked[i]) {
 229                                 c_cnt = content.data.top_blocked[i].count;
 230                         }
 231                         if (content.data.top_blocked[i]) {
 232                                 c_addr = content.data.top_blocked[i].address;
 233                         }
 234                         rows_top.push([
 235                                 a_cnt,
 236                                 a_addr,
 237                                 b_cnt,
 238                                 b_addr,
 239                                 c_cnt,
 240                                 c_addr
 241                         ]);
 242                 }
 243                 cbi_update_table(tbl_top, rows_top);
 244
 245                 var rows_requests = [];
 246                 var tbl_requests  = E('div', { 'class': 'table', 'id': 'requests' }, [
 247                         E('div', { 'class': 'tr table-titles' }, [
 248                                 E('div', { 'class': 'th' }, _('Date')),
 249                                 E('div', { 'class': 'th' }, _('Time')),
 250                                 E('div', { 'class': 'th' }, _('Client')),
 251                                 E('div', { 'class': 'th' }, _('Domain')),
 252                                 E('div', { 'class': 'th' }, _('Answer')),
 253                                 E('div', { 'class': 'th' }, _('Action'))
 254                         ])
 255                 ]);
 256
 257                 max = 0;
 258                 if (content.data.requests) {
 259                         var button;
 260                         max = content.data.requests.length;
 261                         for (var i = 0; i < max; i++) {
 262                                 if (content.data.requests[i].rc === 'NX') {
 263                                         button = E('button', {
 264                                                 'class': 'cbi-button cbi-button-apply',
 265                                                 'style': 'word-break: inherit',
 266                                                 'name': 'whitelist',
 267                                                 'value': content.data.requests[i].domain,
 268                                                 'click': handleAction
 269                                         }, [ _('Whitelist...') ]);
 270                                 } else {
 271                                         button = E('button', {
 272                                                 'class': 'cbi-button cbi-button-apply',
 273                                                 'style': 'word-break: inherit',
 274                                                 'name': 'blacklist',
 275                                                 'value': content.data.requests[i].domain,
 276                                                 'click': handleAction
 277                                         }, [ _('Blacklist...') ]);
 278                                 }
 279                                 rows_requests.push([
 280                                         content.data.requests[i].date,
 281                                         content.data.requests[i].time,
 282                                         content.data.requests[i].client,
 283                                         content.data.requests[i].domain,
 284                                         content.data.requests[i].rc,
 285                                         button
 286                                 ]);
 287                         }
 288                 }
 289                 cbi_update_table(tbl_requests, rows_requests);
 290
 291                 return E('div', { 'class': 'cbi-map', 'id': 'map' }, [
 292                         E('div', { 'class': 'cbi-section' }, [
 293                                 E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
 294                                 E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('Start Date')),
 295                                 E('div', { 'class': 'cbi-value-field', 'id': 'start', 'style': 'margin-bottom:5px;margin-left:200px;color:#37c' }, (content.data.start_date || '-') + ', ' + (content.data.start_time || '-'))]),
 296                                 E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
 297                                 E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('End Date')),
 298                                 E('div', { 'class': 'cbi-value-field', 'id': 'end', 'style': 'margin-bottom:5px;margin-left:200px;color:#37c' }, (content.data.end_date || '-') + ', ' + (content.data.end_time || '-'))]),
 299                                 E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
 300                                 E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('DNS Requests (total)')),
 301                                 E('div', { 'class': 'cbi-value-field', 'id': 'total', 'style': 'margin-bottom:5px;margin-left:200px;color:#37c' }, content.data.total || '-')]),
 302                                 E('div', { 'class': 'cbi-value', 'style': 'margin-bottom:5px' }, [
 303                                 E('label', { 'class': 'cbi-value-title', 'style': 'padding-top:0rem' }, _('DNS Requests (blocked)')),
 304                                 E('div', { 'class': 'cbi-value-field', 'id': 'blocked', 'style': 'margin-bottom:5px;margin-left:200px;color:#37c' }, (content.data.blocked || '-') + ' (' + (content.data.percent || '-') + ')')]),
 305                                 E('div', { 'class': 'right' }, [
 306                                         E('button', {
 307                                                 'class': 'cbi-button cbi-button-apply',
 308                                                 'click': ui.createHandlerFn(this, function() {
 309                                                         return handleAction('query');
 310                                                 })
 311                                         }, [ _('Blocklist Query...') ]),
 312                                         '\xa0\xa0\xa0',
 313                                         E('button', {
 314                                                 'class': 'cbi-button cbi-button-apply',
 315                                                 'click': ui.createHandlerFn(this, function() {
 316                                                         return handleAction('refresh');
 317                                                 })
 318                                         }, [ _('Refresh...') ])
 319                                 ]),
 320                         ]),
 321                         E('div', { 'class': 'cbi-section' }, [
 322                                 E('div', { 'class': 'left' }, [
 323                                         E('h3', _('Top 10 Statistics')),
 324                                         tbl_top
 325                                 ])
 326                         ]),
 327                         E('br'),
 328                         E('div', { 'class': 'cbi-section' }, [
 329                                 E('div', { 'class': 'left' }, [
 330                                         E('h3', _('Latest DNS Requests')),
 331                                         tbl_requests
 332                                 ])
 333                         ])
 334                 ]);
 335         },
 336         handleSaveApply: null,
 337         handleSave: null,
 338         handleReset: null
 339 });