ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-12 13:47:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Notebook] Create Snapshot directly from any frame in a layout #3300 (#4099)

Browse Source
This commit is contained in:
Nikhil 2021-08-23 14:03:49 -07:00 committed by GitHub
parent d5e32ec494
commit 4b9ff67e49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/overlays/components/OverlayComponent.vue
View File

@ -12,7 +12,7 @@
></button>
<div
ref="element"
class="c-overlay__contents"
class="c-overlay__contents js-notebook-snapshot-item-wrapper"
tabindex="0"
></div>
<div

11
src/plugins/notebook/components/NotebookMenuSwitcher.vue
View File

@ -81,7 +81,7 @@ export default {
cssClass: 'icon-notebook',
name: `Save to Notebook ${defaultPath}`,
onItemClicked: () => {
return this.snapshot(NOTEBOOK_DEFAULT);
return this.snapshot(NOTEBOOK_DEFAULT, event.target);
}
});
}
@ -91,16 +91,17 @@ export default {
cssClass: 'icon-camera',
name: 'Save to Notebook Snapshots',
onItemClicked: () => {
return this.snapshot(NOTEBOOK_SNAPSHOT);
return this.snapshot(NOTEBOOK_SNAPSHOT, event.target);
}
});
this.openmct.menus.showMenu(x, y, notebookTypes);
},
snapshot(notebookType) {
snapshot(notebookType, target) {
this.$nextTick(() => {
const element = document.querySelector('.c-overlay__contents')
|| document.getElementsByClassName('l-shell__main-container')[0];
const wrapper = target && target.closest('.js-notebook-snapshot-item-wrapper')
|| document;
const element = wrapper.querySelector('.js-notebook-snapshot-item');
const bounds = this.openmct.time.bounds();
const link = !this.ignoreLink

14
src/ui/components/ObjectFrame.vue
View File

@ -21,7 +21,7 @@
*****************************************************************************/
<template>
<div
class="c-so-view"
class="c-so-view js-notebook-snapshot-item-wrapper"
:class="[
statusClass,
'c-so-view--' + domainObject.type,
@ -56,6 +56,11 @@
'has-complex-content': complexContent
}"
>
<NotebookMenuSwitcher v-if="notebookEnabled"
:domain-object="domainObject"
:object-path="objectPath"
class="c-notebook-snapshot-menubutton"
/>
<div v-if="statusBarItems.length > 0"
class="c-so-view__frame-controls__btns"
>
@ -80,7 +85,7 @@
<object-view
ref="objectView"
class="c-so-view__object-view js-object-view"
class="c-so-view__object-view js-object-view js-notebook-snapshot-item"
:show-edit-view="showEditView"
:object-path="objectPath"
:layout-font-size="layoutFontSize"
@ -92,6 +97,7 @@
<script>
import ObjectView from './ObjectView.vue';
import NotebookMenuSwitcher from '@/plugins/notebook/components/NotebookMenuSwitcher.vue';
const SIMPLE_CONTENT_TYPES = [
'clock',
@ -103,7 +109,8 @@ const SIMPLE_CONTENT_TYPES = [
export default {
components: {
ObjectView
ObjectView,
NotebookMenuSwitcher
},
inject: ['openmct'],
props: {
@ -139,6 +146,7 @@ export default {
return {
cssClass,
complexContent,
notebookEnabled: this.openmct.types.get('notebook'),
statusBarItems: [],
status: ''
};

2
src/ui/layout/Layout.vue
View File

@ -90,7 +90,7 @@
/>
<object-view
ref="browseObject"
class="l-shell__main-container js-main-container"
class="l-shell__main-container js-main-container js-notebook-snapshot-item"
data-selectable
:show-edit-view="true"
@change-action-collection="setActionCollection"

2
src/ui/preview/Preview.vue
View File

@ -27,7 +27,7 @@
:domain-object="domainObject"
:views="views"
/>
<div class="l-preview-window__object-view">
<div class="l-preview-window__object-view js-notebook-snapshot-item">
<div ref="objectView"></div>
</div>
</div>