Skip to content

Commit 3acaaa4

Browse files
frankpaganfrankpagan
committed
fix: update filter-query-key
1 parent 3bda6e6 commit 3acaaa4

1 file changed

Lines changed: 186 additions & 187 deletions

File tree

‎demo/index.html‎

Lines changed: 186 additions & 187 deletions
Original file line numberDiff line numberDiff line change
@@ -1,203 +1,202 @@
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-
<title>Calendar | 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+
<title>Calendar | CoCreate</title>
88

9-
<!-- CoCreate Calendar -->
10-
<link
11-
rel="stylesheet"
12-
href="./index.css"
13-
type="text/css"
14-
parse="true" />
9+
<!-- CoCreate Calendar -->
10+
<link
11+
rel="stylesheet"
12+
href="./index.css"
13+
type="text/css"
14+
parse="true" />
1515

16-
<!-- Full Calendar -->
17-
<link
18-
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.css"
19-
rel="stylesheet" />
20-
<link
21-
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.css"
22-
rel="stylesheet" />
23-
<link
24-
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.css"
25-
rel="stylesheet" />
26-
<link
27-
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.css"
28-
rel="stylesheet" />
16+
<!-- Full Calendar -->
17+
<link
18+
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.css"
19+
rel="stylesheet" />
20+
<link
21+
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.css"
22+
rel="stylesheet" />
23+
<link
24+
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.css"
25+
rel="stylesheet" />
26+
<link
27+
href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.css"
28+
rel="stylesheet" />
2929

30-
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js"></script>
31-
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/interaction/main.min.js"></script>
32-
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.js"></script>
33-
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.js"></script>
34-
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.js"></script>
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js"></script>
31+
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/interaction/main.min.js"></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.js"></script>
33+
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.js"></script>
34+
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.js"></script>
3535

36-
<link rel="manifest" href="/manifest.webmanifest" />
37-
</head>
36+
<link rel="manifest" href="/manifest.webmanifest" />
37+
</head>
3838

39-
<body class="overflow:auto">
40-
<!-- Navbar -->
41-
<div
42-
class="nav display:flex align-items:center background:whitesmoke position:sticky"
43-
content_id="content"
44-
scroll-effect="hide-nav"
45-
scroll-up="1"
46-
scroll-down="1">
47-
<!-- Menu Icon Animations -->
48-
<a class="nav-toggle menu_icon--Vdots" toggle-sidenav="menuL">
49-
<div class="circle"></div>
50-
<div class="circle"></div>
51-
<div class="circle"></div>
52-
<div class="circle"></div>
53-
<div class="circle"></div>
54-
</a>
39+
<body class="overflow:auto">
40+
<!-- Navbar -->
41+
<div
42+
class="nav display:flex align-items:center background:whitesmoke position:sticky"
43+
content_id="content"
44+
scroll-effect="hide-nav"
45+
scroll-up="1"
46+
scroll-down="1">
47+
<!-- Menu Icon Animations -->
48+
<a class="nav-toggle menu_icon--Vdots" toggle-sidenav="menuL">
49+
<div class="circle"></div>
50+
<div class="circle"></div>
51+
<div class="circle"></div>
52+
<div class="circle"></div>
53+
<div class="circle"></div>
54+
</a>
5555

56-
<!-- Horizontal Scroll Nav/Tabs -->
57-
<ul
58-
class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
59-
<!-- Modal Controls -->
60-
<li class="margin-right:15px">
61-
<a actions="closeModal"
62-
><i class="height:18px" src="/assets/svg/times.svg"></i
63-
></a>
64-
</li>
65-
<li class="margin-right:15px">
66-
<a actions="minMaxModal">
67-
<i
68-
toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
69-
toggle-attribute="src"
70-
class="height:18px"
71-
src="/assets/svg/window-maximize.svg"></i>
72-
</a>
73-
</li>
74-
<li class="margin-right:15px">
75-
<a actions="parkModal"
76-
><i class="far fa-window-minimize"> </i
77-
></a>
78-
</li>
56+
<!-- Horizontal Scroll Nav/Tabs -->
57+
<ul
58+
class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
59+
<!-- Modal Controls -->
60+
<li class="margin-right:15px">
61+
<a actions="closeModal"
62+
><i class="height:18px" src="/assets/svg/times.svg"></i
63+
></a>
64+
</li>
65+
<li class="margin-right:15px">
66+
<a actions="minMaxModal">
67+
<i
68+
toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
69+
toggle-attribute="src"
70+
class="height:18px"
71+
src="/assets/svg/window-maximize.svg"></i>
72+
</a>
73+
</li>
74+
<li class="margin-right:15px">
75+
<a actions="parkModal"
76+
><i class="far fa-window-minimize"> </i
77+
></a>
78+
</li>
7979

80-
<!-- fullscreen toogle and icon transform-->
81-
<li class="margin-right:15px">
82-
<a fullscreen>
83-
<i class="height:18px" src="/assets/svg/expand.svg"></i>
84-
<i
85-
class="height:18px"
86-
src="/assets/svg/compress.svg"></i>
87-
</a>
88-
</li>
80+
<!-- fullscreen toogle and icon transform-->
81+
<li class="margin-right:15px">
82+
<a fullscreen>
83+
<i class="height:18px" src="/assets/svg/expand.svg"></i>
84+
<i
85+
class="height:18px"
86+
src="/assets/svg/compress.svg"></i>
87+
</a>
88+
</li>
8989

90-
<!-- Render Builder -->
91-
<li class="margin-right:15px">
92-
<a
93-
actions="state, openModal"
94-
state-array="module-views"
95-
state-object="5fa86bfd4b4c3e4dea76abec"
96-
state-key="html"
97-
state_to="render"
98-
modal-width="100%"
99-
modal-header="false"
100-
class="sessionBuilderUI_Id">
101-
<i
102-
class="height:18px"
103-
src="/assets/svg/palette.svg"></i>
104-
<div
105-
state-array="module-views"
106-
state-object=""
107-
state_to="builder"
108-
state_id="render"></div>
109-
</a>
110-
</li>
90+
<!-- Render Builder -->
91+
<li class="margin-right:15px">
92+
<a
93+
actions="state, openModal"
94+
state-array="module-views"
95+
state-object="5fa86bfd4b4c3e4dea76abec"
96+
state-key="html"
97+
state_to="render"
98+
modal-width="100%"
99+
modal-header="false"
100+
class="sessionBuilderUI_Id">
101+
<i
102+
class="height:18px"
103+
src="/assets/svg/palette.svg"></i>
104+
<div
105+
state-array="module-views"
106+
state-object=""
107+
state_to="builder"
108+
state_id="render"></div>
109+
</a>
110+
</li>
111111

112-
<!-- Render Module Form -->
113-
<li class="margin-right:15px">
114-
<a
115-
actions="state, openModal"
116-
state-array="test"
117-
state-object=""
118-
state_to="render"
119-
modal-width="320px"
120-
modal-height="100%"
121-
modal-color="#229954"
122-
modal-header="false"
123-
modal-x=""
124-
modal-y=""
125-
state_id="render">
126-
<i class="height:16px" src="/assets/svg/plus.svg"></i>
127-
</a>
128-
</li>
112+
<!-- Render Module Form -->
113+
<li class="margin-right:15px">
114+
<a
115+
actions="state, openModal"
116+
state-array="test"
117+
state-object=""
118+
state_to="render"
119+
modal-width="320px"
120+
modal-height="100%"
121+
modal-color="#229954"
122+
modal-header="false"
123+
modal-x=""
124+
modal-y=""
125+
state_id="render">
126+
<i class="height:16px" src="/assets/svg/plus.svg"></i>
127+
</a>
128+
</li>
129129

130-
<!-- Calendar Controls -->
131-
<li class="margin-right:15px">
132-
<a calendar-view="timeGridDay" calendar_id="calendar"
133-
><i
134-
class="height:18px"
135-
src="/assets/svg/calendar-day.svg"></i
136-
></a>
137-
</li>
138-
<li class="margin-right:15px">
139-
<a calendar-view="timeGridWeek" calendar_id="calendar"
140-
><i
141-
class="height:18px"
142-
src="/assets/svg/calendar-week.svg"></i
143-
></a>
144-
</li>
145-
<li class="margin-right:15px">
146-
<a calendar-view="dayGridMonth" calendar_id="calendar"
147-
><i
148-
class="height:18px"
149-
src="/assets/svg/calendar-alt.svg"></i
150-
></a>
151-
</li>
152-
<li class="margin-right:15px">
153-
<a
154-
calendar-view="today"
155-
calendar_id="calendar"
156-
calendar-closest="body; [plugin='fullcalendar']"
157-
>T</a
158-
>
159-
</li>
160-
</ul>
161-
</div>
130+
<!-- Calendar Controls -->
131+
<li class="margin-right:15px">
132+
<a calendar-view="timeGridDay" calendar_id="calendar"
133+
><i
134+
class="height:18px"
135+
src="/assets/svg/calendar-day.svg"></i
136+
></a>
137+
</li>
138+
<li class="margin-right:15px">
139+
<a calendar-view="timeGridWeek" calendar_id="calendar"
140+
><i
141+
class="height:18px"
142+
src="/assets/svg/calendar-week.svg"></i
143+
></a>
144+
</li>
145+
<li class="margin-right:15px">
146+
<a calendar-view="dayGridMonth" calendar_id="calendar"
147+
><i
148+
class="height:18px"
149+
src="/assets/svg/calendar-alt.svg"></i
150+
></a>
151+
</li>
152+
<li class="margin-right:15px">
153+
<a
154+
calendar-view="today"
155+
calendar_id="calendar"
156+
calendar-closest="body; [plugin='fullcalendar']"
157+
>T</a
158+
>
159+
</li>
160+
</ul>
161+
</div>
162162

163-
<div
164-
class="position:fixed margin-top:50px"
165-
id="modal-viewport"
166-
content_id="content"></div>
167-
<div class="height:100vh position:relative" content_id="content">
168-
<!-- Define filter-key to define field to filter results for calendar -->
169-
<div
170-
filter-key="start_date"
171-
filter-value="0"
172-
filter-operator="$gt"
173-
filter-next></div>
163+
<div
164+
class="position:fixed margin-top:50px"
165+
id="modal-viewport"
166+
content_id="content"></div>
167+
<div class="height:100vh position:relative" content_id="content">
168+
<!-- Define filter-query-key to define field to filter results for calendar -->
169+
<div
170+
filter-query-key="start_date.$gt"
171+
filter-query-value="0"
172+
filter-next></div>
174173

175-
<div
176-
plugin="fullcalendar"
177-
array="test"
178-
event-key="name"
179-
filter-key=""
180-
filter-value=""
181-
state_id="datatable">
182-
<a
183-
class="eventLink"
184-
actions="state, openModal"
185-
modal-src="./form.html"
186-
state-array="test"
187-
state-object=""
188-
state_to="form-fields"
189-
modal-width="320px"
190-
modal-height="100%"
191-
modal-color="#21618C"
192-
modal-header="false"
193-
modal-x=""
194-
modal-y="">
195-
</a>
196-
</div>
197-
</div>
174+
<div
175+
plugin="fullcalendar"
176+
array="test"
177+
event-key="name"
178+
filter-query-key=""
179+
filter-query-value=""
180+
state_id="datatable">
181+
<a
182+
class="eventLink"
183+
actions="state, openModal"
184+
modal-src="./form.html"
185+
state-array="test"
186+
state-object=""
187+
state_to="form-fields"
188+
modal-width="320px"
189+
modal-height="100%"
190+
modal-color="#21618C"
191+
modal-header="false"
192+
modal-x=""
193+
modal-y="">
194+
</a>
195+
</div>
196+
</div>
198197

199-
<!--CoCreateJS -->
200-
<!--<script src="https://CoCreate.app/dist/CoCreate.js" ></script>-->
201-
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
202-
</body>
198+
<!--CoCreateJS -->
199+
<!--<script src="https://CoCreate.app/dist/CoCreate.js" ></script>-->
200+
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
201+
</body>
203202
</html>

0 commit comments

Comments
 (0)