✨ Add more license options (#420)

likecoin · Nov 24, 2023 · 4338fd2 · 4338fd2
1 parent c2534a1
commit 4338fd2
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/components/IscnRegisterForm.vue b/components/IscnRegisterForm.vue
@@ -384,6 +384,7 @@
               class="h-[40px] w-[320px] mb-[8px]"
               :options="licenseOptions"
               :placeholder="license"
+              direction="top"
               @input="setLicense"
             />
             <TextField
@@ -776,8 +777,15 @@ export default class IscnRegisterForm extends Vue {
 
   licenseMap: { [key: string]: string | null }= {
     'Copyright. All rights reserved.': 'All Rights Reserved',
-    'CC BY 4.0': 'https://creativecommons.org/licenses/by/4.0/',
+    'CC BY-NC-ND': 'https://creativecommons.org/licenses/by-nc-nd/4.0/',
+    'CC BY-NC-SA': 'https://creativecommons.org/licenses/by-nc-sa/4.0/',
+    'CC BY-NC': 'https://creativecommons.org/licenses/by-nc/4.0/',
+    'CC BY-ND': 'https://creativecommons.org/licenses/by-nd/4.0/',
+    'CC BY-SA': 'https://creativecommons.org/licenses/by-sa/4.0/',
+    'CC BY': 'https://creativecommons.org/licenses/by/4.0/',
+    'CC0 (Public Domain)': 'https://creativecommons.org/publicdomain/zero/1.0/',
     'Other': null,
+    'Not Specified': '',
   }
 
   author: Author = {

diff --git a/components/Selector.vue b/components/Selector.vue
@@ -10,16 +10,16 @@
       </div>
       <div
         v-if="isOpenOptions && options.length"
-        class="
-          absolute
-          bg-white
-          border-shade-gray border-[1px]
-          rounded-[24px]
-          text-dark-gray text-left
-          mt-[8px]
-          p-[12px]
-          z-50
-        "
+        :class="[
+          'absolute',
+          'bg-white',
+          'border-shade-gray border-[1px]',
+          'rounded-[24px]',
+          'text-dark-gray text-left',
+          'p-[12px]',
+          'z-50',
+          direction === 'top' ? 'bottom-full mb-[8px]' : 'mt-[8px]',
+        ]"
       >
         <div
           v-for="(option, i) of options"
@@ -51,6 +51,8 @@ export default class Selector extends Vue {
 
   @Prop(String) readonly placeholder: string | undefined
 
+  @Prop({ default: 'bottom' }) readonly direction!: string
+
   @Prop([
     String,
     Array,