From 4a24212152711249d6b3c94755b1ecdc92233dd8 Mon Sep 17 00:00:00 2001
From: "Ng Wing Tat, David" <i@ngwingt.at>
Date: Fri, 24 Nov 2023 15:06:48 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20more=20license=20options?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IscnRegisterForm.vue | 10 +++++++++-
 components/Selector.vue         | 22 ++++++++++++----------
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/components/IscnRegisterForm.vue b/components/IscnRegisterForm.vue
index fac5cadf..054fa668 100644
--- 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
index 6e4f3f17..f6a9bd44 100644
--- 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,