🔀 Merge #471 to deploy/rinkeby

likecoin · Aug 27, 2024 · fbe0504 · fbe0504
2 parents 441ef3c + da9ddac
commit fbe0504
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 19 deletions.
diff --git a/components/IscnRegisterForm.vue b/components/IscnRegisterForm.vue
@@ -122,14 +122,25 @@
         </div>
       </div>
       <!-- type -->
-      <FormField :label="$t('IscnRegisterForm.label.type')" class="mb-[12px]">
-        <Selector
-          class="h-[40px] w-[160px]"
-          :options="typeOptions"
-          :placeholder="defaultType"
-          @input="setType"
-        />
-      </FormField>
+      <div class="flex justify-between mb-[12px]">
+        <FormField :label="$t('IscnRegisterForm.label.type')">
+          <Selector
+            class="h-[40px] w-[160px]"
+            :options="typeOptions"
+            :placeholder="defaultType"
+            @input="setType"
+          />
+        </FormField>
+        <FormField v-if="isBookType" :label="$t('IscnRegisterForm.label.language')">
+          <Selector
+            class="h-[40px] w-[160px]"
+            :options="languageOptions"
+            :placeholder="defaultLanguage"
+            @input="setLanguage"
+          />
+        </FormField>
+      </div>
+
       <Divider class="my-[12px]" />
       <!-- form fieldset -->
       <div>
@@ -691,19 +702,24 @@ export default class IscnRegisterForm extends Vue {
   @walletModule.Action('initIfNecessary') initIfNecessary!: () => Promise<any>
 
   typeOptions = [
-'Book',
-'Photo',
-'Image',
-'CreativeWork',
-]
+    'Book',
+    'Photo',
+    'Image',
+    'CreativeWork',
+  ]
 
   fileTypeOptions = [
-'epub',
-'pdf',
-'audio',
-'jpg',
-'png',
-]
+    'epub',
+    'pdf',
+    'audio',
+    'jpg',
+    'png',
+  ]
+
+  languageOptions = [
+    'zh',
+    'en',
+  ]
 
   licenseMap: { [key: string]: string | null } = {
     'Copyright. All rights reserved.': 'All Rights Reserved',
@@ -850,6 +866,10 @@ export default class IscnRegisterForm extends Vue {
     return 'CreativeWork'
   }
 
+  get defaultLanguage() {
+    return this.epubMetadata?.language || 'zh'
+  }
+
   get authorDialogTitle() {
     return this.currentAuthorDialogType === AuthorDialogType.author
       ? this.$t('IscnRegisterForm.title.editAuthor')
@@ -1053,6 +1073,10 @@ export default class IscnRegisterForm extends Vue {
     return arweaveIdList
   }
 
+  get isBookType() {
+    return this.type === 'Book'
+  }
+
   @Watch('payload', { immediate: true, deep: true })
   change() {
     this.debouncedCalculateISCNFee()
@@ -1237,6 +1261,10 @@ export default class IscnRegisterForm extends Vue {
     this.type = value
   }
 
+  setLanguage(value: string) {
+    this.language = value
+  }
+
   setLicense(value: string) {
     this.license = value
   }

diff --git a/locales/en.json b/locales/en.json
@@ -239,6 +239,7 @@
   "IscnRegisterForm.label.registrant": "Registrant",
   "IscnRegisterForm.label.tags": "Tags",
   "IscnRegisterForm.label.type": "Type",
+  "IscnRegisterForm.label.language": "Language",
   "IscnRegisterForm.label.content": "Content Info",
   "IscnRegisterForm.label.uploading": "Loading files...",
   "IscnRegisterForm.label.url": "URL",