updates...

Former-commit-id: 2d19655aac80ec7033829b0b3d708bf86986252c [formerly b8bb006bd1a5492960c1d4793e15e80775ddc5fd] [formerly 4641277c14953bdb2ddab89ba866cf63f3dac0f9 [formerly 95b91a64a3c648e1414c7feb4b597bf0da195664]] Former-commit-id: 5a6e07758bbe67fd202effa5b2975c65227eaebd [formerly 9a161548d270750b8da949189ad6f3b641779bfc] Former-commit-id: 84e0bbcbbead53c5e91987574d5c854a9792515f
2017-06-28 11:45:41 +01:00
parent 826d491ff1
commit 0a65393527
1893 changed files with 492634 additions and 10336 deletions
--- a/_assets/src/App.vue
+++ b/_assets/src/App.vue
@@ -0,0 +1,70 @@
+<template>
+  <div id="app">
+    <header>
+      <div id="top-bar">
+            <img src="./assets/logo.svg" alt="File Manager">
+            <search></search>
+        </div>
+        <div id="bottom-bar">
+    
+        </div>
+        <div id="click-overlay"></div>
+    </header>
+    <nav id="sidebar">
+      <a class="action" :href="baseURL()">
+        <i class="material-icons">folder</i>
+        <span>My Files</span>
+      </a>
+      <div class="action" id="logout" tabindex="0" role="button" aria-label="Log out">
+        <i class="material-icons" title="Logout">exit_to_app</i>
+        <span>Logout</span>
+      </div>
+    </nav>
+    <main>
+      <listing v-if="Kind == 'listing'"></listing> 
+    </main>
+
+    <preview v-if="Kind == 'preview'"></preview> 
+
+    <div class="overlay"></div>
+    <!-- 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>
+
+    <!-- TODO ??? -->
+     <div id="multiple-selection" class="mobile-only">
+        <p>Multiple selection enabled</p>
+        <div tabindex="0" role="button" class="action" id="multiple-selection-cancel">
+            <i class="material-icons" title="Clear">clear</i>
+        </div>
+    </div>
+
+     <footer>Served with <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">File Manager</a>.</footer>
+  </div>
+</template>
+
+<script>
+import Search from './components/Search'
+import Preview from './components/Preview'
+import Listing from './components/Listing'
+
+export default {
+  name: 'app',
+  components: { Search, Preview, Listing },
+  data: function () {
+    return window.page
+  },
+  methods: {
+    baseURL: function () {
+      return window.data.baseURL + '/'
+    }
+  }
+}
+</script>
+
+<style>
+@import './css/styles.css';
+</style>