Button to clear the search field, bug fix on share modal

docs-parent/TODO

@@ -1,3 +1,2 @@
 - Automatic backup system using Quartz (server)
 - Handle error while uploading a file (client)
-- "X" button next to the search field to clear it (client)

docs-web/src/main/webapp/src/app/docs/controller/DocumentModalShare.js

@@ -0,0 +1,11 @@
+'use strict';
+
+/**
+ * Document modal share controller.
+ */
+angular.module('docs').controller('DocumentModalShare', function ($scope, $modalInstance) {
+  $scope.name = '';
+  $scope.close = function (name) {
+    $modalInstance.close(name);
+  }
+});

docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js

@@ -92,12 +92,7 @@ angular.module('docs').controller('DocumentView', function ($scope, $state, $sta
   $scope.share = function () {
     $modal.open({
       templateUrl: 'partial/docs/document.share.html',
-      controller: function ($scope, $modalInstance) {
+      controller: 'DocumentModalShare'
-        $scope.name = '';
-        $scope.close = function (name) {
-          $modalInstance.close(name);
-        }
-      }
     }).result.then(function (name) {
           if (name == null) {
             return;

docs-web/src/main/webapp/src/index.html

@@ -42,6 +42,7 @@
     <script src="app/docs/controller/DocumentDefault.js" type="text/javascript"></script>
     <script src="app/docs/controller/DocumentEdit.js" type="text/javascript"></script>
     <script src="app/docs/controller/DocumentView.js" type="text/javascript"></script>
+    <script src="app/docs/controller/DocumentModalShare.js" type="text/javascript"></script>
     <script src="app/docs/controller/FileView.js" type="text/javascript"></script>
     <script src="app/docs/controller/FileModalView.js" type="text/javascript"></script>
     <script src="app/docs/controller/Login.js" type="text/javascript"></script>

docs-web/src/main/webapp/src/partial/docs/document.html

@@ -7,7 +7,7 @@
 
       <div class="input-group">
         <span class="input-group-addon">
-          <span class="glyphicon glyphicon-search"
+          <span class="glyphicon glyphicon glyphicon-info-sign"
             tooltip-placement="bottom"
             tooltip-html-unsafe="before:2012-05<br/>
             after:2012-05<br/>
@@ -18,6 +18,10 @@
             lang:fra"></span>
         </span>
         <input type="search" class="form-control" placeholder="Search" ng-model="search" />
+        <span class="input-group-addon">
+          <span class="glyphicon glyphicon-search" ng-show="search.length == 0"></span>
+          <span class="glyphicon glyphicon-remove" ng-show="search.length > 0" ng-click="search = ''"></span>
+        </span>
       </div>
 
       <table class="row table table-striped table-hover table-documents">