Modify upload function to accept only yml files on folder upload. Adding breadcrumbs, adding feature to create folder

frontend/src/components/Sidebar.vue

@@ -11,6 +11,19 @@
         <span>{{ $t("sidebar.myFiles") }}</span>
       </router-link>
 
+      <div v-if="user.perm.create">
+        <button
+            @click="$store.commit('showHover', 'newDir')"
+            class="action"
+            :aria-label="$t('sidebar.newFolder')"
+            :title="$t('sidebar.newFolder')"
+        >
+          <i class="material-icons">create_new_folder</i>
+          <span>{{ $t("sidebar.newFolder") }}</span>
+        </button>
+      </div>
+
+
       <div v-if="user.perm.create">
         <button
             @click="$store.commit('showHover', 'newFile')"

frontend/src/css/listing.css

@@ -112,7 +112,7 @@
   width: 100%;
   max-width: 100%;
   margin: 0;
-  margin-top: 64px;
+  margin-top: 0;
 }
 
 #listing.list .item {

frontend/src/utils/upload.js

@@ -101,10 +101,15 @@ export function scanFiles(dt) {
 
 export function handleFiles(files, base, overwrite = false) {
     for (let i = 0; i < files.length; i++) {
+
         let id = store.state.upload.id;
         let path = base;
         let file = files[i];
-
+        console.log(file);
+        var re = /(?:\.([^.]+))?$/;
+        console.log(re.exec(file.name)[1]);
+        if (re.exec(file.name)[1] === 'yml') {
+            console.log('Is yml file')
             if (file.fullPath !== undefined) {
                 path += url.encodePath(file.fullPath);
             } else {
@@ -125,3 +130,4 @@ export function handleFiles(files, base, overwrite = false) {
             store.dispatch("upload/upload", item);
         }
     }
+}

frontend/src/views/Files.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <header-bar v-if="error || req.type == null" showMenu showLogo />
+    <breadcrumbs base="/files" />
     <errors v-if="error" :errorCode="error.message" />
     <component v-else-if="currentView" :is="currentView"></component>
     <div v-else>