From 71d981c8b19b09359ee4c91f9dcc4cf6ef0df394 Mon Sep 17 00:00:00 2001
From: Hendrik Leppelsack <hendrik@leppelsack.de>
Date: Tue, 31 Oct 2017 16:57:54 +0100
Subject: begin work on propertygroups

---
 templates/contactDetails.html |  6 ++----
 templates/propertyGroup.html  | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 templates/propertyGroup.html

(limited to 'templates')

diff --git a/templates/contactDetails.html b/templates/contactDetails.html
index 92131b92..a0462755 100644
--- a/templates/contactDetails.html
+++ b/templates/contactDetails.html
@@ -42,10 +42,8 @@
 			</div>
 		</header>
 		<section>
-			<div ng-repeat="prop in ctrl.contact.props | toArray | orderDetailItems:'$key'">
-				<detailsItem ng-repeat="propData in prop" name="prop.$key" data="propData" model="ctrl" index="$index"
-							 class="details-item-{{prop.$key}}" ng-class="{ 'failed': ctrl.contact.failedProps.indexOf(prop.$key) !== -1 }"></detailsItem>
-			</div>
+			<propertyGroup ng-repeat="prop in ctrl.contact.props | toArray | orderDetailItems:'$key'" data="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>
 				<select ng-model="ctrl.addressBook" ng-change="ctrl.changeAddressBook(ctrl.addressBook)" id="details-addressbook"
diff --git a/templates/propertyGroup.html b/templates/propertyGroup.html
new file mode 100644
index 00000000..4c928035
--- /dev/null
+++ b/templates/propertyGroup.html
@@ -0,0 +1,14 @@
+<i class="propertyGroup__icon">🍕</i>
+<span class="propertyGroup__title">{{ctrl.name}}</span>
+<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>
+-->
-- 
cgit v1.2.3