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

frankpagan · frankpagan · commit 9be19dba1036 · 2021-07-28T01:59:22.000Z
diff --git a/demo/index.html b/demo/index.html
@@ -34,8 +34,8 @@
     <!--<div id="saveFetch1" -->
     <!--  class="domEditor" -->
     <!--  name='clonehtml7' -->
-    <!--  data-collection="module_activity124" -->
-    <!--  data-document_id="5fbd3b198b0e4d7391255615" -->
+    <!--  collection="module_activity124" -->
+    <!--  document_id="5fbd3b198b0e4d7391255615" -->
     <!--  data-pass_id="me1234">-->
      
         <div class="Sortable">
@@ -54,7 +54,7 @@
                         <span class="noDrag">Tasklist</span>
                         <span style="float:right;"><a data-clone_id="tasklist" class="deleteBtn noDrag"><i class="fas fa-times"></i></a></span>
 
-                        <form data-collection="module_activity" class="Sortable" data-group_name="task-itemse" id="testForm">
+                        <form collection="module_activity" class="Sortable" data-group_name="task-itemse" id="testForm">
                           <div id="task-item" style="" class="template">
                             <div style="display:inline-block;width: calc(100% - 20px);">
                             <input class="floating-label" data-module_activity_id="5d8c79e7e4be424681b5e48d" name="taskname"  placeholder="Task Name"></div>
diff --git a/docs/index.html b/docs/index.html
@@ -14,15 +14,15 @@
 
     <!-- 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"
+    <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-clone">
@@ -121,7 +121,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                             <div class="svColumn">
 
                                 <div class="svPanel">
-                                    <div data-realtime="false" data-collection="modules" data-document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror min-width:300px">
+                                    <div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror min-width:300px">
                                     </div>
                                 </div>
                                 <div class="svSplitter svHorizontal"> </div>
diff --git a/src/index.js b/src/index.js
@@ -265,12 +265,12 @@ const CoCreateClone = {
 	},
 	
 	__sendMessageOfClone: function(parent, item, id, position) {
-		const document_id = parent.getAttribute('data-document_id') || "";
+		const document_id = parent.getAttribute('document_id') || "";
 		const name = parent.getAttribute('name') || "";
 		
 		let addtionSelector = ""
 		if (document_id) {
-			addtionSelector = `[data-document_id='${document_id}']`;
+			addtionSelector = `[document_id='${document_id}']`;
 		} else {
 			return ;
 		}
