Skip to content

Commit 27b95e4

Browse files
committed
fix: update filter-query-key
1 parent b20ee0e commit 27b95e4

File tree

1 file changed

+190
-191
lines changed

1 file changed

+190
-191
lines changed

src/index.html

Lines changed: 190 additions & 191 deletions
Original file line numberDiff line numberDiff line change
@@ -1,199 +1,198 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1" />
7-
<link
8-
rel="icon"
9-
href="https://cdn.cocreate.app/favicon.ico"
10-
type="image/ico"
11-
sizes="16x16"
12-
parse="true" />
13-
<title>Kanban | CoCreate</title>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<link
8+
rel="icon"
9+
href="https://cdn.cocreate.app/favicon.ico"
10+
type="image/ico"
11+
sizes="16x16"
12+
parse="true" />
13+
<title>Kanban | CoCreate</title>
1414

15-
<link rel="manifest" href="/manifest.webmanifest" />
16-
</head>
15+
<link rel="manifest" href="/manifest.webmanifest" />
16+
</head>
1717

18-
<body>
19-
<main class="padding:10px" content_id="content">
20-
<div id="board" class="display:flex overflow:auto">
21-
<div
22-
array="testtags"
23-
object
24-
filter-sort-key="position"
25-
render_id="column"
26-
droppable
27-
dnd-group-key="column"
28-
render-selector=":last-child"
29-
class="display:flex flex-wrap:nowrap flex-direction:row">
30-
<!-- Column -->
31-
<div
32-
template
33-
render-as="column"
34-
object="{{column._id}}"
35-
draggable
36-
class="position:relative width:300px margin:10px background:whitesmoke height:calc(100vh_-_45px)">
37-
<div
38-
class="display:flex margin:15px font-size:18px color-dark-gray">
39-
<div class="flex-grow:1">
40-
<span
41-
array="{{column.array}}"
42-
object="{{column._id}}"
43-
key="name"
44-
contenteditable
45-
class="padding:5px"></span>
46-
</div>
47-
<div>
48-
<a
49-
actions="deleteObject"
50-
array="{{column.array}}"
51-
object="{{column._id}}"
52-
><i
53-
class="height:18px"
54-
src="/assets/svg/times.svg"></i
55-
></a>
56-
</div>
57-
</div>
58-
<div
59-
class="height:calc(100vh_-_145px) padding:10px overflow:auto">
60-
<div
61-
array="testcontacts"
62-
filter-key="tags"
63-
filter-value="{{column._id}}"
64-
filter-operator="$eq"
65-
filter-sort-key="position"
66-
filter-sort-direction="asc"
67-
render-selector=":last-child"
68-
droppable
69-
dnd-group-key="card"
70-
class="display:flex flex-direction:column height:100%">
71-
<!-- Card -->
72-
<div
73-
class="card position:relative margin-bottom:10px padding:10px background:white"
74-
template
75-
value="{{object._id}}"
76-
object="{{object._id}}"
77-
draggable>
78-
<a
79-
actions="deleteObject"
80-
array="{{object.array}}"
81-
object="{{object._id}}"
82-
class="position:absolute right:15px top:15px"
83-
><i
84-
class="height:18px"
85-
src="/assets/svg/times.svg"></i
86-
></a>
18+
<body>
19+
<main class="padding:10px" content_id="content">
20+
<div id="board" class="display:flex overflow:auto">
21+
<div
22+
array="testtags"
23+
object
24+
filter-sort-key="position"
25+
render_id="column"
26+
droppable
27+
dnd-group-key="column"
28+
render-selector=":last-child"
29+
class="display:flex flex-wrap:nowrap flex-direction:row">
30+
<!-- Column -->
31+
<div
32+
template
33+
render-as="column"
34+
object="{{column._id}}"
35+
draggable
36+
class="position:relative width:300px margin:10px background:whitesmoke height:calc(100vh_-_45px)">
37+
<div
38+
class="display:flex margin:15px font-size:18px color-dark-gray">
39+
<div class="flex-grow:1">
40+
<span
41+
array="{{column.array}}"
42+
object="{{column._id}}"
43+
key="name"
44+
contenteditable
45+
class="padding:5px"></span>
46+
</div>
47+
<div>
48+
<a
49+
actions="deleteObject"
50+
array="{{column.array}}"
51+
object="{{column._id}}"
52+
><i
53+
class="height:18px"
54+
src="/assets/svg/times.svg"></i
55+
></a>
56+
</div>
57+
</div>
58+
<div
59+
class="height:calc(100vh_-_145px) padding:10px overflow:auto">
60+
<div
61+
array="testcontacts"
62+
filter-query-key="tags.$eq"
63+
filter-query-value="{{column._id}}"
64+
filter-sort-key="position"
65+
filter-sort-direction="asc"
66+
render-selector=":last-child"
67+
droppable
68+
dnd-group-key="card"
69+
class="display:flex flex-direction:column height:100%">
70+
<!-- Card -->
71+
<div
72+
class="card position:relative margin-bottom:10px padding:10px background:white"
73+
template
74+
value="{{object._id}}"
75+
object="{{object._id}}"
76+
draggable>
77+
<a
78+
actions="deleteObject"
79+
array="{{object.array}}"
80+
object="{{object._id}}"
81+
class="position:absolute right:15px top:15px"
82+
><i
83+
class="height:18px"
84+
src="/assets/svg/times.svg"></i
85+
></a>
8786

88-
<div class="width:100%">
89-
<img
90-
array="{{object.array}}"
91-
object="{{object._id}}"
92-
key="image"
93-
src="https://via.placeholder.com/150"
94-
width="100%" />
95-
</div>
96-
<div
97-
class="border-bottom:1px_solid_gray margin:0px_15px">
98-
<div
99-
class="display:flex margin:10px_0px">
100-
<span
101-
class="cocreate-badge margin-right:10px font-size:10px padding:0px_20px"></span>
102-
<span
103-
class="cocreate-badge margin-right:10px font-size:10px padding:0px_20px"></span>
104-
</div>
105-
<p
106-
array="{{object.array}}"
107-
object="{{object._id}}"
108-
key="name"
109-
contenteditable
110-
class="padding:5px"></p>
111-
<div
112-
class="display:flex margin:10px_0px">
113-
<span
114-
class="cocreate-badge badge-danger margin-right:10px font-size:14px">
115-
<i
116-
class="height:16px"
117-
src="/assets/svg/clock.svg"></i>
118-
<span>Aug 29th 17</span>
119-
</span>
120-
<span
121-
class="cocreate-badge margin-right:10px font-size:14px">
122-
<i
123-
class="height:16px"
124-
src="/assets/svg/check-circle.svg"></i>
125-
<span>2/7</span>
126-
</span>
127-
</div>
128-
<div class="display:flex"></div>
129-
</div>
130-
<div class="display:flex margin:15px">
131-
<span class="float:left"
132-
><i
133-
class="height:16px"
134-
src="/assets/svg/eye.svg"></i
135-
></span>
136-
<div class="display:flex float:right">
137-
<span class="margin-left:10px"
138-
><i
139-
class="height:16px"
140-
src="/assets/svg/sticky-note.svg"></i
141-
><span>0</span></span
142-
>
143-
<span class="margin-left:10px"
144-
><i
145-
class="height:16px"
146-
src="/assets/svg/envelope.svg"></i
147-
><span>8</span></span
148-
>
149-
</div>
150-
</div>
151-
</div>
152-
</div>
153-
</div>
154-
<div
155-
class="position:absolute bottom:0 margin:0px_15px padding:15px_0px">
156-
<form>
157-
<input
158-
type="hidden"
159-
array="testcontacts"
160-
object=""
161-
key="tags"
162-
value="{{column._id}}" />
163-
<input
164-
type="hidden"
165-
array="testcontacts"
166-
object=""
167-
key="name"
168-
value="untitled" />
169-
<a actions="save, reset"
170-
><i
171-
class="height:16px"
172-
src="/assets/svg/plus.svg"></i>
173-
New Card</a
174-
>
175-
</form>
176-
</div>
177-
</div>
178-
</div>
179-
</div>
87+
<div class="width:100%">
88+
<img
89+
array="{{object.array}}"
90+
object="{{object._id}}"
91+
key="image"
92+
src="https://via.placeholder.com/150"
93+
width="100%" />
94+
</div>
95+
<div
96+
class="border-bottom:1px_solid_gray margin:0px_15px">
97+
<div
98+
class="display:flex margin:10px_0px">
99+
<span
100+
class="cocreate-badge margin-right:10px font-size:10px padding:0px_20px"></span>
101+
<span
102+
class="cocreate-badge margin-right:10px font-size:10px padding:0px_20px"></span>
103+
</div>
104+
<p
105+
array="{{object.array}}"
106+
object="{{object._id}}"
107+
key="name"
108+
contenteditable
109+
class="padding:5px"></p>
110+
<div
111+
class="display:flex margin:10px_0px">
112+
<span
113+
class="cocreate-badge badge-danger margin-right:10px font-size:14px">
114+
<i
115+
class="height:16px"
116+
src="/assets/svg/clock.svg"></i>
117+
<span>Aug 29th 17</span>
118+
</span>
119+
<span
120+
class="cocreate-badge margin-right:10px font-size:14px">
121+
<i
122+
class="height:16px"
123+
src="/assets/svg/check-circle.svg"></i>
124+
<span>2/7</span>
125+
</span>
126+
</div>
127+
<div class="display:flex"></div>
128+
</div>
129+
<div class="display:flex margin:15px">
130+
<span class="float:left"
131+
><i
132+
class="height:16px"
133+
src="/assets/svg/eye.svg"></i
134+
></span>
135+
<div class="display:flex float:right">
136+
<span class="margin-left:10px"
137+
><i
138+
class="height:16px"
139+
src="/assets/svg/sticky-note.svg"></i
140+
><span>0</span></span
141+
>
142+
<span class="margin-left:10px"
143+
><i
144+
class="height:16px"
145+
src="/assets/svg/envelope.svg"></i
146+
><span>8</span></span
147+
>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
<div
154+
class="position:absolute bottom:0 margin:0px_15px padding:15px_0px">
155+
<form>
156+
<input
157+
type="hidden"
158+
array="testcontacts"
159+
object=""
160+
key="tags"
161+
value="{{column._id}}" />
162+
<input
163+
type="hidden"
164+
array="testcontacts"
165+
object=""
166+
key="name"
167+
value="untitled" />
168+
<a actions="save, reset"
169+
><i
170+
class="height:16px"
171+
src="/assets/svg/plus.svg"></i>
172+
New Card</a
173+
>
174+
</form>
175+
</div>
176+
</div>
177+
</div>
178+
</div>
180179

181-
<form>
182-
<input
183-
type="hidden"
184-
state_id="module_id"
185-
array="testtags"
186-
object=""
187-
key="name"
188-
value="untitled" />
189-
<button
190-
actions="save, reset"
191-
class="position:fixed bottom:15px right:15px line-height:50px width:50px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
192-
<i class="height:16px" src="/assets/svg/plus.svg"></i>
193-
</button>
194-
</form>
195-
</main>
180+
<form>
181+
<input
182+
type="hidden"
183+
state_id="module_id"
184+
array="testtags"
185+
object=""
186+
key="name"
187+
value="untitled" />
188+
<button
189+
actions="save, reset"
190+
class="position:fixed bottom:15px right:15px line-height:50px width:50px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
191+
<i class="height:16px" src="/assets/svg/plus.svg"></i>
192+
</button>
193+
</form>
194+
</main>
196195

197-
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
198-
</body>
196+
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
197+
</body>
199198
</html>

0 commit comments

Comments
 (0)