diff --git a/build/generic/view/history/details/main.php b/build/generic/view/history/details/main.php index 4817f37..4d1c630 100644 --- a/build/generic/view/history/details/main.php +++ b/build/generic/view/history/details/main.php @@ -83,7 +83,7 @@ return ''; /* (4) Useful variables */ - $y_pad = 80; // padding between each node + $y_pad = 50; // padding between each node $line_pad = 50; // padding on each LINE end $line_height = ( $cl + 1 ) * $y_pad; // line height (each node * @y_pad + @y_pad) $height = $line_height + 2*$line_pad; // svg height @@ -153,11 +153,12 @@ /* (3) Get useful data */ $action_class = strtolower($entry['action_name']); $icon_uri = '/src/static/timeline/'.$action_class.'@ffffff.svg'; - $data_user = "data-user='".$entry['user_name']."'"; + $data_entry = "data-entry='".$entry['id_history']."'"; + $data_user = " data-user='".$entry['user_name']."'"; $data_machine = " data-machine='".$entry['machine_name']."'"; $data_action = " data-action='".$entry['action_name']."'"; $data_time = " data-time='".date('H:i:s d/m/Y', $entry['timestamp'])."'"; - $data_tags = $data_user.$data_machine.$data_action.$data_time; + $data_tags = $data_entry.$data_user.$data_machine.$data_action.$data_time; $y_img = $y - 5.5; @@ -178,7 +179,7 @@ /* (6) Hour */ $x_decal = $x + 25; $y_decal = $y + 5; - $RAW .= "".date('H:i:s', $entry['timestamp']).""; + $RAW .= "".date('H:i:s', $entry['timestamp'])." - ".$entry['user_name'].""; diff --git a/public_html/view/js/history.js b/public_html/view/js/history.js index 544e084..bf7db01 100644 --- a/public_html/view/js/history.js +++ b/public_html/view/js/history.js @@ -203,6 +203,8 @@ if( section.details.element != null ){ /* (1) Set click handler */ section.details.event.handler = function(target){ + pageManager.vars[1] = target.getData('entry'); + pageManager.refresh(); // section.details.info.element.addClass('active'); console.log('show infobox on element', target); @@ -212,7 +214,7 @@ if( section.details.element != null ){ section.details.svg.element.addEventListener('click', function(e){ // {1} Trigger function only if element is an 'around circle' // - if( e.target.nodeName && e.target.getData('user') && e.target.getData('machine') && e.target.getData('action') && e.target.getData('time') ) + if( e.target.nodeName && e.target.getData('entry') && e.target.getData('user') && e.target.getData('machine') && e.target.getData('action') && e.target.getData('time') ) section.details.event.handler(e.target); }, false);