Skip to content

Commit a4c64b2

Browse files
javascript-2020javascript-2020
committed
save file
1 parent a70e645 commit a4c64b2

File tree

1 file changed

+2
-273
lines changed

1 file changed

+2
-273
lines changed

‎html-components/list/web-console/web-console.html‎

Lines changed: 2 additions & 273 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,14 @@
1919
<link rel=canonical href='https://ext-code.com/html-components/list/web-console/web-console.html'>
2020

2121
<meta name=viewport content='width=device-width, initial-scale=1'>
22-
<link rel=icon href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEVHcExfpvhYpPxapPtZo/lZpfxYpPtZpfxjp/Rxsv1ZpPpZpPtZpPpZpfxbpPheqPxcpvxorf1jqvxoputao/lbpPhmrP1ZpPtYo/tZo/hZpPtZpPqcyf+Rw/6Xxv+KwP6EvP53tf19uf1CLkbiAAAAHHRSTlMADp1YNLp7swf+YpU/wizc0vrpAiIX84VvHKlK4cmJ4wAAAVdJREFUKM+1ktmShCAMRVU2ARFxb5tF/f+PHIK92j1vM6myKuQYkns1y/4i8mEof6dlobX4hWHc09GtzfVSDZ/0qlvNg/Wr0SO7nOmlWb2zEN55Lj+WUsFat3O+ems3+g2HViLBuLfbdKaz8X5EkMnNBl2961tMsOuSanXr7N6iHOL+klqt3Y8r8yZuwRtGCCPyxgl3di0ODdrZYGgdA5H8wLXk1rUVpBQykeqY5Q/dcXgjajyNcfRNN2Z9P3TJbhKnB96OWzSHzzesCSGyThOjodEyeOxWpJZsEHioKcGxW4zc7LEzbCNv8KtoCit3SFwX40NLq7l+8wSRu3fEGLC7r/p07mDxYXl8gZ7RWBGKKXEcJ0GJzB8XFdH2SuESK/AAN5Ocri/2A5Yga5ZJ9+nPi7hk0FgBebr2xN2S8NJ9wxIhBZtShRCi5IRREQO2FpAUc5n9e/wA3jcXGxBAlmMAAAAASUVORK5CYII='>
23-
24-
25-
<script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
26-
<script src='https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js'></script>
27-
<link rel=stylesheet href='/css/github-markdown-light.css'>
2822

2923

3024
<script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js?hdr'></script>
3125

3226
<script>
3327

34-
3528
var component = 'web-console';
36-
var date = '2026-02-10';
29+
var date = '2026-02-17';
3730
var files = {
3831
'source' : {
3932
'latest' : null,
@@ -45,280 +38,16 @@
4538
},
4639
};
4740

48-
49-
50-
var df=true,did='html'
51-
;
52-
53-
var ace;
54-
var md;
55-
var dirtree;
56-
var snippet;
57-
var editor;
58-
var log;
59-
60-
61-
async function init(){
62-
console.log('init');
63-
64-
md = markdownit({
65-
html : true,
66-
breaks : false,
67-
linkify : true,
68-
linkTarget : '_blank',
69-
});
70-
71-
72-
dirtree = mod['dir-tree'];
73-
snippet = mod['snippet-html-console'];
74-
editor = mod['web-editor'];
75-
log = mod['log-mod'];
76-
77-
78-
await Promise.all([
79-
load(),
80-
mod.auto(),
81-
]);
82-
83-
84-
initdom();
85-
86-
87-
}//init
88-
89-
90-
async function load(){
91-
92-
var {error,txt} = await get('https://libs.ext-code.com/html/web-console/readme.md');
93-
94-
if(error){
95-
md_txt = error;
96-
}else{
97-
md_txt = txt;
98-
}
99-
100-
}//load
101-
102-
10341
</script>
10442

105-
<style>
106-
107-
108-
html
109-
{height:100%;font-family:arial}
110-
111-
112-
body
113-
{/*height:calc(100% - 40px);*/display:flex;flex-direction:column;gap:20px;align-items:center;margin:20px;padding-bottom:200px}
114-
115-
116-
body>*
117-
{max-width:1400px;width:100%;padding:0 20px;}
118-
119-
[component],config
120-
{display:none}
121-
122-
input
123-
{font-size:16px;padding:5px 10px}
124-
input[type=button]
125-
{cursor:pointer}
126-
input[type=checkbox]
127-
{width:15px;height:15px;margin:0}
128-
129-
130-
#demo-tree
131-
{margin:20px 0;height:auto !important;overflow:visible;box-sizing:border-box;outline:none;border-radius:5px;
132-
border:none !important;
133-
/*border:1px solid lightgray !important;*/
134-
}
135-
136-
#view-hdr
137-
{padding:10px;font-weight:bold;background:rgba(173,216,230,0.5);border:1px solid lightgray;border-radius:5px}
138-
139-
#view
140-
{border:1px solid lightgray;border-radius:5px;padding:10px}
141-
web-editor
142-
{}
143-
144-
145-
.wunderbaum .wb-expander
146-
{opacity:1 !important;transition:none !important}
147-
.wb-row
148-
{cursor:pointer}
149-
150-
151-
.icon
152-
{border:1px solid gray;border-radius:3px;box-sizing:border-box;width:30px;height:30px;cursor:pointer}
153-
.spc
154-
{flex:1;max-width:200px}
155-
156-
157-
</style>
158-
15943
</head>
16044

16145
<body>
16246

163-
164-
<html-components-hdr component=grp1>
165-
<h2 class=title style='top:10px'>web-console</h2>
166-
<time slot=date datetime=2026-01-04>04 Jan 2026</time>
167-
</html-components-hdr>
168-
169-
170-
<div id=readme class=markdown-body></div>
171-
172-
<hr>
173-
174-
<section>
175-
176-
<h3>
177-
files
178-
<span style='font-weight:normal;margin-left:20px'>
179-
( click to view )
180-
</span>
181-
</h3>
182-
183-
<dir-tree component></dir-tree>
184-
185-
</section>
186-
187-
<div id=view-hdr>
188-
</div>
189-
190-
<div id=view style='display:none'>
191-
<snippet-html-console v2.0 component></snippet-html-console>
192-
<web-editor component fullsize></web-editor>
193-
</div>
194-
195-
196-
<log-mod component></log-mod>
47+
<page-html v1.0 component=grp style='display:block'></page-html>
19748

19849
</body>
19950

200-
<script>
201-
202-
203-
var md_txt;
204-
var cache = {};
205-
206-
207-
var callback = {};
208-
var show = {};
209-
210-
211-
//:
212-
213-
214-
async function initdom(){
215-
debug('initdom');
216-
217-
var html = md.render(md_txt);
218-
$('#readme').innerHTML = html;
219-
220-
var keys = Object.keys(files.examples);
221-
var initial = keys[0];
222-
223-
files = dirtree.build(files);
224-
dirtree.display(files,{callback});
225-
226-
await show.examples(initial);
227-
$('#view').style.display = '';
228-
229-
}//initdom
230-
231-
232-
//:
233-
234-
235-
callback.file = function(name,o){
236-
237-
var par = o.parent.name;
238-
debug(par,name);
239-
switch(par){
240-
241-
case 'source' : show.source(name); break;
242-
case 'examples' : show.examples(name); break;
243-
244-
}//switch
245-
246-
}//show
247-
248-
249-
show.source = async function(file){
250-
251-
$('#view-hdr').textContent = 'source : '+file;
252-
$('web-editor').style.display = '';
253-
$('snippet-html-console').style.display = 'none';
254-
255-
var url = 'https://libs.ext-code.com/html/web-console/';
256-
if(file=='latest'){
257-
url += 'web-console.html';
258-
}else{
259-
url += `${file}/web-console-${file}.html`;
260-
}
261-
262-
var {txt} = await get(url);
263-
if(!txt)return;
264-
editor.setvalue(txt);
265-
266-
}//source
267-
268-
269-
show.examples = async function(file){
270-
271-
$('#view-hdr').textContent = 'examples : '+file;
272-
$('web-editor').style.display = 'none';
273-
$('snippet-html-console').style.display = '';
274-
275-
var url = 'https://libs.ext-code.com/html/web-console/test/'+file;
276-
var {txt} = await get(url);
277-
if(!txt)return;
278-
console.log(1);
279-
snippet.editor.setvalue(txt);
280-
281-
}//example
282-
283-
284-
async function get(url){
285-
debug('get',url);
286-
if(cache[url]){
287-
debug('cache');
288-
return {txt:cache[url]};
289-
}
290-
291-
var err;
292-
try{
293-
294-
var res = await fetch(url);
295-
296-
}//try
297-
catch(err2){
298-
299-
err = err2;
300-
301-
}//catch
302-
if(err){
303-
var error = err.toString();
304-
log.red(error);
305-
return {error};
306-
}
307-
if(!res.ok){
308-
var error = await res.text();
309-
log.red(error);
310-
return {error};
311-
}
312-
313-
var txt = await res.text();
314-
cache[url] = txt;
315-
return {txt};
316-
317-
}//get
318-
319-
320-
</script>
321-
32251
</html>
32352

32453

0 commit comments

Comments
 (0)