@live-change/task-frontend 0.9.32 → 0.9.33

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.
Files changed (6) hide show
  1. package/front/src/Index.vue +12 -12
  2. package/front/src/ShelterProgress.vue +2 -2
  3. package/front/src/components/BuildShelterResult.vue +1 -1
  4. package/front/src/components/Task.vue +6 -6
  5. package/front/src/components/TaskModal.vue +2 -2
  6. package/package.json +39 -39
package/front/src/Index.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
- <div class="flex flex-row w-full justify-content-evenly">
3
- <div class="surface-card shadow-1 border-round px-3 py-1">
2
+ <div class="flex flex-row w-full justify-evenly">
3
+ <div class="bg-surface-0 dark:bg-surface-900 shadow-sm rounded-border px-4 py-1">
4
4
 
5
5
  <div>
6
6
  <h2>Built shelters</h2>
@@ -16,23 +16,23 @@
16
16
  Size:
17
17
  </div>
18
18
  <div class="pl-2">
19
- <div class="flex flex-row align-items-center">
20
- <label for="role" class="mr-2 w-5rem text-right">Width:</label>
19
+ <div class="flex flex-row items-center">
20
+ <label for="role" class="mr-2 w-20 text-right">Width:</label>
21
21
  <InputNumber v-model="data.size.width" mode="decimal"
22
22
  showButtons :min="3" :max="9" />
23
23
  </div>
24
- <div class="flex flex-row align-items-center">
25
- <label for="role" class="mr-2 w-5rem text-right">Height:</label>
24
+ <div class="flex flex-row items-center">
25
+ <label for="role" class="mr-2 w-20 text-right">Height:</label>
26
26
  <InputNumber v-model="data.size.height" mode="decimal" showButtons :min="3" :max="9" />
27
27
  </div>
28
- <div class="flex flex-row align-items-center">
29
- <label for="role" class="mr-2 w-5rem text-right">Length:</label>
28
+ <div class="flex flex-row items-center">
29
+ <label for="role" class="mr-2 w-20 text-right">Length:</label>
30
30
  <InputNumber v-model="data.size.length" mode="decimal" showButtons :min="3" :max="9" />
31
31
  </div>
32
32
 
33
- <div class="flex flex-row align-items-center">
34
- <label for="role" class="mr-2 w-5rem">Wood type:</label>
35
- <Dropdown id="role" class="w-14rem" v-model="data.woodType" placeholder="Select a Wood type"
33
+ <div class="flex flex-row items-center">
34
+ <label for="role" class="mr-2 w-20">Wood type:</label>
35
+ <Dropdown id="role" class="w-56" v-model="data.woodType" placeholder="Select a Wood type"
36
36
  :options="definition.properties.woodType.options" />
37
37
  </div>
38
38
 
@@ -43,7 +43,7 @@
43
43
 
44
44
  </command-form>
45
45
  </div>
46
- <!-- <div class="surface-card shadow-1 border-round px-3 py-1">
46
+ <!-- <div class="bg-surface-0 dark:bg-surface-900 shadow-sm rounded-border px-4 py-1">
47
47
  <h2>Root</h2>
48
48
  <pre>{{ tasksRoot }}</pre>
49
49
  <h2>Tasks</h2>
package/front/src/ShelterProgress.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
- <div class="flex flex-row w-full justify-content-evenly">
3
- <div class="surface-card shadow-1 border-round px-3 py-1 w-full">
2
+ <div class="flex flex-row w-full justify-evenly">
3
+ <div class="bg-surface-0 dark:bg-surface-900 shadow-sm rounded-border px-4 py-1 w-full">
4
4
  <h2>Tasks</h2>
5
5
  <Task v-for="task in rootTasks" :key="task.id" :task="task" :tasks="tasks" :task-types="taskTypes" />
6
6
  <!-- <pre>{{ rootTasks }}</pre>-->
package/front/src/components/BuildShelterResult.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="flex flex-row justify-content-between flex-wrap">
2
+ <div class="flex flex-row justify-between flex-wrap">
3
3
  <div class="font-semibold">
4
4
  Built shelter with:
5
5
  </div>
package/front/src/components/Task.vue CHANGED
@@ -1,27 +1,27 @@
1
1
  <template>
2
2
  <div>
3
- <div class="text-lg flex flex-row justify-content-between flex-wrap" :class="taskColor">
4
- <div class="flex flex-row align-items-center mr-3">
3
+ <div class="text-lg flex flex-row justify-between flex-wrap" :class="taskColor">
4
+ <div class="flex flex-row items-center mr-4">
5
5
  <i :class="['pi', icon, taskColor]" style="font-size: 1rem" />
6
6
  <div :class="['ml-2']">{{ label }}</div>
7
7
  </div>
8
- <div v-if="task?.progress && task?.state !== 'done'" class="w-8rem mr-3 flex-grow-1" style="max-width: 50vw">
8
+ <div v-if="task?.progress && task?.state !== 'done'" class="w-32 mr-4 grow" style="max-width: 50vw">
9
9
  <ProgressBar :value="Math.floor((100 * taskData.progress.current / taskData.progress.total))" />
10
10
  </div>
11
- <div v-if="task?.retries?.length && taskData.retries.length < taskData.maxRetries" class="mr-3">
11
+ <div v-if="task?.retries?.length && taskData.retries.length < taskData.maxRetries" class="mr-4">
12
12
  <i class="pi pi-replay" />
13
13
  {{ taskData.retries.length }} / {{ taskData.maxRetries }}
14
14
  </div>
15
15
  <div>{{ task?.state !== 'done' ? (task?.progress?.action || task?.state) : 'done' }}</div>
16
16
  </div>
17
- <div v-for="retry in task?.retries" class="ml-4 flex flex-row justify-content-between text-red-800">
17
+ <div v-for="retry in task?.retries" class="ml-6 flex flex-row justify-between text-red-800">
18
18
  {{ retry.error }} at {{ d(retry.failedAt, 'shortestTime')}}
19
19
  </div>
20
20
  <!-- <pre>{{ taskData.progress }}</pre>-->
21
21
  <div v-if="taskResultComponent && taskData.result" class="m-2">
22
22
  <component :is="taskResultComponent" :task="task" :result="taskData.result" :taskType="taskType" />
23
23
  </div>
24
- <div class="ml-4">
24
+ <div class="ml-6">
25
25
  <Task v-for="task in childTasks" :key="taskData.id" :task="task" :tasks="allTasks" :taskTypes="taskTypes" />
26
26
  </div>
27
27
  </div>
package/front/src/components/TaskModal.vue CHANGED
@@ -1,13 +1,13 @@
1
1
  <template>
2
2
  <Dialog v-model:visible="visible" modal>
3
3
  <template #container="{ closeCallback }">
4
- <div class="surface-card border-round shadow-3 p-3 overflow-y-auto" style="max-height: 70vh">
4
+ <div class="bg-surface-0 dark:bg-surface-900 rounded-border shadow-md p-4 overflow-y-auto" style="max-height: 70vh">
5
5
 
6
6
  <div class="text-xl mb-2">
7
7
  Task <strong>{{ taskData?.name }}</strong> {{ taskData?.state }}
8
8
  </div>
9
9
 
10
- <div class="my-3" v-if="!noClose">
10
+ <div class="my-4" v-if="!noClose">
11
11
  <Button icon="pi pi-times" label="Close" class="w-full" @click="close" />
12
12
  </div>
13
13
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@live-change/task-frontend",
3
- "version": "0.9.32",
3
+ "version": "0.9.33",
4
4
  "scripts": {
5
5
  "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
6
6
  "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -35,41 +35,41 @@
35
35
  "@codemirror/language": "6.10.1",
36
36
  "@dotenvx/dotenvx": "0.27.0",
37
37
  "@fortawesome/fontawesome-free": "^6.7.2",
38
- "@live-change/access-control-frontend": "^0.9.32",
39
- "@live-change/access-control-service": "^0.9.32",
40
- "@live-change/backup-service": "^0.9.32",
41
- "@live-change/blog-frontend": "^0.9.32",
42
- "@live-change/blog-service": "^0.9.32",
43
- "@live-change/cli": "^0.9.32",
44
- "@live-change/content-frontend": "^0.9.32",
45
- "@live-change/content-service": "^0.9.32",
46
- "@live-change/dao": "^0.9.32",
47
- "@live-change/dao-vue3": "^0.9.32",
48
- "@live-change/dao-websocket": "^0.9.32",
49
- "@live-change/db-client": "^0.9.32",
50
- "@live-change/email-service": "^0.9.32",
51
- "@live-change/framework": "^0.9.32",
52
- "@live-change/frontend-auto-form": "^0.9.32",
53
- "@live-change/frontend-base": "^0.9.32",
54
- "@live-change/geoip-service": "^0.9.32",
55
- "@live-change/image-frontend": "^0.9.32",
56
- "@live-change/locale-settings-service": "^0.9.32",
57
- "@live-change/password-authentication-service": "^0.9.32",
58
- "@live-change/prosemirror-service": "^0.9.32",
59
- "@live-change/secret-code-service": "^0.9.32",
60
- "@live-change/secret-link-service": "^0.9.32",
61
- "@live-change/session-service": "^0.9.32",
62
- "@live-change/task-service": "^0.9.32",
63
- "@live-change/upload-frontend": "^0.9.32",
64
- "@live-change/url-frontend": "^0.9.32",
65
- "@live-change/url-service": "^0.9.32",
66
- "@live-change/user-frontend": "^0.9.32",
67
- "@live-change/user-identification-service": "^0.9.32",
68
- "@live-change/user-service": "^0.9.32",
69
- "@live-change/vote-service": "^0.9.32",
70
- "@live-change/vue3-components": "^0.9.32",
71
- "@live-change/vue3-ssr": "^0.9.32",
72
- "@live-change/wysiwyg-frontend": "^0.9.32",
38
+ "@live-change/access-control-frontend": "^0.9.33",
39
+ "@live-change/access-control-service": "^0.9.33",
40
+ "@live-change/backup-service": "^0.9.33",
41
+ "@live-change/blog-frontend": "^0.9.33",
42
+ "@live-change/blog-service": "^0.9.33",
43
+ "@live-change/cli": "^0.9.33",
44
+ "@live-change/content-frontend": "^0.9.33",
45
+ "@live-change/content-service": "^0.9.33",
46
+ "@live-change/dao": "^0.9.33",
47
+ "@live-change/dao-vue3": "^0.9.33",
48
+ "@live-change/dao-websocket": "^0.9.33",
49
+ "@live-change/db-client": "^0.9.33",
50
+ "@live-change/email-service": "^0.9.33",
51
+ "@live-change/framework": "^0.9.33",
52
+ "@live-change/frontend-auto-form": "^0.9.33",
53
+ "@live-change/frontend-base": "^0.9.33",
54
+ "@live-change/geoip-service": "^0.9.33",
55
+ "@live-change/image-frontend": "^0.9.33",
56
+ "@live-change/locale-settings-service": "^0.9.33",
57
+ "@live-change/password-authentication-service": "^0.9.33",
58
+ "@live-change/prosemirror-service": "^0.9.33",
59
+ "@live-change/secret-code-service": "^0.9.33",
60
+ "@live-change/secret-link-service": "^0.9.33",
61
+ "@live-change/session-service": "^0.9.33",
62
+ "@live-change/task-service": "^0.9.33",
63
+ "@live-change/upload-frontend": "^0.9.33",
64
+ "@live-change/url-frontend": "^0.9.33",
65
+ "@live-change/url-service": "^0.9.33",
66
+ "@live-change/user-frontend": "^0.9.33",
67
+ "@live-change/user-identification-service": "^0.9.33",
68
+ "@live-change/user-service": "^0.9.33",
69
+ "@live-change/vote-service": "^0.9.33",
70
+ "@live-change/vue3-components": "^0.9.33",
71
+ "@live-change/vue3-ssr": "^0.9.33",
72
+ "@live-change/wysiwyg-frontend": "^0.9.33",
73
73
  "@vueuse/core": "^12.3.0",
74
74
  "codeceptjs-assert": "^0.0.5",
75
75
  "compression": "^1.7.5",
@@ -79,7 +79,7 @@
79
79
  "pretty-bytes": "^6.1.1",
80
80
  "primeflex": "^3.3.1",
81
81
  "primeicons": "^7.0.0",
82
- "primevue": "^3.52.0",
82
+ "primevue": "^4.2.5",
83
83
  "rollup-plugin-node-builtins": "^2.1.2",
84
84
  "rollup-plugin-visualizer": "5.14.0",
85
85
  "serialize-javascript": "^6.0.2",
@@ -91,7 +91,7 @@
91
91
  "vue3-scroll-border": "0.1.6"
92
92
  },
93
93
  "devDependencies": {
94
- "@live-change/codeceptjs-helper": "^0.9.32",
94
+ "@live-change/codeceptjs-helper": "^0.9.33",
95
95
  "codeceptjs": "^3.6.10",
96
96
  "generate-password": "1.7.1",
97
97
  "playwright": "1.49.1",
@@ -102,5 +102,5 @@
102
102
  "author": "Michał Łaszczewski <michal@laszczewski.pl>",
103
103
  "license": "ISC",
104
104
  "description": "",
105
- "gitHead": "41022fc283020e2da3e82aa27274401052d2379a"
105
+ "gitHead": "c6eaa7764dc12b9489b74386b1227b71d0640e09"
106
106
  }