@live-change/user-frontend 0.9.40 → 0.9.42
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/index.html
CHANGED
|
@@ -8,16 +8,24 @@
|
|
|
8
8
|
</div>
|
|
9
9
|
|
|
10
10
|
<div class="flex flex-wrap items-center justify-center" v-if="userData !== undefined">
|
|
11
|
-
<div class="relative mb-4
|
|
12
|
-
|
|
11
|
+
<div class="relative mb-4 rounded-full overflow-hidden image-container cursor-pointer"
|
|
12
|
+
@click="openImageEditor">
|
|
13
|
+
<Image v-if="userData?.image" :image="userData.image" class="rounded-full profile-image"
|
|
13
14
|
domResize width="200" height="200" />
|
|
14
|
-
<img v-else :src="identiconUrl" class="
|
|
15
|
+
<img v-else :src="identiconUrl" class="rounded-full profile-image">
|
|
16
|
+
<div class="absolute transition-opacity duration-300 image-hint pointer-events-none
|
|
17
|
+
bottom-0 left-0 w-full h-[3em] bg-black/50 text-white text-center">
|
|
18
|
+
<div>
|
|
19
|
+
<i class="pi pi-camera mt-[0.5rem] text-surface-0 opacity-70" style="font-size: 2em;"></i>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
</div>
|
|
15
23
|
</div>
|
|
16
24
|
<command-form service="userIdentification" :action="updateMethod"
|
|
17
25
|
:initialValues="{ name: userData?.name }"
|
|
18
26
|
:parameters="{ image: userData?.image }" v-slot="{ data }"
|
|
19
27
|
keepOnDone @done="handleNameSaved"
|
|
20
|
-
class="
|
|
28
|
+
class="mb-4 flex flex-col">
|
|
21
29
|
<div class="p-field flex flex-col">
|
|
22
30
|
<InputText type="text" v-model="data.name"
|
|
23
31
|
:invalid="!!data.nameError"
|
|
@@ -120,4 +128,10 @@
|
|
|
120
128
|
height: auto;
|
|
121
129
|
border: 1px solid gray;
|
|
122
130
|
}
|
|
131
|
+
.image-container .image-hint {
|
|
132
|
+
opacity: 0;
|
|
133
|
+
}
|
|
134
|
+
.image-container:hover .image-hint {
|
|
135
|
+
opacity: 1;
|
|
136
|
+
}
|
|
123
137
|
</style>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<router-link :to="{ name }"
|
|
4
4
|
:class="route.name == name ? 'text-primary-500 dark:text-primary-300' : 'text-surface-700 dark:text-surface-300'"
|
|
5
5
|
v-ripple
|
|
6
|
-
class="flex
|
|
6
|
+
class="flex items-center cursor-pointer p-3
|
|
7
7
|
hover:bg-surface-100 dark:hover:bg-surface-800
|
|
8
8
|
rounded-border transition-colors transition-duration-150 p-ripple no-underline">
|
|
9
9
|
<i class="pi mr-2" :class="'pi-'+icon"></i>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/user-frontend",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.42",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "node --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
|
|
@@ -22,29 +22,29 @@
|
|
|
22
22
|
},
|
|
23
23
|
"type": "module",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@live-change/cli": "^0.9.
|
|
26
|
-
"@live-change/dao": "^0.9.
|
|
27
|
-
"@live-change/dao-vue3": "^0.9.
|
|
28
|
-
"@live-change/dao-websocket": "^0.9.
|
|
29
|
-
"@live-change/email-service": "^0.9.
|
|
30
|
-
"@live-change/framework": "^0.9.
|
|
31
|
-
"@live-change/identicon-service": "^0.9.
|
|
32
|
-
"@live-change/image-frontend": "^0.9.
|
|
33
|
-
"@live-change/message-authentication-service": "^0.9.
|
|
34
|
-
"@live-change/notification-service": "^0.9.
|
|
35
|
-
"@live-change/password-authentication-service": "^0.9.
|
|
36
|
-
"@live-change/pattern": "^0.9.
|
|
37
|
-
"@live-change/secret-code-service": "^0.9.
|
|
38
|
-
"@live-change/secret-link-service": "^0.9.
|
|
39
|
-
"@live-change/security-frontend": "^0.9.
|
|
40
|
-
"@live-change/security-service": "^0.9.
|
|
41
|
-
"@live-change/session-service": "^0.9.
|
|
42
|
-
"@live-change/timer-service": "^0.9.
|
|
43
|
-
"@live-change/upload-service": "^0.9.
|
|
44
|
-
"@live-change/user-identification-service": "^0.9.
|
|
45
|
-
"@live-change/user-service": "^0.9.
|
|
46
|
-
"@live-change/vue3-components": "^0.9.
|
|
47
|
-
"@live-change/vue3-ssr": "^0.9.
|
|
25
|
+
"@live-change/cli": "^0.9.42",
|
|
26
|
+
"@live-change/dao": "^0.9.42",
|
|
27
|
+
"@live-change/dao-vue3": "^0.9.42",
|
|
28
|
+
"@live-change/dao-websocket": "^0.9.42",
|
|
29
|
+
"@live-change/email-service": "^0.9.42",
|
|
30
|
+
"@live-change/framework": "^0.9.42",
|
|
31
|
+
"@live-change/identicon-service": "^0.9.42",
|
|
32
|
+
"@live-change/image-frontend": "^0.9.42",
|
|
33
|
+
"@live-change/message-authentication-service": "^0.9.42",
|
|
34
|
+
"@live-change/notification-service": "^0.9.42",
|
|
35
|
+
"@live-change/password-authentication-service": "^0.9.42",
|
|
36
|
+
"@live-change/pattern": "^0.9.42",
|
|
37
|
+
"@live-change/secret-code-service": "^0.9.42",
|
|
38
|
+
"@live-change/secret-link-service": "^0.9.42",
|
|
39
|
+
"@live-change/security-frontend": "^0.9.42",
|
|
40
|
+
"@live-change/security-service": "^0.9.42",
|
|
41
|
+
"@live-change/session-service": "^0.9.42",
|
|
42
|
+
"@live-change/timer-service": "^0.9.42",
|
|
43
|
+
"@live-change/upload-service": "^0.9.42",
|
|
44
|
+
"@live-change/user-identification-service": "^0.9.42",
|
|
45
|
+
"@live-change/user-service": "^0.9.42",
|
|
46
|
+
"@live-change/vue3-components": "^0.9.42",
|
|
47
|
+
"@live-change/vue3-ssr": "^0.9.42",
|
|
48
48
|
"@vueuse/core": "^12.3.0",
|
|
49
49
|
"codeceptjs-assert": "^0.0.5",
|
|
50
50
|
"codeceptjs-video-helper": "0.1.3",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"wtfnode": "^0.9.1"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@live-change/codeceptjs-helper": "^0.9.
|
|
68
|
+
"@live-change/codeceptjs-helper": "^0.9.42",
|
|
69
69
|
"codeceptjs": "^3.6.10",
|
|
70
70
|
"generate-password": "1.7.1",
|
|
71
71
|
"playwright": "1.49.1",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"author": "Michał Łaszczewski <michal@laszczewski.pl>",
|
|
77
77
|
"license": "BSD-3-Clause",
|
|
78
78
|
"description": "",
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "6571e1434eed33df905a7708aad783e9339968f1"
|
|
80
80
|
}
|