Timeline update
This commit is contained in:
parent
f33a634902
commit
0d3a57794f
3 changed files with 41 additions and 9 deletions
|
@ -95,7 +95,8 @@ def getWebSocketHandler(central_command):
|
|||
return msg
|
||||
|
||||
def msgStatus(self, selected_id = None):
|
||||
self.send(self.getStatusMsg(selected_id))
|
||||
self.write_to_clients(self.getStatusMsg(selected_id))
|
||||
# self.send()
|
||||
|
||||
def msgInit(self):
|
||||
msg = self.getStatusMsg()
|
||||
|
|
|
@ -17,7 +17,7 @@ class Timeline{
|
|||
this.eventDataSet = new vis.DataSet([
|
||||
{content: '.', start: new Date(), type: 'point', group: 1}
|
||||
]);
|
||||
console.log('init timeline');
|
||||
// console.log('init timeline');
|
||||
|
||||
let groups = [];
|
||||
for(let hid = 1; hid<=this.count; hid++) {
|
||||
|
@ -25,13 +25,13 @@ class Timeline{
|
|||
this.eventDataSet.add({content: 'initiate', start: new Date(), type: 'point', group: parseInt(hid)})
|
||||
}
|
||||
|
||||
let dataGroups = new vis.DataSet(groups);
|
||||
this.dataGroups = new vis.DataSet(groups);
|
||||
let options = {
|
||||
// 'rollingMode': {'follow': true, 'offset': .8 }
|
||||
};
|
||||
console.log('groups', dataGroups, groups, options);
|
||||
// console.log('groups', this.dataGroups, groups, options);
|
||||
|
||||
this.timeline = new vis.Timeline(this.el, this.eventDataSet, dataGroups, options);
|
||||
this.timeline = new vis.Timeline(this.el, this.eventDataSet, this.dataGroups, options);
|
||||
|
||||
let tl = this.timeline;
|
||||
let startDate = new Date();
|
||||
|
@ -69,7 +69,7 @@ checkbox.addEventListener('change', (event) => {
|
|||
}
|
||||
|
||||
handleEvent(e) {
|
||||
console.log('handle', e, this);
|
||||
// console.log('handle it', e, this);
|
||||
if(e.type == 'message') {
|
||||
this.wsOnMessage(e)
|
||||
}
|
||||
|
@ -82,6 +82,14 @@ checkbox.addEventListener('change', (event) => {
|
|||
console.error( "not a valid message: " + e.data );
|
||||
return;
|
||||
}
|
||||
|
||||
if(msg['action'] == 'status') {
|
||||
for(let hv of msg['hugveys']){
|
||||
console.log(hv['language'], hv['status']);
|
||||
let evenOdd = parseInt(hv['id'])%2 ? 'odd': 'even'
|
||||
this.dataGroups.update({id: parseInt(hv['id']), content: 'Hugvey #'+hv['id'], className: `status-${hv['status']} lang-${hv['language']} ${evenOdd}`})
|
||||
}
|
||||
}
|
||||
|
||||
if(msg['action'] != 'log') {
|
||||
return;
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
width: 180%;
|
||||
}
|
||||
.vis-item{
|
||||
color:#999;
|
||||
color:#ccc;
|
||||
}
|
||||
.vis-item.message {
|
||||
background: lightgray;
|
||||
|
@ -35,10 +35,10 @@
|
|||
}
|
||||
|
||||
.vis-text,.vis-labelset .vis-label {
|
||||
color: #999;
|
||||
color: #ccc;
|
||||
}
|
||||
.vis-time-axis .vis-text{
|
||||
color: #999;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.vis-grid, .vis-foreground .vis-group{
|
||||
|
@ -78,6 +78,29 @@ font-size: 4.5pt;
|
|||
z-index: 99999;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.vis-group{
|
||||
transition: background-color 1s;
|
||||
}
|
||||
.status-gone{
|
||||
background-color: #774d00;
|
||||
}
|
||||
.status-blocked{
|
||||
background-color:gray;
|
||||
}
|
||||
.status-available{
|
||||
background-color: #660;
|
||||
}
|
||||
.status-running.lang-en-GB{
|
||||
background-color: #02547e;
|
||||
|
||||
}
|
||||
.status-running.lang-fr-FR{
|
||||
background: #5a434d;
|
||||
}
|
||||
.status-running.lang-de-DE{
|
||||
background: slategray;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body id='timeline'>
|
||||
|
|
Loading…
Reference in a new issue