diff options
author | Notkea | 2020-01-10 22:31:47 +0100 |
---|---|---|
committer | GitHub | 2020-01-10 22:31:47 +0100 |
commit | 7042ffc06326fa8ffe70f5a59747709250166c16 (patch) | |
tree | dbfc7567bd106e03a47b499d2a07cecb6b8d6305 /viewer/src/store/uiStore.ts | |
parent | c9264b0a0a7e1cb92ef7d9a391cee2c94376cff3 (diff) | |
parent | 27b51018525dbb7a6edb3073819d82245387ddd3 (diff) | |
download | ldgallery-7042ffc06326fa8ffe70f5a59747709250166c16.tar.gz |
Merge pull request #34 from pacien/develop
first working prototype
Diffstat (limited to 'viewer/src/store/uiStore.ts')
-rw-r--r-- | viewer/src/store/uiStore.ts | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/viewer/src/store/uiStore.ts b/viewer/src/store/uiStore.ts new file mode 100644 index 0000000..6bcc538 --- /dev/null +++ b/viewer/src/store/uiStore.ts | |||
@@ -0,0 +1,56 @@ | |||
1 | /* ldgallery - A static generator which turns a collection of tagged | ||
2 | -- pictures into a searchable web gallery. | ||
3 | -- | ||
4 | -- Copyright (C) 2019-2020 Guillaume FOUET | ||
5 | -- | ||
6 | -- This program is free software: you can redistribute it and/or modify | ||
7 | -- it under the terms of the GNU Affero General Public License as | ||
8 | -- published by the Free Software Foundation, either version 3 of the | ||
9 | -- License, or (at your option) any later version. | ||
10 | -- | ||
11 | -- This program is distributed in the hope that it will be useful, | ||
12 | -- but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | -- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | -- GNU Affero General Public License for more details. | ||
15 | -- | ||
16 | -- You should have received a copy of the GNU Affero General Public License | ||
17 | -- along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | */ | ||
19 | |||
20 | import { createModule, mutation, action } from "vuex-class-component"; | ||
21 | |||
22 | const VuexModule = createModule({ | ||
23 | namespaced: "uiStore", | ||
24 | strict: false | ||
25 | }) | ||
26 | |||
27 | export default class UIStore extends VuexModule { | ||
28 | |||
29 | fullscreen: boolean = false; | ||
30 | mode: "navigation" | "search" = "navigation"; | ||
31 | currentTags: Tag.Search[] = []; | ||
32 | |||
33 | // --- | ||
34 | |||
35 | get isModeSearch() { | ||
36 | return this.mode === "search"; | ||
37 | } | ||
38 | |||
39 | get isModeNavigation() { | ||
40 | return this.mode === "navigation"; | ||
41 | } | ||
42 | |||
43 | // --- | ||
44 | |||
45 | @mutation toggleFullscreen() { | ||
46 | this.fullscreen = !this.fullscreen; | ||
47 | } | ||
48 | |||
49 | @mutation setModeNavigation() { | ||
50 | this.mode = "navigation"; | ||
51 | } | ||
52 | |||
53 | @mutation setModeSearch() { | ||
54 | this.mode = "search"; | ||
55 | } | ||
56 | } | ||