From 895c6eb3c95cf84f245299ea902d6de6da84b7e6 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 25 Feb 2022 19:22:26 +0800
Subject: [PATCH] feat: add show more to LinkToAnotherRecord

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>
---
 .../editColumn/linkedToAnotherOptions.vue     | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
index d43c47a5c3..64b5fcc68b 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn/linkedToAnotherOptions.vue
@@ -16,11 +16,6 @@
             <!--            <v-radio disabled value="oo" label="One To One" />-->
           </v-radio-group>
         </v-col>
-      </v-row>
-    </v-container>
-
-    <v-container fluid class="wrapper">
-      <v-row>
         <v-col cols="12">
           <v-autocomplete
             ref="input"
@@ -39,6 +34,26 @@
             :rules="tableRules"
           />
         </v-col>
+      </v-row>
+    </v-container>
+    <v-container fluid class=" mb-3">
+      <v-row>
+        <v-col cols="12" class="pt-0" :class="{'pb-0': advanceOptions}">
+          <div
+            class="pointer grey--text text-right caption nc-more-options"
+            @click="advanceOptions = !advanceOptions"
+          >
+            {{ advanceOptions ? $t('general.hideAll') : $t('general.showMore') }}
+            <v-icon x-small color="grey">
+              mdi-{{ advanceOptions ? 'minus' : 'plus' }}-circle-outline
+            </v-icon>
+          </div>
+        </v-col>
+      </v-row>
+    </v-container>
+
+    <v-container v-show="advanceOptions" fluid class="wrapper">
+      <v-row>
         <!--    <v-col cols="6">
               <v-text-field
                 outlined
@@ -86,7 +101,6 @@
             />
           </v-col>
         </v-row>
-
         <v-row>
           <v-col>
             <v-checkbox
@@ -116,7 +130,8 @@ export default {
     refColumns: [],
     relation: {},
     isRefTablesLoading: false,
-    isRefColumnsLoading: false
+    isRefColumnsLoading: false,
+    advanceOptions: false
   }),
   computed: {
     onUpdateDeleteOptions() {