update Fr 28. Feb 17:31:01 CET 2020
This commit is contained in:
parent
614371227b
commit
d9e203296b
@ -79,16 +79,25 @@ var map = L.map('map', {
|
|||||||
item5.className = 'ion-md-star';
|
item5.className = 'ion-md-star';
|
||||||
item5.innerHTML = '<a> Klaus (AGT)</a>';
|
item5.innerHTML = '<a> Klaus (AGT)</a>';
|
||||||
|
|
||||||
|
var item2 = document.createElement('div');
|
||||||
|
item2.className = 'ion-md-star';
|
||||||
|
item2.innerHTML = '<a> 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);
|
||||||
|
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user