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

frankpagan · frankpagan · commit 1d91dc48de91 · 2021-07-28T01:59:22.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-docs">
@@ -121,9 +121,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/test_files/CoCreate.js b/test_files/CoCreate.js
@@ -20,10 +20,10 @@ function initDeleteTags() {
     dTag.addEventListener('click', function(e) {
       e.preventDefault();
       
-      var collection = this.getAttribute('data-collection') || 'module_activity';
+      var collection = this.getAttribute('collection') || 'module_activity';
       var documentId;
       
-      documentId = this.getAttribute('data-document_id');
+      documentId = this.getAttribute('document_id');
 
       if (document) {
         CoCreate.crud.deleteDocument({
