@live-change/frontend-template 0.9.44 → 0.9.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/front/src/App.vue +3 -1
- package/front/src/components/NavBar.vue +95 -0
- package/package.json +41 -39
package/front/src/App.vue
CHANGED
|
@@ -14,7 +14,9 @@
|
|
|
14
14
|
const locale = useLocale()
|
|
15
15
|
if(typeof window !== 'undefined') locale.captureLocale()
|
|
16
16
|
|
|
17
|
-
import
|
|
17
|
+
import NavBar from "./components/NavBar.vue"
|
|
18
|
+
|
|
19
|
+
import { ViewRoot, UpdateBanner } from "@live-change/frontend-base"
|
|
18
20
|
|
|
19
21
|
import { computed } from 'vue'
|
|
20
22
|
import { useHead } from '@vueuse/head'
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="bg-surface-0 dark:bg-surface-900 py-1 px-6 shadow flex items-center justify-content-between
|
|
3
|
+
relative md:sticky top-0 z-5"
|
|
4
|
+
style="min-height: 80px" key="navbar">
|
|
5
|
+
|
|
6
|
+
<router-link to="/" class="no-underline mr-0 lg:mr-12">
|
|
7
|
+
<div class="flex items-center text-2xl text-surface-800 dark:text-surface-50 font-medium">
|
|
8
|
+
<img src="/images/logo.svg" alt="Logo" class="w-12 mr-3">
|
|
9
|
+
<span class="hidden md:block">
|
|
10
|
+
Live
|
|
11
|
+
</span>
|
|
12
|
+
<span class="hidden md:block text-primary-400">
|
|
13
|
+
Change
|
|
14
|
+
</span>
|
|
15
|
+
<span class="hidden md:block ml-2">
|
|
16
|
+
App
|
|
17
|
+
</span>
|
|
18
|
+
</div>
|
|
19
|
+
</router-link>
|
|
20
|
+
|
|
21
|
+
<div class="align-items-center flex-grow-1 justify-content-between hidden lg:block lg:ml-6 absolute lg:static w-full
|
|
22
|
+
bg-surface-0 dark:bg-surface-900 left-0 top-1/1 z-1 shadow lg:shadow-none top-menu
|
|
23
|
+
dark:border-t-1 dark:border-surface-700 md:dark:border-t-0">
|
|
24
|
+
<ul class="list-none p-0 m-0 flex items-end lg:items-center select-none flex-col lg:flex-row justify-end">
|
|
25
|
+
<li class="w-1/1 lg:w-auto">
|
|
26
|
+
<router-link
|
|
27
|
+
:to="'/'" v-ripple
|
|
28
|
+
class="flex justify-end px-6 p-3 lg:px-3 lg:py-2 items-center
|
|
29
|
+
text-surface-600 hover:text-900 hover:bg-surface-100
|
|
30
|
+
dark:text-primary-400 dark:hover:text-primary-100 dark:hover:bg-surface-800
|
|
31
|
+
font-medium text-2xl md:text-xl border-round cursor-pointer transition-colors
|
|
32
|
+
transition-duration-150 p-ripple no-underline">
|
|
33
|
+
<!-- <i class="pi pi-home mr-2"></i>-->
|
|
34
|
+
<span>Home</span>
|
|
35
|
+
</router-link>
|
|
36
|
+
</li>
|
|
37
|
+
<li v-if="!client.user" class="w-1/1 lg:w-auto">
|
|
38
|
+
<router-link
|
|
39
|
+
:to="{ name: 'user:signInEmail' }" v-ripple
|
|
40
|
+
class="flex justify-end px-6 p-3 lg:px-3 lg:py-2 align-items-center
|
|
41
|
+
text-surface-600 hover:text-900 hover:bg-surface-100
|
|
42
|
+
dark:text-primary-400 dark:hover:text-primary-100 dark:hover:bg-surface-800
|
|
43
|
+
font-medium text-2xl md:text-xl border-round cursor-pointer transition-colors
|
|
44
|
+
transition-duration-150 p-ripple no-underline">
|
|
45
|
+
<!-- <i class="pi pi-home mr-2"></i>-->
|
|
46
|
+
<span>Sign in</span>
|
|
47
|
+
</router-link>
|
|
48
|
+
</li>
|
|
49
|
+
<li v-if="!client.user" class="w-1/1 lg:w-auto">
|
|
50
|
+
<router-link
|
|
51
|
+
:to="{ name: 'user:signUpEmail' }" v-ripple
|
|
52
|
+
class="flex justify-end px-6 p-3 lg:px-3 lg:py-2 align-items-center
|
|
53
|
+
text-surface-600 hover:text-900 hover:bg-surface-100
|
|
54
|
+
dark:text-primary-400 dark:hover:text-primary-100 dark:hover:bg-surface-800
|
|
55
|
+
font-medium text-2xl md:text-xl border-round cursor-pointer transition-colors
|
|
56
|
+
transition-duration-150 p-ripple no-underline">
|
|
57
|
+
<!-- <i class="pi pi-home mr-2"></i>-->
|
|
58
|
+
<span>Sign up</span>
|
|
59
|
+
</router-link>
|
|
60
|
+
</li>
|
|
61
|
+
</ul>
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
<div class="flex grow"></div>
|
|
65
|
+
|
|
66
|
+
<NotificationsIcon v-if="client.user" />
|
|
67
|
+
|
|
68
|
+
<UserIcon v-if="client.user" />
|
|
69
|
+
|
|
70
|
+
<a v-ripple class="cursor-pointer flex items-center justify-content-center no-underline lg:hidden text-surface-700 dark:text-surface-100 p-ripple
|
|
71
|
+
ml-2 hover:bg-surface-100 dark:hover:bg-surface-700 p-2"
|
|
72
|
+
v-styleclass="{
|
|
73
|
+
selector: '.top-menu', enterFromClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true
|
|
74
|
+
}">
|
|
75
|
+
<i class="pi pi-bars" style="font-size: 2.46rem;"></i>
|
|
76
|
+
</a>
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
</div>
|
|
80
|
+
</template>
|
|
81
|
+
|
|
82
|
+
<script setup>
|
|
83
|
+
|
|
84
|
+
import { NotificationsIcon } from "@live-change/user-frontend"
|
|
85
|
+
|
|
86
|
+
import { UserIcon } from "@live-change/user-frontend"
|
|
87
|
+
import { client as useClient, useApi } from '@live-change/vue3-ssr'
|
|
88
|
+
const client = useClient()
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
</script>
|
|
92
|
+
|
|
93
|
+
<style scoped>
|
|
94
|
+
|
|
95
|
+
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/frontend-template",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.46",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "tsx --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "tsx server/start.js localDev --enableSessions --initScript ./init.js --dbAccess",
|
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
"apiServer": "node dist/server/start.js apiServer --enableSessions",
|
|
23
23
|
"devApiServer": "tsx server/start.js devApiServer --enableSessions",
|
|
24
24
|
"memApiServer": "tsx server/start.js memApiServer --enableSessions",
|
|
25
|
+
"localApiServer": "tsx server/start.js localApiServer --enableSessions",
|
|
26
|
+
"localApiServerInit": "tsx server/start.js localApiServer --enableSessions --initScript ./init.js",
|
|
25
27
|
"build": "yarn build:client && yarn build:ssr && yarn build:server",
|
|
26
28
|
"build:client": "cd front; dotenvx run -f ../.env -- vite build --ssrManifest --outDir dist/client",
|
|
27
29
|
"build:ssr": "cd front; dotenvx run -f ../.env -- vite build --ssr src/entry-server.js --outDir dist/server",
|
|
@@ -37,43 +39,43 @@
|
|
|
37
39
|
"@codemirror/language": "6.10.1",
|
|
38
40
|
"@dotenvx/dotenvx": "0.27.0",
|
|
39
41
|
"@fortawesome/fontawesome-free": "^6.7.2",
|
|
40
|
-
"@live-change/access-control-frontend": "^0.9.
|
|
41
|
-
"@live-change/access-control-service": "^0.9.
|
|
42
|
-
"@live-change/agreement-service": "^0.9.
|
|
43
|
-
"@live-change/backup-service": "^0.9.
|
|
44
|
-
"@live-change/blog-frontend": "^0.9.
|
|
45
|
-
"@live-change/blog-service": "^0.9.
|
|
46
|
-
"@live-change/cli": "^0.9.
|
|
47
|
-
"@live-change/content-frontend": "^0.9.
|
|
48
|
-
"@live-change/content-service": "^0.9.
|
|
49
|
-
"@live-change/dao": "^0.9.
|
|
50
|
-
"@live-change/dao-vue3": "^0.9.
|
|
51
|
-
"@live-change/dao-websocket": "^0.9.
|
|
52
|
-
"@live-change/db-client": "^0.9.
|
|
53
|
-
"@live-change/draft-service": "^0.9.
|
|
54
|
-
"@live-change/email-service": "^0.9.
|
|
55
|
-
"@live-change/framework": "^0.9.
|
|
56
|
-
"@live-change/frontend-auto-form": "^0.9.
|
|
57
|
-
"@live-change/frontend-base": "^0.9.
|
|
58
|
-
"@live-change/geoip-service": "^0.9.
|
|
59
|
-
"@live-change/image-frontend": "^0.9.
|
|
60
|
-
"@live-change/locale-settings-service": "^0.9.
|
|
61
|
-
"@live-change/password-authentication-service": "^0.9.
|
|
62
|
-
"@live-change/prosemirror-service": "^0.9.
|
|
63
|
-
"@live-change/secret-code-service": "^0.9.
|
|
64
|
-
"@live-change/secret-link-service": "^0.9.
|
|
65
|
-
"@live-change/session-service": "^0.9.
|
|
66
|
-
"@live-change/task-service": "^0.9.
|
|
67
|
-
"@live-change/upload-frontend": "^0.9.
|
|
68
|
-
"@live-change/url-frontend": "^0.9.
|
|
69
|
-
"@live-change/url-service": "^0.9.
|
|
70
|
-
"@live-change/user-frontend": "^0.9.
|
|
71
|
-
"@live-change/user-identification-service": "^0.9.
|
|
72
|
-
"@live-change/user-service": "^0.9.
|
|
73
|
-
"@live-change/vote-service": "^0.9.
|
|
74
|
-
"@live-change/vue3-components": "^0.9.
|
|
75
|
-
"@live-change/vue3-ssr": "^0.9.
|
|
76
|
-
"@live-change/wysiwyg-frontend": "^0.9.
|
|
42
|
+
"@live-change/access-control-frontend": "^0.9.46",
|
|
43
|
+
"@live-change/access-control-service": "^0.9.46",
|
|
44
|
+
"@live-change/agreement-service": "^0.9.46",
|
|
45
|
+
"@live-change/backup-service": "^0.9.46",
|
|
46
|
+
"@live-change/blog-frontend": "^0.9.46",
|
|
47
|
+
"@live-change/blog-service": "^0.9.46",
|
|
48
|
+
"@live-change/cli": "^0.9.46",
|
|
49
|
+
"@live-change/content-frontend": "^0.9.46",
|
|
50
|
+
"@live-change/content-service": "^0.9.46",
|
|
51
|
+
"@live-change/dao": "^0.9.46",
|
|
52
|
+
"@live-change/dao-vue3": "^0.9.46",
|
|
53
|
+
"@live-change/dao-websocket": "^0.9.46",
|
|
54
|
+
"@live-change/db-client": "^0.9.46",
|
|
55
|
+
"@live-change/draft-service": "^0.9.46",
|
|
56
|
+
"@live-change/email-service": "^0.9.46",
|
|
57
|
+
"@live-change/framework": "^0.9.46",
|
|
58
|
+
"@live-change/frontend-auto-form": "^0.9.46",
|
|
59
|
+
"@live-change/frontend-base": "^0.9.46",
|
|
60
|
+
"@live-change/geoip-service": "^0.9.46",
|
|
61
|
+
"@live-change/image-frontend": "^0.9.46",
|
|
62
|
+
"@live-change/locale-settings-service": "^0.9.46",
|
|
63
|
+
"@live-change/password-authentication-service": "^0.9.46",
|
|
64
|
+
"@live-change/prosemirror-service": "^0.9.46",
|
|
65
|
+
"@live-change/secret-code-service": "^0.9.46",
|
|
66
|
+
"@live-change/secret-link-service": "^0.9.46",
|
|
67
|
+
"@live-change/session-service": "^0.9.46",
|
|
68
|
+
"@live-change/task-service": "^0.9.46",
|
|
69
|
+
"@live-change/upload-frontend": "^0.9.46",
|
|
70
|
+
"@live-change/url-frontend": "^0.9.46",
|
|
71
|
+
"@live-change/url-service": "^0.9.46",
|
|
72
|
+
"@live-change/user-frontend": "^0.9.46",
|
|
73
|
+
"@live-change/user-identification-service": "^0.9.46",
|
|
74
|
+
"@live-change/user-service": "^0.9.46",
|
|
75
|
+
"@live-change/vote-service": "^0.9.46",
|
|
76
|
+
"@live-change/vue3-components": "^0.9.46",
|
|
77
|
+
"@live-change/vue3-ssr": "^0.9.46",
|
|
78
|
+
"@live-change/wysiwyg-frontend": "^0.9.46",
|
|
77
79
|
"@vueuse/core": "^12.3.0",
|
|
78
80
|
"codeceptjs-assert": "^0.0.5",
|
|
79
81
|
"compression": "^1.7.5",
|
|
@@ -104,5 +106,5 @@
|
|
|
104
106
|
"author": "Michał Łaszczewski <michal@laszczewski.pl>",
|
|
105
107
|
"license": "ISC",
|
|
106
108
|
"description": "",
|
|
107
|
-
"gitHead": "
|
|
109
|
+
"gitHead": "9d2fe9cbfb28f6cd389c8cbc5cf051f583f58e9e"
|
|
108
110
|
}
|