ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-11 23:42:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

works per swimlane now

Browse Source
This commit is contained in:
Scott Bell 2024-12-13 11:39:58 +01:00
parent 052129ba87
commit 6f26add740
3 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
example/eventGenerator/EventTelemetryProvider.js
View File

@ -33,7 +33,8 @@ class EventTelemetryProvider {
generateData(firstObservedTime, count, startTime, duration, name) { generateData(firstObservedTime, count, startTime, duration, name) {
const millisecondsSinceStart = startTime - firstObservedTime; const millisecondsSinceStart = startTime - firstObservedTime;
const utc = startTime + count * duration; const randomFewSeconds = Math.floor(Math.random() * 10000);
const utc = startTime + count + randomFewSeconds * duration;
const ind = count % messages.length; const ind = count % messages.length;
const message = messages[ind] + ' - [' + millisecondsSinceStart + ']'; const message = messages[ind] + ' - [' + millisecondsSinceStart + ']';

22
src/plugins/timeline/ExtendedLinesOverlay.vue
View File

@ -22,13 +22,15 @@
<template> <template>
<div class="extended-lines-overlay"> <div class="extended-lines-overlay">
<div <div v-for="(lines, key) in extendedLinesPerKey" :key="key" class="extended-line-container">
v-for="(line, index) in extendedLines" <div
:key="index" v-for="(line, index) in lines"
class="extended-line" :key="index"
:class="line.limitClass" class="extended-line"
:style="{ left: `${line.x + leftOffset}px`, height: `${height}px` }" :class="line.limitClass"
></div> :style="{ left: `${line.x + leftOffset}px`, height: `${height}px` }"
></div>
</div>
</div> </div>
</template> </template>
@ -36,9 +38,9 @@
export default { export default {
name: 'ExtendedLinesOverlay', name: 'ExtendedLinesOverlay',
props: { props: {
extendedLines: { extendedLinesPerKey: {
type: Array, type: Object,
default: () => [] required: true
}, },
height: { height: {
type: Number, type: Number,

7
src/plugins/timeline/TimelineViewLayout.vue
View File

@ -47,7 +47,7 @@
</div> </div>
<ExtendedLinesOverlay <ExtendedLinesOverlay
:extended-lines="extendedLines" :extended-lines-per-key="extendedLinesPerKey"
:height="height" :height="height"
:left-offset="extendedLeftOffset" :left-offset="extendedLeftOffset"
/> />
@ -102,7 +102,7 @@ export default {
height: 0, height: 0,
useIndependentTime: this.domainObject.configuration.useIndependentTime === true, useIndependentTime: this.domainObject.configuration.useIndependentTime === true,
timeOptions: this.domainObject.configuration.timeOptions, timeOptions: this.domainObject.configuration.timeOptions,
extendedLines: [], extendedLinesPerKey: {},
additionalLeftOffset: 0 additionalLeftOffset: 0
}; };
}, },
@ -175,6 +175,7 @@ export default {
this.openmct.objects.areIdsEqual(identifier, item.domainObject.identifier) this.openmct.objects.areIdsEqual(identifier, item.domainObject.identifier)
); );
this.items.splice(index, 1); this.items.splice(index, 1);
delete this.extendedLinesPerKey[this.openmct.objects.makeKeyString(identifier)];
}, },
reorder(reorderPlan) { reorder(reorderPlan) {
let oldItems = this.items.slice(); let oldItems = this.items.slice();
@ -249,7 +250,7 @@ export default {
} }
}, },
updateExtendedLines({ keyString, lines }) { updateExtendedLines({ keyString, lines }) {
this.extendedLines = lines; this.extendedLinesPerKey[keyString] = lines;
}, },
calculateAdditionalLeftOffset() { calculateAdditionalLeftOffset() {
const firstSwimLane = this.$el.querySelector('.c-swimlane__lane-object'); const firstSwimLane = this.$el.querySelector('.c-swimlane__lane-object');