diff options
author | Jessica Greene <jessica0greene@gmail.com> | 2018-04-26 22:36:32 +0200 |
---|---|---|
committer | Jessica Greene <jessica0greene@gmail.com> | 2018-04-26 22:36:32 +0200 |
commit | 1ff655f9af14c0f47d0aa8740968b386e5fa8805 (patch) | |
tree | 93024638f1ca057890d649af6559d4d0951d0010 /templates | |
parent | 0c1a1269004ac4cb4c9b6e14539e40c4a3b70b36 (diff) |
Introduced 3-dot-menu in top right for Download and Delete
Diffstat (limited to 'templates')
-rw-r--r-- | templates/contactDetails.html | 33 |
1 files changed, 28 insertions, 5 deletions
diff --git a/templates/contactDetails.html b/templates/contactDetails.html index b8a44d08..9891e84e 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -34,11 +34,34 @@ </div> </div> <div id="details-actions"> - <button id="contact-failed-save" ng-click="ctrl.updateContact()" class="icon-checkmark-white" ng-if="ctrl.contact.failedProps.length>0" title="{{ctrl.t.save}}"></button> - <a href="{{ctrl.contact.data.url}}" id="contact-export-link" - class="icon-download-white" title="{{ctrl.t.download}}" - download="{{ ctrl.contact.readableFilename() }}"></a> - <button ng-click="ctrl.deleteContact()" ng-if="!ctrl.addressBook.readOnly" class="icon-delete-white" title="{{ctrl.t.delete}}"></button> + <span class="icon-more-white openMenuButton" ng-click="ctrl.toggleMenu('options')"> + </span> + <div class="popovermenu bubble menu" + ng-class="{open: ctrl.openedMenu === 'options'}" + click-outside="ctrl.closeMenus()" + outside-if-not="openMenuButton,popovermenu"> + <ul> + <li ng-if="ctrl.contact.failedProps.length>0"> + <a id="contact-failed-save" ng-click="ctrl.updateContact()" uib-tooltip="Contact failed to save please update"> + <span class="icon-checkmark"></span> + <span>Update</span> + </a> + </li> + <li> + <a href="{{ctrl.contact.data.url}}" id="contact-export-link" + download="{{ ctrl.contact.readableFilename() }}"> + <span class="icon-download"></span> + <span>Download</span> + </a> + </li> + <li ng-if="!ctrl.addressBook.readOnly"> + <a ng-click="ctrl.deleteContact()"> + <span class="icon-delete"></span> + <span>Delete</span> + </a> + </li> + </ul> + </div> </div> </header> <section> |