Setting up licenses global filters location and add settings api service licenses locations scope

Author: rcmaiolini

src/components/GlobalFilters.vue

@@ -78,10 +78,7 @@
               {{ $t('common.forms.reset') }}
               {{ $t('common.globalFilters.location') }}
             </option>
-            <option
-              v-for="(loc, index) in globalFilters.locations"
-              :key="index"
-            >
+            <option v-for="(loc, index) in setLocations" :key="index">
               {{ loc }}
             </option>
           </b-select>
@@ -163,6 +160,7 @@
 </template>
 
 <script>
+import _ from 'lodash'
 import { mapState, mapActions, mapGetters, mapMutations } from 'vuex'
 import { formatDatepickerDate } from '@/helpers/helpers.js'
 import formatDate from '@/filters/formatDate.js'
@@ -416,6 +414,13 @@ export default {
         this.$route.name !== 'nodes'
       )
     },
+    setLocations() {
+      if (_.includes(this.$route.path, 'licenses')) {
+        return this.globalFilters.locationsLicenses
+      } else {
+        return this.globalFilters.locations
+      }
+    },
   },
 }
 </script>

src/components/licenses/contracts/Microsoft/MsSqlServerForm.vue

@@ -324,7 +324,7 @@ export default {
 
     this.locationList = JSON.parse(
       localStorage.getItem('persisted-data')
-    ).globalFilters.locations
+    ).globalFilters.locationsLicenses
     this.locationList.unshift('All')
   },
   methods: {

src/components/licenses/contracts/MySQL/MySqlContractsForm.vue

@@ -349,7 +349,7 @@ export default {
 
     this.locationList = JSON.parse(
       localStorage.getItem('persisted-data')
-    ).globalFilters.locations
+    ).globalFilters.locationsLicenses
     this.locationList.unshift('All')
   },
   methods: {

src/components/licenses/contracts/Oracle/OracleContractsForm.vue

@@ -445,7 +445,7 @@ export default {
 
     this.locationList = JSON.parse(
       localStorage.getItem('persisted-data')
-    ).globalFilters.locations
+    ).globalFilters.locationsLicenses
     this.locationList.unshift('All')
   },
   methods: {

src/components/settings/ApiService.vue

@@ -324,6 +324,35 @@
           </div>
         </div>
       </BoxContent>
+
+      <BoxContent
+        title="Licenses Locations"
+        class="is-size-5 has-text-weight-semibold"
+        customStyle="padding: 20px 40px"
+        border
+        hasShadow
+      >
+        <div class="column is-one-quarter">
+          <div class="field">
+            <div
+              class="is-flex is-flex-direction-row is-justify-content-space-between"
+            >
+              <label
+                v-html="highlight(APIServiceLabels[22])"
+                class="label is-small"
+              />
+              <b-icon
+                pack="fas"
+                icon="circle-info"
+                size="is-small"
+                type="is-info"
+                v-tooltip.top="options(licensesLocationsOptions)"
+              />
+            </div>
+            <CustomInput v-model="APIService.ScopeAsLocation" />
+          </div>
+        </div>
+      </BoxContent>
     </BoxContent>
   </article>
 </template>

src/mixins/settings/settings.js

@@ -57,6 +57,7 @@ export default {
         EnableAwsMenu: null,
         EnableGcpMenu: null,
         EnableOciMenu: null,
+        ScopeAsLocation: null,
       },
       AlertService: {
         RemoteEndpoint: null,
@@ -228,6 +229,7 @@ export default {
         'Policy Audit Names to Verify on Databases',
         'Round Decimal Licenses',
         'Threshold Percentage of DB Memory vs Host Memory',
+        'Set Licenses Location Scope',
       ],
       highlightApiService: false,
       AlertServiceLabels: [
@@ -406,6 +408,7 @@ export default {
         EnableAwsMenu: this.getAPIService.EnableAwsMenu,
         EnableGcpMenu: this.getAPIService.EnableGcpMenu,
         EnableOciMenu: this.getAPIService.EnableOciMenu,
+        ScopeAsLocation: this.getAPIService.ScopeAsLocation,
       }
     },
     bindOriginalResourceFilePathData() {
@@ -697,6 +700,9 @@ export default {
     crontabOptions() {
       return `Available options: </br> @daily </br> @weekly </br> @monthly`
     },
+    licensesLocationsOptions() {
+      return `To set licenses locations scope </br> use ´comma ( , )´ as separator: </br> loc1, loc2, loc3`
+    },
     warningAndCritical() {
       return [
         {

src/store/modules/common/global-filters.js

@@ -1,8 +1,9 @@
 import { axiosRequest } from '@/services/services.js'
 
 export const state = () => ({
-  locations: {},
-  environments: {},
+  locations: [],
+  locationsLicenses: [],
+  environments: [],
   activeFilters: {
     location: null,
     environment: null,
@@ -25,6 +26,9 @@ export const mutations = {
   SET_LOCATIONS: (state, payload) => {
     state.locations = payload
   },
+  SET_LOCATIONS_LICENSES: (state, payload) => {
+    state.locationsLicenses = payload
+  },
   SET_ENVIRONMENTS: (state, payload) => {
     state.environments = payload
   },
@@ -47,6 +51,15 @@ export const actions = {
       commit('SET_LOCATIONS', res.data)
     })
   },
+  async getGlobalFiltersLicensesLocations({ commit }) {
+    const config = {
+      method: 'get',
+      url: 'hosts/technologies/all/databases/licenses/locations',
+    }
+    await axiosRequest('baseApi', config).then((res) => {
+      commit('SET_LOCATIONS_LICENSES', res.data)
+    })
+  },
   async getGlobalFiltersEnvironments({ commit }) {
     const config = {
       method: 'get',

src/views/Dashboard.vue

@@ -57,6 +57,7 @@ export default {
     this.getCloudObjects()
 
     this.getGlobalFiltersLocations()
+    this.getGlobalFiltersLicensesLocations()
     this.getGlobalFiltersEnvironments()
     this.requestSettings()
   },
@@ -65,6 +66,7 @@ export default {
       'getDashboardData',
       'getTechnologiesData',
       'getGlobalFiltersLocations',
+      'getGlobalFiltersLicensesLocations',
       'getGlobalFiltersEnvironments',
       'getCloudObjects',
       'getDbConnection',