From 4f5964f0327ce0937bc27a9474910c39d07ca868 Mon Sep 17 00:00:00 2001
From: frankpagan <frank@cocreate.app>
Date: Tue, 27 Apr 2021 17:40:56 +0000
Subject: [PATCH] fix: Update to readme, demo, added cdn scripts

---
 demo/CoCreate-select.jin.html             | 31 ++++++-----------------
 demo/{CoCreate-select.html => index.html} | 29 +++++++--------------
 docs/index.html                           | 11 +++++---
 src/{CoCreate-select.css => index.css}    |  0
 4 files changed, 24 insertions(+), 47 deletions(-)
 rename demo/{CoCreate-select.html => index.html} (92%)
 rename src/{CoCreate-select.css => index.css} (100%)
diff --git a/demo/CoCreate-select.jin.html b/demo/CoCreate-select.jin.html
index e520aaa..723d7c9 100644
--- 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>
\ No newline at end of file
diff --git a/demo/CoCreate-select.html b/demo/index.html
similarity index 92%
rename from demo/CoCreate-select.html
rename to demo/index.html
index 7a300c0..00b6c6d 100644
--- a/demo/CoCreate-select.html
+++ b/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>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 19ad8c9..fc8fa4e 100644
--- 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 b/src/index.css
similarity index 100%
rename from src/CoCreate-select.css
rename to src/index.css
