@live-change/image-frontend 0.8.50 → 0.8.51
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/ImageInput.vue +6 -5
- package/package.json +12 -12
package/front/src/ImageInput.vue
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<div v-if="modelValue">
|
|
3
|
+
<div v-if="modelValue" class="flex flex-column align-items-center">
|
|
4
4
|
<Image :image="modelValue" :key="modelValue"
|
|
5
5
|
:width="definition?.width ?? 400" :height="definition?.height ?? 400"
|
|
6
6
|
style="max-width: 100%" />
|
|
7
|
-
<div class="
|
|
7
|
+
<div class="w-full mt-2 flex flex-row flex-wrap justify-content-around align-items-center">
|
|
8
8
|
<Button @click="cropImage" type="button" label="Crop Image"
|
|
9
|
-
icon="pi pi-pencil" class="p-button-secondary" />
|
|
9
|
+
icon="pi pi-pencil" class="p-button-secondary w-12rem" />
|
|
10
10
|
<Button @click="deleteImage" type="button" label="Remove Image"
|
|
11
|
-
icon="pi pi-trash" class="p-button-danger" />
|
|
11
|
+
icon="pi pi-trash" class="p-button-danger w-12rem" />
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
14
14
|
<div v-else>
|
|
15
|
-
<DropZone class="w-full
|
|
15
|
+
<DropZone class="w-full relative p-2 flex justify-content-center align-items-center"
|
|
16
|
+
:accept="acceptList" @input="handleFile">
|
|
16
17
|
<div class="w-auto border-dashed border-primary-500 flex align-items-center justify-content-center p-2"
|
|
17
18
|
:style="dropZoneStyle">
|
|
18
19
|
<p class="text-primary text-xl">Drop image here!</p>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/image-frontend",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.51",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"type": "module",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@fortawesome/fontawesome-free": "^6.5.2",
|
|
25
|
-
"@live-change/cli": "^0.8.
|
|
26
|
-
"@live-change/dao": "^0.8.
|
|
27
|
-
"@live-change/dao-vue3": "^0.8.
|
|
28
|
-
"@live-change/dao-websocket": "^0.8.
|
|
29
|
-
"@live-change/framework": "^0.8.
|
|
30
|
-
"@live-change/image-service": "^0.8.
|
|
31
|
-
"@live-change/session-service": "^0.8.
|
|
32
|
-
"@live-change/vue3-components": "^0.8.
|
|
33
|
-
"@live-change/vue3-ssr": "^0.8.
|
|
25
|
+
"@live-change/cli": "^0.8.51",
|
|
26
|
+
"@live-change/dao": "^0.8.51",
|
|
27
|
+
"@live-change/dao-vue3": "^0.8.51",
|
|
28
|
+
"@live-change/dao-websocket": "^0.8.51",
|
|
29
|
+
"@live-change/framework": "^0.8.51",
|
|
30
|
+
"@live-change/image-service": "^0.8.51",
|
|
31
|
+
"@live-change/session-service": "^0.8.51",
|
|
32
|
+
"@live-change/vue3-components": "^0.8.51",
|
|
33
|
+
"@live-change/vue3-ssr": "^0.8.51",
|
|
34
34
|
"@vueuse/core": "^10.11.0",
|
|
35
35
|
"codeceptjs-assert": "^0.0.5",
|
|
36
36
|
"compression": "^1.7.4",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"vue3-scroll-border": "0.1.6"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@live-change/codeceptjs-helper": "^0.8.
|
|
53
|
+
"@live-change/codeceptjs-helper": "^0.8.51",
|
|
54
54
|
"codeceptjs": "^3.5.12",
|
|
55
55
|
"generate-password": "1.7.1",
|
|
56
56
|
"playwright": "^1.41.2",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"author": "Michał Łaszczewski <michal@laszczewski.pl>",
|
|
62
62
|
"license": "BSD-3-Clause",
|
|
63
63
|
"description": "",
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "ba8da813894eeb717223aa8d5e364649e4ac0347"
|
|
65
65
|
}
|