Now scroll to timeline.event when loading sub-section
This commit is contained in:
parent
9d49c7fd10
commit
3c642732b2
|
@ -163,7 +163,7 @@
|
|||
$y_img = $y - 5.5;
|
||||
|
||||
/* (4) Draw entry circles */
|
||||
$RAW .= "<circle cx='$x' cy='$y' r='15' class='timeline around $action_class' $data_tags />";
|
||||
$RAW .= "<circle cx='$x' cy='$y' r='15' class='timeline around $action_class' $data_tags id='e".$entry['id_history']."' data-y='$y' />";
|
||||
$RAW .= "<circle cx='$x' cy='$y' r='12' class='timeline center $action_class' />";
|
||||
|
||||
/* (5) Draw entry icon (action) */
|
||||
|
@ -172,8 +172,16 @@
|
|||
|
||||
/* (6) Draw circle below if current user */
|
||||
if( $this->entry['id_user'] == $entry['id_user'] ){
|
||||
$x_decal = $x - 21;
|
||||
$RAW .= "<circle cx='$x_decal' cy='$y' r='2' class='timeline below $action_class' />";
|
||||
|
||||
$x_decal = $x - 25;
|
||||
|
||||
// {6.1} If current ENTRY -> draw big circle //
|
||||
if( $this->entry['id_history'] == $entry['id_history'] )
|
||||
$RAW .= "<circle cx='$x_decal' cy='$y' r='4' class='timeline below $action_class' />";
|
||||
|
||||
// {6.2} Else -> draw little circle //
|
||||
else
|
||||
$RAW .= "<circle cx='$x_decal' cy='$y' r='2' class='timeline below $action_class' />";
|
||||
}
|
||||
|
||||
/* (6) Hour */
|
||||
|
|
|
@ -632,9 +632,10 @@
|
|||
&.signal{ fill: #3258d8; }
|
||||
&.unsignal{ fill: #2041ab; }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* (8) Timeline infobox */
|
||||
/* (9) Timeline infobox */
|
||||
div.timeline.infobox{
|
||||
display: none;
|
||||
position: absolute;
|
||||
|
|
|
@ -590,7 +590,7 @@
|
|||
width: calc( 100vw - 4em - 7.5em - 11em);
|
||||
flex: 1em;
|
||||
overflow: hidden;
|
||||
/* (8) Timeline infobox */ }
|
||||
/* (9) Timeline infobox */ }
|
||||
#WRAPPER > #CONTAINER article.timeline.container svg.timeline {
|
||||
/* (1) svg circles -> set right transform-origin */
|
||||
/* (7) Avoid icons inside center circles to block :hover */
|
||||
|
|
|
@ -163,6 +163,16 @@ if( section.archive.element != null ){
|
|||
*/
|
||||
if( section.details.element != null ){
|
||||
|
||||
/* (0) On gère le zoom sur un log via URL */
|
||||
if( pageManager.vars.length > 1 && !isNaN(pageManager.vars[1]) ){
|
||||
// element
|
||||
var element = document.getElementById('e'+pageManager.vars[1]);
|
||||
|
||||
// if element exist -> scroll to event
|
||||
if( element != null )
|
||||
DOM.CONTAINER.scrollTo( 0, element.getData('y') );
|
||||
}
|
||||
|
||||
/* (1) Get useful DOM Elements
|
||||
---------------------------------------------------------*/
|
||||
/* (1) Get parent */
|
||||
|
|
Loading…
Reference in New Issue