@axium/tasks 0.3.3 → 0.3.5
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/lib/TaskList.svelte +13 -1
- package/package.json +1 -1
- package/routes/tasks/+page.svelte +16 -2
package/lib/TaskList.svelte
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { goto } from '$app/navigation';
|
|
3
3
|
import { page } from '$app/state';
|
|
4
4
|
import { copy } from '@axium/client/clipboard';
|
|
5
|
-
import { Icon, Popover } from '@axium/client/components';
|
|
5
|
+
import { AccessControlDialog, Icon, Popover } from '@axium/client/components';
|
|
6
6
|
import { fetchAPI } from '@axium/client/requests';
|
|
7
7
|
import type { Task, TaskList } from '@axium/tasks/common';
|
|
8
8
|
import type { WithRequired } from 'utilium';
|
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
|
|
23
23
|
return `[${task.completed ? 'x' : ' '}] ${task.summary}` + children;
|
|
24
24
|
}
|
|
25
|
+
|
|
26
|
+
let acl = $state<HTMLDialogElement>();
|
|
25
27
|
</script>
|
|
26
28
|
|
|
27
29
|
{#snippet task_tree(task: Task)}
|
|
@@ -108,6 +110,15 @@
|
|
|
108
110
|
>
|
|
109
111
|
<Icon i="regular/file-export" /> Export
|
|
110
112
|
</div>
|
|
113
|
+
<div
|
|
114
|
+
class="menu-item"
|
|
115
|
+
onclick={() => {
|
|
116
|
+
acl!.showModal();
|
|
117
|
+
acl!.click();
|
|
118
|
+
}}
|
|
119
|
+
>
|
|
120
|
+
<Icon i="user-group" /> Share
|
|
121
|
+
</div>
|
|
111
122
|
{#if tasks.some(t => !t.completed)}
|
|
112
123
|
<div
|
|
113
124
|
class="menu-item"
|
|
@@ -144,6 +155,7 @@
|
|
|
144
155
|
</div>
|
|
145
156
|
{/if}
|
|
146
157
|
</Popover>
|
|
158
|
+
<AccessControlDialog bind:dialog={acl} bind:item={list} itemType="task_lists" editable />
|
|
147
159
|
</div>
|
|
148
160
|
<div>
|
|
149
161
|
<button
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<title>Tasks</title>
|
|
16
16
|
</svelte:head>
|
|
17
17
|
|
|
18
|
-
<div
|
|
18
|
+
<div id="tasks-main">
|
|
19
19
|
<h1>Tasks</h1>
|
|
20
20
|
|
|
21
21
|
<button id="create-task-list" class="icon-text mobile-float-right" onclick={() => dialog!.showModal()}>
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
</FormDialog>
|
|
51
51
|
|
|
52
52
|
<style>
|
|
53
|
-
|
|
53
|
+
#tasks-main {
|
|
54
54
|
padding: 2em;
|
|
55
55
|
inset: 0;
|
|
56
56
|
display: flex;
|
|
@@ -67,4 +67,18 @@
|
|
|
67
67
|
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
|
68
68
|
gap: 1em;
|
|
69
69
|
}
|
|
70
|
+
|
|
71
|
+
@media (width < 700px) {
|
|
72
|
+
#tasks-main {
|
|
73
|
+
padding: 1em;
|
|
74
|
+
align-content: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.lists-container {
|
|
78
|
+
display: flex;
|
|
79
|
+
flex-direction: column;
|
|
80
|
+
gap: 1em;
|
|
81
|
+
align-content: center;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
70
84
|
</style>
|