set expert to a proposal

frontend/app/app.less

 @import './sidebar/most-sidebar';
 @import './proposal/most-proposal';
+@import './components/expert-auto-complete/most-expert-auto-complete';
 
 @media (min-width: @screen-md-min) {
   .most-root {

frontend/app/components/expert-auto-complete/most-expert-auto-complete.component.js

+(function(angular) {
+  'use strict';
+
+  angular.module('linagora.esn.most')
+
+  .component('mostExpertAutoComplete', {
+    templateUrl: '/linagora.esn.most/app/components/expert-auto-complete/most-expert-auto-complete.html',
+    controller: 'MostExpertAutoCompleteController',
+    bindings: {
+      experts: '='
+    }
+  });
+})(angular);

frontend/app/components/expert-auto-complete/most-expert-auto-complete.controller.js

+(function(angular) {
+  'use strict';
+
+  angular.module('linagora.esn.most')
+    .controller('MostExpertAutoCompleteController', MostExpertAutoCompleteController);
+
+  function MostExpertAutoCompleteController(
+    $element,
+    $q,
+    _,
+    elementScrollService,
+    emailService,
+    groupAttendeeProvider
+  ) {
+    var self = this;
+
+    self.search = search;
+
+    function search(query) {
+      return groupAttendeeProvider.searchAttendee(query);
+    }
+
+    self.onTagAdding = function($tag) {
+      var isValidTag = emailService.isValidEmail($tag.email) && !_isDuplicatedMember($tag, self.experts);
+
+      return isValidTag;
+    };
+
+    self.onTagAdded = function() {
+      elementScrollService.autoScrollDown($element.find('div.tags'));
+    };
+
+    function _isDuplicatedMember(newMember, members) {
+      return !!_.find(members, { email: newMember.email });
+    }
+  }
+})(angular);

frontend/app/components/expert-auto-complete/most-expert-auto-complete.less

+most-expert-auto-complete {
+  .input-group {
+    .flex-row;
+
+    .input-group-addon {
+      margin: 15px;
+
+      .mdi {
+        font-size: 2em;
+      }
+    }
+
+    .most-experts-input {
+      .flex-column;
+
+      width: 100%;
+    }
+  }
+}

frontend/app/components/expert-auto-complete/most-expert-auto-complete.pug

+.form-group
+  .input-group
+    span.input-group-addon
+      i.mdi.mdi-account-multiple-plus
+    .most-experts-input
+      .fg-line
+        tags-input.form-control(
+          ng-model='$ctrl.experts',
+          placeholder=__("Type a name or email..."),
+          display-property='email',
+          key-property='email',
+          replace-spaces-with-dashes='false',
+          on-tag-adding='$ctrl.onTagAdding($tag)',
+          on-tag-added='$ctrl.onTagAdded($tag)'
+        )
+          auto-complete(
+            source='$ctrl.search($query)',
+            min-length='1', debounce-delay='200',
+            max-results-to-show= '20',
+            template='/group/app/attendee/group-attendee-template.html'
+          )
+  

frontend/app/proposal/detail/most-proposal-detail.controller.js

@@ -7,12 +7,14 @@
   function MostProposalDetailController(
     $state,
     $stateParams,
+    $modal,
     mostProposalApiClient
   ) {
     var self = this;
 
     self.$onInit = $onInit;
     self.onRejectBtnClick = onRejectBtnClick;
+    self.onReviewBtnClick = onReviewBtnClick;
     self.onAcceptBtnClick = onAcceptBtnClick;
 
     function $onInit() {
@@ -29,6 +31,16 @@
         });
     }
 
+    function onReviewBtnClick() {
+      $modal({
+        templateUrl: '/linagora.esn.most/app/proposal/detail/review/modal.html',
+        backdrop: 'static',
+        placement: 'center',
+        controllerAs: '$ctrl',
+        controller: 'MostProposalDetailReviewController'
+      });
+    }
+
     function onAcceptBtnClick() {
       return mostProposalApiClient.updateProposal($stateParams.proposalId, { status: 'ACCEPTED' })
         .then(function() {

frontend/app/proposal/detail/most-proposal-detail.pug

 sub-header
   most-proposal-detail-subheader(
-    title="$ctrl.proposal.formJson.title",
+    data-title="$ctrl.proposal.formJson.title",
     on-reject-btn-click="$ctrl.onRejectBtnClick()",
+    on-review-btn-click="$ctrl.onReviewBtnClick()",
     on-accept-btn-click="$ctrl.onAcceptBtnClick()"
   )
 .card

frontend/app/proposal/detail/review/modal.pug

+.modal.most-modal.full-screen
+  form(name="form", ng-submit="$ctrl.send(); $hide()")
+    .modal-dialog
+      .modal-content
+        .modal-header
+          button.close(type="button", data-dismiss="modal", aria-label="Close", ng-click="$hide()")
+            span(aria-hidden="true") ×
+          h4.modal-title #{__('Lấy ý kiến chuyên gia')}
+        .modal-body
+          most-expert-auto-complete(experts="$ctrl.experts")
+        .modal-footer.flex
+          .flex-vertical-centered.flex-end
+            button.btn.btn-link(type="button", ng-click="$hide()")
+              | #{__('Cancel')}
+            button.btn.btn-primary(type="submit", ng-disabled="form.$invalid || form.$pending")
+              | #{__('Send')}

frontend/app/proposal/detail/review/most-proposal-detail-review.controller.js

+(function(angular) {
+  'use strict';
+
+  angular.module('linagora.esn.most')
+    .controller('MostProposalDetailReviewController', MostProposalDetailReviewController);
+
+  function MostProposalDetailReviewController(
+    $state,
+    $stateParams,
+    $modal,
+    mostProposalApiClient
+  ) {
+    var self = this;
+
+    self.$onInit = $onInit;
+    self.send = send;
+
+    function $onInit() {
+      self.experts = [];
+    }
+
+    function send() {
+      var userIds = _getUserIdsFromGroups(self.experts || []);
+
+      mostProposalApiClient
+      .updateProposal($stateParams.proposalId, { reviewers: userIds, status: 'REVIEWING' })
+      .finally(function() {
+        $state.go('most.proposal');
+      });
+    }
+
+    function _getUserIdsFromGroups(groups) {
+      var userIds = [];
+
+      groups.forEach(function(group) {
+        group.members.forEach(function(item) {
+          if (item.member.objectType === 'user') {
+            userIds.push(item.member.id);
+          }
+        });
+      });
+
+      return userIds;
+    }
+
+  }
+})(angular);

frontend/app/proposal/detail/subheader/most-proposal-detail-subheader.component.js

@@ -8,6 +8,7 @@
     bindings: {
       title: '<',
       onRejectBtnClick: '&',
+      onReviewBtnClick: '&',
       onAcceptBtnClick: '&'
     }
   });

frontend/app/proposal/detail/subheader/most-proposal-detail-subheader.pug

@@ -12,6 +12,8 @@ block right
       ul.dropdown-menu.dropdown-menu-right
         li
           a(href='', ng-click='$ctrl.onRejectBtnClick()') Từ chối
+        li
+          a(href='', ng-click='$ctrl.onReviewBtnClick()') Xem xét
         li
           a(href='', ng-click='$ctrl.onAcceptBtnClick()') Duyệt