fix: update docs api and cocreateJS script

CoCreate-app · Nov 26, 2021 · 7567883 · 7567883
1 parent 4820efa
commit 7567883
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 123 deletions.
diff --git a/demo/avatar.html b/demo/avatar.html
@@ -114,36 +114,31 @@ <h4><span>avatar-label</span></h4>
 					<!-- SandBox -->
 					<div id="boilerplate-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-demo-section">
 						<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-demo"]'>
-														<h2 class="padding:5px_0px">Demo</h2>
-														<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="fas fa-link"></i></a>
-												</span>
+							<h2 class="padding:5px_0px">Demo</h2>
+							<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="fas fa-link"></i></a>
+						</span>
 					</div>
 					<div class="position:sticky top:0 padding:15px_0px height:100vh">
-						<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
-							<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>
-								<!--<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" modal-header="false" class="margin-right:10px">
-										<i class="fas fa-external-link-alt"></i>
-								 </a>
-								<a class="margin-right:5px" fullscreen target="#playground-1"><i class="fas fa-expand"></i></a>
+						<!-- SandBox -->
+						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
+							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
+								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
+								<a class="margin-right:10px hidden" id="preview" show="#code, #view" hide="#preview"><i class="fas fa-code"></i></a>
+								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
 							</div>
-
 							<div class="svRow">
-
+	
 								<div class="svColumn">
-
-									<div class="svPanel">
-										<div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" data-fold="3,26" id="7" class="codemirror min-width:300px">
-										</div>
+
+									<div class="svPanel" id="view">
+										<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
 									</div>
 									<div class="svSplitter svHorizontal"> </div>
-
+	
 									<div class="svPanel">
-										<iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
 									</div>
-
+	
 								</div>
 							</div>
 						</div>
@@ -153,20 +148,13 @@ <h2 class="padding:5px_0px">Demo</h2>
 
 			</div>
 			<button href="https://github.com/CoCreate-app/CoCreate-boilerplate/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>
+				<i class="fas fa-pencil-alt"></i>
+			</button>
 		</main>
-		<script>
-			var config = {
-				apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-				organization_Id: '5de0387b12e200ea63204d6c',
-				host: 'wss://server.cocreate.app:8088'
-			}
-		</script>
-
-
-		<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
-		<script src="../dist/CoCreateCSS.js"></script>
+
+ 		<script src="./apikey.js"></script>
+        <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
+
 	</body>
 
 </html>
diff --git a/docs/avatar.html b/docs/avatar.html
@@ -117,51 +117,30 @@ <h2 class="padding:5px_0px">Demo</h2>
                         </span>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
-    			    <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
-    			       <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>
-    			        <!--<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"
-    				  	     modal-header="false"
-    				  	     class="margin-right:10px">
-    				  	    <i class="fas fa-external-link-alt"></i>
-    				     </a>        
-    				     <a class="margin-right:5px" fullscreen target="#playground-1"><i class="fas fa-expand"></i></a>
-    			        </div>
-
-    			        <div class="svRow">
-
-    			            <div class="svColumn">
-
-    			                <div class="svPanel">
-    			                    <div realtime="false"
-    			                        collection="modules"
-    			                        document_id="5eefe30952c6e94c75fb5e3f"
-    			                        name="html" 
-    			                        data-fold="3,26"
-    			                        id="7" 
-    			                        class="codemirror min-width:300px">
-    			                    </div>
-    			                </div>
-    			            	<div class="svSplitter svHorizontal"> </div>
-
-    			                <div class="svPanel">
-    			                    <iframe get-value="7" frameBorder="0" height="100%" width="100%"  class="min-width:300px"></iframe>
-    			                </div>
-
-    			            </div>
-    			        </div>
-    			    </div>
-    			    <!-- End SandBox -->
+						<!-- SandBox -->
+						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
+							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
+								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
+								<a class="margin-right:10px hidden" id="preview" show="#code, #view" hide="#preview"><i class="fas fa-code"></i></a>
+								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
+							</div>
+							<div class="svRow">
+
+								<div class="svColumn">
+
+									<div class="svPanel" id="view">
+										<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
+									</div>
+									<div class="svSplitter svHorizontal"> </div>
+
+									<div class="svPanel">
+										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<!-- End SandBox -->
     			    </div>
                 </div>
 

diff --git a/docs/flip-item.html b/docs/flip-item.html
@@ -87,50 +87,30 @@ <h2 class="padding:5px_0px">Demo</h2>
                         </span>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
-    			    <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
-    			       <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>
-    			        <!--<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"
-    				  	     modal-header="false"
-    				  	     class="margin-right:10px">
-    				  	    <i class="fas fa-external-link-alt"></i>
-    				     </a>        
-    				     <a class="margin-right:5px" fullscreen target="#playground-1"><i class="fas fa-expand"></i></a>
-    			        </div>
-
-    			        <div class="svRow">
-
-    			            <div class="svColumn">
-
-    			                <div class="svPanel">
-    			                    <div realtime="false"
-    			                        collection="modules"
-    			                        document_id="5eefe30952c6e94c75fb5e3f"
-    			                        name="html" 
-    			                        id="7" 
-    			                        class="codemirror min-width:300px">
-    			                    </div>
-    			                </div>
-    			            	<div class="svSplitter svHorizontal"> </div>
-
-    			                <div class="svPanel">
-    			                    <iframe get-value="7" frameBorder="0" height="100%" width="100%"  class="min-width:300px"></iframe>
-    			                </div>
-
-    			            </div>
-    			        </div>
-    			    </div>
-    			    <!-- End SandBox -->
+						<!-- SandBox -->
+						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
+							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
+								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
+								<a class="margin-right:10px hidden" id="preview" show="#code, #view" hide="#preview"><i class="fas fa-code"></i></a>
+								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
+							</div>
+							<div class="svRow">
+
+								<div class="svColumn">
+
+									<div class="svPanel" id="view">
+										<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
+									</div>
+									<div class="svSplitter svHorizontal"> </div>
+
+									<div class="svPanel">
+										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<!-- End SandBox -->
     			    </div>
                 </div>