Skip to content

Commit d041a66

Browse files
committed
fix: remove data- from attributes
1 parent 146108f commit d041a66

File tree

4 files changed

+59
-59
lines changed

4 files changed

+59
-59
lines changed

docs/form.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
</head>
1919

2020
<body>
21-
<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"
21+
<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" scroll="sticky-nav,hide-nav" scroll-up="10" scroll-down="10" collection="components" document_id="60395ef42b3ac232657040fd"
2222
name="html">
2323
</nav>
2424
<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">
@@ -31,14 +31,14 @@
3131
<h2>CoCreate-api form</h2>
3232
</div>
3333
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
34-
<div class="display:flex align-items:center transition:0.3s padding-left:10px" data-share_network="true" data-share_text="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 data-attributes and/or JavaScript API"
35-
data-share_title="CoCreate API form" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/api.png" data-hover="display:block!important" data-hover_target=".social-networks">
34+
<div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 data-attributes and/or JavaScript API"
35+
share-title="CoCreate API form" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png" hover="display:block!important" hover-target=".social-networks">
3636
<div class="display:none social-networks">
37-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
38-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
39-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
37+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
38+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
39+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
4040
</div>
41-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
41+
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
4242
</div>
4343
<a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
4444
</div>
@@ -49,8 +49,8 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
4949
<div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
5050

5151

52-
<div id="api-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#api-install-section">
53-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#api-install"]'>
52+
<div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
53+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
5454
<h2 class="padding:5px_0px">Install</h2>
5555
<a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
5656
</span>
@@ -63,13 +63,13 @@ <h2 class="padding:5px_0px">Install</h2>
6363
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
6464

6565
<div>
66-
<h2 id="api-server-run" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
66+
<h2 id="api-server-run" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
6767
<a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
6868
</div>
6969
<pre><code class="language-javascript">npm run start</code></pre>
7070

7171
<div>
72-
<h2 id="api-dependencies" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
72+
<h2 id="api-dependencies" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
7373
<a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
7474
</div>
7575
<p class="padding:10px_0px line-height:1.5">
@@ -79,7 +79,7 @@ <h2 id="api-dependencies" data-hover="display:block" data-target="" class="borde
7979

8080

8181
<div>
82-
<h2 id="api-development" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Development Guide</h2>
82+
<h2 id="api-development" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Development Guide</h2>
8383
<a class="display:none" href="#api-development"><i class="fas fa-link"></i></a>
8484
</div>
8585

@@ -170,16 +170,16 @@ <h4><span></span><span class="cocreate-badge success"></span></h4>
170170
<div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
171171

172172
<!-- SandBox -->
173-
<div id="api-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#api-demo-section">
174-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#api-demo"]'>
173+
<div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
174+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
175175
<h2 class="padding:5px_0px">Demo</h2>
176176
<a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
177177
</span>
178178
</div>
179179

180180
<div class="position:sticky top:0 padding:15px_0px height:100vh">
181181
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
182-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" data-show="preview" data-hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" data-show="code" data-hide="preview"><i class="fas fa-code"></i></a>
182+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
183183
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>--><a target="modal" href="module_activity_datatable.html" pass-collection="modules" pass-document_id="" pass-fetch_value="" pass-prefix="" pass_to="render" modal-width="600px" modal-height="400px" modal-color="#229954"
184184
modal-header="false" class="margin-right:10px">
185185
<i class="fas fa-external-link-alt"></i>
@@ -190,7 +190,7 @@ <h2 class="padding:5px_0px">Demo</h2>
190190
<div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror height:100% min-width:300px"> </div>
191191
</div>
192192
<div class="svSplitter svHorizontal"> </div>
193-
<div class="svPanel"> <iframe data-get_value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
193+
<div class="svPanel"> <iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
194194
</div>
195195
</div>
196196
</div>

docs/index.html

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
</head>
2020

2121
<body>
22-
<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"
22+
<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" scroll="sticky-nav,hide-nav" scroll-up="10" scroll-down="10" collection="components" document_id="60395ef42b3ac232657040fd"
2323
name="html">
2424
</nav>
2525
<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">
@@ -32,14 +32,14 @@
3232
<h2>CoCreate-api</h2>
3333
</div>
3434
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
35-
<div class="display:flex align-items:center transition:0.3s padding-left:10px" data-share_network="true" data-share_text="Enter decription here" data-share_title="testing im a title" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/api.png"
36-
data-hover="display:block!important" data-hover_target=".social-networks">
35+
<div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png"
36+
hover="display:block!important" hover-target=".social-networks">
3737
<div class="display:none social-networks">
38-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
39-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
40-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
38+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
39+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
40+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
4141
</div>
42-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
42+
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
4343
</div>
4444
<a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
4545
</div>
@@ -52,8 +52,8 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
5252
<div id="api-section" class="display:flex flex-wrap:wrap">
5353
<div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
5454

55-
<div id="api-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#api-install-section">
56-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#api-install"]'>
55+
<div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
56+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
5757
<h2 class="padding:5px_0px">Install</h2>
5858
<a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
5959
</span>
@@ -64,7 +64,7 @@ <h2 class="padding:5px_0px">Install</h2>
6464
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
6565

6666
<div>
67-
<h2 id="api-dependencies" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
67+
<h2 id="api-dependencies" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
6868
<a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
6969
</div>
7070

@@ -75,8 +75,8 @@ <h2 id="api-dependencies" data-hover="display:block" data-target="" class="borde
7575
</p>
7676

7777

78-
<div id="api-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#api-usage-section">
79-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#api-usage"]'>
78+
<div id="api-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-usage-section">
79+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-usage"]'>
8080
<h2 class="padding:5px_0px">Usage</h2>
8181
<a class="margin-left:10px display:none" href="#api-usage"><i class="fas fa-link"></i></a>
8282
</span>
@@ -90,7 +90,7 @@ <h4 class="margin-top:20px padding:5px_0px">Install package</h4>
9090
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
9191

9292
<div>
93-
<h2 id="api-server-run" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
93+
<h2 id="api-server-run" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
9494
<a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
9595
</div>
9696

@@ -112,7 +112,7 @@ <h4 class="margin-top:20px padding:5px_0px">Client side</h4>
112112
</p>
113113

114114
<div>
115-
<h2 id="api-functions" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">CoCreate-api functions</h2>
115+
<h2 id="api-functions" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">CoCreate-api functions</h2>
116116
<a class="display:none" href="#api-functions"><i class="fas fa-link"></i></a>
117117
</div>
118118

@@ -199,15 +199,15 @@ <h4><span></span><span class="cocreate-badge success"></span></h4>
199199
<div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
200200

201201
<!-- SandBox -->
202-
<div id="api-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#api-demo-section">
203-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#api-demo"]'>
202+
<div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
203+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
204204
<h2 class="padding:5px_0px">Demo</h2>
205205
<a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
206206
</span>
207207
</div>
208208
<div class="position:sticky top:0 padding:15px_0px height:100vh">
209209
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
210-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" data-show="preview" data-hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" data-show="code" data-hide="preview"><i class="fas fa-code"></i></a>
210+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
211211
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>--><a target="modal" href="module_activity_datatable.html" pass-collection="modules" pass-document_id="" pass-fetch_value="" pass-prefix="" pass_to="render" modal-width="600px" modal-height="400px" modal-color="#229954"
212212
modal-header="false" class="margin-right:10px">
213213
<i class="fas fa-external-link-alt"></i>
@@ -218,7 +218,7 @@ <h2 class="padding:5px_0px">Demo</h2>
218218
<div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror height:100% min-width:300px"> </div>
219219
</div>
220220
<div class="svSplitter svHorizontal"> </div>
221-
<div class="svPanel"> <iframe data-get_value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
221+
<div class="svPanel"> <iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
222222
</div>
223223
</div>
224224
</div>

0 commit comments

Comments
 (0)