5 files changed, 135 insertions, 20 deletions

diff --git a/viewer/src/plugins/buefy.ts b/viewer/src/plugins/buefy.ts
index 9fa73b6..0f8e16b 100644
--- a/viewer/src/plugins/buefy.ts
+++ b/viewer/src/plugins/buefy.ts
@@ -19,10 +19,24 @@
 
 import Vue from "vue";
 
-import Buefy from "buefy";
+// @ts-ignore
+import Taginput from "buefy/src/components/taginput";
+// @ts-ignore
+import Loading from "buefy/src/components/loading";
+// @ts-ignore
+import Button from "buefy/src/components/button";
+// @ts-ignore
+import SnackBar from "buefy/src/components/snackbar";
+
 import "@/assets/scss/buefy.scss";
 
-Vue.use(Buefy, {
-    defaultIconComponent: 'fa-icon',
-    defaultIconPack: 'fas',
-});
+Vue.use(Taginput);
+Vue.use(Loading);
+Vue.use(Button);
+Vue.use(SnackBar);
+
+declare module "vue/types/vue" {
+  interface Vue {
+    $buefy: any;
+  }
+}
diff --git a/viewer/src/plugins/dragscroll.ts b/viewer/src/plugins/dragscroll.ts
new file mode 100644
index 0000000..a10b0fd
--- /dev/null
+++ b/viewer/src/plugins/dragscroll.ts
@@ -0,0 +1,23 @@
+/* ldgallery - A static generator which turns a collection of tagged
+--             pictures into a searchable web gallery.
+--
+-- Copyright (C) 2019-2020  Guillaume FOUET
+--
+-- This program is free software: you can redistribute it and/or modify
+-- it under the terms of the GNU Affero General Public License as
+-- published by the Free Software Foundation, either version 3 of the
+-- License, or (at your option) any later version.
+--
+-- This program is distributed in the hope that it will be useful,
+-- but WITHOUT ANY WARRANTY; without even the implied warranty of
+-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+-- GNU Affero General Public License for more details.
+--
+-- You should have received a copy of the GNU Affero General Public License
+-- along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import Vue from "vue";
+import VueDragscroll from "vue-dragscroll";
+
+Vue.use(VueDragscroll);
diff --git a/viewer/src/plugins/fontawesome.ts b/viewer/src/plugins/fontawesome.ts
index 7fb08a3..480e8e0 100644
--- a/viewer/src/plugins/fontawesome.ts
+++ b/viewer/src/plugins/fontawesome.ts
@@ -19,26 +19,39 @@
 
 import Vue from "vue";
 
-import { library } from "@fortawesome/fontawesome-svg-core";
+import { library, config } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import {
-    faExpandArrowsAlt,
-    faFolder,
-    faSearch,
-    faTag,
-    faPlus,
-    faMinus,
-    faImage,
+  faFolder,
+  faEraser,
+  faSearch,
+  faPlus,
+  faMinus,
+  faImage,
+  faHome,
+  faArrowLeft,
+  faLevelUpAlt,
+  faAngleRight,
+  faAngleDoubleLeft,
+  faFile,
 } from "@fortawesome/free-solid-svg-icons";
 
 library.add(
-    faExpandArrowsAlt,
-    faFolder,
-    faSearch,
-    faTag,
-    faPlus,
-    faMinus,
-    faImage,
+  faFolder,
+  faEraser,
+  faSearch,
+  faPlus,
+  faMinus,
+  faImage,
+  faHome,
+  faArrowLeft,
+  faLevelUpAlt,
+  faAngleRight,
+  faAngleDoubleLeft,
+  faFile,
 );
 
+config.autoAddCss = false;
+import "@fortawesome/fontawesome-svg-core/styles.css";
+
 Vue.component("fa-icon", FontAwesomeIcon);
diff --git a/viewer/src/plugins/lazyimage.ts b/viewer/src/plugins/lazyimage.ts
new file mode 100644
index 0000000..276c7e2
--- /dev/null
+++ b/viewer/src/plugins/lazyimage.ts
@@ -0,0 +1,23 @@
+/* ldgallery - A static generator which turns a collection of tagged
+--             pictures into a searchable web gallery.
+--
+-- Copyright (C) 2019-2020  Guillaume FOUET
+--
+-- This program is free software: you can redistribute it and/or modify
+-- it under the terms of the GNU Affero General Public License as
+-- published by the Free Software Foundation, either version 3 of the
+-- License, or (at your option) any later version.
+--
+-- This program is distributed in the hope that it will be useful,
+-- but WITHOUT ANY WARRANTY; without even the implied warranty of
+-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+-- GNU Affero General Public License for more details.
+--
+-- You should have received a copy of the GNU Affero General Public License
+-- along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import Vue from "vue";
+import { VLazyImagePlugin } from "v-lazy-image";
+
+Vue.use(VLazyImagePlugin);
diff --git a/viewer/src/plugins/router.ts b/viewer/src/plugins/router.ts
new file mode 100644
index 0000000..00979c9
--- /dev/null
+++ b/viewer/src/plugins/router.ts
@@ -0,0 +1,42 @@
+/* ldgallery - A static generator which turns a collection of tagged
+--             pictures into a searchable web gallery.
+--
+-- Copyright (C) 2019-2020  Guillaume FOUET
+--
+-- This program is free software: you can redistribute it and/or modify
+-- it under the terms of the GNU Affero General Public License as
+-- published by the Free Software Foundation, either version 3 of the
+-- License, or (at your option) any later version.
+--
+-- This program is distributed in the hope that it will be useful,
+-- but WITHOUT ANY WARRANTY; without even the implied warranty of
+-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+-- GNU Affero General Public License for more details.
+--
+-- You should have received a copy of the GNU Affero General Public License
+-- along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import Vue from "vue";
+import VueRouter, { RouteConfig } from "vue-router";
+import GalleryNavigation from "@/views/GalleryNavigation.vue";
+
+Vue.use(VueRouter);
+
+const routes: RouteConfig[] = [
+  {
+    path: "*",
+    name: "GalleryNavigation",
+    component: GalleryNavigation,
+    props: (route) => ({
+      path: route.params.pathMatch,
+      query: Object.keys(route.query),
+    }),
+  },
+];
+
+const router = new VueRouter({
+  routes,
+});
+
+export default router;