From e347f596fa64c7880b5dd28d54ee235a8b25a0df Mon Sep 17 00:00:00 2001
From: Frank Pagan <frank@cocreate.app>
Date: Mon, 9 Jan 2023 19:01:52 +0000
Subject: [PATCH] fix: update floating btn

---
 src/admin/activities/datatable.html           |  2 +-
 src/admin/apikeys/datatable.html              |  2 +-
 src/admin/blocks/datatable.html               |  2 +-
 src/admin/blog/datatable.html                 |  2 +-
 src/admin/companies/datatable.html            |  2 +-
 src/admin/components/datatable.html           |  2 +-
 src/admin/contacts/datatable.html             |  2 +-
 src/admin/dashboard/index.html                |  2 +-
 src/admin/database/index.html                 | 25 +++++++--------
 src/admin/estimates/datatable.html            |  2 +-
 src/admin/expenses/datatable.html             |  2 +-
 src/admin/files/datatable.html                |  8 ++---
 src/admin/index.html                          |  3 ++
 src/admin/industries/datatable.html           |  2 +-
 src/admin/invoices/datatable.html             |  2 +-
 src/admin/items/datatable.html                |  2 +-
 src/admin/module-templates/datatable.html     |  2 +-
 .../module-templates/templates/datatable.html |  2 +-
 src/admin/module-views/datatable.html         |  2 +-
 src/admin/modules/datatable.html              | 12 +++----
 src/admin/organizations/datatable.html        |  2 +-
 src/admin/payments/datatable.html             |  2 +-
 src/admin/permissions/datatable.html          |  2 +-
 src/admin/potentials/datatable.html           |  2 +-
 src/admin/projects/datatable.html             |  2 +-
 src/admin/projects/kanban.html                | 31 +++++++++----------
 src/admin/tags/datatable.html                 |  2 +-
 src/admin/tasklists/datatable.html            |  2 +-
 src/admin/university/datatable.html           |  2 +-
 src/admin/users/datatable.html                |  2 +-
 src/admin/website-pages/datatable.html        |  2 +-
 src/admin/websites/list.html                  |  2 +-
 32 files changed, 67 insertions(+), 66 deletions(-)

diff --git a/src/admin/activities/datatable.html b/src/admin/activities/datatable.html
index 6c19b687..65a68e23 100644
--- a/src/admin/activities/datatable.html
+++ b/src/admin/activities/datatable.html
@@ -148,7 +148,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/apikeys/datatable.html b/src/admin/apikeys/datatable.html
index a779b837..a3b25586 100644
--- a/src/admin/apikeys/datatable.html
+++ b/src/admin/apikeys/datatable.html
@@ -149,7 +149,7 @@ <h5 collection="{{document.collection}}" document_id="{{document._id}}" name="ap
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/blocks/datatable.html b/src/admin/blocks/datatable.html
index b31b4adb..eed8479c 100644
--- a/src/admin/blocks/datatable.html
+++ b/src/admin/blocks/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/blog/datatable.html b/src/admin/blog/datatable.html
index 4641e205..f790aa78 100644
--- a/src/admin/blog/datatable.html
+++ b/src/admin/blog/datatable.html
@@ -154,7 +154,7 @@ <h5>{{document.description}}</h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/companies/datatable.html b/src/admin/companies/datatable.html
index 4b718798..56b0e946 100644
--- a/src/admin/companies/datatable.html
+++ b/src/admin/companies/datatable.html
@@ -150,7 +150,7 @@ <h5 name="description" value="description"></h5>
 
         </main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./companies/form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/components/datatable.html b/src/admin/components/datatable.html
index 314d6add..e076fc7f 100644
--- a/src/admin/components/datatable.html
+++ b/src/admin/components/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/contacts/datatable.html b/src/admin/contacts/datatable.html
index 114abae1..c4380058 100644
--- a/src/admin/contacts/datatable.html
+++ b/src/admin/contacts/datatable.html
@@ -179,7 +179,7 @@ <h5>{{document.email}}</h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/dashboard/index.html b/src/admin/dashboard/index.html
index d971047a..f22e1a47 100644
--- a/src/admin/dashboard/index.html
+++ b/src/admin/dashboard/index.html
@@ -214,7 +214,7 @@ <h2>$<span fetch-collection="" fetch-document filter-name="total" chart-operator
 
 			</div>
 			
-			<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+			<button class="position:absolute 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)">
 				<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 					<i class="fa fa-plus"></i>
 					<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/database/index.html b/src/admin/database/index.html
index 6d579554..e1da78a7 100644
--- a/src/admin/database/index.html
+++ b/src/admin/database/index.html
@@ -69,25 +69,25 @@
 
 				<!-- Datatable Controls -->
 				<li class="margin-right:15px">
-					<a actions="deleteDocuments" collection="" pass_id="datatable" template_id=""><i class="far fa-trash-alt"></i></a>
+					<a actions="deleteDocuments" collection="" pass_id="collection-view" template_id=""><i class="far fa-trash-alt"></i></a>
 				</li>
 				<li class="margin-right:15px">
 					<a toggle="hidden" toogle-target="#column-visibility"><i class="far fa-eye"></i></a>
 				</li>
 				<li class="margin-right:15px">
-					<a actions="export" export-type="csv" template_id="" pass_id="datatable"><i class="fas fa-file-csv"></i></a>
+					<a actions="export" export-type="csv" template_id="" pass_id="collection-view"><i class="fas fa-file-csv"></i></a>
 				</li>
 				<li class="margin-right:15px">
-					<a actions="export" template_id="" pass_id="datatable"><i class="fas fa-file-download"></i></a>
+					<a actions="export" template_id="" pass_id="collection-view"><i class="fas fa-file-download"></i></a>
 				</li>
 				<li class="margin-right:15px">
-					<a actions="import" collection="" pass_id="datatable"><i class="fas fa-file-upload"></i></a>
+					<a actions="import" collection="" pass_id="collection-view"><i class="fas fa-file-upload"></i></a>
 				</li>
 				<li class="margin-right:15px">
 					<a actions="copy" copy-target="tbody"><i class="far fa-copy"></i></a>
 				</li>
 				<li class="margin-right:15px">
-					<a actions="print" print-target='tbody[template_id="datatable"]'><i class="fas fa-print"></i></a>
+					<a actions="print" print-target='tbody[template_id="collection-view"]'><i class="fas fa-print"></i></a>
 				</li>
 
 			</ul>
@@ -103,12 +103,12 @@
 				<tr class="border-bottom:1px_solid_darkgray">
 					<td class="position:sticky top:0 background:white padding:15px  z-index:7">
 	            		<floating-label>
-							<input type="text" class="floating-label" template_id="datatable" filter-search placeholder="Search">
+							<input type="text" class="floating-label" template_id="collection-view" filter-search placeholder="Search">
 						</floating-label>
 					</td>
 				</tr>
-				<tbody template_id="" fetch-collection="" fetch-document fetch-limit="5" pass-refresh pass_id="datatable">
-					<tr  template="datatable" class="background:whitesmoke:hover border-bottom:1px_solid_darkgray" document_id="{{document._id}}" toggle="selected" hover="visibility:visible!important" hover-target=".tools{{document._id}}">
+				<tbody template_id="" fetch-collection="" fetch-document fetch-limit="5" pass-refresh pass_id="collection-view">
+					<tr  template="collection-view" class="background:whitesmoke:hover border-bottom:1px_solid_darkgray" document_id="{{document._id}}" toggle="selected" hover="visibility:visible!important" hover-target=".tools{{document._id}}">
 						<td class="padding:5px min-width:300px align-items:center">
                             <div class="display:flex justify-content:flex-end transition:0.3s padding-left:10px" >
                                 <div class="visibility:hidden tools{{document._id}}">
@@ -134,10 +134,10 @@
 					</tr>
 				</tbody>
 			</table>
-            <div template_id="datatable" fetch-type="scroll" class="opacity:0 height:30px"></div>
+            <div template_id="collection-view" fetch-type="scroll" class="opacity:0 height:30px"></div>
             
-            <button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
-                <form collection="" document_id="" pass_id="datatable">
+            <button class="position:absolute 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)">
+                <form collection="" document_id="" pass_id="collection-view">
                     <input type="hidden" document_id="" name="name" value="untitled" pass_id="module_id"/>
                     <a actions="save, reset"><i class="fas fa-plus"></i></a>
                 </form>
@@ -191,9 +191,8 @@
                         
                         <!-- Template -->
                         <li template="collections" class="line-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover" hover="active">
-                            <a actions="pass" pass-collection="{{collection.name}}" pass_to="datatable" class="display:inline-block padding-left:15px">
+                            <a actions="pass" pass-collection="{{collection.name}}" pass_to="collection-view" class="display:inline-block padding-left:15px">
                                 <span>{{collection.name}}</span>
-                                <div pass-collection="{{collection.name}}" pass_to="datatable"></div>
                             </a>
                             <div class="float:right width:50px text-align:center">
                                 <a actions="deleteCollection" collection="{{collection.name}}" class="display:none">
diff --git a/src/admin/estimates/datatable.html b/src/admin/estimates/datatable.html
index c629a41c..8a72dd85 100644
--- a/src/admin/estimates/datatable.html
+++ b/src/admin/estimates/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="840px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/expenses/datatable.html b/src/admin/expenses/datatable.html
index ed9f48c9..3ac9b347 100644
--- a/src/admin/expenses/datatable.html
+++ b/src/admin/expenses/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/files/datatable.html b/src/admin/files/datatable.html
index 82d2f09e..1ec0e735 100644
--- a/src/admin/files/datatable.html
+++ b/src/admin/files/datatable.html
@@ -102,7 +102,7 @@
 				<tr class="border-bottom:1px_solid_darkgray">
 					<td class="position:sticky top:0 background:white padding:0px_10px_10px">
 	            		<floating-label>
-							<input type="text" class="floating-label" filter-name="path" template_id="datatable" placeholder="Path">
+							<input type="text" class="floating-label" filter-name="path" template_id="" pass_id="datatable" placeholder="Path">
 						</floating-label>
 						<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6">
 							<a filter-sort-name="path" filter-sort-toggle="asc" template_id="" pass_id="datatable"></a>
@@ -110,7 +110,7 @@
 					</td>
 					<td class="position:sticky top:0 background:white padding:0px_10px_10px">
 	            		<floating-label>
-							<input type="text" class="floating-label" filter-name="_id" template_id="datatable" placeholder="Document_id" />
+							<input type="text" class="floating-label" filter-name="_id" template_id="" pass_id="datatable" placeholder="Document_id" />
 						</floating-label>
 						<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6">
 							<a filter-sort-name="_id" filter-sort-toggle="asc" template_id="" pass_id="datatable"></a>
@@ -118,7 +118,7 @@
 					</td>
 				</tr>
 
-				<tbody template_id="datatable" fetch-collection="files" filter-sort-name="path" filter-sort-direction="asc" pass_id="datatable">
+				<tbody template_id="datatable" fetch-collection="" fetch-document filter-sort-name="path" filter-sort-direction="asc" fetch-limit="20" pass_id="datatable">
 
 					<tr template="datatable" class="background:gainsboro:hover border-bottom:1px_solid_darkgray" document_id="{{document._id}}" toggle="selected">
 						<td class="padding:10px">
@@ -153,7 +153,7 @@ <h5 name="description" value="description"></h5>
 			<!-- <div template_id="datatable" fetch-type="scroll" class="opacity:0 height:30px"></div> -->
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/index.html b/src/admin/index.html
index c71e3820..f288ac4e 100644
--- a/src/admin/index.html
+++ b/src/admin/index.html
@@ -197,6 +197,7 @@
 					</a>
 					<a actions="pass, openModal" modal-src="./modules/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
 					    <span class="padding:10px width:50px text-align:center"><i class="fas fa-project-diagram"></i></span>
+                        <div pass-template="$uid" pass-fetch-collection="modules" pass_to="datatable"></div>
                         <div pass-collection="files" pass-document_id="60ddfdbf14b5ab0c2dd2fe09" pass-name="src" pass_to="form"></div>
                         <div pass-collection="files" pass-document_id="60ddfdbf14b5ab0c2dd2fe08" pass-name="src" pass_to="render"></div>
                         <div pass-value="5ff747727005da1c27274190" pass-filter-value="5ff747727005da1c27274190" pass_to="module_id"></div>
@@ -204,6 +205,7 @@
                     </a>
 					<a actions="pass, openModal" modal-src="./module-views/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
 					    <span class="padding:10px width:50px text-align:center"><i class="fas fa-shapes"></i></span>
+                        <div pass-template="$uid" pass-fetch-collection="files" pass_to="datatable"></div>
                         <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe0a" pass-name="src" pass_to="form"></div>
                         <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe0b" pass-name="src" pass_to="render"></div>
                         <div pass-value="5ff747727005da1c27274187" pass-filter-value="5ff747727005da1c27274187" pass_to="module_id"></div>
@@ -211,6 +213,7 @@
                     </a>
 					<a actions="pass, openModal" modal-src="./files/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
 					    <span class="padding:10px width:50px text-align:center"><i class="far fa-folder"></i></span>
+                        <div pass-template="$uid" pass-fetch-collection="files" pass_to="datatable"></div>
                         <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe16" pass-name="src" pass_to="form"></div>
                         <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe15" pass-name="src" pass_to="render"></div>
                         <div pass-value="5ff747727005da1c2727419a" pass-filter-value="5ff747727005da1c2727419a" pass_to="module_id"></div>
diff --git a/src/admin/industries/datatable.html b/src/admin/industries/datatable.html
index 0f45ebf5..ff062a50 100644
--- a/src/admin/industries/datatable.html
+++ b/src/admin/industries/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/invoices/datatable.html b/src/admin/invoices/datatable.html
index 1d272256..c6091567 100644
--- a/src/admin/invoices/datatable.html
+++ b/src/admin/invoices/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="840px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/items/datatable.html b/src/admin/items/datatable.html
index 72b63f79..e6ae1ebb 100644
--- a/src/admin/items/datatable.html
+++ b/src/admin/items/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/module-templates/datatable.html b/src/admin/module-templates/datatable.html
index 4398d792..3ae9c9f4 100644
--- a/src/admin/module-templates/datatable.html
+++ b/src/admin/module-templates/datatable.html
@@ -155,7 +155,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/module-templates/templates/datatable.html b/src/admin/module-templates/templates/datatable.html
index 48bdd036..ae064e23 100644
--- a/src/admin/module-templates/templates/datatable.html
+++ b/src/admin/module-templates/templates/datatable.html
@@ -160,7 +160,7 @@ <h5>{{document.email}}</h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/module-views/datatable.html b/src/admin/module-views/datatable.html
index d4d1df20..ab5425e7 100644
--- a/src/admin/module-views/datatable.html
+++ b/src/admin/module-views/datatable.html
@@ -152,7 +152,7 @@ <h4 collection="{{document.collection}}" document_id="{{document._id}}" name="_i
 			</table>
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/modules/datatable.html b/src/admin/modules/datatable.html
index 30be691b..fc760dc1 100644
--- a/src/admin/modules/datatable.html
+++ b/src/admin/modules/datatable.html
@@ -102,7 +102,7 @@
 				<tr class="border-bottom:1px_solid_darkgray">
 					<td class="position:sticky top:0 background:white padding:0px_10px_10px">
 	            		<floating-label>
-							<input type="text" class="floating-label" filter-name="_id" template_id="" pass_id="datatable" placeholder="Name">
+							<input type="text" class="floating-label" filter-name="name" template_id="" pass_id="datatable" placeholder="Name">
 						</floating-label>
 						<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6">
 							<a filter-sort-name="name" filter-sort-toggle="asc" template_id="" pass_id="datatable"></a>
@@ -110,7 +110,7 @@
 					</td>
 					<td class="position:sticky top:0 background:white padding:0px_10px_10px">
 	            		<floating-label>
-							<input type="text" class="floating-label" filter-name="_id" template_id="datatable" placeholder="Document_id" />
+							<input type="text" class="floating-label" filter-name="_id" template_id="" pass_id="datatable" placeholder="Document_id" />
 						</floating-label>
 						<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6">
 							<a filter-sort-name="_id" filter-sort-toggle="asc" template_id="" pass_id="datatable"></a>
@@ -118,7 +118,7 @@
 					</td>
 				</tr>
 
-				<tbody template_id="datatable" fetch-collection="modules" filter-sort-name="name" filter-sort-direction="asc">
+				<tbody template_id="" fetch-collection="" filter-sort-name="name" filter-sort-direction="asc" pass_id="datatable">
 
 					<tr class="background:whitesmoke:hover border-bottom:1px_solid_darkgray" template="" pass_id="datatable" document_id="{{document._id}}" toggle="selected">
 						<td class="padding:10px">
@@ -127,7 +127,7 @@
 									<span>{{document.icon}}</span>
 								</div>
 								<div class="margin-left:10px">
-									<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
+									<a actions="pass, openModal" modal-src="./modules/form.html" modal-width="320px" modal-color="#229954">
 										<h4>{{document.name}}</h4>
 										<div pass-collection="modules" pass-document_id="{{document._id}}" pass_to="form-fields"></div>
 										<div pass-collection="files" pass-filter-name="module_id" pass-filter-value="{{document._id}}" pass_to="module_id"></div>
@@ -137,7 +137,7 @@ <h4>{{document.name}}</h4>
 							</div>
 						</td>
 						<td class="padding:10px">
-							<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
+							<a actions="pass, openModal" modal-src="./modules/form.html" modal-width="320px" modal-color="#229954">
 								<b value="">{{document._id}}</b>
 								<div pass-collection="modules" pass-document_id="{{document._id}}" pass_to="form-fields"></div>
 								<div pass-collection="files" pass-document_id="{{document._id}}" pass-name="src" pass_to="render"></div>
@@ -150,7 +150,7 @@ <h4>{{document.name}}</h4>
 			<div template_id="datatable" fetch-type="total"></div>
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/organizations/datatable.html b/src/admin/organizations/datatable.html
index 679e1b85..7478b873 100644
--- a/src/admin/organizations/datatable.html
+++ b/src/admin/organizations/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/payments/datatable.html b/src/admin/payments/datatable.html
index 4a12328d..c2b1aed1 100644
--- a/src/admin/payments/datatable.html
+++ b/src/admin/payments/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/permissions/datatable.html b/src/admin/permissions/datatable.html
index a9153256..2af4c391 100644
--- a/src/admin/permissions/datatable.html
+++ b/src/admin/permissions/datatable.html
@@ -160,7 +160,7 @@ <h5>{{document.email}}</h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/potentials/datatable.html b/src/admin/potentials/datatable.html
index dc481b7d..5359ad3f 100644
--- a/src/admin/potentials/datatable.html
+++ b/src/admin/potentials/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/projects/datatable.html b/src/admin/projects/datatable.html
index 6d99cac9..929d586b 100644
--- a/src/admin/projects/datatable.html
+++ b/src/admin/projects/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/projects/kanban.html b/src/admin/projects/kanban.html
index 7d3aa063..bf7af3b6 100644
--- a/src/admin/projects/kanban.html
+++ b/src/admin/projects/kanban.html
@@ -66,33 +66,33 @@
 
         <!-- Main Content -->
         <main class="padding:10px" content_id="content">
+            
+            <a actions="pass">
+                <span>run</span>
+                <div pass_to="column" pass-collection="tags" pass-filter-name="type" pass-filter-value="60edaf79b979b4001744c6fe" pass-refresh></div>
+                <div pass_to="card" pass-collection="module_activities" pass-filter-name="type" pass-refresh></div>
+            </a>
 
             <div id="board" class="display:flex overflow:auto height:90vh">
 
-                <div class="display:flex flex-wrap:nowrap flex-direction:row " sortable dnd-group-name="stage" fetch-collection="" fetch-document filter-name="module_id" filter-value="" filter-operator="$eq" filter-sort-name="stage_position" filter-sort-direction="asc" template_id="stage" render_id="stage" pass_id="datatable" droppable="true">
+                <div fetch-collection="xsw2" fetch-document filter-name="" filter-value="" filter-operator="$eq" filter-sort-name="position" template_id="column" render_id="column" class="display:flex flex-wrap:nowrap flex-direction:row" sortable dnd-group-name="column" droppable="true" pass_id="column">
 
-                    <!-- Stage Column -->
-                    <div class="margin:10px background:whitesmoke max-width:300px" template="stage" eid="{{stage._id}}" document_id="{{stage._id}}">
+                    <!-- Column -->
+                    <div template="column" document_id="{{column._id}}" class="width:300px margin:10px background:whitesmoke">
                         <div class="margin:15px font-size:18px color-dark-gray">
                             <span class="display:inline-block">
-                              <input class="input_field"
-                                collection="{{document.collection}}" 
-                                document_id="{{stage._id}}" 
-                                name="name" 
-                                id="stage-name"  
-                                placeholder="Stage">
+                              <input collection="{{column.collection}}" document_id="{{column._id}}" name="name" placeholder="Name">
                             </span>
                             <span class="float:right display:inline-block">
-                                <a actions="deleteDocument" collection="{{document.collection}}" document_id="{{stage._id}}"><i class="fas fa-times"></i></a>
+                                <a actions="deleteDocument" collection="{{column.collection}}" document_id="{{column._id}}"><i class="fas fa-times"></i></a>
                             </span>
                         </div>
                         <div class="height:70vh padding:10px overflow:auto">
 
-                            <div class="display:flex flex-direction:column height:100% " sortable dnd-group-name="card" fetch-collection="{{document.collection}}" filter-name="stage" filter-value="{{stage._id}}" filter-operator="$eq" fetch-limit="" filter-sort-name="stage-index_position"
-                                filter-sort-direction="asc" template_id="{{stage._id}}">
+                            <div fetch-collection="" filter-name="" filter-value="{{column._id}}" filter-operator="$eq" filter-sort-name="position" filter-sort-direction="asc" template_id="{{column._id}}" class="display:flex flex-direction:column height:100%" sortable dnd-group-name="card" pass_id="card">
 
                                 <!-- Card -->
-                                <div class="card margin-bottom:10px padding:10px background:white" template="{{stage._id}}" value="{{document._id}}" document_id="{{document._id}}">
+                                <div class="card margin-bottom:10px padding:10px background:white" template="{{column._id}}" value="{{document._id}}" document_id="{{document._id}}">
                                     <div class="width:100%">
                                         <img collection="{{document.collection}}" document_id="{{document._id}}" name="image" src="https://via.placeholder.com/150" width="100%"></img>
                                     </div>
@@ -140,7 +140,7 @@
                         </div>
                         <div class="margin:0px_15px padding:15px_0px">
                             <form collection="{{document.collection}}">
-                                <input type="hidden" document_id="" name="stage" value="{{stage._id}}" />
+                                <input type="hidden" document_id="" name="column" value="{{column._id}}" />
                                 <a actions="save, reset"><i class="fas fa-plus"></i> New Card</a>
                             </form>
                         </div>
@@ -151,7 +151,7 @@
 
             <form>
                 <input type="hidden" pass_id="module_id" collection="" document_id="" name="module_id"/>
-                <button actions="save, reset" class="position:fixed bottom:15px right:15px background:dodgerblue border-radius:50% grow-hover">
+                <button actions="save, reset" 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)">
                     <i class="fas fa-plus"></i>
                	</button>
             </form>
@@ -160,7 +160,6 @@
 
         <script src="https://cdn.cocreate.app/1.41.1/CoCreate.min.js"></script>
 
-
     </body>
 
 </html>
diff --git a/src/admin/tags/datatable.html b/src/admin/tags/datatable.html
index 9421e046..5ba9fc46 100644
--- a/src/admin/tags/datatable.html
+++ b/src/admin/tags/datatable.html
@@ -170,7 +170,7 @@ <h4>{{document.name}}</h4>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/tasklists/datatable.html b/src/admin/tasklists/datatable.html
index 45729ee8..299a7c68 100644
--- a/src/admin/tasklists/datatable.html
+++ b/src/admin/tasklists/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/university/datatable.html b/src/admin/university/datatable.html
index 2d306922..7aab7a5d 100644
--- a/src/admin/university/datatable.html
+++ b/src/admin/university/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/users/datatable.html b/src/admin/users/datatable.html
index b168c474..ff3318fb 100644
--- a/src/admin/users/datatable.html
+++ b/src/admin/users/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/website-pages/datatable.html b/src/admin/website-pages/datatable.html
index 543fdaab..a215ab12 100644
--- a/src/admin/website-pages/datatable.html
+++ b/src/admin/website-pages/datatable.html
@@ -154,7 +154,7 @@ <h5 name="description" value="description"></h5>
 
 		</main>
 
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>
diff --git a/src/admin/websites/list.html b/src/admin/websites/list.html
index 415a62b1..5c913662 100644
--- a/src/admin/websites/list.html
+++ b/src/admin/websites/list.html
@@ -121,7 +121,7 @@
 			</div>
         </main>
         
-		<button class="position:fixed bottom:15px right:15px width:50px height:50px background:dodgerblue grow-hover border-radius:50% z-index:8 color:white">
+		<button class="position:absolute 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)">
 			<a actions="pass, openModal" modal-src="./websites/form.html" modal-width="320px" modal-color="#229954">
 				<i class="fa fa-plus"></i>
 				<div pass_to="form-fields" pass-document_id=""></div>