diff options
| author | Hendrik Leppelsack <hendrik@leppelsack.de> | 2017-10-31 19:13:19 +0100 |
|---|---|---|
| committer | Hendrik Leppelsack <hendrik@leppelsack.de> | 2017-10-31 19:13:19 +0100 |
| commit | 179e97ebdeca7482537666dd795439c4c0c2bcec (patch) | |
| tree | f08442332e09bfc0112f6adc7bcc717edd633330 /templates | |
| parent | 71d981c8b19b09359ee4c91f9dcc4cf6ef0df394 (diff) | |
functioning version of property groups
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/contactDetails.html | 2 | ||||
| -rw-r--r-- | templates/propertyGroup.html | 15 |
2 files changed, 3 insertions, 14 deletions
diff --git a/templates/contactDetails.html b/templates/contactDetails.html index a0462755..d3fb8bc1 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -42,7 +42,7 @@ </div> </header> <section> - <propertyGroup ng-repeat="prop in ctrl.contact.props | toArray | orderDetailItems:'$key'" data="prop" name="prop.$key"></propertyGroup> + <propertyGroup ng-repeat="prop in ctrl.contact.props | toArray | orderDetailItems:'$key'" contact="ctrl" prop="prop" name="prop.$key"></propertyGroup> <div class="select-addressbook" ng-if="ctrl.addressBooks.length > 1 && !ctrl.addressBook.readOnly"> <label for="details-addressbook">{{ctrl.t.addressBook}}</label> diff --git a/templates/propertyGroup.html b/templates/propertyGroup.html index 4c928035..1d7ad3ef 100644 --- a/templates/propertyGroup.html +++ b/templates/propertyGroup.html @@ -1,14 +1,3 @@ -<i class="propertyGroup__icon">🍕</i> -<span class="propertyGroup__title">{{ctrl.name}}</span> +<h3 class="propertyGroup__title" ng-class="ctrl.getIconClass()" style="display: inline-block; background-size: 16px 16px; background-position-x: 0; padding-left: 20px;">{{ctrl.getReadableName()}}</h3> <detailsItem ng-repeat="property in ctrl.properties" name="ctrl.name" data="property" model="ctrl" index="$index" - class="details-item-{{ctrl.name}}" ng-class="{ 'failed': ctrl.contact.failedProps.indexOf(prop.$key) !== -1 }"></detailsItem> -<!--<adetailsItem ng-repeat="property in [1,2]" class="property"> - <div class="property__label">Home</div> - <div class="component"> - <input type="text" placeholder="comp1" /> - </div> - <div class="component"> - <input type="text" placeholder="comp2" /> - </div> -</adetailsItem> ---> + class="details-item-{{ctrl.name}}" ng-class="{ 'failed': ctrl.contact.failedProps.indexOf(ctrl.name) !== -1 }"></detailsItem> |