@@ -63,50 +63,28 @@ <h4><span>lazy-loader</span> <span class="cocreate-badge success">string</span>
6363 <!-- SandBox -->
6464 < h2 class ="border-bottom:1px_solid_lightgrey padding:5px_0px "> Demo</ h2 >
6565 < div class ="position:sticky top:0 padding:10px_0px height:100vh ">
66- < div class ="container svColumn overflow:hidden card border-radius:2px width:auto height:100% " id ="sandbox ">
67- < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7 ">
68- < a class ="margin-right:10px " id ="preview " show ="preview " hide ="code "> < i class ="far fa-eye "> </ i > </ a >
69- < a class ="margin-right:10px " id ="code " show ="code " hide ="preview " hidden > < i class ="fas fa-code "> </ i > </ a >
70- <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
71- < a target ="modal " href ="module_activity_datatable.html "
72- pass-collection ="modules "
73- pass-document_id =""
74- pass-filter-value =""
75- pass-prefix =""
76- pass-to ="render "
77- modal-width ="600px "
78- modal-height ="400px "
79- modal-color ="#229954 "
80- modal-header ="false "
81- class ="margin-right:10px ">
82- < i class ="fas fa-external-link-alt "> </ i >
83- </ a >
84- < a class ="fs-toggle margin-right:5px " fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
85- </ div >
86-
87- < div class ="svRow ">
88-
89- < div class ="svColumn ">
90-
91- < div class ="svPanel ">
92- < div realtime ="false "
93- collection ="modules "
94- document_id ="5eefe30952c6e94c75fb5e3f "
95- name ="html "
96- id ="7 "
97- class ="codemirror height:100% min-width:300px ">
98- </ div >
99- </ div >
100- < div class ="svSplitter svHorizontal "> </ div >
101-
102- < div class ="svPanel ">
103- < iframe get-value ="7 " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
104- </ div >
105-
106- </ div >
107- </ div >
108- </ div >
109- <!-- End SandBox -->
66+ <!-- SandBox -->
67+ < div class ="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px " id ="playground ">
68+
69+ < div id ="demo-code " resizable class ="position:relative height:50% ">
70+ < textarea type ="code " lang ="html " collection ="demos " document_id ="" name ="demo " save ="false " id ="demo " class ="height:100% width:100% outline:none border:none resize:none padding:5px "> </ textarea >
71+ < div resize ="bottom " class ="background:lightgrey "> </ div >
72+ </ div >
73+
74+ < div id ="demo-preview " class ="position:relative display:flex height:100% background-color:white ">
75+ < div get-value ="#demo " class ="padding:20px "> </ div >
76+ </ div >
77+
78+ < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
79+ < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="far fa-eye "> </ i > </ a >
80+ < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="fas fa-eye-slash "> </ i > </ a >
81+ < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="fa fa-code "> </ i > </ a >
82+ < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="fas fa-code "> </ i > </ a >
83+ < a class ="margin-right:5px " fullscreen target ="#playground "> < i class ="fas fa-expand "> </ i > </ a >
84+ </ div >
85+
86+ </ div >
87+ <!-- End SandBox -->
11088 </ div >
11189 </ div >
11290
@@ -115,12 +93,11 @@ <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
11593 < script >
11694 var CoCreateConfig = {
11795 apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
118- securityKey : 'f26baf68-e3a9-45fc-effe-502e47116265' ,
11996 organization_id : '5ff747727005da1c272740ab'
12097 }
12198 </ script >
12299
123100 <!--CoCreateJS-->
124- < script src ="https://server .cocreate.app/js /CoCreate.min.js "> </ script >
101+ < script src ="https://cdn .cocreate.app/1.34.3 /CoCreate.min.js "> </ script >
125102 </ body >
126103</ html >
0 commit comments