sergeysav/telemetry_visualization
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

cleanup css

Browse Source
This commit is contained in:
Sergey Savelyev
2025-03-16 14:57:49 -07:00
parent e9751c2489
commit 94ed7e05e2
10 changed files with 108 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/ChartDefinitionView.vue
View File

@@ -302,7 +302,7 @@ function removeTelemetry(index: number) {
}
.column.tiny_text {
font-size: variables.$normal-text-size / 2;
font-size: calc(variables.$normal-text-size / 2);
height: 100%;
justify-content: space-between;
}

30
frontend/src/views/ChartRenderView.vue
View File

@@ -18,22 +18,20 @@ defineProps<{
>
<template v-for="y in charts[0].length" :key="y">
<template v-for="x in charts.length" :key="x">
<div class="no-min-height">
<SvgGraph
right_axis
cursor
:legend="GraphSide.Left"
include_controls
>
<GraphAxis>
<TelemetryLine
v-for="tlm in charts[x - 1][y - 1]"
:key="tlm.uuid"
:data="tlm.name"
></TelemetryLine>
</GraphAxis>
</SvgGraph>
</div>
<SvgGraph
right_axis
cursor
:legend="GraphSide.Left"
include_controls
>
<GraphAxis>
<TelemetryLine
v-for="tlm in charts[x - 1][y - 1]"
:key="tlm.uuid"
:data="tlm.name"
></TelemetryLine>
</GraphAxis>
</SvgGraph>
</template>
</template>
</div>

6
frontend/src/views/ChartView.vue
View File

@@ -17,15 +17,15 @@ function closeSettings() {
</script>
<template>
<div class="column stretch screen content full center divider">
<div class="column stretch screen content tall wide">
<template v-if="!settingsOpen">
<div class="settings column center" @click="openSettings">
<div class="settings column" @click="openSettings">
<InlineIcon icon="hamburger menu"></InlineIcon>
</div>
<ChartRenderView :charts="settings"></ChartRenderView>
</template>
<template v-else>
<div class="settings column center" @click="closeSettings">
<div class="settings column" @click="closeSettings">
<InlineIcon icon="close"></InlineIcon>
</div>
<ChartDefinitionView v-model="settings"></ChartDefinitionView>

4
frontend/src/views/EmptyPanelView.vue
View File

@@ -30,7 +30,7 @@ function onEnter() {
</script>
<template>
<div class="column stretch screen content center no-min-height">
<div class="column stretch screen limited content page">
<div class="row">
<TextInput
autofocus
@@ -41,7 +41,7 @@ function onEnter() {
></TextInput>
</div>
<div class="row grow stretch">
<div class="row grow stretch no-min-height">
<div class="column grow scroll no-min-height">
<PanelHeirarchy
:heirarchy="filtered_heirarchy"

59
frontend/src/views/GraphView.vue
View File

@@ -6,32 +6,39 @@ import SvgGraph from '@/components/SvgGraph.vue';
</script>
<template>
<div style="width: 100vw; height: 50vh">
<SvgGraph :legend="GraphSide.Left" right_axis include_controls cursor>
<Axis>
<Line data="simple_producer/time_offset"></Line>
<Line data="simple_producer/publish_offset"></Line>
<Line data="simple_producer/await_offset"></Line>
</Axis>
</SvgGraph>
</div>
<div style="width: 100vw; height: 50vh">
<SvgGraph
:initial_duration="60 * 1000 * 10"
:legend="GraphSide.Right"
right_axis
>
<Axis>
<Line data="simple_producer/sin"></Line>
<Line data="simple_producer/cos4"></Line>
<Line data="simple_producer/sin2"></Line>
<Line data="simple_producer/cos"></Line>
<Line data="simple_producer/sin3"></Line>
<Line data="simple_producer/cos2"></Line>
<Line data="simple_producer/sin4"></Line>
<Line data="simple_producer/cos3"></Line>
</Axis>
</SvgGraph>
<div class="column">
<div style="width: 100vw; height: 50vh">
<SvgGraph
:legend="GraphSide.Left"
right_axis
include_controls
cursor
>
<Axis>
<Line data="simple_producer/time_offset"></Line>
<Line data="simple_producer/publish_offset"></Line>
<Line data="simple_producer/await_offset"></Line>
</Axis>
</SvgGraph>
</div>
<div style="width: 100vw; height: 50vh">
<SvgGraph
:initial_duration="60 * 1000 * 10"
:legend="GraphSide.Right"
right_axis
>
<Axis>
<Line data="simple_producer/sin"></Line>
<Line data="simple_producer/cos4"></Line>
<Line data="simple_producer/sin2"></Line>
<Line data="simple_producer/cos"></Line>
<Line data="simple_producer/sin3"></Line>
<Line data="simple_producer/cos2"></Line>
<Line data="simple_producer/sin4"></Line>
<Line data="simple_producer/cos3"></Line>
</Axis>
</SvgGraph>
</div>
</div>
</template>

2
frontend/src/views/TelemetryListView.vue
View File

@@ -13,7 +13,7 @@ const mousedover = ref<TelemetryDefinition | null>(null);
</script>
<template>
<div class="row stretch screen content center divider">
<div class="row stretch screen limited content">
<div class="column grow2 stretch no-min-height no-basis">
<div class="row">
<TextInput