ayanova/devdocs/todo.txt

@@ -68,8 +68,9 @@ CURRENT TODOs
 
 todo: Attachments / wiki: wiki html processor needs to append dl token to local files in the wikiview automatically in real time
 todo: attachments - form key for hiding / showing customization
+todo: attachment - rename a file or add notes after already uploaded
 
-downloadToken:"tR6ocdDYzU1WVQpdpH8Ux7AWLKvJhYOKth7bBKLRAM"
+https://medium.com/js-dojo/upload-files-to-cloudinary-using-vue-vuetify-dd45472c4fd6
 
 todo: ATTACHMENTS
 	- TODO: PLANNING - should attachments be actually attached in the db to their object? like Wiki was changed to do?

ayanova/src/components/attachment-control.vue

@@ -29,6 +29,9 @@
                 </v-list-item-content>
 
                 <v-list-item-action>
+                  <v-btn icon>
+                    <v-icon>fa-edit</v-icon>
+                  </v-btn>
                   <v-btn icon>
                     <v-icon>fa-trash</v-icon>
                   </v-btn>
@@ -39,65 +42,25 @@
         </v-tab-item>
         <v-tab-item key="attach">
           <div class="mt-8">
+            {{ uploadFiles }}
             <v-file-input
+              v-model="uploadFiles"
               :label="$ay.t('AttachFile')"
               prepend-icon="fa-paperclip"
+              multiple
+              chips
             ></v-file-input>
             <v-text-field
               v-model="notes"
               :label="$ay.t('AttachmentNotes')"
             ></v-text-field>
+            <v-btn color="primary" text @click="upload">{{
+              $ay.t("OK")
+            }}</v-btn>
           </div>
         </v-tab-item>
       </v-tabs-items>
     </v-tabs>
-    <!-- <v-row>
-      <v-col cols="12" sm="8">
-        <v-card class="mx-auto">
-          <v-card-text>
-            <div :style="cardTextStyle()">
-              <v-list two-line>
-                <v-list-item
-                  v-for="item in items"
-                  :key="item.title"
-                  @click="aClick"
-                >
-                  <v-list-item-avatar>
-                    <v-icon v-text="item.icon"></v-icon>
-                  </v-list-item-avatar>
-
-                  <v-list-item-content>
-                    <v-list-item-title v-text="item.title"></v-list-item-title>
-                    <v-list-item-subtitle
-                      v-text="item.subtitle"
-                    ></v-list-item-subtitle>
-                  </v-list-item-content>
-
-                  <v-list-item-action>
-                    <v-btn icon>
-                      <v-icon>fa-trash</v-icon>
-                    </v-btn>
-                  </v-list-item-action>
-                </v-list-item>
-              </v-list>
-            </div>
-          </v-card-text>
-
-          <v-card-actions>
-            <div>
-              <v-file-input
-                :label="$ay.t('AttachFile')"
-                prepend-icon="fa-paperclip"
-              ></v-file-input>
-              <v-text-field
-                v-model="notes"
-                :label="$ay.t('ImageDescription')"
-              ></v-text-field>
-            </div>
-          </v-card-actions>
-        </v-card>
-      </v-col>
-    </v-row> -->
   </div>
 </template>
 <script>
@@ -146,7 +109,7 @@ export default {
           icon: "fa-image",
           title: "3Recipes",
           subtitle: "Jan 17, 2014"
-        },
+        }
         // {
         //   icon: "fa-pen",
         //   title: "3Work",
@@ -169,7 +132,8 @@ export default {
         // }
       ],
       notes: null,
-      tab: null
+      tab: null,
+      uploadFiles: []
     };
   },
   props: {
@@ -185,6 +149,13 @@ export default {
     cardTextStyle() {
       return "height: " + this.height + "px;overflow-y:auto;";
     },
+    upload() {
+      if (this.uploadFiles.length > 0) {
+        this.uploadFiles.forEach(file => {
+          window.console.log(file);
+        });
+      }
+    },
     aClick() {
       console.log("CLICK");
     }