@@ -114,36 +114,31 @@ <h4><span>avatar-label</span></h4>
114
114
<!-- SandBox -->
115
115
< div id ="boilerplate-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#boilerplate-demo-section ">
116
116
< span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#boilerplate-demo"] '>
117
- < h2 class ="padding:5px_0px "> Demo</ h2 >
118
- < a class ="margin-left:10px display:none " href ="#boilerplate-demo "> < i class ="fas fa-link "> </ i > </ a >
119
- </ span >
117
+ < h2 class ="padding:5px_0px "> Demo</ h2 >
118
+ < a class ="margin-left:10px display:none " href ="#boilerplate-demo "> < i class ="fas fa-link "> </ i > </ a >
119
+ </ span >
120
120
</ div >
121
121
< div class ="position:sticky top:0 padding:15px_0px height:100vh ">
122
- < div class ="container svColumn overflow:hidden card border-radius:2px width:auto height:100% " id ="form-sandbox ">
123
- < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7 ">
124
- < a class ="margin-right:10px " id ="preview " show ="preview " hide ="code "> < i class ="far fa-eye "> </ i > </ a >
125
- < a class ="margin-right:10px hidden " id ="code " show ="code " hide ="preview "> < i class ="fas fa-code "> </ i > </ a >
126
- <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
127
- < 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 ">
128
- < i class ="fas fa-external-link-alt "> </ i >
129
- </ a >
130
- < a class ="margin-right:5px " fullscreen target ="#playground-1 "> < i class ="fas fa-expand "> </ i > </ a >
122
+ <!-- SandBox -->
123
+ < div class ="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100% " id ="sandbox ">
124
+ < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
125
+ < a class ="margin-right:10px " id ="code " show ="#preview " hide ="#code, #view "> < i class ="far fa-eye "> </ i > </ a >
126
+ < a class ="margin-right:10px hidden " id ="preview " show ="#code, #view " hide ="#preview "> < i class ="fas fa-code "> </ i > </ a >
127
+ < a class ="margin-right:5px " fullscreen target ="#playground "> < i class ="fas fa-expand "> </ i > </ a >
131
128
</ div >
132
-
133
129
< div class ="svRow ">
134
-
130
+
135
131
< div class ="svColumn ">
136
-
137
- < div class ="svPanel ">
138
- < div realtime ="false " collection ="modules " document_id ="5eefe30952c6e94c75fb5e3f " name ="html " data-fold ="3,26 " id ="7 " class ="codemirror min-width:300px ">
139
- </ div >
132
+
133
+ < div class ="svPanel " id ="view ">
134
+ < textarea collection ="demos " document_id ="" name ="demo " save ="false " id ="demo " class ="height:100% width:100% border:none resize:none padding:5px "> </ textarea >
140
135
</ div >
141
136
< div class ="svSplitter svHorizontal "> </ div >
142
-
137
+
143
138
< div class ="svPanel ">
144
- < iframe get-value ="7 " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
139
+ < iframe get-value ="demo " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
145
140
</ div >
146
-
141
+
147
142
</ div >
148
143
</ div >
149
144
</ div >
@@ -153,20 +148,13 @@ <h2 class="padding:5px_0px">Demo</h2>
153
148
154
149
</ div >
155
150
< 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% ">
156
- < i class ="fas fa-pencil-alt "> </ i >
157
- </ button >
151
+ < i class ="fas fa-pencil-alt "> </ i >
152
+ </ button >
158
153
</ main >
159
- < script >
160
- var config = {
161
- apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
162
- organization_Id : '5de0387b12e200ea63204d6c' ,
163
- host : 'wss://server.cocreate.app:8088'
164
- }
165
- </ script >
166
-
167
-
168
- < script src ="https://cdn.cocreate.app/latest/CoCreate.min.js "> </ script >
169
- < script src ="../dist/CoCreateCSS.js "> </ script >
154
+
155
+ < script src ="./apikey.js "> </ script >
156
+ < script src ="https://cdn.cocreate.app/latest/CoCreate.min.js "> </ script >
157
+
170
158
</ body >
171
159
172
160
</ html >
0 commit comments