updates

Former-commit-id: f1539e92838e1140679ef920b6371b9d391af69c [formerly c84baa55075fee51ebb721d6b6696370d3abbeb8] [formerly 9ed81811e74619df1adb92c12a50d37915eadb92 [formerly 98a92a3da0]]
Former-commit-id: d84ec2952d31bd0bd1242be89487dd7b58db2749 [formerly 4cadf618b95922326d41a20d565d7e063afc1045]
Former-commit-id: 8bdba61ef5e95c8662ca27c0964ad9d91b3e8e8c

_assets/src/components/Listing.vue

@@ -58,6 +58,20 @@
         </div>
 
         <input style="display:none" type="file" id="upload-input" @change="uploadInput($event)" value="Upload" multiple>
+
+        <!-- TODO: show on listing and allowedit -->
+        <div class="floating">
+        <div tabindex="0" role="button" class="action" id="new">
+        <i class="material-icons" title="New file or directory">add</i>
+        </div>
+        </div>
+
+        <div v-show="multiple" :class="{ active: multiple }" id="multiple-selection">
+          <p>Multiple selection enabled</p>
+          <div @click="cancelMultiple" tabindex="0" role="button" title="Clear" aria-label="Clear" class="action">
+            <i class="material-icons" title="Clear">clear</i>
+          </div>
+        </div>
     </div>
 </template>
 
@@ -66,6 +80,8 @@ import Item from './ListingItem'
 import webdav from '../webdav.js'
 import page from '../page.js'
 
+var $ = window.info
+
 export default {
   name: 'listing',
   data: function () {
@@ -111,6 +127,9 @@ export default {
     base64: function (name) {
       return window.btoa(name)
     },
+    cancelMultiple: function () {
+      $.multiple = false
+    },
     dragEnter: function (event) {
       let items = document.getElementsByClassName('item')