ayanova/src/components/attachment-control.vue

@@ -6,9 +6,17 @@
     @drop.prevent="onDrop"
     @dragover.prevent
   >
-    <span class="v-label v-label--active theme--light">
+    <div>
+      <v-btn depressed tile @click="revealedClicked">
+        {{ $ay.t("Attachments")
+        }}<v-icon v-text="reveal ? 'fa-eye-slash' : 'fa-eye'" right></v-icon
+      ></v-btn>
+    </div>
+
+    <template v-if="reveal">
+      <!-- <span class="v-label v-label--active theme--light">
       {{ $ay.t("Attachments") }}
-    </span>
+    </span> -->
       <template v-if="readonly">
         <!-- Note: this is just a copy of the inner part of read/write version below
       with the action taken out -->
@@ -29,7 +37,9 @@
 
                 <v-list-item-subtitle v-text="item.date"></v-list-item-subtitle>
 
-              <v-list-item-subtitle v-text="item.notes"></v-list-item-subtitle>
+                <v-list-item-subtitle
+                  v-text="item.notes"
+                ></v-list-item-subtitle>
               </v-list-item-content>
             </v-list-item>
           </v-list>
@@ -121,7 +131,9 @@
                 {{ $ay.t("Delete") }}
               </v-btn>
               <v-spacer></v-spacer>
-            <v-btn text @click="editMenu = false">{{ $ay.t("Cancel") }}</v-btn>
+              <v-btn text @click="editMenu = false">{{
+                $ay.t("Cancel")
+              }}</v-btn>
               <v-btn color="primary" text @click="saveEdit">{{
                 $ay.t("OK")
               }}</v-btn>
@@ -129,15 +141,14 @@
           </v-card>
         </v-menu>
       </template>
+    </template>
   </div>
 </template>
 <script>
 export default {
-  created() {
-    this.getList();
-  },
   data() {
     return {
+      reveal: false,
       height: 300,
       displayList: [],
       notes: null,
@@ -158,6 +169,12 @@ export default {
   },
   computed: {},
   methods: {
+    revealedClicked() {
+      this.reveal = !this.reveal;
+      if (this.reveal) {
+        this.getList();
+      }
+    },
     onResize() {
       this.height = window.innerHeight * 0.8;
     },