rref #5392. Use close button to hide chat app window

app/shared/directives.js

@@ -686,6 +686,10 @@ angular.module('ulakbus')
                     }
                 });
 
+                this.hideApp = function(){
+                    $scope.hidden = true;
+                }
+
                 $scope.messages = [];
                 $scope.$on("messages", function (event, data) {
                     $log.debug("Message List Received", data);
@@ -707,6 +711,10 @@ angular.module('ulakbus')
             restrict: 'E',
             replace: true,
             scope: {},
+            require: "^messaging",
+            link: function(iScope, iElem, iAttrs, messagingCtrl){
+                iScope.hideApp = messagingCtrl.hideApp;
+            },
             controller: function ($scope) {
                 $scope.messages = [];
                 $scope.$on("detailMessages", function (event, data) {

app/shared/templates/directives/messaging/detail.html

@@ -19,7 +19,7 @@
             </ul>
         </div>
         <div class="close-chat-app">
-            <span class="glyphicon glyphicon-remove"></span>
+            <span class="glyphicon glyphicon-remove" ng-click="hideApp()"></span>
         </div>
     </div>
 
@@ -76,4 +76,4 @@
 
     </div>
 
-</div>
\ No newline at end of file
+</div>