feat: add new is{attribute} system and remove data- from attributtes

frankpagan · frankpagan · commit be23ea6a2bef · 2021-07-28T01:59:24.000Z
diff --git a/docs/index.html b/docs/index.html
@@ -13,14 +13,14 @@
         
         <!-- CoCreate CSS -->
         <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
-        <link rel="stylesheet" href="/docs/index.css" data-collection="files" data-document_id="60888216117c640e7596303f" name="src" type="text/css" data-save="true"/>
+        <link rel="stylesheet" href="/docs/index.css" collection="files" document_id="60888216117c640e7596303f" name="src" type="text/css" data-save="true"/>
 	</head>
 
     <body>
-		<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" data-scroll="sticky-nav,hide-nav" data-scroll_up="10" data-scroll_down="10" data-collection="components" data-document_id="60395ef42b3ac232657040fd" name="html">
+		<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" data-scroll="sticky-nav,hide-nav" data-scroll_up="10" data-scroll_down="10" collection="components" document_id="60395ef42b3ac232657040fd" name="html">
 		</nav>
 		<sidenav id="menuL" class="cocreate-sidenav background:whitesmoke" data-main_content="content" sidenav-default_desktop="expanded" sidenav-default_tablet="offcanvas" sidenav-ontoggle_desktop="offcanvas" sidenav-ontoggle_tablet="expanded">
-			<menu data-collection="components" data-document_id="603717b07de7fb350ae9fec8" name="html"></menu>
+			<menu collection="components" document_id="603717b07de7fb350ae9fec8" name="html"></menu>
 			<div class="resizeHandler"></div>
 	    </sidenav>
         <main class="padding-top:15px padding:15px@lg@xl" data-main_content_id="content" id="cocreate-dashboard">
@@ -122,9 +122,9 @@ <h2 class="padding:5px_0px">Demo</h2>
     			            <div class="svColumn">
     			            	
     			                <div class="svPanel">
-    			                    <div data-realtime="false"
-    			                        data-collection="modules"
-    			                        data-document_id="5eefe30952c6e94c75fb5e3f"
+    			                    <div realtime="false"
+    			                        collection="modules"
+    			                        document_id="5eefe30952c6e94c75fb5e3f"
     			                        name="html" 
     			                        id="7" 
     			                        class="codemirror min-width:300px">
diff --git a/src/dashboard.html b/src/dashboard.html
@@ -65,14 +65,14 @@
   			  <a data-fullscreen><i data-transform_to="fas fa-compress" class="fas fa-expand"></i></a>
   			</li>
   			<li cLass="margin-right:15px">
-  			  <a data-collection="modules" data-module_id="" data-pass_id="form-fields" class="delete-document btn-modal-close"><i class="far fa-trash-alt"></i></a>
+  			  <a collection="modules" data-module_id="" data-pass_id="form-fields" class="delete-document btn-modal-close"><i class="far fa-trash-alt"></i></a>
   			</li>
 			</ul>
     </div>
     
     <div data-main_content_id="content">
-      <!--<div class="domEditor main-height" name='cards1' data-collection="test" data-document_id="5f075add24d24a175fca5490" data-pass_id="me1234" >-->
-      <div class="domEditor main-height" name='cards1' data-collection="test" data-pass_id="me1234" >
+      <!--<div class="domEditor main-height" name='cards1' collection="test" document_id="5f075add24d24a175fca5490" data-pass_id="me1234" >-->
+      <div class="domEditor main-height" name='cards1' collection="test" data-pass_id="me1234" >
         
           <div class="isotope-grid resize-grid" data-group_name="dashboard" data-droppable="true" class="dnd"
             isotope-itemselector="grid-item" 
@@ -137,13 +137,13 @@ <h2>$500</h2>
             <!--<div id="card" class="card margin:5px border-radius-2px flex-grow-1 template grid-item" style="width:calc( 20% - 10px )">-->
             <!--  <div class="margin:15px font-size:18px color-dark-gray">-->
             <!--    <span class="display:inline-block">-->
-            <!--      <input data-collection="module_activity" data-pass_id="form-fields" data-module_activity_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">-->
+            <!--      <input collection="module_activity" data-pass_id="form-fields" data-module_activity_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">-->
             <!--    </span>-->
             <!--    <span class="float:right display:inline-block"><a data-clone_id="card" class="deleteBtn reset-layout"><i class="fas fa-times"></i></a></span>-->
             <!--  </div>-->
             <!--  <div class="border:bottom border-color-extra-medium-gray">-->
             <!--    <div class="display:flex align-items:center margin:0px_15px">-->
-            <!--      <form data-collection="module_activity" class="Sortable" data-group_name="task-items" id="testForm">-->
+            <!--      <form collection="module_activity" class="Sortable" data-group_name="task-items" id="testForm">-->
                   <!-- sortable task item -->
             <!--        <div id="task-item" class="display:flex flex-wrap-nowrap align-items:center margin:0px_15px padding:10px_0px template">-->
             <!--          <h3>Something...</h3>-->
