56 files changed, 3307 insertions, 1641 deletions

diff --git a/viewer/.eslintrc.js b/viewer/.eslintrc.js
index a67de5e..9d3fbbc 100644
--- a/viewer/.eslintrc.js
+++ b/viewer/.eslintrc.js
@@ -5,14 +5,14 @@ module.exports = {
     node: true,
   },
 
-  extends: [
-    "plugin:vue/essential",
-    "@vue/typescript"
-  ],
+  plugins: ["prettier"],
+
+  extends: ["plugin:vue/essential", "plugin:prettier/recommended", "@vue/typescript"],
 
   rules: {
     "no-console": "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "prettier/prettier": "warn",
     "eol-last": ["warn", "always"],
     "object-curly-spacing": ["warn", "always"],
     "quote-props": ["warn", "as-needed"],
@@ -36,5 +36,4 @@ module.exports = {
     sourceType: "module",
     parser: "@typescript-eslint/parser",
   },
-
 };
diff --git a/viewer/.vscode/tasks.json b/viewer/.vscode/tasks.json
index 102002d..cb1cdb2 100644
--- a/viewer/.vscode/tasks.json
+++ b/viewer/.vscode/tasks.json
@@ -1,39 +1,49 @@
 {
-    // See https://go.microsoft.com/fwlink/?LinkId=733558 
-    // for the documentation about the tasks.json format
-    "version": "2.0.0",
-    "tasks": [
-        {
-            "type": "npm",
-            "script": "build",
-            "group": {
-                "kind": "build",
-                "isDefault": true
-            },
-            "problemMatcher": [
-                "$tsc"
-            ]
-        },
-        {
-            "type": "npm",
-            "script": "serve",
-            "problemMatcher": [
-                "$tsc"
-            ]
-        },
-        {
-            "type": "npm",
-            "script": "lint-autoformat",
-            "problemMatcher": [
-                "$tsc"
-            ]
-        },
-        {
-            "type": "npm",
-            "script": "lint",
-            "problemMatcher": [
-                "$tsc"
-            ]
-        }
-    ]
-}
\ No newline at end of file
+  // See https://go.microsoft.com/fwlink/?LinkId=733558 
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "build",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      },
+      "problemMatcher": [
+        "$tsc"
+      ]
+    },
+    {
+      "type": "npm",
+      "script": "serve",
+      "problemMatcher": [
+        "$tsc"
+      ]
+    },
+    {
+      "type": "npm",
+      "script": "lint-autoformat",
+      "problemMatcher": [
+        "$tsc"
+      ]
+    },
+    {
+      "type": "npm",
+      "script": "lint",
+      "problemMatcher": [
+        "$tsc"
+      ]
+    },
+    {
+      "type": "npm",
+      "script": "build:report",
+      "problemMatcher": [
+        "$tsc"
+      ],
+      "group": "build",
+      "label": "npm: build:report",
+      "detail": "vue-cli-service build --report",
+    }
+  ]
+}
diff --git a/viewer/babel.config.js b/viewer/babel.config.js
index 1378522..ca2a3c1 100644
--- a/viewer/babel.config.js
+++ b/viewer/babel.config.js
@@ -1,5 +1,4 @@
 module.exports = {
   presets: ["@vue/cli-plugin-babel/preset"],
-  plugins: [
-  ],
+  plugins: [],
 };
diff --git a/viewer/ldgallery-viewer.7.md b/viewer/ldgallery-viewer.7.md
index 41f5003..96070dc 100644
--- a/viewer/ldgallery-viewer.7.md
+++ b/viewer/ldgallery-viewer.7.md
@@ -2,7 +2,7 @@
 pagetitle: Viewer user manual - ldgallery
 title: LDGALLERY-VIEWER(7) ldgallery
 author: Pacien TRAN-GIRARD, Guillaume FOUET
-date: 2020-04-30 (v1.0)
+date: 2020-09-24 (v2.0)
 ---
 
 
@@ -24,12 +24,23 @@ Its responsiveness allows it to be used from either a desktop browser or some mo
 The viewer's user interface is split into a main item view and a side search panel, which can be opened by using the appropriate button in the toolbar at the top-left corner.
 
 The main view displays the gallery's directories and items as a thumbnail grid.
+The order in which items are displayed can be chosen from the sort menu at the top-left corner.
 
 The side panel allows the user to interactively enter filtering queries to search through the gallery's content.
 This panel features a list of relevant tags, grouped by categories, that can be used to build the search query.
 
-Picture items can be opened and visualised within the application.
-Other types of elements are either downloaded or displayed in the same window depending on the user's web browser supported media types.
+The information panel at the bottom of the sidebar displays various metadata about the currently viewed item.
+Those include the title, date and description of the file or directory.
+
+Items of the following formats can be opened and visualised within the web application:
+
+* Pictures (Bitmap, JPEG, PNG, TIFF, HDR, GIF)
+* Videos (OGV, WebM, Matroska, MPEG-4)
+* Audio files (WAV, Opus, FLAC, MP3, MPEG-4)
+* Plain text files (`.txt`)
+* PDFs