From 3acaaa4b5cd58b206506facb7e7424fa4e872900 Mon Sep 17 00:00:00 2001
From: frankpagan <frank@cocreate.app>
Date: Tue, 17 Dec 2024 22:24:45 -0600
Subject: [PATCH] fix: update filter-query-key

---
 demo/index.html | 373 ++++++++++++++++++++++++------------------------
 1 file changed, 186 insertions(+), 187 deletions(-)
diff --git a/demo/index.html b/demo/index.html
index 3b2a5c6..cf32338 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,203 +1,202 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>Calendar | CoCreate</title>
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Calendar | CoCreate</title>
 
-        <!-- CoCreate Calendar -->
-        <link
-            rel="stylesheet"
-            href="./index.css"
-            type="text/css"
-            parse="true" />
+		<!-- CoCreate Calendar -->
+		<link
+			rel="stylesheet"
+			href="./index.css"
+			type="text/css"
+			parse="true" />
 
-        <!-- Full Calendar -->
-        <link
-            href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.css"
-            rel="stylesheet" />
-        <link
-            href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.css"
-            rel="stylesheet" />
-        <link
-            href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.css"
-            rel="stylesheet" />
-        <link
-            href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.css"
-            rel="stylesheet" />
+		<!-- Full Calendar -->
+		<link
+			href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.css"
+			rel="stylesheet" />
+		<link
+			href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.css"
+			rel="stylesheet" />
+		<link
+			href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.css"
+			rel="stylesheet" />
+		<link
+			href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.css"
+			rel="stylesheet" />
 
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/interaction/main.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/interaction/main.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/daygrid/main.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/timegrid/main.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/list/main.min.js"></script>
 
-        <link rel="manifest" href="/manifest.webmanifest" />
-    </head>
+		<link rel="manifest" href="/manifest.webmanifest" />
+	</head>
 
-    <body class="overflow:auto">
-        <!-- Navbar -->
-        <div
-            class="nav display:flex align-items:center background:whitesmoke position:sticky"
-            content_id="content"
-            scroll-effect="hide-nav"
-            scroll-up="1"
-            scroll-down="1">
-            <!-- Menu Icon Animations -->
-            <a class="nav-toggle menu_icon--Vdots" toggle-sidenav="menuL">
-                <div class="circle"></div>
-                <div class="circle"></div>
-                <div class="circle"></div>
-                <div class="circle"></div>
-                <div class="circle"></div>
-            </a>
+	<body class="overflow:auto">
+		<!-- Navbar -->
+		<div
+			class="nav display:flex align-items:center background:whitesmoke position:sticky"
+			content_id="content"
+			scroll-effect="hide-nav"
+			scroll-up="1"
+			scroll-down="1">
+			<!-- Menu Icon Animations -->
+			<a class="nav-toggle menu_icon--Vdots" toggle-sidenav="menuL">
+				<div class="circle"></div>
+				<div class="circle"></div>
+				<div class="circle"></div>
+				<div class="circle"></div>
+				<div class="circle"></div>
+			</a>
 
-            <!-- Horizontal Scroll Nav/Tabs -->
-            <ul
-                class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
-                <!-- Modal Controls -->
-                <li class="margin-right:15px">
-                    <a actions="closeModal"
-                        ><i class="height:18px" src="/assets/svg/times.svg"></i
-                    ></a>
-                </li>
-                <li class="margin-right:15px">
-                    <a actions="minMaxModal">
-                        <i
-                            toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
-                            toggle-attribute="src"
-                            class="height:18px"
-                            src="/assets/svg/window-maximize.svg"></i>
-                    </a>
-                </li>
-                <li class="margin-right:15px">
-                    <a actions="parkModal"
-                        ><i class="far fa-window-minimize"> </i
-                    ></a>
-                </li>
+			<!-- Horizontal Scroll Nav/Tabs -->
+			<ul
+				class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
+				<!-- Modal Controls -->
+				<li class="margin-right:15px">
+					<a actions="closeModal"
+						><i class="height:18px" src="/assets/svg/times.svg"></i
+					></a>
+				</li>
+				<li class="margin-right:15px">
+					<a actions="minMaxModal">
+						<i
+							toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
+							toggle-attribute="src"
+							class="height:18px"
+							src="/assets/svg/window-maximize.svg"></i>
+					</a>
+				</li>
+				<li class="margin-right:15px">
+					<a actions="parkModal"
+						><i class="far fa-window-minimize"> </i
+					></a>
+				</li>
 
-                <!-- fullscreen toogle and icon transform-->
-                <li class="margin-right:15px">
-                    <a fullscreen>
-                        <i class="height:18px" src="/assets/svg/expand.svg"></i>
-                        <i
-                            class="height:18px"
-                            src="/assets/svg/compress.svg"></i>
-                    </a>
-                </li>
+				<!-- fullscreen toogle and icon transform-->
+				<li class="margin-right:15px">
+					<a fullscreen>
+						<i class="height:18px" src="/assets/svg/expand.svg"></i>
+						<i
+							class="height:18px"
+							src="/assets/svg/compress.svg"></i>
+					</a>
+				</li>
 
-                <!-- Render Builder -->
-                <li class="margin-right:15px">
-                    <a
-                        actions="state, openModal"
-                        state-array="module-views"
-                        state-object="5fa86bfd4b4c3e4dea76abec"
-                        state-key="html"
-                        state_to="render"
-                        modal-width="100%"
-                        modal-header="false"
-                        class="sessionBuilderUI_Id">
-                        <i
-                            class="height:18px"
-                            src="/assets/svg/palette.svg"></i>
-                        <div
-                            state-array="module-views"
-                            state-object=""
-                            state_to="builder"
-                            state_id="render"></div>
-                    </a>
-                </li>
+				<!-- Render Builder -->
+				<li class="margin-right:15px">
+					<a
+						actions="state, openModal"
+						state-array="module-views"
+						state-object="5fa86bfd4b4c3e4dea76abec"
+						state-key="html"
+						state_to="render"
+						modal-width="100%"
+						modal-header="false"
+						class="sessionBuilderUI_Id">
+						<i
+							class="height:18px"
+							src="/assets/svg/palette.svg"></i>
+						<div
+							state-array="module-views"
+							state-object=""
+							state_to="builder"
+							state_id="render"></div>
+					</a>
+				</li>
 
-                <!-- Render Module Form -->
-                <li class="margin-right:15px">
-                    <a
-                        actions="state, openModal"
-                        state-array="test"
-                        state-object=""
-                        state_to="render"
-                        modal-width="320px"
-                        modal-height="100%"
-                        modal-color="#229954"
-                        modal-header="false"
-                        modal-x=""
-                        modal-y=""
-                        state_id="render">
-                        <i class="height:16px" src="/assets/svg/plus.svg"></i>
-                    </a>
-                </li>
+				<!-- Render Module Form -->
+				<li class="margin-right:15px">
+					<a
+						actions="state, openModal"
+						state-array="test"
+						state-object=""
+						state_to="render"
+						modal-width="320px"
+						modal-height="100%"
+						modal-color="#229954"
+						modal-header="false"
+						modal-x=""
+						modal-y=""
+						state_id="render">
+						<i class="height:16px" src="/assets/svg/plus.svg"></i>
+					</a>
+				</li>
 
-                <!-- Calendar Controls -->
-                <li class="margin-right:15px">
-                    <a calendar-view="timeGridDay" calendar_id="calendar"
-                        ><i
-                            class="height:18px"
-                            src="/assets/svg/calendar-day.svg"></i
-                    ></a>
-                </li>
-                <li class="margin-right:15px">
-                    <a calendar-view="timeGridWeek" calendar_id="calendar"
-                        ><i
-                            class="height:18px"
-                            src="/assets/svg/calendar-week.svg"></i
-                    ></a>
-                </li>
-                <li class="margin-right:15px">
-                    <a calendar-view="dayGridMonth" calendar_id="calendar"
-                        ><i
-                            class="height:18px"
-                            src="/assets/svg/calendar-alt.svg"></i
-                    ></a>
-                </li>
-                <li class="margin-right:15px">
-                    <a
-                        calendar-view="today"
-                        calendar_id="calendar"
-                        calendar-closest="body; [plugin='fullcalendar']"
-                        >T</a
-                    >
-                </li>
-            </ul>
-        </div>
+				<!-- Calendar Controls -->
+				<li class="margin-right:15px">
+					<a calendar-view="timeGridDay" calendar_id="calendar"
+						><i
+							class="height:18px"
+							src="/assets/svg/calendar-day.svg"></i
+					></a>
+				</li>
+				<li class="margin-right:15px">
+					<a calendar-view="timeGridWeek" calendar_id="calendar"
+						><i
+							class="height:18px"
+							src="/assets/svg/calendar-week.svg"></i
+					></a>
+				</li>
+				<li class="margin-right:15px">
+					<a calendar-view="dayGridMonth" calendar_id="calendar"
+						><i
+							class="height:18px"
+							src="/assets/svg/calendar-alt.svg"></i
+					></a>
+				</li>
+				<li class="margin-right:15px">
+					<a
+						calendar-view="today"
+						calendar_id="calendar"
+						calendar-closest="body; [plugin='fullcalendar']"
+						>T</a
+					>
+				</li>
+			</ul>
+		</div>
 
-        <div
-            class="position:fixed margin-top:50px"
-            id="modal-viewport"
-            content_id="content"></div>
-        <div class="height:100vh position:relative" content_id="content">
-            <!-- Define filter-key to define field to filter results for calendar -->
-            <div
-                filter-key="start_date"
-                filter-value="0"
-                filter-operator="$gt"
-                filter-next></div>
+		<div
+			class="position:fixed margin-top:50px"
+			id="modal-viewport"
+			content_id="content"></div>
+		<div class="height:100vh position:relative" content_id="content">
+			<!-- Define filter-query-key to define field to filter results for calendar -->
+			<div
+				filter-query-key="start_date.$gt"
+				filter-query-value="0"
+				filter-next></div>
 
-            <div
-                plugin="fullcalendar"
-                array="test"
-                event-key="name"
-                filter-key=""
-                filter-value=""
-                state_id="datatable">
-                <a
-                    class="eventLink"
-                    actions="state, openModal"
-                    modal-src="./form.html"
-                    state-array="test"
-                    state-object=""
-                    state_to="form-fields"
-                    modal-width="320px"
-                    modal-height="100%"
-                    modal-color="#21618C"
-                    modal-header="false"
-                    modal-x=""
-                    modal-y="">
-                </a>
-            </div>
-        </div>
+			<div
+				plugin="fullcalendar"
+				array="test"
+				event-key="name"
+				filter-query-key=""
+				filter-query-value=""
+				state_id="datatable">
+				<a
+					class="eventLink"
+					actions="state, openModal"
+					modal-src="./form.html"
+					state-array="test"
+					state-object=""
+					state_to="form-fields"
+					modal-width="320px"
+					modal-height="100%"
+					modal-color="#21618C"
+					modal-header="false"
+					modal-x=""
+					modal-y="">
+				</a>
+			</div>
+		</div>
 
-        <!--CoCreateJS -->
-        <!--<script src="https://CoCreate.app/dist/CoCreate.js"  ></script>-->
-        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
-    </body>
+		<!--CoCreateJS -->
+		<!--<script src="https://CoCreate.app/dist/CoCreate.js"  ></script>-->
+		<script src="https://CoCreate.app/dist/CoCreate.js"></script>
+	</body>
 </html>
