diff options
| author | skjnldsv <fremulon@protonmail.com> | 2016-04-10 11:40:08 +0200 |
|---|---|---|
| committer | skjnldsv <fremulon@protonmail.com> | 2016-04-20 07:55:42 +0200 |
| commit | 0275c39b60fd86938789d336243da748eff38d46 (patch) | |
| tree | e17b7dbcdef755dd72cbbb7a60fe661a1d7ab912 /templates | |
| parent | a807a0a107c9a30a6a8c389f30e42e055c2c0249 (diff) | |
Single contact export button
Added addressbook export button
Fixed header css and export button location
+ add empty div to replace empty space if no picture
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/addressBook.html | 7 | ||||
| -rw-r--r-- | templates/contactDetails.html | 30 |
2 files changed, 25 insertions, 12 deletions
diff --git a/templates/addressBook.html b/templates/addressBook.html index 26d9cdd6..98a471bb 100644 --- a/templates/addressBook.html +++ b/templates/addressBook.html @@ -1,5 +1,12 @@ <span class="addressBookName">{{ctrl.addressBook.displayName}}</span> <span class="utils"> + <span class="action" ng-show="ctrl.canExport"> + <span href="{{ctrl.addressBook.url}}?export" + id="addressBooklist-icon download" + title="Download" + class="icon-download"> + </span> + </span> <span class="action"> <span class="addressbooklist-icon icon-public" diff --git a/templates/contactDetails.html b/templates/contactDetails.html index bc9f2036..01de16f8 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -9,19 +9,25 @@ <div ng-if="ctrl.contact!==undefined"> <header class="contactdetails__header" ng-style="{'background-color': (ctrl.contact.uid() | contactColor)}"> <img ng-if="ctrl.photo!==undefined" class="contactdetails__logo avatar" data-ng-src="data:image/png;base64,{{ctrl.photo}}" /> - <h2> - <input type="text" id="details-fullName" class="contactdetails__name" placeholder="{{ctrl.t.placeholderName}}" autocomplete="off" - name="email" ng-model="ctrl.contact.fullName" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" /> - </h2> - <div id="details-org-container"> - <input type="text" id="details-org" class="contactdetails__org" placeholder="{{ctrl.t.placeholderOrg}}" autocomplete="off" - name="email" ng-model="ctrl.contact.org" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" - inputresize size="{{ctrl.contact.org().length > 1 ? ctrl.contact.org().length : '1'}}" /> - <input type="text" id="details-title" class="contactdetails__title" placeholder="{{ctrl.t.placeholderTitle}}" autocomplete="off" - name="email" ng-model="ctrl.contact.title" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" - inputresize size="{{ctrl.contact.title().length > 1 ? ctrl.contact.title().length : '1'}}" /> + <div ng-if="ctrl.photo===undefined" class="contactdetails__logo contact__icon avatar--missing"></div> + <div id="details-contact-infos"> + <h2> + <input type="text" id="details-fullName" class="contactdetails__name" placeholder="{{ctrl.t.placeholderName}}" autocomplete="off" + name="email" ng-model="ctrl.contact.fullName" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" /> + </h2> + <div id="details-org-container"> + <input type="text" id="details-org" class="contactdetails__org" placeholder="{{ctrl.t.placeholderOrg}}" autocomplete="off" + name="email" ng-model="ctrl.contact.org" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" + inputresize size="{{ctrl.contact.org().length > 1 ? ctrl.contact.org().length : '1'}}" /> + <input type="text" id="details-title" class="contactdetails__title" placeholder="{{ctrl.t.placeholderTitle}}" autocomplete="off" + name="email" ng-model="ctrl.contact.title" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" + inputresize size="{{ctrl.contact.title().length > 1 ? ctrl.contact.title().length : '1'}}" /> + </div> + </div> + <div id="details-actions"> + <a href="{{ctrl.contact.data.url}}" id="contact-export-link" class="icon-download-white" title="Download"></a> + <button ng-click="ctrl.deleteContact()" class="icon-delete-white" title="Delete"></button> </div> - <button ng-click="ctrl.deleteContact()" class="icon-delete-white" title="Delete"></button> </header> <section> <div ng-repeat="prop in ctrl.contact.props | toArray | orderDetailItems:'$key'"> |