Add message when search no result and fix #41

tobegit3hub · Mar 25, 2015 · 1fe4705 · 1fe4705
1 parent bd0b4ae
commit 1fe4705
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/static/html/containers.html b/static/html/containers.html
@@ -46,6 +46,11 @@ <h1 class="page-header-left">{{'containers'|translate}} <a ng-href="{{canonicalS
     </thead>
 
     <tbody>
+      <!-- When search result is null, display the message -->
+      <tr ng-show="(containers | filter: search).length == 0">
+	<td colspan="7" align="center">No search result for <b style="color:blue">{{search}}</b></td>
+      </tr>
+
       <tr ng-repeat="container in containers | filter: search | orderBy:predicate:reverse track by $index">
         <td><a ng-href="/containers/{{container.Id}}">{{container.Id | limitTo:12}}</a></td> <!-- Shorten container id -->
         <td class="wrap-td" title="{{container.Names | array_to_string}}">{{container.Names | array_to_string}}</td> <!-- Add comma between names -->

diff --git a/static/html/dockerhub.html b/static/html/dockerhub.html
@@ -33,6 +33,11 @@ <h1 class="page-header-left">{{'dockerhub'|translate}} <a ng-href="{{canonicalSe
     </thead>
 
     <tbody>
+      <!-- When search result is null, display the message -->
+      <tr ng-show="(images | filter: search).length == 0">
+        <td colspan="7" align="center">No search result</td>
+      </tr>
+
       <tr ng-repeat="image in images track by $index">
         <td><a ng-href="{{getImageLink(image.name)}}" target="_blank">{{image.name}}</a></td>
         <td>{{image.description}}</td>

diff --git a/static/html/images.html b/static/html/images.html
@@ -31,6 +31,11 @@ <h1 class="page-header-left">{{'images'|translate}} <a ng-href="{{canonicalServe
     </thead>
 
     <tbody>
+      <!-- When search result is null, display the message -->
+      <tr ng-show="(images | filter: search).length == 0">
+        <td colspan="7" align="center">No search result for <b style="color:blue">{{search}}</b></td>
+      </tr>
+
       <tr ng-repeat="image in images | filter: search | orderBy:predicate:reverse track by $index ">
         <td><a ng-href="/images/{{image.Id}}">{{image.Id | limitTo:12}}</a></td> <!-- Shorten image id -->
         <td>{{image.RepoTags | array_to_string}}</td> <!-- Add comma between tags -->