aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/App.vue10
-rw-r--r--src/components/ConnectivityChecker.vue2
-rw-r--r--src/components/Navbar.vue2
-rw-r--r--src/components/SearchInput.vue8
-rw-r--r--src/components/SettingToggle.vue7
5 files changed, 14 insertions, 15 deletions
diff --git a/src/App.vue b/src/App.vue
index c47b5a9..d97df0c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,7 +26,7 @@
26 <Navbar 26 <Navbar
27 :open="showMenu" 27 :open="showMenu"
28 :links="config.links" 28 :links="config.links"
29 @navbar:toggle="showMenu = !showMenu" 29 @navbar-toggle="showMenu = !showMenu"
30 > 30 >
31 <DarkMode @updated="isDark = $event" /> 31 <DarkMode @updated="isDark = $event" />
32 32
@@ -40,9 +40,9 @@
40 <SearchInput 40 <SearchInput
41 class="navbar-item is-inline-block-mobile" 41 class="navbar-item is-inline-block-mobile"
42 @input="filterServices" 42 @input="filterServices"
43 @search:focus="showMenu = true" 43 @search-focus="showMenu = true"
44 @search:open="navigateToFirstService" 44 @search-open="navigateToFirstService"
45 @search:cancel="filterServices" 45 @search-cancel="filterServices"
46 /> 46 />
47 </Navbar> 47 </Navbar>
48 </div> 48 </div>
@@ -51,7 +51,7 @@
51 <div v-cloak class="container"> 51 <div v-cloak class="container">
52 <ConnectivityChecker 52 <ConnectivityChecker
53 v-if="config.connectivityCheck" 53 v-if="config.connectivityCheck"
54 @network:status-update="offline = $event" 54 @network-status-update="offline = $event"
55 /> 55 />
56 <div v-if="!offline"> 56 <div v-if="!offline">
57 <!-- Optional messages --> 57 <!-- Optional messages -->
diff --git a/src/components/ConnectivityChecker.vue b/src/components/ConnectivityChecker.vue
index a91a809..d5f8f80 100644
--- a/src/components/ConnectivityChecker.vue
+++ b/src/components/ConnectivityChecker.vue
@@ -44,7 +44,7 @@ export default {
44 that.offline = true; 44 that.offline = true;
45 }) 45 })
46 .finally(function () { 46 .finally(function () {
47 that.$emit("network:status-update", that.offline); 47 that.$emit("network-status-update", that.offline);
48 }); 48 });
49 }, 49 },
50 }, 50 },
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index ae84166..dea7049 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -9,7 +9,7 @@
9 aria-expanded="false" 9 aria-expanded="false"
10 class="navbar-burger" 10 class="navbar-burger"
11 :class="{ 'is-active': showMenu }" 11 :class="{ 'is-active': showMenu }"
12 v-on:click="$emit('navbar:toggle')" 12 v-on:click="$emit('navbar-toggle')"
13 > 13 >
14 <span aria-hidden="true"></span> 14 <span aria-hidden="true"></span>
15 <span aria-hidden="true"></span> 15 <span aria-hidden="true"></span>
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 22b5eef..9419db3 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -6,8 +6,8 @@
6 ref="search" 6 ref="search"
7 :value="value" 7 :value="value"
8 @input="$emit('input', $event.target.value.toLowerCase())" 8 @input="$emit('input', $event.target.value.toLowerCase())"
9 @keyup.enter.exact="$emit('search:open')" 9 @keyup.enter.exact="$emit('search-open')"
10 @keyup.alt.enter="$emit('search:open', '_blank')" 10 @keyup.alt.enter="$emit('search-open', '_blank')"
11 /> 11 />
12 </div> 12 </div>
13</template> 13</template>
@@ -20,7 +20,7 @@ export default {
20 this._keyListener = function (event) { 20 this._keyListener = function (event) {
21 if (event.key === "/") { 21 if (event.key === "/") {
22 event.preventDefault(); 22 event.preventDefault();
23 this.$emit("search:focus"); 23 this.$emit("search-focus");
24 this.$nextTick(() => { 24 this.$nextTick(() => {
25 this.$refs.search.focus(); 25 this.$refs.search.focus();
26 }); 26 });
@@ -28,7 +28,7 @@ export default {
28 if (event.key === "Escape") { 28 if (event.key === "Escape") {
29 this.$refs.search.value = ""; 29 this.$refs.search.value = "";
30 this.$refs.search.blur(); 30 this.$refs.search.blur();
31 this.$emit("search:cancel"); 31 this.$emit("search-cancel");
32 } 32 }
33 }; 33 };
34 document.addEventListener("keydown", this._keyListener.bind(this)); 34 document.addEventListener("keydown", this._keyListener.bind(this));
diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index ffc91a1..985ca84 100644
--- a/src/components/SettingToggle.vue
+++ b/src/components/SettingToggle.vue
@@ -1,6 +1,6 @@
1<template> 1<template>
2 <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile"> 2 <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
3 <span><i :class="['fas', 'fa-fw', value ? icon : iconAlt]"></i></span> 3 <span><i :class="['fas', 'fa-fw', value ? icon : secondaryIcon]"></i></span>
4 <slot></slot> 4 <slot></slot>
5 </a> 5 </a>
6</template> 6</template>
@@ -15,13 +15,12 @@ export default {
15 }, 15 },
16 data: function () { 16 data: function () {
17 return { 17 return {
18 secondaryIcon: null,
18 value: true, 19 value: true,
19 }; 20 };
20 }, 21 },
21 created: function () { 22 created: function () {
22 if (!this.iconAlt) { 23 this.secondaryIcon = this.iconAlt || this.icon;
23 this.iconAlt = this.icon;
24 }
25 24
26 if (this.name in localStorage) { 25 if (this.name in localStorage) {
27 this.value = JSON.parse(localStorage[this.name]); 26 this.value = JSON.parse(localStorage[this.name]);