fix: Update to readme, demo, added cdn scripts

CoCreate-app · Apr 27, 2021 · 4f5964f · 4f5964f
1 parent 5eeff8b
commit 4f5964f
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 47 deletions.
diff --git a/demo/CoCreate-select.jin.html b/demo/CoCreate-select.jin.html
@@ -1,26 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
-    <title>Select | CoCreate</title>
-
-    <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
-
-    <link rel="stylesheet" href="../src/CoCreate-select.css" type="text/css" />
+    <title>Select | CoCreateJS</title>
 
-
-
+    <!-- CoCreate Favicon -->
+    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
+    <!-- CoCreate CSS CDN -->
+    <link rel="stylesheet" href="https://cdn.cocreate.app/select/latest/CoCreate-select.min.css" type="text/css" />
   </head>
   <body>
 
   <form class="margin:20px" data-collection="module_activities">
 
    <input class="floating-label" placeholder="test">  
-  ------------ single Document ------------
+  <!-------------- single Document -------------->
 
       <!--<cocreate-select class="floating-label sortable" -->
       <!--  data-collection="test" -->
@@ -52,15 +45,7 @@
       }
     </script>
 
-  <script src="https://server.cocreate.app/CoCreateJS/dist/CoCreate.min.js"></script>
-
-  <script>
-    // let elemens = document.getElementById('set_testing')
-    // CoCreateSelect.renderValue(elemens, ["value1"])
-  </script>
-  <!--<script src="https://server.cocreate.app/CoCreate-components/CoCreate-select/src/CoCreate-select.js"></script>-->
-  <!--<script src="https://server.cocreate.app/CoCreate-components/CoCreate-select/src/CoCreate-adapter.js"></script>-->
-  <!--<script src="https://server.cocreate.app/CoCreate-components/CoCreate-search/src/CoCreate-search.js"></script>-->
-
+    <!-- CoCreate JS CDN -->
+    <script src="https://cdn.cocreate.app/select/latest/CoCreate-select.min.js" ></script>
   </body>
 </html>
diff --git a/demo/CoCreate-select.html → demo/index.html b/demo/CoCreate-select.html → demo/index.html
@@ -1,26 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
-
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
-    <title>Select | CoCreate</title>
-
-    <!--<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>-->
-    <link rel="stylesheet" href="https://server.cocreate.app/CoCreateJS/dist/CoCreate.css" type="text/css"/>
-
-    <!--<link rel="stylesheet" href="../src/CoCreate-select.css" type="text/css" />-->
-
-
+    <title>Select | CoCreateJS</title>
 
+    <!-- CoCreate Favicon -->
+    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
+    <!-- CoCreate CSS CDN -->
+    <link rel="stylesheet" href="https://cdn.cocreate.app/select/latest/CoCreate-select.min.css" type="text/css" />
   </head>
   <body>
 
   <form class="margin:20px" data-collection="module_activities">
 
-  ------------ single Document ------------
+  <!-------------- single Document -------------->
 
       <cocreate-select class="floating-label sortable" 
         data-collection="test" 
@@ -223,11 +215,8 @@ <h3 >value 3</h3>
                 organization_Id: '5de0387b12e200ea63204d6c'
       }
     </script>
-
-  <!--<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>-->
-
-  <script src="../../CoCreate-floating-label/dist/CoCreate-floating-label.js?v=5"></script>
-  <script src="../dist/CoCreate-select.js"></script>
-
+
+    <!-- CoCreate JS CDN -->
+    <script src="https://cdn.cocreate.app/select/latest/CoCreate-select.min.js" ></script>
   </body>
 </html>
diff --git a/docs/index.html b/docs/index.html
@@ -43,7 +43,7 @@ <h2>CoCreate-select</h2>
             <p class="max-width:500px margin:20px_10px line-height:1.5">Used to build fascinating select html elements</p>
             <div id="select-section" class="display:flex flex-wrap:wrap">
                 <div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
-                <div id="select-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-install-section">
+                <div id="select-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#select-install-section">
                         <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#select-install"]'>
                             <h2 class="padding:5px_0px">Install</h2>
                             <a class="margin-left:10px display:none" href="#select-install"><i class="fas fa-link"></i></a>
@@ -53,7 +53,7 @@ <h2 class="padding:5px_0px">Install</h2>
                 <p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
                 <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/select/latest/CoCreate-select.min.js&lt;/script&gt;</code></pre>
 
-                <div id="select-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-usage-section">
+                <div id="select-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#select-usage-section">
                         <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#select-usage"]'>
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a class="margin-left:10px display:none" href="#select-usage"><i class="fas fa-link"></i></a>
@@ -134,7 +134,7 @@ <h4><span>data-pass_to</span> <span class="cocreate-badge success">string</span>
 
                 <div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
                     <!-- SandBox -->
-                    <div id="select-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-demo-section">
+                    <div id="select-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#select-demo-section">
                         <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#select-demo"]'>
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a class="margin-left:10px display:none" href="#select-demo"><i class="fas fa-link"></i></a>
@@ -189,7 +189,10 @@ <h2 class="padding:5px_0px">Demo</h2>
                 </div>
 
             </div>				
-        </main>
+        	<button href="https://github.com/CoCreate-app/CoCreate-select/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover border-radius:50%">
+		        <i class="fas fa-pencil-alt"></i>
+	        </button>
+		</main>
         <script>
             var config = {
                 apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',

diff --git a/src/CoCreate-select.css → src/index.css b/src/CoCreate-select.css → src/index.css