From 69b7f1ed37c1da6b7e2cf47c6be2af6087155aa6 Mon Sep 17 00:00:00 2001
From: cKey <35512826+colinin@users.noreply.github.com>
Date: Tue, 23 Feb 2021 14:13:12 +0800
Subject: [PATCH] added host feature management

---
 .../admin/components/FeatureManagement.vue    |  9 +--
 .../components/HostFeatureEditForm.vue        | 38 +++++++++++
 vueJs/src/views/admin/tenants/index.vue       | 63 +++++++++++++++++--
 3 files changed, 102 insertions(+), 8 deletions(-)
 create mode 100644 vueJs/src/views/admin/tenants/components/HostFeatureEditForm.vue

diff --git a/vueJs/src/views/admin/components/FeatureManagement.vue b/vueJs/src/views/admin/components/FeatureManagement.vue
index 7d94f5929..49aa2c292 100644
--- a/vueJs/src/views/admin/components/FeatureManagement.vue
+++ b/vueJs/src/views/admin/components/FeatureManagement.vue
@@ -37,7 +37,7 @@
               >
                 <el-switch
                   :value="getBooleanValue(feature.value)"
-                  @change="(value) => handleCheckBoxValueChanged(feature, value)"
+                  @change="(value) => handleValueChanged(feature, value)"
                 />
               </div>
               <div
@@ -47,6 +47,7 @@
                   v-if="feature.valueType.validator.name === 'NUMERIC'"
                   v-model.number="feature.value"
                   type="number"
+                  @change="(value) => handleValueChanged(feature, value)"
                 />
                 <el-input
                   v-else
@@ -188,8 +189,8 @@ export default class extends Vue {
     this.handleGetFeatures()
   }
 
-  private handleCheckBoxValueChanged(feature: Feature, value: any) {
-    feature.value = value.toString()
+  private handleValueChanged(feature: Feature, value: any) {
+    feature.value = String(value)
   }
 
   /**
@@ -204,7 +205,7 @@ export default class extends Vue {
    * 获取功能列表
    */
   private handleGetFeatures() {
-    if (this.loadFeature && this.providerKey) {
+    if (this.loadFeature) {
       FeatureManagementService.getFeatures(this.providerName, this.providerKey).then(res => {
         this.featureGroups = res
         if (this.featureGroups.groups.length > 0) {
diff --git a/vueJs/src/views/admin/tenants/components/HostFeatureEditForm.vue b/vueJs/src/views/admin/tenants/components/HostFeatureEditForm.vue
new file mode 100644
index 000000000..d06213c33
--- /dev/null
+++ b/vueJs/src/views/admin/tenants/components/HostFeatureEditForm.vue
@@ -0,0 +1,38 @@
+<template>
+  <el-dialog
+    :visible="showDialog"
+    :title="$t('AbpTenantManagement.ManageHostFeatures')"
+    width="800px"
+    custom-class="modal-form"
+    :show-close="false"
+    @close="onFormClosed"
+  >
+    <feature-management
+      ref="featureManagement"
+      provider-name="G"
+      provider-key=""
+      :load-feature="showDialog"
+      @closed="onFormClosed"
+    />
+  </el-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator'
+import FeatureManagement from '../../components/FeatureManagement.vue'
+
+@Component({
+  name: 'HostFeatureEditForm',
+  components: {
+    FeatureManagement
+  }
+})
+export default class extends Vue {
+  @Prop({ default: false })
+  private showDialog!: boolean
+
+  private onFormClosed() {
+    this.$emit('closed')
+  }
+}
+</script>
diff --git a/vueJs/src/views/admin/tenants/index.vue b/vueJs/src/views/admin/tenants/index.vue
index 4478787d5..a95dfdc00 100644
--- a/vueJs/src/views/admin/tenants/index.vue
+++ b/vueJs/src/views/admin/tenants/index.vue
@@ -27,6 +27,15 @@
       >
         {{ $t('tenant.createTenant') }}
       </el-button>
+      <el-button
+        v-if="isHost"
+        class="filter-item"
+        type="primary"
+        :disabled="!checkPermission(['FeatureManagement.ManageHostFeatures'])"
+        @click="handleManageHostFeatures"
+      >
+        {{ $t('AbpTenantManagement.ManageHostFeatures') }}
+      </el-button>
     </div>
 
     <el-table
@@ -162,21 +171,45 @@
       @closed="handleTenantConnectionEditFormClosed"
     />
 
-    <tenant-feature-editForm
+    <!-- <tenant-feature-edit-form
       :show-dialog="showFeatureEditFormDialog"
       :tenant-id="editTenantId"
       @closed="onFeatureEditFormClosed"
     />
+
+    <host-feature-edit-form
+      v-if="isHost"
+      :show-dialog="showHostFeatureDialog"
+      @closed="showHostFeatureDialog=false"
+    /> -->
+
+    <el-dialog
+      :visible="showFeatureDialog"
+      :title="featureManagementTitle"
+      width="800px"
+      custom-class="modal-form"
+      :show-close="false"
+      @close="showFeatureDialog=false"
+    >
+      <feature-management
+        :provider-name="featureProviderName"
+        :provider-key="featureProviderKey"
+        :load-feature="showFeatureDialog"
+        @closed="showFeatureDialog=false"
+      />
+    </el-dialog>
   </div>
 </template>
 
 <script lang="ts">
+import { AbpModule } from '@/store/modules/abp'
 import DataListMiXin from '@/mixins/DataListMiXin'
 import Component, { mixins } from 'vue-class-component'
 import TenantService, { TenantDto, TenantGetByPaged } from '@/api/tenant-management'
 import { dateFormat, abpPagerFormat } from '@/utils/index'
 import { checkPermission } from '@/utils/permission'
 import Pagination from '@/components/Pagination/index.vue'
+import FeatureManagement from '../components/FeatureManagement.vue'
 import TenantFeatureEditForm from './components/TenantFeatureEditForm.vue'
 import TenantCreateOrEditForm from './components/TenantCreateOrEditForm.vue'
 import TenantConnectionEditForm from './components/TenantConnectionEditForm.vue'
@@ -185,6 +218,7 @@ import TenantConnectionEditForm from './components/TenantConnectionEditForm.vue'
   name: 'RoleList',
   components: {
     Pagination,
+    FeatureManagement,
     TenantFeatureEditForm,
     TenantCreateOrEditForm,
     TenantConnectionEditForm
@@ -205,8 +239,20 @@ export default class extends mixins(DataListMiXin) {
   private showCreateOrEditTenantDialog = false
   private showFeatureEditFormDialog = false
 
+  private showFeatureDialog = false
+  private featureManagementTitle = ''
+  private featureProviderName = ''
+  private featureProviderKey = ''
+
   public dataFilter = new TenantGetByPaged()
 
+  get isHost() {
+    if (!AbpModule.configuration) {
+      return true
+    }
+    return !AbpModule.configuration.currentTenant.isAvailable
+  }
+
   mounted() {
     this.refreshPagedData()
   }
@@ -226,8 +272,10 @@ export default class extends mixins(DataListMiXin) {
         this.showEditTenantConnectionDialog = true
         break
       case 'feature' :
-        this.editTenantId = command.row.id
-        this.showFeatureEditFormDialog = true
+        this.featureProviderName = 'T'
+        this.featureProviderKey = command.row.id
+        this.featureManagementTitle = this.l('AbpTenantManagement.Permission:ManageFeatures')
+        this.showFeatureDialog = true
         break
       case 'delete' :
         this.handleDeleteTenant(command.row.id, command.row.name)
@@ -271,8 +319,15 @@ export default class extends mixins(DataListMiXin) {
     }
   }
 
+  private handleManageHostFeatures() {
+    this.featureProviderName = 'T'
+    this.featureProviderKey = ''
+    this.featureManagementTitle = this.l('AbpTenantManagement.ManageHostFeatures')
+    this.showFeatureDialog = true
+  }
+
   private onFeatureEditFormClosed() {
-    this.showFeatureEditFormDialog = false
+    this.showFeatureDialog = false
     this.editTenantId = ''
   }
 }