alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Styling for New Edit Mode

Browse Source 
open #198
In-progress styling of toolbar elements;
Revamped edit-action-buttons.html to use only icons;
This commit is contained in:
Charles Hacskaylo
2015-10-20 15:43:53 -07:00
parent 15c1bf20ab
commit 5382cca435
6 changed files with 77 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
platform/commonUI/browse/res/templates/browse-object.html
View File

@@ -56,24 +56,43 @@
<!-- Toolbar and Save/Cancel buttons -->
<div class="l-edit-controls flex-elem l-flex flex-row"
ng-class="{ active:editMode }">
<mct-toolbar name="mctToolbar"
structure="toolbar.structure"
ng-model="toolbar.state"
class="flex-elem grow">
</mct-toolbar>
<!-- <mct-representation key="'edit-action-buttons'"
<!-- from toolbar.html -->
<!-- <mct-toolbar-x class="flex-elem grow">
<form novalidate>
<div class="tool-bar btn-bar contents abs">
<span class="l-control-group">
<span class="s-menu-btn">Foo</span>
<span class="s-menu-btn">Bar</span>
</span>
</div>
</form>
</mct-toolbar-x>-->
<mct-representation key="'edit-action-buttons'"
mct-object="domainObject"
class='flex-elem conclude-editing'>
</mct-representation>-->
</mct-representation>
<!-- from edit-action-buttons.html -->
<span>
<!-- <span>
<span ng-repeat="btn in editBtns">
<a class='s-btn t-{{btn.cssclass}}'
title='{{btn.title}}'
ng-click="currentAction.perform()"
ng-class="{ major: $index === 0 }"></a>
</span>
</span>
</span>-->
</div>
<mct-representation key="representation.selected.key"