Apply iconButton to Contact and Mail

This commit is contained in:
iRouge
2015-06-12 11:17:54 -04:00
committed by Francis Lachapelle
parent 4264d054ca
commit 02cdc869be
7 changed files with 59 additions and 40 deletions
@@ -64,14 +64,14 @@
<input type="text" ng-model="unit.value"
sg-focus-on="orgUnit_{{$index}}"/>
</md-input-container>
<md-button class="icon" ng-click="card.$delete('orgUnits', $index)">
<md-button class="iconButton" ng-click="card.$delete('orgUnits', $index)">
<i class="md-icon-remove-circle"><!-- remove --></i>
</md-button>
</div>
</div>
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addOrgUnit($event)">
<i class="md-icon-add-circle"><!-- plus icon button--></i>
<md-button class="iconButton" type="button" ng-click="addOrgUnit($event)">
<i class="md-icon-add"><!-- plus icon button--></i>
</md-button>
<label class="button-label">
<var:string label:value="Add Organizational Unit"/>
@@ -97,15 +97,15 @@
sg-focus-on="category_{{$index}}"/>
<!--typeahead="cat for cat in card.allCategories | filter:$viewValue"/>-->
</md-input-container>
<md-button class="icon" ng-click="card.$delete('categories', $index)">
<md-button class="iconButton" ng-click="card.$delete('categories', $index)">
<i class="md-icon-remove-circle"><!-- remove --></i>
</md-button>
</div>
</div>
<!-- New category button-group -->
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addCategory()">
<i class="md-icon-add-circle"><!-- new --></i>
<md-button class="iconButton" type="button" ng-click="addCategory()">
<i class="md-icon-add"><!-- new --></i>
</md-button>
<label class="button-label">
<var:string label:value="New Category"/>
@@ -124,15 +124,15 @@
<input type="email" ng-model="email.value"
sg-focus-on="email_{{$index}}"/>
</md-input-container>
<md-button class="icon" ng-click="card.$delete('emails', $index)">
<md-button class="iconButton" ng-click="card.$delete('emails', $index)">
<i class="md-icon-remove-circle"><!-- remove --></i>
</md-button>
</div>
</div>
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addEmail()">
<i class="md-icon-add-circle"><!-- new --></i>
<md-button class="iconButton" type="button" ng-click="addEmail()">
<i class="md-icon-add"><!-- new --></i>
</md-button>
<label class="button-label">
<var:string label:value="New Email Address"/>
@@ -154,15 +154,15 @@
<input type="text" ng-model="phone.value"
sg-focus-on="phone_{{$index}}"/>
</md-input-container>
<md-button class="icon" ng-click="card.$delete('phones', $index)">
<md-button class="iconButton" ng-click="card.$delete('phones', $index)">
<i class="md-icon-remove-circle"><!-- remove --></i>
</md-button>
</div>
</div>
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addPhone()">
<i class="md-icon-add-circle"><!-- new --></i>
<md-button class="iconButton" type="button" ng-click="addPhone()">
<i class="md-icon-add"><!-- new --></i>
</md-button>
<label class="button-label">
<var:string label:value="New Phone Number"/>
@@ -189,8 +189,8 @@
</div>
</div>
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addUrl()">
<i class="md-icon-add-circle"><!-- new --></i>
<md-button class="iconButton" type="button" ng-click="addUrl()">
<i class="md-icon-add"><!-- new --></i>
</md-button>
<label class="button-label">
<var:string label:value="New URL"/>
@@ -258,14 +258,14 @@
</label>
<input type="text" ng-model="address.postalcode"/>
</md-input-container>
<md-button class="icon" ng-click="card.$delete('addresses', $index)">
<md-button class="iconButton" ng-click="card.$delete('addresses', $index)">
<i class="md-icon-remove-circle"><!-- remove --></i>
</md-button>
</div>
</div>
<div class="md-layout-margin" layout="row" layout-align="start center">
<md-button class="icon" type="button" ng-click="addAddress()">
<i class="md-icon-add-circle"><!-- new --></i>
<md-button class="iconButton" type="button" ng-click="addAddress()">
<i class="md-icon-add"><!-- new --></i>
</md-button>
<label class="button-label">
<var:string label:value="New Address"/>
@@ -205,7 +205,9 @@
<p class="sg-md-display-3 sg-date-today">15</p>
</div>
<div class="sg-toolbar-group-2">
<span class="md-icon-search"></span>
<md-button class="iconButton">
<i class="md-icon-search"><!--icon--></i>
</md-button>
</div>
</div>
<div class="md-toolbar-tools md-toolbar-tools-bottom" layout="row" layout-align="space-between center">
@@ -221,7 +223,7 @@
ng-model="search.filter">
<md-option value="all">ALL</md-option>
</md-select>
<md-button class="icon" data-ui-sref="addressbook.new({addressbookId: addressbook.id, contactType: 'card'})"><i class="md-icon-create"><!--icon--></i></md-button>
<md-button class="iconButton" ui-sref="addressbook.new({addressbookId: addressbook.id, contactType: 'card'})"><i class="md-icon-create"><!--icon--></i></md-button>
</div>
</div>
<div class="spacer cols-8"><!-- spacer --></div>
@@ -19,13 +19,13 @@
</div>
<div class="sg-icon-bar">
<span ng-show="addressbook.isEditable">
<a class="button tiny radius" ui-sref="addressbook.card.editor({addressbookId: addressbook.id, cardId: card.id})">
<md-button class="iconButton" ui-sref="addressbook.card.editor({addressbookId: addressbook.id, cardId: card.id})">
<i class="md-icon-create"><!-- edit --></i>
</a>
</md-button>
</span>
<span class="button tiny radius alert" ng-click="confirmDelete(card)">
<md-button class="iconButton" ng-click="confirmDelete(card)">
<i class="md-icon-delete"><!-- delete --></i>
</span>
</md-button>
</div>
</header>
<md-divider class="md-inset"><!-- divider --></md-divider>