Merge branch 'master' into viewer

src/app/pages/teams/lists/ListsTabCtrl.js

@@ -9,7 +9,7 @@
     .controller('ListsTabCtrl', ListsTabCtrl);
 
   /** @ngInject */
-  function ListsTabCtrl($scope, baConfig) {
+  function ListsTabCtrl($scope, baConfig, membersList) {
     
     $scope.transparent = baConfig.theme.blur;
     var dashboardColors = baConfig.colors.dashboard;
@@ -24,34 +24,66 @@
     }
 
     $scope.Lists = [
-      { text: 'Check me out yeah' },
-      { text: 'Lorem ipsum dolor sit amet, possit denique oportere at his, etiam corpora deseruisse te pro' },
-      { text: 'Ex has semper alterum, expetenda dignissim' },
-      { text: 'Vim an eius ocurreret abhorreant, id nam aeque persius ornatus.' },
-      { text: 'Simul erroribus ad usu' },
-      { text: 'Ei cum solet appareat, ex est graeci mediocritatem' },
-      { text: 'Get in touch with akveo team' },
-      { text: 'Write email to business cat' },
-      { text: 'Have fun with blur admin' },
-      { text: 'What do you think?' },
+      { name: 'Check me out yeah', deleted : false, members : ['4563faass', '4563fdfvd'] },
+      { name: 'Lorem ipsum', deleted : false, members : ['4563zxcss', '8955sddf'] },
+      { name: 'Ex has semper', deleted : false, members : ['8955sdfcc', '8955sddf'] },
+      { name: 'Vim an eius', deleted : false, members : ['8955sddf', '4563faass'] },
     ];
 
+    $scope.tabs = membersList.getTabs();
+
+    $scope.searchResult = membersList.getAllMessages();
+
+    
+
     $scope.Lists.forEach(function(item) {
       item.color = getRandomColor();
     });
 
     $scope.newTodoText = '';
+    $scope.listMembers = [];
+    $scope.selectedLabel = "listing";
 
     $scope.addNewList = function (event, clickPlus) {
       if (clickPlus || event.which === 13) {
         $scope.Lists.unshift({
-          text: $scope.newTodoText,
+          name: $scope.newTodoText,
           color: getRandomColor(),
         });
         $scope.newTodoText = '';
       }
     };
 
+    $scope.updateMembers = function (index) {
+	  //uncheck others lists
+	  for(var i = 0; i<$scope.Lists.length; i++)
+		{
+			if(i != index)
+		   		$scope.Lists[i].isChecked = false;
+		}
+
+	  //getting members info
+	  $scope.listMembers = []; 
+      var membersIds = $scope.Lists[index].members;
+      angular.forEach(membersIds, function(id){
+      	 var member = membersList.getMemberById(id);
+	     $scope.listMembers.push( member );
+	    });
+      console.log($scope.listMembers);
+    };
+
+    $scope.getMemberByLabel = function (label) {
+      console.log(label);
+      $scope.searchResult = membersList.getMembersByLabel(label);
+    }; 
+
+    $scope.removeMember = function (index) {
+      if (confirm("Are you sure?"))
+           {
+               //$scope.Lists[index].deleted = true;
+           }
+    };
+
     $scope.removeList = function (index) {
       if (confirm("Are you sure?"))
            {

src/app/pages/teams/lists/lists.html

@@ -1,9 +1 @@
-<div class="row">
-  <div class="col-xlg-3 col-lg-6 col-md-6 col-xs-12"
-       ba-panel
-       ba-panel-title="Mailing LISTS"
-       ba-panel-class="xmedium-panel feed-comply-panel with-scroll todo-panel">
-    <lists-directive></lists-directive>
-  </div>
- 
-</div>
+<lists-directive></lists-directive>

src/app/pages/teams/lists/listsDirective.html

@@ -1,18 +1,82 @@
-<div class="task-todo-container" ng-class="{'transparent': transparent}">
-  <input type="text" value="" class="form-control task-todo" placeholder="Add a new list.." ng-keyup="addNewList($event)" ng-model="newTodoText"/>
-  <i ng-click="addNewList('',true)" class="add-item-icon ion-plus-round"></i>
-  <div class="box-shadow-border"></div>
-  <ul class="todo-list" ui-sortable ng-model="Lists">
-    <li ng-repeat="item in Lists" ng-if="!item.deleted" ng-init="activeItem=false"
-        ng-class="{checked: isChecked, active: activeItem}"
-        ng-mouseenter="activeItem=true" ng-mouseleave="activeItem=false">
-      <div class="blur-container"><div class="blur-box"></div></div>
-      <i class="mark" style="background-color: {{::item.color}}"></i>
-      <label class="todo-checkbox custom-checkbox custom-input-success">
-        <input type="checkbox" ng-model="isChecked">
-        <span class="cut-with-dots">{{ item.text }}</span>
-      </label>
-      <i class="remove-todo ion-ios-close-empty" ng-click="removeList($index)"></i>
-    </li>
-  </ul>
+<div class="row">
+  <div class="col-xlg-4 col-lg-6 col-md-4 col-xs-12"
+       ba-panel
+       ba-panel-title="Mailing LISTS"
+       ba-panel-class="xmedium-panel feed-comply-panel with-scroll todo-panel">
+
+        <div class="task-todo-container" ng-class="{'transparent': transparent}">
+          <input type="text" value="" class="form-control task-todo" placeholder="Add a new list.." ng-keyup="addNewList($event)" ng-model="newTodoText"/>
+          <i ng-click="addNewList('',true)" class="add-item-icon ion-plus-round"></i>
+          <div class="box-shadow-border"></div>
+          <ul class="todo-list" ui-sortable ng-model="Lists">
+            <li ng-repeat="item in Lists" ng-if="!item.deleted" ng-init="activeItem=false"
+                ng-class="{checked: item.isChecked, active: activeItem}"
+                ng-mouseenter="activeItem=true" ng-mouseleave="activeItem=false">
+              <div class="blur-container"><div class="blur-box"></div></div>
+              <i class="mark" style="background-color: {{::item.color}}"></i>
+              <label class="todo-checkbox custom-checkbox custom-input-success">
+                <input type="checkbox" ng-model="item.isChecked" ng-change="updateMembers($index)">
+                <span class="cut-with-dots">{{ item.name }}</span>
+              </label>
+              <i class="remove-todo ion-ios-close-empty" ng-click="removeList($index)"></i>
+            </li>
+          </ul>
+        </div>
+
+
+  </div>
+
+  <div class="col-xlg-4 col-lg-6 col-md-4 col-xs-12"
+       ba-panel
+       ba-panel-title="List members"
+       ba-panel-class="xmedium-panel feed-comply-panel with-scroll todo-panel">
+       
+       <div class="feed-messages-container" track-width="smallContainerWidth" min-width="360">
+        <div class="feed-message" ng-repeat="m in listMembers">
+          <div class="message-icon">
+            <img class="photo-icon" ng-src="{{m.name.split(' ')[0] | profilePicture}}">
+          </div>
+          <div class="text-block text-message">
+            <div class="message-header">
+              <span class="author">{{m.name}}</span>
+            </div>
+            <div class="message-content line-clamp">
+              <span>{{m.position}} </span>
+            </div>
+            <button class="btn btn-danger editable-table-button btn-xs pull-right" ng-click="removeMember(m.id)">Remove</button>
+            
+          </div>
+        </div>
+      </div>
+
+  </div>
+   <div class="col-xlg-4 col-lg-6 col-md-4 col-xs-12"
+       ba-panel
+       ba-panel-title="Add new members"
+       ba-panel-class="xmedium-panel feed-comply-panel with-scroll todo-panel">
+        <input type="text" value="" class="form-control task-todo" placeholder="Search" ng-keyup="addNewList($event)" ng-model="newTodoText"/>
+        <select class="form-control" selectpicker ng-model="selectedLabel" ng-change="getMemberByLabel(selectedLabel)">
+              <option selected="true" value="listing">Search by tag ...</option>
+              <option ng-repeat="t in tabs" value="{{t.label}}">{{t.name}}</option>
+            </select>
+
+        <div class="feed-messages-container" track-width="smallContainerWidth" min-width="360">
+        <div class="feed-message" ng-repeat="m in searchResult">
+          <div class="message-icon">
+            <img class="photo-icon" ng-src="{{m.name.split(' ')[0] | profilePicture}}">
+          </div>
+          <div class="text-block text-message">
+            <div class="message-header">
+              <span class="author">{{m.name}}</span>
+            </div>
+            <div class="message-content line-clamp">
+              <span>{{m.position}} </span>
+            </div>
+            <button class="btn btn-success editable-table-button btn-xs pull-right" ng-click="removeMember(m.id)">Add</button>
+            
+          </div>
+        </div>
+      </div>
+  </div>
+ 
 </div>