style directory page

diff --git a/css/style.css b/css/style.css
index 38442741cc6189d5eb04710c65c29eeeb8387f59..9be404f41f1bfdd8aaa4615231a593afe5df9569 100644 (file)
--- 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 (file)
index 0000000..1064f11
--- /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}}