Update ManageUserApiKeys.mjs

NetCoreTemplates · Jun 5, 2024 · 8aaf6f4 · 8aaf6f4
1 parent 65d0fb9
commit 8aaf6f4
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 10 deletions.
diff --git a/MyApp/wwwroot/pages/Account/Manage/ManageUserApiKeys.mjs b/MyApp/wwwroot/pages/Account/Manage/ManageUserApiKeys.mjs
@@ -4,6 +4,7 @@ import { useClient, useUtils, useFormatters, useMetadata, css } from "@servicest
 import { QueryUserApiKeys, CreateUserApiKey, UpdateUserApiKey, DeleteUserApiKey } from "./dtos.mjs"
 
 function arraysAreEqual(a, b) {
+    if (!a || !b) return false
     return a.length === b.length && a.every((v, i) => v === b[i])
 }
 
@@ -72,6 +73,9 @@ const CreateApiKeyForm = {
                       <div class="col-span-6 sm:col-span-3">
                         <SelectInput id="expiresIn" v-model="expiresIn" :entries="info.expiresIn" />
                       </div>
+                      <div class="col-span-6">
+                        <TagInput id="restrictTo" label="Restrict to APIs" v-model="request.restrictTo" :allowableValues="apiKeyApis" />
+                      </div>
                       <div v-if="info.scopes.length" class="col-span-6">
                         <div class="mb-2">
                           <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Scopes</label>
@@ -126,6 +130,7 @@ const CreateApiKeyForm = {
         const features = ref({})
         const api = ref(new ApiResult())
         const errorSummary = computed(() => api.value.summaryMessage())
+        const apiKeyApis = computed(() => props.info.requestTypes)
 
         async function submit(e) {
             e.preventDefault()
@@ -157,7 +162,7 @@ const CreateApiKeyForm = {
             emit('done')
         }
 
-        return { request, expiresIn, scopes, features, api, errorSummary, submit, css, apiKey, done }
+        return { request, expiresIn, scopes, features, api, errorSummary, css, apiKey, apiKeyApis, done, submit }
     }
 }
 
@@ -180,6 +185,9 @@ const EditApiKeyForm = {
                         <div class="col-span-6 sm:col-span-3">
                           <TextInput id="expiryDate" type="date" v-model="request.expiryDate" />
                         </div>
+                        <div class="col-span-6">
+                          <TagInput id="restrictTo" label="Restrict to APIs" v-model="request.restrictTo" :allowableValues="apiKeyApis" />
+                        </div>
                         <div v-if="info.scopes.length" class="col-span-6">
                           <div class="mb-2">
                             <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Scopes</label>
@@ -240,6 +248,7 @@ const EditApiKeyForm = {
         const features = ref({})
         const api = ref(new ApiResult())
         const errorSummary = computed(() => api.value.summaryMessage())
+        const apiKeyApis = computed(() => props.info.requestTypes)
 
         async function submit(e) {
             e.preventDefault()
@@ -259,16 +268,22 @@ const EditApiKeyForm = {
                 }
             })
 
-            ;['name','expiryDate','scopes','features','notes'].forEach(k => {
+            ;['name','expiryDate','scopes','features','restrictTo','notes'].forEach(k => {
                 const value = request.value[k]
                 const origValue = origValues[k]
+                console.log(k, value, origValue, Array.isArray(value) ? arraysAreEqual(value, origValue) : -1)
                 if (value === origValue) return
                 if (Array.isArray(value)) {
                     if (!origValue || !arraysAreEqual(value, origValue)) {
-                        update[k] = value
+                        if (value.length === 0) {
+                            update.reset ??= []
+                            update.reset.push(k)
+                        } else {
+                            update[k] = value
+                        }
                     }
                 }
-                if (value) {
+                else if (value) {
                     update[k] = value
                 } else {
                     update.reset ??= []
@@ -319,11 +334,11 @@ const EditApiKeyForm = {
                 request.value.expiryDate = request.value.expiryDate
                     ? dateInputFormat(toDate(request.value.expiryDate))
                     : null
-                origValues = { ...request.value }
+                origValues = { ...result }
             }
         })
 
-        return { css, request, scopes, features, errorSummary, formatDate,
+        return { css, request, scopes, features, errorSummary, formatDate, apiKeyApis,
             submit, submitDelete, submitDisable, submitEnable }
     }
 }

diff --git a/MyApp/wwwroot/pages/Account/Manage/dtos.mjs b/MyApp/wwwroot/pages/Account/Manage/dtos.mjs
@@ -1,5 +1,5 @@
 /* Options:
-Date: 2024-06-02 00:36:50
+Date: 2024-06-06 02:20:36
 Version: 8.23
 Tip: To override a DTO option, remove "//" prefix before updating
 BaseUrl: https://localhost:5001
@@ -40,7 +40,7 @@ export class ResponseStatus {
     meta;
 }
 export class PartialApiKey {
-    /** @param {{id?:number,name?:string,userId?:string,userName?:string,visibleKey?:string,environment?:string,createdDate?:string,expiryDate?:string,cancelledDate?:string,lastUsedDate?:string,scopes?:string[],features?:string[],notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; },active?:boolean}} [init] */
+    /** @param {{id?:number,name?:string,userId?:string,userName?:string,visibleKey?:string,environment?:string,createdDate?:string,expiryDate?:string,cancelledDate?:string,lastUsedDate?:string,scopes?:string[],features?:string[],restrictTo?:string[],notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; },active?:boolean}} [init] */
     constructor(init) { Object.assign(this, init) }
     /** @type {number} */
     id;
@@ -66,6 +66,8 @@ export class PartialApiKey {
     scopes;
     /** @type {string[]} */
     features;
+    /** @type {string[]} */
+    restrictTo;
     /** @type {string} */
     notes;
     /** @type {?number} */
@@ -117,14 +119,16 @@ export class QueryUserApiKeys {
     createResponse() { return new UserApiKeysResponse() }
 }
 export class CreateUserApiKey {
-    /** @param {{name?:string,scopes?:string[],features?:string[],expiryDate?:string,notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; }}} [init] */
+    /** @param {{name?:string,scopes?:string[],features?:string[],restrictTo?:string[],expiryDate?:string,notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; }}} [init] */
     constructor(init) { Object.assign(this, init) }
     /** @type {string} */
     name;
     /** @type {string[]} */
     scopes;
     /** @type {string[]} */
     features;
+    /** @type {string[]} */
+    restrictTo;
     /** @type {?string} */
     expiryDate;
     /** @type {string} */
@@ -140,7 +144,7 @@ export class CreateUserApiKey {
     createResponse() { return new UserApiKeyResponse() }
 }
 export class UpdateUserApiKey {
-    /** @param {{id?:number,name?:string,scopes?:string[],features?:string[],expiryDate?:string,cancelledDate?:string,notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; },reset?:string[]}} [init] */
+    /** @param {{id?:number,name?:string,scopes?:string[],features?:string[],restrictTo?:string[],expiryDate?:string,cancelledDate?:string,notes?:string,refId?:number,refIdStr?:string,meta?:{ [index: string]: string; },reset?:string[]}} [init] */
     constructor(init) { Object.assign(this, init) }
     /** @type {number} */
     id;
@@ -150,6 +154,8 @@ export class UpdateUserApiKey {
     scopes;
     /** @type {string[]} */
     features;
+    /** @type {string[]} */
+    restrictTo;
     /** @type {?string} */
     expiryDate;
     /** @type {?string} */