F #5056 Added filter view and primary group (#267)

* F #5056 Added filter view and primary group

* F #5065 filter view configurable

src/sunstone/etc/sunstone-views/admin.yaml

@@ -3,6 +3,7 @@ provision_logo: images/opennebula-5.0.png
 link_logo:
 text_link_logo:
 confirm_vms: false
+filter-view: true
 enabled_tabs:
     - dashboard-tab
     - instances-top-tab

src/sunstone/etc/sunstone-views/admin_vcenter.yaml

@@ -3,6 +3,7 @@ provision_logo: images/opennebula-5.0.png
 link_logo:
 text_link_logo:
 confirm_vms: false
+filter-view: true
 enabled_tabs:
     - dashboard-tab
     - instances-top-tab

src/sunstone/etc/sunstone-views/groupadmin.yaml

@@ -3,6 +3,7 @@ provision_logo: images/opennebula-5.0.png
 link_logo:
 text_link_logo:
 confirm_vms: false
+filter-view: true
 enabled_tabs:
     - dashboard-tab
     - instances-top-tab

src/sunstone/etc/sunstone-views/groupadmin_vcenter.yaml

@@ -3,6 +3,7 @@ provision_logo: images/opennebula-5.0.png
 link_logo:
 text_link_logo:
 confirm_vms: false
+filter-view: true
 enabled_tabs:
     - dashboard-tab
     - instances-top-tab

src/sunstone/etc/sunstone-views/user.yaml

@@ -3,6 +3,7 @@ provision_logo: images/opennebula-5.0.png
 link_logo:
 text_link_logo:
 confirm_vms: false
+filter-view: true
 enabled_tabs:
     - dashboard-tab
     - instances-top-tab

src/sunstone/public/app/app.js

@@ -101,12 +101,14 @@ define(function(require) {
     Config.changeFilter(false);
     
     $(".user-zone-info").html(UserAndZoneTemplate({
+      filterView: Config['filterView'],
       displayName: config['display_name'],
       settingsTabEnabled: Config.isTabEnabled(SETTINGS_TAB_ID),
       availableViews: config['available_views'],
       zoneName: config['zone_name']
     })).foundation();
 
+    $('#filter-view').hide();
     groupsRefresh();
 
     $('.quickconf_view[view="' + config['user_config']["default_view"] + '"] i').addClass('fa-check');
@@ -131,6 +133,7 @@ define(function(require) {
         },
         success: function (request, obj_user) {
           var groups = obj_user.USER.GROUPS.ID;
+          this.primaryGroup = obj_user.USER.GID;
           var groupsHTML = "<li class='groups' value='-2'> <a href='#' value='-2' id='-2'> \
               <i class='fa fa-fw'></i>" + Locale.tr("All") + "</a></li>";
           if(this.idGroup == -2){
@@ -172,21 +175,28 @@ define(function(require) {
           $('#userselector').on('click', function(){
             $('.groups-menu').empty();
             $('.groups-menu').append(groupsHTML);
+            var primaryGroupChar = '<span class="fa fa-asterisk fa-fw" id="primary-char" \
+                                    style="float: right"></span>';
+            $('#'+ that.primaryGroup + ' a').append(primaryGroupChar);
             $('.groups').on('click', function(){
-                that.idGroup = $(this).attr('value');
-                if(that.idGroup != -2){
-                  Sunstone.runAction("User.chgrp", [parseInt(config['user_id'])], parseInt(that.idGroup));
-                }
-                $('.groups-menu a i').removeClass('fa-check');
-                $('a i', this).addClass('fa-check');
-                groupsRefresh();
-                if(that.idGroup != -2){
-                  Config.changeFilter(true);
-                } else {
-                  Config.changeFilter(false);
-                }
-                $('.refresh').click();
-                $('.refresh-table').click();
+              that.idGroup = $(this).attr('value');
+              if(that.idGroup != -2){
+                $('#primary-char').remove();
+                Sunstone.runAction("User.chgrp", [parseInt(config['user_id'])], parseInt(that.idGroup));
+                $('a', this).append(primaryGroupChar);
+                Config.changeFilter(true);
+                var filterName = $(this).text();
+                $('#filter-view').show();
+                $('.filter-name').html(filterName);
+              } else {                
+                $('#filter-view').hide();
+                Config.changeFilter(false);
+              }
+              $('.groups-menu a i').removeClass('fa-check');
+              $('a i', this).addClass('fa-check');
+              groupsRefresh();
+              $('.refresh').click();
+              $('.refresh-table').click();
             });
           });
         },

src/sunstone/public/app/sunstone-config.js

@@ -157,6 +157,7 @@ define(function(require) {
     'enabledTabs': _config['view']['enabled_tabs'],
     'onedConf': _config['oned_conf'],
     'confirmVMActions': _config['view']['confirm_vms'],
+    'filterView': _config['view']['filter_view'],
 
     "allTabs": function() {
       return Object.keys(_config['view']['tabs']);

src/sunstone/public/app/sunstone/user_and_zone.hbs

@@ -15,6 +15,14 @@
 {{! -------------------------------------------------------------------------- }}
 
 <ul class="dropdown menu" data-dropdown-menu data-alignment="right">
+  {{#if filterView}}
+  <li>
+    <a class="thin-font" href="#" id="filter-view">
+      <i class="fa fa-filter fa-fw header-icon"></i>
+      <span class="filter-name"></span>
+    </a>
+  </li>
+  {{/if}}
   <li>
     <a class="thin-font" href="#" id="userselector">
       <i class="fa fa-user fa-fw header-icon"></i>