update Fr 28. Feb 17:31:01 CET 2020

This commit is contained in:
Robert Richter 2020-02-28 17:31:01 +01:00
parent 614371227b
commit d9e203296b
2 changed files with 25 additions and 12 deletions

View File

@ -79,16 +79,25 @@ var map = L.map('map', {
item5.className = 'ion-md-star'; item5.className = 'ion-md-star';
item5.innerHTML = '<a>&nbsp;Klaus (AGT)</a>'; item5.innerHTML = '<a>&nbsp;Klaus (AGT)</a>';
var item2 = document.createElement('div');
item2.className = 'ion-md-star';
item2.innerHTML = '<a>&nbsp;Günter (AGT)</a>';
var items = new vis.DataSet([ var items = new vis.DataSet([
{id: 1, group: 0, className: 'ma', content: 'Hans', start: start, end: end}, {id: 1, group: 0, className: 'ma', content: 'Hans', start: start, end: end},
{id: 2, group: 0, className: 'fk', content: 'Günter', start: start2, end: end2}, {id: 2, group: 0, className: 'fk-agt', content: item2, start: start2, end: end2},
{id: 3, group: 1, className: 'ek', content: 'Rudi', start: start3, end: end3}, {id: 3, group: 1, className: 'ek', content: 'Rudi', start: start3, end: end3},
{id: 4, group: 1, className: 'ek-agt', content: item5, start: start4, end: end4}, {id: 4, group: 1, className: 'ek-agt', content: item5, start: start4, end: end4},
{id: 5, group: 1, className: 'ma', content: 'Jürgen', start: start5, end: end5}, {id: 5, group: 1, className: 'ma', content: 'Jürgen', start: start5, end: end5},
{id: 6, group: 1, className: 'ek', content: 'Florian', start: start6, end: end6}, {id: 6, group: 1, className: 'ek', content: 'Florian', start: start6, end: end6},
]); ]);
// Configuration for the Timeline // Configuration for the Timeline
var options = {}; var options = {
rollingMode: {
follow: true,
offset: 0.25
}
};
// Create a Timeline // Create a Timeline
var timeline = new vis.Timeline(container, items, options); var timeline = new vis.Timeline(container, items, options);
timeline.setGroups(groups); timeline.setGroups(groups);
@ -118,3 +127,4 @@ var map = L.map('map', {
id2 id2
); );
timeline.setCustomTimeMarker(markerText, id2, false); timeline.setCustomTimeMarker(markerText, id2, false);

View File

@ -8,27 +8,30 @@ style(type='text/css').
} }
.vis-item.ek { .vis-item.ek {
background-color: lightblue; background-color: lightblue;
border-color: blue; border-color: black;
} }
.vis-item.ma { .vis-item.ma {
background-color: red; background-color: lightpink;
border-color: darkred; border-color: black;
} }
.vis-item.fk { .vis-item.fk {
background-color: green; background-color: lightgrey;
border-color: darkgreen; border-color: black;
} }
.vis-item.ek-agt { .vis-item.ek-agt {
background-color: lightblue; background-color: lightblue;
border-color: gold; border-color: orangered;
border-width: 2px;
} }
.vis-item.ma-agt { .vis-item.ma-agt {
background-color: red; background-color: lightpink;
border-color: yellow; border-color: orangered;
border-width: 2px;
} }
.vis-item.fk-agt { .vis-item.fk-agt {
background-color: green; background-color: lightgrey;
border-color: yellow; border-color: orangered;
border-width: 2px;
} }