Skip to content

Commit b317350

Browse files
frankpaganfrankpagan
committed
Update documentation
1 parent 39fdc06 commit b317350

File tree

2 files changed

+35
-29
lines changed

2 files changed

+35
-29
lines changed

‎demo/CoCreate-conditional-logic.html‎ renamed to ‎demo/index.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,11 @@
55
<meta charset="utf-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
89
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
9-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
10+
1011
<title>CoCreate Conditional Logic | CoCreateJS</title>
1112

12-
<!-- CoCreate CSS CDN -->
13-
<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
14-
1513
<style type="text/css">
1614
.hidden{display:none;}
1715
</style>
@@ -149,7 +147,7 @@ <h6 style='color:blue'>7 example SELECT (show multiples)</h6>
149147
</script>
150148

151149
<!-- CoCreate JS CDN -->
152-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
150+
<script src="https://cdn.cocreate.app/conditional-logic/latest/CoCreate-conditional-logic.min.js" ></script>
153151

154152
</body>
155153
</html>

‎docs/index.html‎

Lines changed: 32 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -20,36 +20,40 @@
2020
<div class="display:flex align-items:center">
2121
<h2>CoCreate-conditional-logic</h2>
2222
</div>
23-
<div class="display:flex align-items:center font-size:20px social_share" data-height="600" data-width="500" data-media="https://via.placeholder.com/300/09f/fff.png">
23+
<div class="display:flex align-items:center font-size:20px" data-share_height="600" data-share_width="500" data-share_media="https://via.placeholder.com/300/09f/fff.png">
2424
<a href="https://github.com/CoCreate-app/CoCreate-conditional-logic" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
25-
<a class="margin-right:15px share" data-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
26-
<a class="margin-right:15px share" data-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
27-
<a class="margin-right:15px share" data-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
28-
<a class="margin-right:15px share" data-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
25+
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
26+
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
27+
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
28+
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
2929
</div>
3030
</div>
3131
<p class="max-width:500px margin:20px_0px">Show or Hide html elements triggered by a click or change action.</p>
3232
<div id="conditional-logic-section" class="display:flex flex-wrap:wrap">
3333
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
3434

35-
<div>
36-
<h2 id="conditional-logic-installation" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
37-
<a class="display:none" href="#conditional-logic-installation"><i class="fas fa-link"></i></a>
38-
</div>
39-
<pre><code class="language-javascript">npm install @cocreate/conditional-logic</code></pre>
40-
<p class="padding:10px_0px">Or you can use cdn link:</p>
41-
<pre><code class="language-javascript">https://cdn.cocreate.app/latest/cocreate.min.js</code></pre>
42-
43-
<div>
44-
<h2 id="conditional-logic-usage" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Usage</h2>
45-
<a class="display:none" href="#conditional-logic-usage"><i class="fas fa-link"></i></a>
46-
</div>
35+
<div id="conditional-logic-install" class="border-bottom:1px_solid_lightgrey">
36+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-install"]'>
37+
<h2 class="padding:5px_0px">Install</h2>
38+
<a class="margin-left:10px display:none" href="#conditional-logic-install"><i class="fas fa-link"></i></a>
39+
</span>
40+
</div>
41+
<pre><code class="language-bash">npm i @cocreate/conditional-logic</code></pre>
42+
<p class="padding:10px_0px">Or you can use cdn link:</p>
43+
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/conditional-logic/latest/CoCreate-conditional-logic.min.js&lt;/script&gt;</code></pre>
44+
45+
<div id="conditional-logic-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
46+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-usage"]'>
47+
<h2 class="padding:5px_0px">Usage</h2>
48+
<a class="margin-left:10px display:none" href="#conditional-logic-usage"><i class="fas fa-link"></i></a>
49+
</span>
50+
</div>
4751
<div class="">
4852
<p class="padding:10px_0px">This is conditional-logic reference</p>
4953

5054
<div class="flex-grow:1 min-width:300px width:100%">
5155
<pre>
52-
<code>
56+
<code class="language-js">
5357
&lt;h5 style='color:blue'&gt;Toggle&lt;/h5&gt;
5458
&lt;div data-hide='#testdiv,#div2' data-show='.testdiv,.div2'&gt;
5559
&lt;div class=&quot;test&quot;&gt;click me&lt;/div&gt;&lt;br/&gt;
@@ -62,9 +66,11 @@ <h2 id="conditional-logic-usage" data-hover="display:block" data-target="" class
6266
<p class="padding:10px_0px">This is conditional-logic reference</p>
6367
</div>
6468

65-
<div>
66-
<h2 id="conditional-logic-attributes" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
67-
<a class="display:none" href="#conditional-logic-attributes"><i class="fas fa-link"></i></a>
69+
<div id="conditional-logic-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
70+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-attributes"]'>
71+
<h2 class="padding:5px_0px">Attributes</h2>
72+
<a class="margin-left:10px display:none" href="#conditional-logic-attributes"><i class="fas fa-link"></i></a>
73+
</span>
6874
</div>
6975
<ul class="list-style-type:none ">
7076
<li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
@@ -81,9 +87,11 @@ <h4><span>data-hide</span> <span class="cocreate-badge success">string</span> <s
8187
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
8288

8389
<!-- SandBox -->
84-
<div>
85-
<h2 id="conditional-logic-demo" data-hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
86-
<a class="display:none" href="#conditional-logic-demo"><i class="fas fa-link"></i></a>
90+
<div id="conditional-logic-demo" class="border-bottom:1px_solid_lightgrey">
91+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-demo"]'>
92+
<h2 class="padding:5px_0px">Demo</h2>
93+
<a class="margin-left:10px display:none" href="#conditional-logic-demo"><i class="fas fa-link"></i></a>
94+
</span>
8795
</div>
8896
<div class="position:sticky top:0 padding:15px_0px height:100vh">
8997
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">

0 commit comments

Comments
 (0)