Skip to content

Commit 145cddc

Browse files
javascript-2020javascript-2020
committed
save file
1 parent 8d95ace commit 145cddc

File tree

1 file changed

+35
-117
lines changed

1 file changed

+35
-117
lines changed

‎utils/editors/text-diff/v3.0/text-diff-v3.0.html‎

Lines changed: 35 additions & 117 deletions
Original file line numberDiff line numberDiff line change
@@ -38,34 +38,18 @@
3838
<script src='https://cdn.jsdelivr.net/npm/diff@latest/dist/diff.min.js'></script>
3939

4040

41-
<script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
41+
<script src='https://libs.ext-code.com/js/dom/component/v2.0/component.js?hdr'></script>
4242

43-
<script init>
44-
console.clear();
45-
console.log('text-diff-v2.0.html');
46-
console.log();
47-
console.json=v=>console.log(JSON.stringify(v,null,4));
48-
var df=true,version='v2.0'
43+
<script>
44+
console.log('text-diff-v3.0.html');
45+
var version='v2.0';
46+
var df=true,did='html'
4947
;
5048

51-
var ace;
52-
53-
var ext;
54-
var $;
55-
var datatype;
56-
var menumod;
57-
var keydown;
58-
var debug;
59-
60-
var menu;
61-
6249
var hdr;
6350
var primary = {};
6451
var secondary = {};
6552

66-
var output;
67-
var log;
68-
6953

7054

7155
//:
@@ -75,53 +59,24 @@
7559
debug('init',version);
7660

7761

78-
//keydown = keydown();
79-
menu = menumod();
80-
81-
mod.base.add({ext,$,datatype,keydown,menu,menumod,ace});
82-
83-
62+
63+
8464
hdr = mod['editors-hdr'];
85-
//mod.menu.main = mod.menu.main();
86-
//debugger;
8765
primary.filemod = mod.file1;
8866
primary.editor = mod.editor1;
89-
9067
secondary.filemod = mod.file2;
9168
secondary.editor = mod.editor2;
9269

93-
output = mod.output;
94-
log = mod['log-mod'];
95-
96-
97-
hdr.initmod({ext,$,menu,menumod});
98-
//mod.menu.main.initmod({menumod,editor});
70+
mod.base.add({});
9971

100-
primary.filemod.initmod({ext,$,menu,menumod,complete:primary.complete,log});
101-
primary.editor.initmod({ext,$,menu,ace});
102-
103-
secondary.filemod.initmod({ext,$,menu,menumod,complete:secondary.complete,log});
104-
secondary.editor.initmod({ext,$,menu,ace});
105-
106-
output.initmod({ext,$,menu});
107-
log.initmod({ext,$});
108-
109-
await Promise.all([
110-
hdr.init(),
111-
//mod.menu.main.init(),
112-
primary.filemod.init(),
113-
primary.editor.init(),
114-
115-
secondary.filemod.init(),
116-
secondary.editor.init(),
117-
118-
//publish.init(),
119-
120-
output.init(),
121-
log.init(),
122-
]);
72+
primary.filemod.initmod({complete:primary.complete});
73+
secondary.filemod.initmod({complete:secondary.complete});
12374

75+
await mod.auto();
12476

77+
//:
78+
79+
hdr['page-source'].url('v3.0/text-diff-v3.0.html');
12580

12681
window.onfocus = ()=>primary.editor && primary.editor.focus();
12782
keydown.add(kd);
@@ -134,27 +89,7 @@
13489
}//init
13590

13691

137-
(async()=>{
138-
139-
mod.stack.add;
140-
141-
({ext} = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
142-
143-
var promise = ext.load.libs(
144-
'js/dom/$.js',
145-
'js/core/datatype.js',
146-
'js/dom/menumod/menumod.js',
147-
'js/dom/keydown/keydown.js',
148-
'js/debug/debug.js',
149-
);
150-
[$,datatype,menumod,keydown,debug] = await promise;
151-
152-
mod.stack.complete;
153-
154-
})();
155-
156-
157-
</script init>
92+
</script>
15893

15994

16095
<link rel=stylesheet href='/utils/css/utils.css'>
@@ -240,9 +175,10 @@
240175

241176
<body>
242177

243-
<editors-hdr component=grp>
244-
<img class=title src='images/text-diff.png' style='top:5px;height:45px'>
245-
<time slot=date datetime=2025-10-31>31 Oct 2025</time>
178+
<editors-hdr v2.0 component=grp>
179+
<img slot=title src='images/text-diff.png' style='top:5px;height:45px'>
180+
<h4 slot=version>v3.0</h4>
181+
<time slot=date datetime=2026-01-24>24 Jan 2026</time>
246182
</editors-hdr>
247183

248184
<div id=output-hdr>
@@ -314,65 +250,47 @@
314250

315251
async function initdom(rootnode){
316252
debug('initdom');
317-
var root = rootnode;
318-
319-
keydown.initdom();
320-
321-
322-
hdr.initdom();
323-
324-
//mod.menu.main.initdom();
253+
var root = rootnode;
325254

326255
$('#output-hdr [type=checkbox]').onclick = btn['output-chk'];
327256
$('[value=check]').onclick = btn.check;
328257

329258

330259
var view1 = $('#view1');
331-
primary.filemod.initdom(view1);
332-
primary.editor.initdom();
333-
334260
var view2 = $('#view2');
335-
secondary.filemod.initdom(view2);
336-
secondary.editor.initdom();
337-
var w = view2.offsetWidth;
338-
view2.style.flex = 'none';
339-
view2.style.width = w+'px';
261+
var w = view2.offsetWidth;
262+
view2.style.flex = 'none';
263+
view2.style.width = w+'px';
340264

341265

342266
var node = $('#output');
343-
output.initdom();
344-
setTimeout(()=>{
345-
var w = node.offsetHeight;console.log('w',w);
346-
node.style.flex = 'none';
347-
node.style.height = w+'px';
348-
},500);
349-
350-
351-
slider1.node = $.slider('#view1','#slider-1','#view2',null,slider1);
352-
slider2.node = $.slider('#main','#slider-2','#output',null,slider2);
353267

268+
setTimeout(()=>{
354269

270+
var w = node.offsetHeight;
271+
node.style.flex = 'none';
272+
node.style.height = w+'px';
273+
274+
},500);
355275

356276

277+
slider1.node = $.slider('#view1','#slider-1','#view2',null,slider1);
278+
slider2.node = $.slider('#main','#slider-2','#output',null,slider2);
357279

358280

359281

360282
var style = document.createElement('style');
361283
style.textContent = `
362-
.red
363-
{position:absolute;background:var(--red);z-index:20}
364-
.green
365-
{position:absolute;background:var(--green);z-index:20}
284+
.red
285+
{position:absolute;background:var(--red);z-index:20}
286+
.green
287+
{position:absolute;background:var(--green);z-index:20}
366288
`;
367289

368290
output.shadowRoot.append(style);
369291

370292

371293

372-
373-
374-
375-
376294
}//initdom
377295

378296

0 commit comments

Comments
 (0)