ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-14 16:59:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update plot aria

Browse Source
This commit is contained in:
John Hill 2024-03-13 16:16:43 -07:00
parent 444c9ff33e
commit 6edb3b2dc4
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/plugins/plot/MctPlot.vue
View File

@ -94,9 +94,15 @@
<button <button
class="c-button icon-minus" class="c-button icon-minus"
title="Zoom out" title="Zoom out"
aria-label="Zoom out"
@click="zoom('out', 0.2)" @click="zoom('out', 0.2)"
></button> ></button>
<button class="c-button icon-plus" title="Zoom in" @click="zoom('in', 0.2)"></button> <button
class="c-button icon-plus"
title="Zoom in"
aria-label="Zoom in"
@click="zoom('in', 0.2)"
></button>
</div> </div>
<div <div
v-if="plotHistory.length && !options.compact" v-if="plotHistory.length && !options.compact"
@ -104,12 +110,14 @@
> >
<button <button
class="c-button icon-arrow-left" class="c-button icon-arrow-left"
title="Restore previous pan/zoom" title="Restore previous pan and zoom"
aria-label="Restore previous pan and zoom"
@click="back()" @click="back()"
></button> ></button>
<button <button
class="c-button icon-reset" class="c-button icon-reset"
title="Reset pan/zoom" title="Reset pan and zoom"
aria-label="Reset pan and zoom"
@click="resumeRealtimeData()" @click="resumeRealtimeData()"
></button> ></button>
</div> </div>
@ -121,12 +129,14 @@
v-if="!isFrozen" v-if="!isFrozen"
class="c-button icon-pause" class="c-button icon-pause"
title="Pause incoming real-time data" title="Pause incoming real-time data"
aria-label="Pause incoming real-time data"
@click="pause()" @click="pause()"
></button> ></button>
<button <button
v-if="isFrozen" v-if="isFrozen"
class="c-button icon-arrow-right pause-play is-paused" class="c-button icon-arrow-right pause-play is-paused"
title="Resume displaying real-time data" title="Resume displaying real-time data"
aria-label="Resume displaying real-time data"
@click="resumeRealtimeData()" @click="resumeRealtimeData()"
></button> ></button>
</div> </div>
@ -134,6 +144,7 @@
<button <button
class="c-button icon-clock" class="c-button icon-clock"
title="Synchronize Time Conductor" title="Synchronize Time Conductor"
aria-label="Synchronize Time Conductor"
@click="showSynchronizeDialog()" @click="showSynchronizeDialog()"
></button> ></button>
</div> </div>
@ -142,12 +153,14 @@
class="c-button icon-crosshair" class="c-button icon-crosshair"
:class="{ 'is-active': cursorGuide }" :class="{ 'is-active': cursorGuide }"
title="Toggle cursor guides" title="Toggle cursor guides"
aria-label="Toggle cursor guides"
@click="toggleCursorGuide" @click="toggleCursorGuide"
></button> ></button>
<button <button
class="c-button" class="c-button"
:class="{ 'icon-grid-on': gridLines, 'icon-grid-off': !gridLines }" :class="{ 'icon-grid-on': gridLines, 'icon-grid-off': !gridLines }"
title="Toggle grid lines" title="Toggle grid lines"
aria-label="Toggle grid lines"
@click="toggleGridLines" @click="toggleGridLines"
></button> ></button>
</div> </div>