rref #5392. Add all messaging API methods to service, create ui flow for new direct channel

app/components/messaging/messaging.js

@@ -20,8 +20,13 @@ angular.module("ulakbus.messaging")
                     $scope.directChannels = groupedChannels[MessagingService.CHANNEL_TYPE.DIRECT];
                 });
 
-                this.startDirectChannel = function(){
-
+                this.createDirectChannel = function(user){
+                    // user format is ['username', 'key', 'avatarUrl']
+                    var key = user[1];
+                    MessagingService.create_direct_channel(key)
+                        .then(function(result){
+                            $log.info("Channel for user ", user[0], "created: ", result);
+                        });
                 };
 
                 $scope.hideApp = function(){

app/components/messaging/messaging_forms.js

@@ -11,7 +11,7 @@ angular.module("ulakbus.messaging")
             },
             link: function(iScope, iElem, iAttrs, messagingCtrl){
                 iScope.selectUser = function(user){
-                    messagingCtrl.startDirectChannel(user);
+                    messagingCtrl.createDirectChannel(user);
                     iScope.hide();
                 }
             },

app/components/messaging/templates/index.html

@@ -16,7 +16,7 @@
 
                 <ul class="direct-messages">
                     <li class="title">DIRECT MESSAGES <span class="add-action glyphicon glyphicon-plus-sign" ng-click="showSearch.user = true"></span></li>
-                    <li class="online" ng-class="{'active':'active', 'notification': 'notification'}">Erkan Öğümsöğütlü</li>
+                    <li ng-class="{'notification': userChannel.unread}" ng-repeat="userChannel in directChannels">{{userChannel.name}}</li>
                 </ul>
 
             </div>