[IMPAC-757] Added radio mode for organization

src/components/widgets-settings/organizations/organizations.directive.coffee

@@ -1,15 +1,28 @@
 module = angular.module('impac.components.widgets-settings.organizations',[])
-module.controller('SettingOrganizationsCtrl', ($scope, $log, ImpacDashboardsSvc) ->
+module.controller('SettingOrganizationsCtrl', ($scope, $log, ImpacDashboardsSvc, ImpacMainSvc) ->
 
   w = $scope.parentWidget
   w.selectedOrganizations = {}
 
+  $scope.organizationMode ||= 'multiple'
+  mode = $scope.organizationMode
+
+  multiOrgMode = -> mode == 'multiple'
+
+  singleOrgMode = -> mode == 'single'
+
+  resetSelectedOrgs = -> w.selectedOrganizations = _.mapValues(w.selectedOrganizations, -> false)
+
   $scope.isOrganizationSelected = (orgUid) ->
     !!w.selectedOrganizations[orgUid]
 
   $scope.toggleSelectOrganization = (orgUid) ->
-    w.selectedOrganizations[orgUid] = !w.selectedOrganizations[orgUid]
-    $scope.onSelect({orgs: w.selectedOrganizations}) if angular.isDefined( $scope.onSelect )
+    if multiOrgMode()
+      w.selectedOrganizations[orgUid] = !w.selectedOrganizations[orgUid]
+      $scope.onSelect({orgs: w.selectedOrganizations}) if angular.isDefined( $scope.onSelect )
+    else if singleOrgMode()
+      resetSelectedOrgs()
+      w.selectedOrganizations[orgUid] = true
 
   # What will be passed to parentWidget
   setting = {}
@@ -21,10 +34,20 @@ module.controller('SettingOrganizationsCtrl', ($scope, $log, ImpacDashboardsSvc)
     ImpacDashboardsSvc.load().then(
       (config) ->
         $scope.dashboardOrganizations = config.currentDashboard.data_sources
-        if w.metadata? && w.metadata.organization_ids?
+
+        return unless w.metadata? && w.metadata.organization_ids?
+        widgetOrgIds = w.metadata.organization_ids
+        if singleOrgMode()
+          resetSelectedOrgs()
+          if widgetOrgIds.length > 1
+            currentOrganization = ImpacMainSvc.config.currentOrganization
+            w.selectedOrganizations[currentOrganization.uid] = true
+          else
+            w.selectedOrganizations[widgetOrgIds[0]] = true
+        else if multiOrgMode()
           for org in $scope.dashboardOrganizations
-            w.selectedOrganizations[org.uid] = _.contains(w.metadata.organization_ids, org.uid)
-          setting.isInitialized = true
+            w.selectedOrganizations[org.uid] = _.contains(widgetOrgIds, org.uid)
+        setting.isInitialized = true
     )
 
   setting.toMetadata = ->
@@ -46,6 +69,7 @@ module.directive('settingOrganizations', ($templateCache) ->
     restrict: 'A',
     scope: {
       parentWidget: '='
+      organizationMode: '=?'
       deferred: '='
       onSelect: '&?'
     },

src/components/widgets-settings/organizations/organizations.less

@@ -7,13 +7,13 @@
         float: right;
         font-size: 20px;
         cursor: pointer;
-        &.fa-toggle-on {
+        &.fa-toggle-on, &.fa-check-circle {
           color: @impac-widget-link-color;
         }
-        &.fa-toggle-off {
+        &.fa-toggle-off, &.fa-circle-thin {
           color: @impac-widget-text-color-medium;
         }
       }
     }
   }
-}
+}

src/components/widgets-settings/organizations/organizations.tmpl.html

@@ -4,7 +4,9 @@ <h5 translate>impac.widget.settings.organizations.select_companies</h5>
   <div class="widget-lines-container">
     <div class="widget-line" ng-repeat="org in dashboardOrganizations">
       {{org.label}}
-      <i ng-class="isOrganizationSelected(org.uid) ? 'fa fa-toggle-on' : 'fa fa-toggle-off'" ng-click="toggleSelectOrganization(org.uid)" uib-tooltip="{{isOrganizationSelected(org.uid) ? 'disable' : 'enable'}}" tooltip-append-to-body="true" />
+      <i ng-show="organizationMode == 'multiple'" ng-class="isOrganizationSelected(org.uid) ? 'fa fa-toggle-on' : 'fa fa-toggle-off'" ng-click="toggleSelectOrganization(org.uid)" uib-tooltip="{{isOrganizationSelected(org.uid) ? 'disable' : 'enable'}}" tooltip-append-to-body="true" />
+
+      <i ng-show="organizationMode == 'single'" ng-class="isOrganizationSelected(org.uid) ? 'fa fa-check-circle' : 'fa fa-circle-thin'" ng-click="toggleSelectOrganization(org.uid)" />
     </div>
   </div>
 </div>