From b59c0648bcc9c6336c5892017631feac63766652 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Wed, 20 Apr 2016 02:59:32 +0200 Subject: [PATCH] initial work for contact page --- css/style.css | 47 +++++++++++++- templates/contact_template.tpl | 59 ++++++++++++++++++ templates/contacts-template.tpl | 98 ++++++++++++++++++++++++++++++ templates/viewcontact_template.tpl | 14 +++++ 4 files changed, 217 insertions(+), 1 deletion(-) create mode 100644 templates/contact_template.tpl create mode 100644 templates/contacts-template.tpl create mode 100644 templates/viewcontact_template.tpl diff --git a/css/style.css b/css/style.css index b1cbaaff10..74186dbe28 100644 --- a/css/style.css +++ b/css/style.css @@ -1414,6 +1414,19 @@ ul.dropdown-menu li:hover { font-size: 11px; color: #bebebe; } +.media-list > li { + padding: 10px; + border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp); + position: relative; +/* border-left: 3px solid rgba(255,255,255,$contentbg_transp);*/ + border-left: 3px solid rgba(255,255,255,0); + font-size: 12px; +} +.media-list > li:hover, +.media-list > li.selected { + border-left: 3px solid $link_color; + background-color: rgba(247, 247, 247, $contentbg_transp); +} /* Forms */ .form-control { @@ -1462,7 +1475,9 @@ ul.dropdown-menu li:hover { /* PAGES */ /* Profile-page */ -#profile-page, .photos-content-wrapper, .settings-content-wrapper { +#profile-page, .photos-content-wrapper, .settings-content-wrapper, +.contacts-content-wrapper, .suggest-content-wrapper, .common-content-wrapper, +.allfriends-content-wrapper, .match-content-wrapper { padding: 15px; padding-bottom: 20px; margin-bottom: 20px; @@ -1489,6 +1504,36 @@ ul.dropdown-menu li:hover { float: left; } +/* contacts page */ +ul.viewcontact_wrapper { + margin-left: -15px; + margin-right: -15px; +} +ul.viewcontact_wrapper > li { + padding-left: 15px; +} +.contact-wrapper { +/* padding: 10px; + border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);; + position: relative;*/ + /*border-left: 3px solid white;*/ +} +.contact-wrapper.media { + overflow: visible; + word-wrap: break-word; +} +.contact-entry-desc { + color: #555; +} +.contact-entry-checkbox { + margin-top: -20px; +} +.contact-wrapper .media-body .contact-entry-name h4.media-heading { + font-weight: bold; + color: #777; + font-size: 15px; +} + /* * Overwriting for transparency and other colors */ diff --git a/templates/contact_template.tpl b/templates/contact_template.tpl new file mode 100644 index 0000000000..13ca175ebe --- /dev/null +++ b/templates/contact_template.tpl @@ -0,0 +1,59 @@ + +
+ + + +
+
+
+

{{$contact.name}} + {{if $contact.account_type}} ({{$contact.account_type}}){{/if}} +

+
+ {{if $contact.alt_text}}
{{$contact.alt_text}}
{{/if}} + {{if $contact.itemurl}}
{{$contact.itemurl}}
{{/if}} + {{if $contact.tags}}
{{$contact.tags}}
{{/if}} + {{if $contact.details}}
{{$contact.details}}
{{/if}} + {{if $contact.network}}
{{$contact.network}}
{{/if}} +
+ + {{* if !$no_contacts_checkbox *}} + {{if $multiselect}} +
+ + +
+ {{/if}} +
+ + +
diff --git a/templates/contacts-template.tpl b/templates/contacts-template.tpl new file mode 100644 index 0000000000..98a2d62fcc --- /dev/null +++ b/templates/contacts-template.tpl @@ -0,0 +1,98 @@ + +
+ + {{$tabs}} + +

{{$header}} {{if $total}} ({{$total}}) {{/if}}

+ + {{if $finding}}

{{$finding}}

{{/if}} + +
+ +
+ +
+
+ +
+ +
+ +
    + {{foreach $contacts as $contact}} +
  • {{include file="contact_template.tpl"}}
  • + {{/foreach}} +
+
+ + + {{$paginate}} +
+ + + + + + + diff --git a/templates/viewcontact_template.tpl b/templates/viewcontact_template.tpl new file mode 100644 index 0000000000..0cc1f24b8f --- /dev/null +++ b/templates/viewcontact_template.tpl @@ -0,0 +1,14 @@ + +{{include file="section_title.tpl"}} + +{{$tab_str}} + + +
+
+ +{{$paginate}}