(html) Improve display of event/task viewer/editor

pull/188/head
Francis Lachapelle 2016-01-18 16:12:54 -05:00
parent c6bc8245a2
commit a440defa61
3 changed files with 29 additions and 12 deletions

View File

@ -15,12 +15,10 @@
<label><var:string label:value="Title"/></label>
<input type="text"
class="md-title"
md-autofocus="true"
ng-model="editor.component.summary"
required="required"/>
</md-input-container>
<md-button class="md-icon-button" ng-click="editor.cancel()">
<md-icon aria-label="Close dialog">close</md-icon>
</md-button>
</div>
</md-toolbar>
<md-dialog-content class="sg-has-form-sections">
@ -56,9 +54,9 @@
<span md-highlight-text="editor.categories.searchText">{{category}}</span>
</md-autocomplete>
</md-chips>
<div layout="row" layout-align="space-between end" layout-wrap="layout-wrap">
<div layout="row" layout-align="space-between center" layout-wrap="layout-wrap">
<!-- classification -->
<md-radio-group class="md-padding" layout="row"
<md-radio-group layout="row"
ng-model="editor.component.classification">
<md-radio-button value="public">
<var:string label:value="label_Public"/>

View File

@ -269,12 +269,33 @@
</md-menu-content>
</md-menu>
<div class="md-flex"><!-- spacer --></div>
<md-button type="button" ng-click="editor.replyAllOccurrences()">
<!-- On larger screens, show both buttons -->
<md-button type="button" class="hide-xs" ng-click="editor.replyAllOccurrences()">
<var:string label:value="Update All Occurrences"/>
</md-button>
<md-button type="button" ng-click="editor.reply()">
<md-button type="button" class="hide-xs" ng-click="editor.reply()">
<var:string label:value="Update This Occurrence"/>
</md-button>
<!-- On small screens, show a md-menu with the two choices -->
<md-menu class="hide show-xs">
<md-button label:aria-label="Update"
ng-click="$mdOpenMenu()"
md-menu-origin="md-menu-origin">
<var:string label:value="Update"/>
</md-button>
<md-menu-content>
<md-menu-item>
<md-button type="button" ng-click="editor.replyAllOccurrences()">
<var:string label:value="Update All Occurrences"/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button type="button" ng-click="editor.reply()">
<var:string label:value="Update This Occurrence"/>
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
</md-dialog-actions>
</md-dialog>
</container>

View File

@ -15,12 +15,10 @@
<label><var:string label:value="Title"/></label>
<input type="text"
class="md-title"
md-autofocus="true"
ng-model="editor.component.summary"
required="required"/>
</md-input-container>
<md-button class="md-icon-button" ng-click="editor.cancel()">
<md-icon aria-label="Close dialog">close</md-icon>
</md-button>
</div>
</md-toolbar>
<md-dialog-content class="sg-has-form-sections">
@ -56,9 +54,9 @@
<span md-highlight-text="editor.categories.searchText">{{category}}</span>
</md-autocomplete>
</md-chips>
<div layout="row" layout-align="space-between end" layout-wrap="layout-wrap">
<div layout="row" layout-align="space-between center" layout-wrap="layout-wrap">
<!-- classification -->
<md-radio-group class="md-padding" layout="row"
<md-radio-group layout="row"
ng-model="editor.component.classification">
<md-radio-button value="public">
<var:string label:value="label_Public"/>