Pegah Sarram
e07cfc9394
Layout drawing ( #2232 )
...
* - Show "Add" button in the toolbar when a display layout object is selected.
- Add a flag to object view's show() method to indicate immediate selection of the view. If the view implements getSelectionContext() use it, otherwise set to default context.
* Create a component for each element.
* Saving work
* Add element factory for creating new instances of elements.
* Mutate element when a new one added and get elements when the component is mounted.
* Add create() method for creating a new telemetry and element in their respective view configuration.
* Add some of the toolbar controls for box, text, image and line elements. Also, add X, Y, Width and Height controls for alhpanumeric elements.
* Pass name to addElement as type.
* Add c-frame-inspectable class if item is inspectable.
* Clean up
* Hide frame for summary widgets by default.
* Better styling for editing
- s-selected on shell__main-container;
- Better edit grid coloring for espresso;
* - Update toolbar-button to support dialogs.
- Update toolbar to construct a value object based on form keys if a toolbar item has a dialogi, and mutate the form keys.
- Add toolbar controls for editing text and url for 'Text' and 'Image' elements respectively.
* Editing-related changes
- Removed hard-coded .is-selectable and .is-moveable from
LayoutItem.vue, updates accordingly to _global.scss;
- Theme constants updated;
- TODO: apply changes to Flexible Layouts;
* Better defaults
- Better default grid size and object size;
* - Fix toolbar-input to read value as a number if type is 'number'.
- Remove rawPosition from view configuration and instead get the position and dimensions from the properties (x, y, width and height) directly.
- Set the style property on the view configuration instead of the layout item.
- Move the logic for updating the style to the view configuration.
* Fix default dimensions for telemetry items and subobjects since the default grid size is changed.
* Remove form definition for display layout type.
* Reword the comment
* Let subobject view configuration handle new panel creation.
* Add default grid size back and remove unused code.
* Pass in only the needed method.
* Define default position in case the object is not added via drag 'n drop.
2018-12-04 09:12:45 -08:00
Andrew Henry
cbcfd44016
Elements pool and drag drop ( #2196 )
...
* Implemented drag-and-drop composition
* Added composition policy for tables
* Reimplemented elements pool in Vue
* No need to resolve all objects on the navigated path
* Only show elements pool in edit mode
* Remove old elements pool
* Updated legacy code to use composition policy API
* Keep object in sync when mutated
2018-10-23 10:52:37 -07:00
Pete Richards
06b9e0fa97
Create menu ( #2195 )
...
* Wire up create with old create action
* refactor grid and list view to listen on composition, use lodash for sorts, remove item count
* remove item count on grid view
item count needs to be supported by composition API and not by
inspecting model, otherwise it will be inconsistent.
* close menu after create or clickaway
2018-10-19 15:07:30 -07:00
Andrew Henry
3c324cbea0
Initial implementation of Edit mode ( #2181 )
...
* Adding edit mode API and buttons
* Select navigated object by default. Enable table configuration in edit mode.
* Fixed issue with Table configuration
* Removed debugging code
* Added basic documentation to Editor API
* use selectable, table is selection[0], inspector cleans up
Update browse to set selection using openmct.selection.selectable
on navation so that selection contexts can be determined correctly.
Update table configuration to reference the first item in selection
instead of the last item in selection when displaying.
Update inspector code to remove display node from document on destroy.
* properly remove capturing handler
* inspector views respond to editing
InspectorViews respond to editing instead of openmct rerendering
the inspector on edit.
2018-10-04 12:35:03 -07:00
Pete Richards
5eac6e646b
ObjectView supports reuse and props
...
Update ObjectView to better support reuse in layout and preview.
Register as component, and then mount like so:
<object-view :object="domainObject"></object-view>
It will show the default view for that object. If you want to
specify a specific view type, you can pass an optional "view" prop
which will specify the view key to load.
2018-09-14 10:50:19 -07:00
Pete Richards
40b7117987
Object views ( #2165 )
...
* Use new style view providers for all object views.
* support legacy views with deprecation warning
* tidy deprecation warnings
2018-09-13 18:37:20 -07:00
Pete Richards
1bb1330cba
Squashed commit of the following:
...
commit 5aad2e6863
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 14:34:44 2018 -0700
Code trimming / cleanup
- pane tweaks;
commit 139e5ab184
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 13:50:26 2018 -0700
Code trimming / cleanup
- pane tweaks;
commit e3bb387139
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 13:38:35 2018 -0700
Code trimming / cleanup
- pane, Layout;
commit 6edaea0889
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 12:57:21 2018 -0700
Collapse button new design and styling WIP
- Also begin code cleanups;
commit bd8fab3726
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 18:04:47 2018 -0700
Vertical pane resizing fixed
- Vertical pane styling with significant fixes;
commit cf89e8a86f
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 16:52:53 2018 -0700
Vertical pane resizing fixed
- Vertical pane styling with significant fixes;
commit b3ad4c4c14
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 15:58:12 2018 -0700
Vertical pane resizing fixed! Kind of...
- pane__contents at 100% height is causing problems, fix this.
- Normalized scss var names $splitterBtn*;
- Added --reacts to pane to allow setting of proper flex attribs;
commit 49cead8cc6
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 19:07:23 2018 -0700
WIP fixing vertical pane drag problem, still broken
- Converting from flex-basis back to width / height;
- Make inspector-adapter target proper holder;
- Added --resizing class to allow user-select: none while dragging;
- Added mixins for browser prefixing;
commit c6ff381cf0
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 14:56:50 2018 -0700
New design for pane collapse buttons
- Pane padding normalized;
commit 7cfbfe3d96
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 10:27:05 2018 -0700
CSS sanding, panes and Inspector
- Pane padding;
- Inspector min-width;
commit 7d7eeff462
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 10:01:02 2018 -0700
Pane transitions
- Fixed pane transitions;
commit cf160c27e9
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 09:09:49 2018 -0700
Splitter styling WIP
- Hover styling
commit 022126ca21
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 27 21:18:14 2018 -0700
Tree styling WIP
- Mobile styling;
- Increased hit area for desktop and mobile on tree item;
- Added button mixin;
- Fixed scrolling for tree in tree pane;
commit 3f1e649526
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 24 14:47:22 2018 -0700
Drag collapse WIP
commit f9b764bb64
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 23 16:02:02 2018 -0700
Significant changes to splitter handle and button approach
- WIP!;
- WIP on drag to collapse;
commit a1d9c11e82
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:55:21 2018 -0700
Pane refactor styles WIP
- WIP converting from width/height to flex-basis;
commit b65cca277e
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:54:34 2018 -0700
Pane refactor styles WIP
- WIP converting from width/height to flex-basis;
commit 3e71204529
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:51:07 2018 -0700
Pane refactor styles WIP
- Pane transitions;
- TODO: convert from width/height to flex-basis;
commit b070cc27f4
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 10:21:14 2018 -0700
Mobile styles WIP
- Mobile layout mostly done;
- Pane transitions;
commit 2ee7a77a86
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 15:56:12 2018 -0700
Refinements to view control in tree
- Changed state eval to use 'enabled', removed v-if;
commit 3a2439cd16
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 15:53:34 2018 -0700
Mobile styles, VERY WIP
WARNING: DON'T PULL!!
- Mobile in progress;
commit 4e0dcb68bf
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 11:45:22 2018 -0700
Markup / scss refactor mobile styles WIP
- Layout, panes mobile styling WIP
commit 02afd44dd1
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 11:44:05 2018 -0700
Markup / scss refactor styles WIP
- Moved glyph constants into _constants to avoid multiple loads of
glyph classes;
commit 703abe36c9
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Mon Aug 20 13:20:58 2018 -0700
tree loads composition
Expose legacy types in new API
tree navigation
commit 80a185440b
Merge: 93196379a
8378dfa61
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 18:00:04 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit 93196379aa
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:59:43 2018 -0700
Pane padding WIP
- Adding resize handle direction to l-pane element;
commit bea135a221
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:48:20 2018 -0700
Inspector styling
- Moved legacy CSS as needed into MctInspector component;
commit 8378dfa613
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 17:31:12 2018 -0700
Recursive tree items
commit e4420c17c6
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:02:20 2018 -0700
Sanding and shimming on legacy CSS
- Jury-rigging to temporarily display some views: imagery, tables
- Code style normalization in _global.scss;
commit 5aa2be9761
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 16:22:54 2018 -0700
Bring in legacy CSS
- Legacy styles from old _global.scss moved into section of new
_global file;
- Most UI elements are working
- TODO: fix Inspector grid
commit 8d4734ef5b
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 15:17:22 2018 -0700
Remove commented CSS
commit e641aa6949
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 14:37:13 2018 -0700
Main container and scroll-bar styling
commit c3262de1b7
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 14:14:01 2018 -0700
Add status bar
commit 8addfb886e
Merge: e6be02fb8
4203dbf8e
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 13:52:11 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e6be02fb8d
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 13:51:53 2018 -0700
Splitter refinements / mixin fix
- Splitter with resize grippy;
- Fixed @background-image mixins;
commit 4203dbf8e1
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 13:46:38 2018 -0700
Replace angular route with custom router
commit 5a07f0d2b5
Merge: e6b22cbcb
63f22c3f2
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 09:39:45 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e6b22cbcbe
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 09:39:33 2018 -0700
Markup / scss refactor WIP
- Significant reorg of splitter CSS to reduce specificity;
- Splitter enhancements for collapsed state;
commit 63f22c3f21
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 09:32:29 2018 -0700
remove extraneous files
commit 17cf0cf1e6
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Thu Aug 16 12:43:10 2018 -0700
Render main and inspector using angular
commit 233c17e75b
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 18:05:44 2018 -0700
Markup / scss refactor WIP
- Scroll on tree;
- Class renaming pane > l-pane;
- Refinements to collapsed state, WIP
commit 1eaa568e04
Merge: 82dd8e22e
3957fd619
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 17:28:45 2018 -0700
Markup / scss refactor WIP
- Merge latest from Pete
commit 82dd8e22e7
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 17:26:45 2018 -0700
Markup / scss refactor WIP
- Inspector styling - very WIP!
commit 3957fd619a
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 16:47:48 2018 -0700
Tidy pane js
commit 91eefbfa7b
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 16:44:02 2018 -0700
Pane cleanup
commit 5deff887fc
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 16:25:35 2018 -0700
Markup / scss refactor WIP
- Added disabled property to viewControl;
- Margin for elements in main panes;
- Main search input styled for --major;
commit 6708c79754
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 14:34:54 2018 -0700
Markup / scss refactor WIP
- Fix modifiers to correctly use '--';
- Fix icon element in search input to disallow shrinking;
commit 7c83db11ad
Merge: e24852bb8
43f978e18
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 13:58:43 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e24852bb83
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 13:57:27 2018 -0700
Markup / scss refactor WIP
- Tree item styling
commit 43f978e185
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 13:52:34 2018 -0700
Use multipane instead of splitter
commit f67f03af47
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 12:43:32 2018 -0700
new multipane
commit f6b90caaff
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 10:41:46 2018 -0700
Markup / scss refactor WIP
- Added view-control component
commit 4c5baf183a
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 10:38:26 2018 -0700
Markup / scss refactor WIP
- Added sass-base.scss to make it easier for SFC's to
include needed SASS vars, mixins, etc. with a single import;
- Cleaned up indention in Layout.vue;
commit b2d12f95ee
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 23:24:45 2018 -0700
Markup / scss refactor WIP
- Fix transition of magnify glass icon
commit 4449994ca4
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 17:31:47 2018 -0700
Markup / scss refactor WIP
- Added code comments
commit 84fde4bd34
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 17:29:50 2018 -0700
Markup / scss refactor WIP
- Search input dynamic behavior
commit 9424f9f49e
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 11:28:25 2018 -0700
Markup / scss refactor WIP
- Search input styling and dynamics WIP;
commit dfc02cdf25
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 13 15:34:29 2018 -0700
Markup / scss refactor WIP
- Add input-related styling;
- Cleanup scss in various files;
- Move search into own component;
- Refine padding approach in pane-tree;
commit 94a3e9e798
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 13 14:36:41 2018 -0700
Markup / scss refactor WIP
- Add collapse buttons to splitter;
commit d35aed2d62
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 10 18:45:37 2018 -0700
Markup / scss refactor WIP
- Add some initial theme files; pull back from theme "override"
approach;
- Splitters refined;
- Style cleanups;
commit 32cdecebce
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 10 14:53:16 2018 -0700
Markup / scss refactor WIP
- Markup and components corrected;
- Stubbed in snow theme file;
commit f811318d18
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 9 16:02:22 2018 -0700
Markup / scss refactor WIP
- Add normalize.min to styles-new;
- Factor components to be more standalone, very WIP;
commit 4d9b7fe3e4
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 18:06:11 2018 -0700
Markup / scss refactor WIP
- Add timestamp to webpack build
commit dd93653306
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 18:03:00 2018 -0700
Markup / scss refactor WIP
- Use MctTree component with passed properties;
- MctTree markup and CSS ported from codepen;
commit 84430d34b1
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 17:39:26 2018 -0700
Markup / scss refactor WIP
- Add new splitter component with passed properties;
commit 50be483421
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 16:04:41 2018 -0700
Markup / scss refactor WIP
- Mixins file added;
- Markup and -shell CSS from codepen brought over;
commit fe2667285e
Merge: c7bd7d97d
5219f5394
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 15:15:21 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit 5219f5394e
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 15:13:28 2018 -0700
Add alias for styles directory
commit c7bd7d97dc
Merge: 0a7c16031
ab18bb348
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 13:55:44 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit ab18bb3484
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 13:48:27 2018 -0700
Revert "temporarily use file loader for live-reload via plugin"
This reverts commit 2f54f404c2
.
commit 9c0d5f7dbf
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 13:48:17 2018 -0700
Enable HMR in dev server
commit 0a7c160315
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 11:26:03 2018 -0700
Markup / scss refactor WIP
- Symbol fonts and glyphs files;
- Constants, global, etc. in progress;
commit 0fa09e31a6
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 10:30:11 2018 -0700
WIP new styles
commit 2f54f404c2
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 10:29:23 2018 -0700
temporarily use file loader for live-reload via plugin
commit 279e0bf29d
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Tue Aug 7 14:59:04 2018 -0700
Beginning of new layout code.
Really basic 5 component setup.
2018-08-31 12:03:15 -07:00