mirror of
https://github.com/nasa/openmct.git
synced 2025-05-31 14:40:48 +00:00
faed27c143
* fix: painterro import * test(snapshotAnnotation): add minimal e2e test * chore: add e2e test annotation * fix: notebook snapshot test * refactor: put `v-else` on template * small changes to the test and a visual one * additional a11y * fix: html structure * test(e2e): fix notebook snapshot tests * Update documentation for file download and JSON testing * Update stubs and add jpg/png export * refactor(TimelistComponent): tidy up --------- Co-authored-by: John Hill <john.c.hill@nasa.gov>
41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<div class="c-notebook-snapshot">
|
|
<div class="c-notebook-snapshot__header l-browse-bar">
|
|
<div class="l-browse-bar__start">
|
|
<div class="l-browse-bar__object-name--w">
|
|
<span class="c-object-label l-browse-bar__object-name">
|
|
<span class="c-object-label__type-icon" :class="cssClass"></span>
|
|
<span class="c-object-label__name">{{ name }}</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div id="snapshotDescriptor" class="l-browse-bar__snapshot-datetime">
|
|
SNAPSHOT {{ createdOn }}
|
|
</div>
|
|
<div class="c-button-set c-button-set--strip-h" role="toolbar">
|
|
<button class="c-button icon-download" aria-label="Export as PNG" @click="exportImage('png')">
|
|
<span class="c-button__label">PNG</span>
|
|
</button>
|
|
<button class="c-button icon-download" aria-label="Export as JPG" @click="exportImage('jpg')">
|
|
<span class="c-button__label">JPG</span>
|
|
</button>
|
|
</div>
|
|
<div class="l-browse-bar__end">
|
|
<button
|
|
class="l-browse-bar__annotate-button c-button icon-pencil"
|
|
aria-label="Annotate this snapshot"
|
|
@click="annotateSnapshot"
|
|
>
|
|
<span class="title-label">Annotate</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
ref="snapshot-image"
|
|
class="c-notebook-snapshot__image"
|
|
:style="{ backgroundImage: 'url(' + src + ')' }"
|
|
role="img"
|
|
alt="Annotatable Snapshot"
|
|
></div>
|
|
</div>
|