new contact edit mockup - verdict: too complicated, must simplify

3 files changed, 77 insertions, 0 deletions

diff --git a/view/theme/duepuntozero/css/style.css b/view/theme/duepuntozero/css/style.css
index 5b9aee3d2..18f620110 100644
--- a/view/theme/duepuntozero/css/style.css
+++ b/view/theme/duepuntozero/css/style.css
@@ -2843,6 +2843,32 @@ aside input[type='text'] {
 	
 }
 
+.field_abook_help {
+	color: #888;
+}
+.abook-them {
+	margin-left: 225px;
+	margin-bottom: 15px;
+}
+.abook-me {
+	margin-left: 36px;
+	margin-bottom: 15px;
+}
+.acheckbox {
+	margin-bottom: 5px !important;
+}
+
+#contact-slider {
+	width: 600px !important;
+}
+
+.abook-edit-them, .abook-edit-me {
+	float: left;
+	width: 100px !important;
+}
+.field_abook_help {
+	float: left;
+}
 
 .field .onoff {
 	float: left;
diff --git a/view/tpl/abook_edit.tpl b/view/tpl/abook_edit.tpl
new file mode 100644
index 000000000..8f72edc59
--- /dev/null
+++ b/view/tpl/abook_edit.tpl
@@ -0,0 +1,44 @@
+
+<h2>$header</h2>
+
+<br />
+<a href="" style="background-color: #CCC; padding: 10px; border-radius: 5px;">View Profile</a><a href="" style="background-color: #CCC; padding: 10px; border-radius: 5px; margin-left: 20px;">Archive</a>
+
+<div id="contact-edit-wrapper">
+<br />
+<h3>Slide to adjust your degree of friendship</h3>
+
+$slide
+
+<h3>Permissions</h3>
+
+<form action="abook/$contact_id" method="post" >
+<input type="hidden" name="contact_id" value="$contact_id">
+<input id="contact-closeness-mirror" type="hidden" name="closeness" value="$close" />
+
+<br />
+<b>Quick Links:</b>
+<a href="" style="background-color: #CCC; padding: 3px; border-radius: 5px; margin-left: 15px;">Full Sharing</a><a href="" style="background-color: #CCC; padding: 3px; border-radius: 5px; margin-left: 15px;">Cautious Sharing</a><a href="" style="background-color: #CCC; padding: 3px; border-radius: 5px; margin-left: 15px;">Follow Only</a><br />
+<br />
+
+<span class="abook-them">$them</span><span class="abook-me">$me</span>
+<br />
+<br />
+{{inc field_acheckbox.tpl with $field=$perm01 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm02 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm03 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm04 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm05 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm06 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm07 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm08 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm09 }}{{endinc}}
+{{inc field_acheckbox.tpl with $field=$perm10 }}{{endinc}}
+
+<br />
+
+
+<input class="contact-edit-submit" type="submit" name="submit" value="$submit" />
+
+</form>
+</div>
diff --git a/view/tpl/field_acheckbox.tpl b/view/tpl/field_acheckbox.tpl
new file mode 100644
index 000000000..6b7bd274b
--- /dev/null
+++ b/view/tpl/field_acheckbox.tpl
@@ -0,0 +1,7 @@
+	
+	<div class='field acheckbox'>
+		<label for='id_$field.0'>$field.1</label>
+		<input type="checkbox" class="abook-edit-them" name='$field.0' id='id_$field.0' value="1" disabled="disabled" {{ if $field.2 }}checked="checked"{{ endif }} />
+		<input type="checkbox" class="abook-edit-me" name='$field.0' id='id_$field.0' value="1" {{ if $field.2 }}checked="checked"{{ endif }} />
+		<span class='field_abook_help'>$field.3</span>
+	</div>