Add secretkey to details in config and display in DetailsTab

Author: Damans227

ui/src/components/view/DetailsTab.vue

@@ -147,6 +147,21 @@
           <div v-else>{{ dataResource[item] }}</div>
         </div>
       </a-list-item>
+      <a-list-item v-else-if="item === 'secretkey' && dataResource[item]">
+        <div>
+          <strong>{{ $t('label.secretkey') }}</strong>
+          <tooltip-button
+            tooltipPlacement="right"
+            :tooltip="$t('label.copy') + ' ' + $t('label.secretkey')"
+            icon="CopyOutlined"
+            type="dashed"
+            size="small"
+            @onClick="$message.success($t('label.copied.clipboard'))"
+            :copyResource="dataResource[item]" />
+          <br/>
+          <div>{{ dataResource[item].substring(0, 20) }}...</div>
+        </div>
+      </a-list-item>
       <a-list-item v-else-if="item === 'ip6address' && ipV6Address && ipV6Address.length > 0">
         <div>
           <strong>{{ $t('label.' + String(item).toLowerCase()) }}</strong>
@@ -223,6 +238,7 @@ import HostInfo from '@/views/infra/HostInfo'
 import VmwareData from './VmwareData'
 import ObjectListTable from '@/components/view/ObjectListTable'
 import ExternalConfigurationDetails from '@/views/extension/ExternalConfigurationDetails'
+import TooltipButton from '@/components/widgets/TooltipButton'
 import { genericCompare } from '@/utils/sort'
 
 export default {
@@ -232,7 +248,8 @@ export default {
     HostInfo,
     VmwareData,
     ObjectListTable,
-    ExternalConfigurationDetails
+    ExternalConfigurationDetails,
+    TooltipButton
   },
   props: {
     resource: {
@@ -270,7 +287,7 @@ export default {
   },
   computed: {
     customDisplayItems () {
-      var items = ['ip4routes', 'ip6routes', 'privatemtu', 'publicmtu', 'provider', 'details', 'parameters']
+      var items = ['ip4routes', 'ip6routes', 'privatemtu', 'publicmtu', 'provider', 'details', 'parameters', 'secretkey']
       if (this.$route.meta.name === 'webhookdeliveries') {
         items.push('startdate')
         items.push('enddate')

ui/src/config/section/config.js

@@ -80,7 +80,7 @@ export default {
       docHelp: 'adminguide/accounts.html#using-an-ldap-server-for-user-authentication',
       permission: ['listOauthProvider'],
       columns: ['provider', 'enabled', 'description', 'clientid', 'redirecturi', 'domainpath'],
-      details: ['provider', 'description', 'enabled', 'clientid', 'redirecturi', 'domainpath'],
+      details: ['provider', 'description', 'enabled', 'clientid', 'secretkey', 'redirecturi', 'domainpath'],
       actions: [
         {
           api: 'registerOauthProvider',