From 1affc95c69ac6dd9a73e45de5538ad8489b0dfa8 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Fri, 6 Dec 2013 09:55:44 +0100
Subject: [PATCH] add ng-filter to list

---
 src/sass/views/_mail-list.scss | 8 ++++++++
 src/tpl/mail-list.html         | 6 +++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/_mail-list.scss b/src/sass/views/_mail-list.scss
index 115a969..3ad10d7 100755
--- a/src/sass/views/_mail-list.scss
+++ b/src/sass/views/_mail-list.scss
@@ -28,6 +28,14 @@
 
     }
 
+    .search {
+        width: 100%;
+        padding: 0 $padding-horizontal $padding-vertical $padding-horizontal;
+        input {
+            width: 100%;
+        }
+    }
+
     .list-wrapper {
         height: 100%;
         padding: 0 $padding-horizontal;
diff --git a/src/tpl/mail-list.html b/src/tpl/mail-list.html
index 6bc14fe..1c87899 100644
--- a/src/tpl/mail-list.html
+++ b/src/tpl/mail-list.html
@@ -4,9 +4,13 @@
     <h2>{{state.nav.currentFolder.type}}</h2>
   </header>
 
+  <div class="search">
+    <input ng-model="searchText" placeholder="Search">
+  </div>
+
   <div class="list-wrapper" ng-iscroll="state.nav.currentFolder.messages.length">
     <ul class="mail-list">
-      <li ng-class="{'mail-list-active': email === state.mailList.selected, 'mail-list-attachment': email.attachments !== undefined && email.attachments.length > 0, 'mail-list-unread': email.unread && !email.answered, 'mail-list-replied': email.answered}" ng-click="select(email)" ng-repeat="email in state.nav.currentFolder.messages | orderBy:'uid':true">
+      <li ng-class="{'mail-list-active': email === state.mailList.selected, 'mail-list-attachment': email.attachments !== undefined && email.attachments.length > 0, 'mail-list-unread': email.unread && !email.answered, 'mail-list-replied': email.answered}" ng-click="select(email)" ng-repeat="email in state.nav.currentFolder.messages | orderBy:'uid':true | filter:searchText">
         <h3>{{email.from[0].name || email.from[0].address}}</h3>
         <div class="head">
           <p class="subject">{{email.subject || 'No subject'}}</p>