@live-change/user-frontend 0.2.36 → 0.2.37
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/NavBar.vue
CHANGED
|
@@ -7,7 +7,27 @@
|
|
|
7
7
|
<!-- place for desktop menu -->
|
|
8
8
|
</div>
|
|
9
9
|
<div class="flex flex-grow-1"></div>
|
|
10
|
-
<
|
|
10
|
+
<UserIcon />
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
<div class="static w-auto w-full surface-overlay left-0 top-100 z-1 shadow-none hidden">
|
|
14
|
+
<ul class="list-none p-0 m-0 flex align-items-center select-none flex-row border-top-none">
|
|
15
|
+
<li>
|
|
16
|
+
<a v-ripple class="flex p-3 px-3 align-items-center text-600 hover:text-900 hover:surface-100
|
|
17
|
+
font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
|
|
18
|
+
<i class="pi pi-inbox text-base text-2xl mr-0"></i>
|
|
19
|
+
</a>
|
|
20
|
+
</li>
|
|
21
|
+
<li>
|
|
22
|
+
<a v-ripple class="flex p-3 px-3 align-items-center text-600 hover:text-900 hover:surface-100 font-medium
|
|
23
|
+
border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
|
|
24
|
+
<i class="pi pi-bell text-base lg:text-2xl mr-2 lg:mr-0" v-badge.danger></i>
|
|
25
|
+
</a>
|
|
26
|
+
</li>
|
|
27
|
+
</ul>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
|
|
11
31
|
<a v-ripple class="cursor-pointer block lg:hidden text-700 p-ripple ml-2 hover:surface-100 p-2"
|
|
12
32
|
v-styleclass="{ selector: '@next', enterClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true }">
|
|
13
33
|
<i class="pi pi-bars text-4xl"></i>
|
|
@@ -93,11 +113,15 @@
|
|
|
93
113
|
</template>
|
|
94
114
|
|
|
95
115
|
<script setup>
|
|
96
|
-
import Badge from "primevue/badge"
|
|
97
116
|
|
|
98
|
-
|
|
117
|
+
import { NotificationsIcon } from "@live-change/user-frontend"
|
|
118
|
+
|
|
119
|
+
import { UserIcon } from "@live-change/user-frontend"
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
99
123
|
</script>
|
|
100
124
|
|
|
101
125
|
<style scoped>
|
|
102
126
|
|
|
103
|
-
</style>
|
|
127
|
+
</style>
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
<li class="border-top-none">
|
|
7
7
|
<span class="flex p-0 px-3 align-items-center hover:surface-100 font-medium border-round
|
|
8
8
|
cursor-pointer transition-colors transition-duration-150 p-ripple">
|
|
9
|
-
<
|
|
9
|
+
<Image v-if="myIdentification?.image" :image="myIdentification.image"
|
|
10
|
+
class="mr-0 border-circle border-1 surface-border" style="width: 38px; height: 38px" />
|
|
11
|
+
<img v-else-if="ownerType == 'session_Session'" src="/images/empty-user-photo.svg"
|
|
10
12
|
class="mr-0 border-circle" style="width: 38px; height: 38px" />
|
|
11
|
-
<Image v-else-if="myIdentification?.image" :image="userData.image"
|
|
12
|
-
class="mr-0 border-circle border-1 surface-border" />
|
|
13
13
|
<img v-else :src="identiconUrl"
|
|
14
14
|
class="mr-0 border-circle border-1 surface-border" style="width: 38px; height: 38px" />
|
|
15
15
|
</span>
|
|
@@ -63,7 +63,6 @@
|
|
|
63
63
|
|
|
64
64
|
const client = useClient()
|
|
65
65
|
|
|
66
|
-
|
|
67
66
|
const ownerData = computed(
|
|
68
67
|
() => client.value.user
|
|
69
68
|
? ['user_User', client.value.user]
|
|
@@ -1,9 +1,55 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column flex-row">
|
|
3
|
+
<li>
|
|
4
|
+
<router-link :to="{ name: 'user:identification' }"
|
|
5
|
+
v-ripple
|
|
6
|
+
class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100
|
|
7
|
+
font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple no-underline"
|
|
8
|
+
>
|
|
9
|
+
<i class="pi pi-user mr-2"></i>
|
|
10
|
+
<span>Profile</span>
|
|
11
|
+
</router-link>
|
|
12
|
+
</li>
|
|
13
|
+
<li v-if="!client.user">
|
|
14
|
+
<router-link :to="{ name: 'user:signIn' }"
|
|
15
|
+
v-ripple
|
|
16
|
+
class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100
|
|
17
|
+
font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple no-underline"
|
|
18
|
+
>
|
|
19
|
+
<i class="pi pi-key mr-2"></i>
|
|
20
|
+
<span>Sign In</span>
|
|
21
|
+
</router-link>
|
|
22
|
+
</li>
|
|
23
|
+
<li v-if="client.user">
|
|
24
|
+
<router-link :to="{ name: 'user:settings' }"
|
|
25
|
+
v-ripple
|
|
26
|
+
class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100
|
|
27
|
+
font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple no-underline"
|
|
28
|
+
>
|
|
29
|
+
<i class="pi pi-cog mr-2"></i>
|
|
30
|
+
<span>Settings</span>
|
|
31
|
+
</router-link>
|
|
32
|
+
</li>
|
|
33
|
+
<li v-if="client.user">
|
|
34
|
+
<router-link :to="{ name: 'user:signOut' }"
|
|
35
|
+
v-ripple
|
|
36
|
+
class="flex px-6 p-3 lg:px-3 lg:py-2 align-items-center text-600 hover:text-900 hover:surface-100
|
|
37
|
+
font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple no-underline"
|
|
38
|
+
>
|
|
39
|
+
<i class="pi pi-power-off mr-2"></i>
|
|
40
|
+
<span>Sign Out</span>
|
|
41
|
+
</router-link>
|
|
42
|
+
</li>
|
|
43
|
+
</ul>
|
|
3
44
|
</template>
|
|
4
45
|
|
|
5
46
|
<script setup>
|
|
6
47
|
|
|
48
|
+
import { path, live, actions } from '@live-change/vue3-ssr'
|
|
49
|
+
import { client as useClient } from '@live-change/vue3-ssr'
|
|
50
|
+
import { toRefs } from '@vueuse/core'
|
|
51
|
+
|
|
52
|
+
const client = useClient()
|
|
7
53
|
|
|
8
54
|
</script>
|
|
9
55
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
<SettingsMenuItem name="user:settings" icon="id-card" label="General Settings" class="hidden md:block" />
|
|
12
12
|
|
|
13
|
-
<SettingsMenuItem name="user:notificationsSettings" icon="exclamation-circle" label="Notifications"
|
|
13
|
+
<!-- <SettingsMenuItem name="user:notificationsSettings" icon="exclamation-circle" label="Notifications" />-->
|
|
14
14
|
|
|
15
15
|
</ul>
|
|
16
16
|
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
<SettingsMenuItem name="user:connected" icon="users" label="Connected Accounts" />
|
|
23
23
|
|
|
24
|
-
<SettingsMenuItem name="user:changePassword" icon="key" label="
|
|
24
|
+
<SettingsMenuItem name="user:changePassword" icon="key" label="Change Password" />
|
|
25
25
|
|
|
26
26
|
</ul>
|
|
27
27
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/user-frontend",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.37",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "lcli memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
|
|
@@ -20,27 +20,27 @@
|
|
|
20
20
|
"debug": "node --inspect-brk server"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@live-change/cli": "0.7.
|
|
23
|
+
"@live-change/cli": "0.7.20",
|
|
24
24
|
"@live-change/dao": "0.5.15",
|
|
25
25
|
"@live-change/dao-vue3": "0.5.15",
|
|
26
26
|
"@live-change/dao-websocket": "0.5.15",
|
|
27
|
-
"@live-change/email-service": "0.3.
|
|
28
|
-
"@live-change/framework": "0.7.
|
|
29
|
-
"@live-change/identicon-service": "0.3.
|
|
30
|
-
"@live-change/image-frontend": "^0.2.
|
|
31
|
-
"@live-change/message-authentication-service": "0.3.
|
|
32
|
-
"@live-change/notification-service": "0.3.
|
|
33
|
-
"@live-change/password-authentication-service": "0.3.
|
|
27
|
+
"@live-change/email-service": "0.3.19",
|
|
28
|
+
"@live-change/framework": "0.7.20",
|
|
29
|
+
"@live-change/identicon-service": "0.3.19",
|
|
30
|
+
"@live-change/image-frontend": "^0.2.37",
|
|
31
|
+
"@live-change/message-authentication-service": "0.3.19",
|
|
32
|
+
"@live-change/notification-service": "0.3.19",
|
|
33
|
+
"@live-change/password-authentication-service": "0.3.19",
|
|
34
34
|
"@live-change/pattern": "0.2.1",
|
|
35
|
-
"@live-change/secret-code-service": "0.3.
|
|
36
|
-
"@live-change/secret-link-service": "0.3.
|
|
37
|
-
"@live-change/security-frontend": "^0.2.
|
|
38
|
-
"@live-change/security-service": "0.3.
|
|
39
|
-
"@live-change/session-service": "0.3.
|
|
40
|
-
"@live-change/timer-service": "0.3.
|
|
41
|
-
"@live-change/upload-service": "0.3.
|
|
42
|
-
"@live-change/user-identification-service": "0.3.
|
|
43
|
-
"@live-change/user-service": "0.3.
|
|
35
|
+
"@live-change/secret-code-service": "0.3.19",
|
|
36
|
+
"@live-change/secret-link-service": "0.3.19",
|
|
37
|
+
"@live-change/security-frontend": "^0.2.37",
|
|
38
|
+
"@live-change/security-service": "0.3.19",
|
|
39
|
+
"@live-change/session-service": "0.3.19",
|
|
40
|
+
"@live-change/timer-service": "0.3.19",
|
|
41
|
+
"@live-change/upload-service": "0.3.19",
|
|
42
|
+
"@live-change/user-identification-service": "0.3.19",
|
|
43
|
+
"@live-change/user-service": "0.3.19",
|
|
44
44
|
"@live-change/vue3-components": "0.2.24",
|
|
45
45
|
"@live-change/vue3-ssr": "0.2.24",
|
|
46
46
|
"@vueuse/core": "^9.1.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"wtfnode": "^0.9.1"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@live-change/codeceptjs-helper": "0.7.
|
|
68
|
+
"@live-change/codeceptjs-helper": "0.7.20",
|
|
69
69
|
"@wdio/selenium-standalone-service": "^7.20.8",
|
|
70
70
|
"codeceptjs": "^3.3.4",
|
|
71
71
|
"generate-password": "1.7.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"author": "",
|
|
78
78
|
"license": "BSD-3-Clause",
|
|
79
79
|
"description": "",
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "68f50f6b633d3f68784767ff8c5b4dd1773762f5"
|
|
81
81
|
}
|