assets/js/database.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

$(document).ready(function () {
  var timeid = (query = null);
  var controlLink = $('#control');

  console.log('Database is', Database);

  var errmsg = $('<p class="errmsg">' + Database.errmsg + '</p>')
    .insertBefore(controlLink)
    .hide();

  var loading = $(
    '<img class="loading" alt="[loading]" src="' + Database.load_icon + '" />'
  )
    .insertAfter(controlLink)
    .hide();

  controlLink.show();

  function refreshTable() {
    if (Database.ajax_time_refresh > 0) {
      loading.show();
      query = $.ajax({
        type: 'GET',
        dataType: 'html',
        data: {
          server: Database.server,
          database: Database.dbname,
          action: Database.action,
        },
        url: '/src/views/database.php',
        cache: false,
        contentType: 'application/x-www-form-urlencoded',
        success: function (html) {
          $('#data_block').html(html);
          timeid = window.setTimeout(refreshTable, Database.ajax_time_refresh);
          loading.hide();
        },
        error: function () {
          controlLink.click();
          //errmsg.show();
        },
        complete: function () {
          //loading.hide();
        },
      });
    }
  }

  controlLink.on('click', function () {
    console.log(timeid);
    if (timeid === null) {
      console.log('toggle 1');
      timeid = window.setTimeout(refreshTable, Database.ajax_time_refresh);
      controlLink
        .empty()
        .append(
          '<img src="' +
            Database.str_stop.icon +
            '" alt="" />&nbsp;' +
            Database.str_stop.text +
            '&nbsp;&nbsp;&nbsp;'
        );
    } else {
      console.log('toggle 2');
      window.clearInterval(timeid);
      if (query) {
        query.abort();
      }
      controlLink
        .empty()
        .append(
          '<img src="' +
            Database.str_start.icon +
            '" alt="" />&nbsp;' +
            Database.str_start.text
        );
    }
  });

  /* preload images */
  $('#control img')
    .hide()
    .attr('src', Database.str_start.icon)
    .attr('src', Database.str_stop.icon)
    .show();

  /* start refreshing */
  controlLink.click();
});