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         $(".log-event").on("keydown", function(ev) {
  25                 if (ev.keyCode == 13 || ev.keyCode == 32) {
  26                         show_details_for_element(ev.currentTarget);
  27                 }
  28         });
  29
  30
  31         $("[data-previous").on("click", function(ev){
  32                 var currentid = document.getElementById("logdetail").dataset.rowId;
  33                 var $elm = $("#" + currentid).prev();
  34                 if ($elm.length == 0) return;
  35                 show_details_for_element($elm[0]);
  36         });
  37
  38         $("[data-next").on("click", function(ev){
  39                 var currentid = document.getElementById("logdetail").dataset.rowId;
  40                 var $elm = $("#" + currentid).next();
  41                 if ($elm.length == 0) return;
  42                 show_details_for_element($elm[0]);
  43         });
  44
  45
  46         const $modal = $("#logdetail");
  47
  48         $modal.on("hidden.bs.modal", function(ev){
  49                 document
  50                         .querySelectorAll('[aria-expanded="true"]')
  51                         .forEach(elm => elm.setAttribute("aria-expanded", false))
  52         });
  53
  54         function show_details_for_element(element) {
  55                 $modal[0].dataset.rowId = element.id;
  56
  57                 var tr = $modal.find(".main-data tbody tr")[0];
  58                 tr.innerHTML = element.innerHTML;
  59
  60                 var data = JSON.parse(element.dataset.source);
  61                 $modal.find(".source-data td").each(function(i,elm){
  62                         var k = elm.dataset.value;
  63                         elm.innerText = data[k];
  64                 });
  65
  66                 var elm = $modal.find(".event-data")[0];
  67                 elm.innerHTML = "";
  68                 var data = element.dataset.data;
  69                 if (data !== "") {
  70                         elm.innerHTML = "<h3>Data</h3>";
  71                         data = JSON.parse(data);
  72                         elm.innerHTML += recursive_details("", data);
  73                 }
  74
  75                 $("[data-previous").prop("disabled", $(element).prev().length == 0);
  76                 $("[data-next").prop("disabled", $(element).next().length == 0);
  77
  78                 $modal.modal({})
  79                 element.setAttribute("aria-expanded", true);
  80         }
  81
  82         function recursive_details(s, data, lev=0) {
  83                 for(var k in data) {
  84                         if (data.hasOwnProperty(k)) {
  85                                 var v = data[k];
  86                                 var open = lev > 1 ? "" : "open";
  87                                 s += "<details " + open + "><summary>" + k + "</summary>";
  88                                 if (typeof v === 'object' && v !== null) {
  89                                         s = recursive_details(s, v, lev+1);
  90                                 } else {
  91                                         s +=  $("<pre>").text(v)[0].outerHTML;
  92                                 }
  93                                 s += "</details>";
  94                         }
  95                 }
  96                 return s;
  97         }
  98 });