From 909e4124750d4be558fa9e866e4ad84f6da60a6f Mon Sep 17 00:00:00 2001
From: rabuzarus <>
Date: Thu, 21 Apr 2016 02:14:37 +0200
Subject: [PATCH] style directory page

---
 css/style.css                  |  8 ++++++-
 templates/directory_header.tpl | 43 ++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 templates/directory_header.tpl

diff --git a/css/style.css b/css/style.css
index 38442741cc..9be404f41f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1578,10 +1578,16 @@ clear: both;
     color: #777;
     font-size: 15px;
 }
-#contacts-search-wrapper {
+#contacts-search-wrapper,
+#directory-search-wrapper{
     padding: 10px 0;
 }
 
+/* directory page */
+#directory-search-headding {
+    padding-top: 10px;
+}
+
 /*
 * Overwriting for transparency and other colors
 */
diff --git a/templates/directory_header.tpl b/templates/directory_header.tpl
new file mode 100644
index 0000000000..1064f11c56
--- /dev/null
+++ b/templates/directory_header.tpl
@@ -0,0 +1,43 @@
+
+{{include file="section_title.tpl"}}
+
+{{if $gdirpath}}
+<ul class="list-unstyled">
+	<li><div id="global-directory-link"><a href="{{$gdirpath}}">{{$globaldir}}</a></div></li>
+</ul>
+{{/if}}
+
+{{* The search input field to search for contacts *}}
+<div id="directory-search-wrapper">
+	<form id="directory-search-form" class="navbar-form" role="search" action="directory" method="get" >
+		<div class="row">
+			<div class="col-md-2"></div>
+			<div class="col-md-8 ">
+				<div class="form-group form-group-search">
+					<input type="text" name="search" id="directory-search" class="search-input form-control form-search" onfocus="this.select();" value="{{$search|escape:'html'}}" placeholder="{{$desc}}"/>
+					<button class="btn btn-default btn-sm form-button-search" type="submit" name="submit" id="directory-search-submit" value="{{$submit|escape:'html'}}">{{$submit}}</button>
+				</div>
+			</div>
+			<div class="col-md-2"></div>
+		</div>
+	</form>
+</div>
+
+<hr>
+{{if $findterm}}
+<h4 id="directory-search-headding">{{$finding}} {{$findterm}}</h4>
+<hr>
+{{/if}}
+
+<div id="directory-search-end"></div>
+
+{{* format each contact with the contact_template.tpl *}}
+<ul id="viewcontact_wrapper" class="viewcontact_wrapper media-list">
+{{foreach $contacts as $contact}}
+	<li>{{include file="contact_template.tpl"}}</li>
+{{/foreach}}
+</ul>
+
+<div class="directory-end" ></div>
+
+{{$paginate}}