(js) Use a speed dial for card/list creation
parent
d9d8a72651
commit
ff4e50d904
1
NEWS
1
NEWS
|
@ -3,6 +3,7 @@
|
||||||
|
|
||||||
Enhancements
|
Enhancements
|
||||||
- [web] always display name of month in week view (#3724)
|
- [web] always display name of month in week view (#3724)
|
||||||
|
- [web] use a speed dial (instead of a dialog) for card/list creation
|
||||||
|
|
||||||
Bug fixes
|
Bug fixes
|
||||||
- [web] fixed generic avatar in lists (#3719)
|
- [web] fixed generic avatar in lists (#3719)
|
||||||
|
|
|
@ -436,12 +436,29 @@
|
||||||
md-mode="indeterminate"
|
md-mode="indeterminate"
|
||||||
md-diameter="32"><!-- progress --></md-progress-circular>
|
md-diameter="32"><!-- progress --></md-progress-circular>
|
||||||
</div>
|
</div>
|
||||||
<md-button class="md-fab md-fab-bottom-right md-accent"
|
<md-fab-speed-dial
|
||||||
label:aria-label="New Contact"
|
class="md-fling md-fab-bottom-right"
|
||||||
ng-show="addressbook.selectedFolder.isOwned || addressbook.selectedFolder.acls.objectCreator"
|
md-direction="up" md-open="false"
|
||||||
ng-click="addressbook.newComponent($event)">
|
ng-cloak="ng-cloak"
|
||||||
<md-icon>add</md-icon>
|
ng-show="addressbook.selectedFolder.isOwned || addressbook.selectedFolder.acls.objectCreator">
|
||||||
</md-button>
|
<md-fab-trigger>
|
||||||
|
<md-button class="md-fab md-accent" label:aria-label="New Contact">
|
||||||
|
<md-icon>add</md-icon>
|
||||||
|
</md-button>
|
||||||
|
</md-fab-trigger>
|
||||||
|
<md-fab-actions>
|
||||||
|
<md-button var:aria-label="Contact" class="md-fab md-raised md-mini"
|
||||||
|
ng-click="addressbook.newComponent('card')">
|
||||||
|
<md-tooltip md-direction="left"><var:string label:value="Create a new address book card"/></md-tooltip>
|
||||||
|
<md-icon>person</md-icon>
|
||||||
|
</md-button>
|
||||||
|
<md-button var:aria-label="List" class="md-fab md-raised md-mini"
|
||||||
|
ng-click="addressbook.newComponent('list')">
|
||||||
|
<md-tooltip md-direction="left"><var:string label:value="Create a new list"/></md-tooltip>
|
||||||
|
<md-icon>group</md-icon>
|
||||||
|
</md-button>
|
||||||
|
</md-fab-actions>
|
||||||
|
</md-fab-speed-dial>
|
||||||
</md-content>
|
</md-content>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -40,42 +40,8 @@
|
||||||
$event.stopPropagation();
|
$event.stopPropagation();
|
||||||
}
|
}
|
||||||
|
|
||||||
function newComponent(ev) {
|
function newComponent(type) {
|
||||||
$mdDialog.show({
|
$state.go('app.addressbook.new', { contactType: type });
|
||||||
parent: angular.element(document.body),
|
|
||||||
targetEvent: ev,
|
|
||||||
clickOutsideToClose: true,
|
|
||||||
escapeToClose: true,
|
|
||||||
template: [
|
|
||||||
'<md-dialog aria-label="' + l('Create component') + '">',
|
|
||||||
' <md-dialog-content>',
|
|
||||||
' <div layout="column">',
|
|
||||||
' <md-button ng-click="create(\'card\')">',
|
|
||||||
' ' + l('Contact'),
|
|
||||||
' </md-button>',
|
|
||||||
' <md-button ng-click="create(\'list\')">',
|
|
||||||
' ' + l('List'),
|
|
||||||
' </md-button>',
|
|
||||||
' </div>',
|
|
||||||
' </md-dialog-content>',
|
|
||||||
'</md-dialog>'
|
|
||||||
].join(''),
|
|
||||||
locals: {
|
|
||||||
addressbookId: vm.selectedFolder.id
|
|
||||||
},
|
|
||||||
controller: ComponentDialogController
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @ngInject
|
|
||||||
*/
|
|
||||||
ComponentDialogController.$inject = ['scope', '$mdDialog', '$state', 'addressbookId'];
|
|
||||||
function ComponentDialogController(scope, $mdDialog, $state, addressbookId) {
|
|
||||||
scope.create = function(type) {
|
|
||||||
$mdDialog.hide();
|
|
||||||
$state.go('app.addressbook.new', { addressbookId: addressbookId, contactType: type });
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function unselectCards() {
|
function unselectCards() {
|
||||||
|
|
Loading…
Reference in New Issue