Compare commits
4 Commits
63c7e89dd4
...
334c14a307
| Author | SHA1 | Date | |
|---|---|---|---|
|
334c14a307 | ||
|
|
b9f009162d | ||
|
|
b844f487bc | ||
|
|
829dc074e2 |
25
index.html
@@ -1,19 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title><%= productName %></title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="<%= productDescription %>">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="msapplication-tap-highlight" content="no">
|
||||
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="<%= productDescription %>" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="msapplication-tap-highlight" content="no" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
|
||||
/>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
|
||||
<link rel="icon" type="image/ico" href="favicon.ico">
|
||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />
|
||||
<link rel="icon" type="image/ico" href="favicon.ico" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- quasar:entry-point -->
|
||||
|
||||
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 859 B After Width: | Height: | Size: 752 B |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 12 KiB |
@@ -32,6 +32,7 @@ settings: Iistellige
|
||||
databaseName: Datebank Name
|
||||
token: Schlüssu
|
||||
login: Amäude
|
||||
logout: Abmäude
|
||||
user: Benutzer
|
||||
password: Passwort
|
||||
isRequired: isch erforderlich
|
||||
|
||||
@@ -32,6 +32,7 @@ settings: Einstellungen
|
||||
databaseName: Datenbank Name
|
||||
token: Schlüssel
|
||||
login: Anmelden
|
||||
logout: Abmelden
|
||||
user: Benutzer
|
||||
password: Passwort
|
||||
isRequired: ist erforderlich
|
||||
|
||||
@@ -32,6 +32,7 @@ settings: Settings
|
||||
databaseName: Database Name
|
||||
token: Token
|
||||
login: Login
|
||||
logout: Logout
|
||||
user: User
|
||||
password: Password
|
||||
isRequired: is required
|
||||
|
||||
@@ -3,12 +3,17 @@ import { setQuasarInstance } from 'src/vueLib/utils/globalQ';
|
||||
import { setRouterInstance } from 'src/vueLib/utils/globalRouter';
|
||||
import { databaseName } from 'src/vueLib/tables/members/MembersTable';
|
||||
import { Logo } from 'src/vueLib/models/logo';
|
||||
import { Dark } from 'quasar';
|
||||
|
||||
export default boot(({ app, router }) => {
|
||||
setRouterInstance(router); // store router for global access
|
||||
const $q = app.config.globalProperties.$q;
|
||||
setQuasarInstance($q);
|
||||
|
||||
console.log(99, localStorage.getItem('mode'));
|
||||
|
||||
Dark.set(localStorage.getItem('mode') === 'true');
|
||||
|
||||
Logo.value = localStorage.getItem('icon') ?? Logo.value;
|
||||
databaseName.value = localStorage.getItem('databaseName') ?? databaseName.value;
|
||||
let primaryColor = localStorage.getItem('primaryColor');
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<q-item-section class="text-primary">{{ loginText }}</q-item-section>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-btn flat :icon="Dark.mode ? 'light_mode' : 'dark_mode'" @click="Dark.toggle"></q-btn>
|
||||
<q-btn flat :icon="darkMode" @click="toggleDarkMode"></q-btn>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-select
|
||||
@@ -54,21 +54,34 @@ import { useLogin } from './useLogin';
|
||||
|
||||
const userLogin = useLogin();
|
||||
const route = useRoute();
|
||||
const refLoginDialog = ref();
|
||||
const user = useUserStore();
|
||||
const { NotifyResponse } = useNotify();
|
||||
const currentUser = computed(() => user.user);
|
||||
const darkMode = computed(() => {
|
||||
if (Dark.mode) {
|
||||
return 'light_mode';
|
||||
}
|
||||
return 'dark_mode';
|
||||
});
|
||||
const showLogin = computed(
|
||||
() => (route.path !== '/' && route.path !== '/login') || currentUser.value?.username === '',
|
||||
);
|
||||
|
||||
const user = useUserStore();
|
||||
const autorized = computed(() => !!user.isAuthorizedAs(['admin']));
|
||||
const { NotifyResponse } = useNotify();
|
||||
const currentUser = computed(() => user.user);
|
||||
|
||||
// switch between logged in or logged out text
|
||||
const loginText = computed(() => {
|
||||
return currentUser.value ? 'Logout' : 'Login';
|
||||
return currentUser.value ? i18n.global.t('logout') : i18n.global.t('login');
|
||||
});
|
||||
|
||||
const refLoginDialog = ref();
|
||||
//switch between dark and light mode and save it in localStorage
|
||||
function toggleDarkMode() {
|
||||
Dark.toggle();
|
||||
localStorage.setItem('mode', String(Dark.mode));
|
||||
}
|
||||
|
||||
// opens login page if no user is logged in otherwise it serves as logout
|
||||
function openLogin() {
|
||||
if (currentUser.value) {
|
||||
userLogin.logout().catch((err) => NotifyResponse(err, 'error'));
|
||||
|
||||
@@ -232,7 +232,6 @@ export function useMemberTable() {
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false;
|
||||
console.log(4545, members.value.length);
|
||||
//filter same members out so list is shorter
|
||||
if (filter) {
|
||||
members.value = members.value.filter(
|
||||
@@ -245,7 +244,6 @@ export function useMemberTable() {
|
||||
}),
|
||||
);
|
||||
}
|
||||
console.log(4546, members.value.length);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||