-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.htm
90 lines (72 loc) · 2.09 KB
/
main.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<html>
<head>
<title>Explorer Lite</title>
<style>
@import url(folder-view.css);
html {
min-width: max-content;
min-height: max-content;
}
body {
flow: horizontal;
margin: 0;
size: *;
}
folder {
size: *;
}
div.about {
width: 10em;
height: *;
background-color: rgb(240, 240, 240);
}
.col {
flow: vertical;
size: *;
padding: 0.5em;
border-spacing: 0.125em;
}
.row {
flow: horizontal;
width: *;
height: max-content;
}
.row>span {
size: *;
flow: horizontal;
text-align: center;
}
.row>span>button {
width: *;
height: 2em;
}
</style>
<script>
adjustWindow();
function adjustWindow() {
const w = 600;
const h = 400;
const [sw, sh] = Window.this.screenBox('frame', 'dimension');
Window.this.move((sw - w) / 2, (sh - h) / 2, w, h, true);
}
document.on("file-activate", function (evt) {
console.log("file-activate", evt.data);
});
document.querySelector('#about').on('click', () => {
Window.this.modal(<info>This application uses <a href="https://sciter.com">Sciter</a> Engine, © Terra Informatica Software, Inc.</info>);
});
</script>
</head>
<body>
<div .about>
<div .col>
<div .row>
<span>
<button #about>About</button>
</span>
</div>
</div>
</div>
<folder filter="*.rtf;*.pdf;*.lnk;*.url" />
</body>
</html>