fix: update floating btn

CoCreate-app · Jan 9, 2023 · e347f59 · e347f59
1 parent 45e0a49
commit e347f59
Show file tree

Hide file tree

Showing 32 changed files with 67 additions and 66 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -102,23 +102,23 @@
 				<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>
 						</span>
 					</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>
 						</span>
 					</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
@@ -197,20 +197,23 @@
 					</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>
                         <div pass-document_id="5ff747727005da1c27274190" pass_to="module-form"></div>
                     </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>
                         <div pass-document_id="5ff747727005da1c27274187" pass_to="module-form"></div>
                     </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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>