add icon to show addressbook urls

This commit is contained in:
Hendrik Leppelsack 2016-03-07 00:09:31 +01:00
parent 195063eb6e
commit 0474e394f5
4 changed files with 24 additions and 1 deletions

View File

@ -173,6 +173,7 @@ ul.addressBook-share-list li {
margin-left: 15px;
}
ul.addressBookList li .action .icon-public,
ul.addressBookList li .action .icon-share,
ul.addressBookList li .action .icon-delete {
padding: 10px 18px;
@ -201,7 +202,7 @@ div.app-contacts span.utils {
padding: 0 !important;
}
input.newAddressBookInput, input.shareeInput {
input.newAddressBookInput, input.shareeInput, input.addressBookUrl {
width: 100% !important;
}

View File

@ -1,6 +1,13 @@
app.controller('addressbookCtrl', ['$scope', 'AddressBookService', function($scope, AddressBookService) {
var ctrl = this;
ctrl.urlBase = window.location.protocol + '//' + window.location.host;
ctrl.showUrl = false;
ctrl.toggleShowUrl = function() {
ctrl.showUrl = !ctrl.showUrl;
}
ctrl.toggleSharesEditor = function(addressBook) {
addressBook.editingShares = !addressBook.editingShares;
addressBook.selectedSharee = null;

View File

@ -47,6 +47,13 @@ app.directive('focusExpression', function ($timeout) {
app.controller('addressbookCtrl', ['$scope', 'AddressBookService', function($scope, AddressBookService) {
var ctrl = this;
ctrl.urlBase = window.location.protocol + '//' + window.location.host;
ctrl.showUrl = false;
ctrl.toggleShowUrl = function() {
ctrl.showUrl = !ctrl.showUrl;
}
ctrl.toggleSharesEditor = function(addressBook) {
addressBook.editingShares = !addressBook.editingShares;
addressBook.selectedSharee = null;

View File

@ -1,5 +1,12 @@
<span class="addressBookName">{{ctrl.addressBook.displayName}}</span>
<span class="utils">
<span class="action">
<span
class="addressbooklist-icon icon-public"
title="Show URL"
ng-click="ctrl.toggleShowUrl()">
</span>
</span>
<span class="action">
<span
class="addressbooklist-icon icon-share"
@ -15,6 +22,7 @@
</span>
</span>
</span>
<input class="addressBookUrl" ng-show="ctrl.showUrl" type="url" value="{{ctrl.urlBase + ctrl.addressBook.url}}" readonly />
<div class="addressBookShares" ng-show="ctrl.addressBook.editingShares">
<i ng-show="ctrl.addressBook.loadingSharees" class="glyphicon glyphicon-refresh"></i>
<input