view/theme/frio/js/module/admin/logs/view.js

   1 $(function(){
   2
   3         /* column filter */
   4         $("a[data-filter]").on("click", function(ev) {
   5                 var filter = this.dataset.filter;
   6                 var value = this.dataset.filterValue;
   7                 var re = RegExp(filter+"=[a-z]*");
   8                 var newhref = location.href;
   9                 if (!location.href.indexOf("?") < 0) {
  10                         newhref = location.href + "?" + filter + "=" + value;
  11                 } else if (location.href.match(re)) {
  12                         newhref = location.href.replace(RegExp(filter+"=[a-z]*"), filter+"="+value);
  13                 } else {
  14                         newhref = location.href + "&" + filter + "=" + value;
  15                 }
  16                 location.href = newhref;
  17                 return false;
  18         });
  19
  20         /* log details dialog */
  21         $(".log-event").on("click", function(ev) {
  22                 show_details_for_element(ev.currentTarget);
  23         });
  24
  25         $("[data-previous").on("click", function(ev){
  26                 var currentid = document.getElementById("logdetail").dataset.rowId;
  27                 var $elm = $("#" + currentid).prev();
  28                 if ($elm.length == 0) return;
  29                 show_details_for_element($elm[0]);
  30         });
  31
  32         $("[data-next").on("click", function(ev){
  33                 var currentid = document.getElementById("logdetail").dataset.rowId;
  34                 var $elm = $("#" + currentid).next();
  35                 if ($elm.length == 0) return;
  36                 show_details_for_element($elm[0]);
  37         });
  38
  39
  40         function show_details_for_element(element) {
  41                 var $modal = $("#logdetail");
  42
  43                 $modal[0].dataset.rowId = element.id;
  44
  45                 var tr = $modal.find(".main-data tbody tr")[0];
  46                 tr.innerHTML = element.innerHTML;
  47
  48                 var data = JSON.parse(element.dataset.source);
  49                 $modal.find(".source-data td").each(function(i,elm){
  50                         var k = elm.dataset.value;
  51                         elm.innerText = data[k];
  52                 });
  53
  54                 var elm = $modal.find(".event-data")[0];
  55                 elm.innerHTML = "";
  56                 var data = element.dataset.data;
  57                 if (data !== "") {
  58                         elm.innerHTML = "<h3>Data</h3>";
  59                         data = JSON.parse(data);
  60                         elm.innerHTML += recursive_details("", data);
  61                 }
  62
  63                 $("[data-previous").prop("disabled", $(element).prev().length == 0);
  64                 $("[data-next").prop("disabled", $(element).next().length == 0);
  65
  66                 $modal.modal({})
  67         }
  68
  69         function recursive_details(s, data, lev=0) {
  70                 for(var k in data) {
  71                         if (data.hasOwnProperty(k)) {
  72                                 var v = data[k];
  73                                 var open = lev > 1 ? "" : "open";
  74                                 s += "<details " + open + "><summary>" + k + "</summary>";
  75                                 if (typeof v === 'object' && v !== null) {
  76                                         s = recursive_details(s, v, lev+1);
  77                                 } else {
  78                                         s +=  $("<pre>").text(v)[0].outerHTML;
  79                                 }
  80                                 s += "</details>";
  81                         }
  82                 }
  83                 return s;
  84         }
  85 });