Skip to content

Commit 7f7bdbd

Browse files
aldergalderg
committed
Code cleanup
1 parent b47bf7b commit 7f7bdbd

10 files changed

+913
-1158
lines changed

‎tools/base64.html

+47-64
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,61 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<title>Base64 encode image</title>
5-
<meta charset="utf-8"/>
6-
<link rel="stylesheet" type="text/css" href="style.css">
7-
<script type="text/javascript">
8-
//<![CDATA[
9-
function main()
10-
{
11-
var dropZone = document.getElementById('dropZone');
12-
var result = document.getElementById('result');
13-
14-
dropZone.addEventListener('dragover', function(evt)
15-
{
16-
evt.stopPropagation();
17-
evt.preventDefault();
18-
}, false);
19-
20-
dropZone.addEventListener('drop', function(evt)
21-
{
22-
evt.stopPropagation();
23-
evt.preventDefault();
24-
25-
if (evt.dataTransfer.files.length > 0)
26-
{
27-
try
28-
{
29-
var reader = new FileReader();
4+
<title>Base64 encode image</title>
5+
<meta charset="utf-8" />
6+
<link rel="stylesheet" type="text/css" href="style.css">
7+
<script type="text/javascript">
8+
//<![CDATA[
9+
function main() {
10+
var dropZone = document.getElementById('dropZone');
11+
var result = document.getElementById('result');
3012

31-
reader.onload = function(e)
32-
{
33-
result.value = e.target.result;
34-
};
35-
36-
reader.readAsDataURL(evt.dataTransfer.files[0]);
37-
}
38-
catch (e)
39-
{
40-
alert('error:' + e);
41-
}
42-
}
43-
}, false);
44-
}
45-
//]]>
46-
</script>
13+
dropZone.addEventListener('dragover', function (evt) {
14+
evt.stopPropagation();
15+
evt.preventDefault();
16+
}, false);
17+
18+
dropZone.addEventListener('drop', function (evt) {
19+
evt.stopPropagation();
20+
evt.preventDefault();
21+
22+
if (evt.dataTransfer.files.length > 0) {
23+
try {
24+
var reader = new FileReader();
25+
26+
reader.onload = function (e) {
27+
result.value = e.target.result;
28+
};
29+
30+
reader.readAsDataURL(evt.dataTransfer.files[0]);
31+
}
32+
catch (e) {
33+
alert('error:' + e);
34+
}
35+
}
36+
}, false);
37+
}
38+
//]]>
39+
</script>
4740
</head>
41+
4842
<body onload="main();">
49-
<span style="position:relative;display:inline-block;left:50%;transform:translate(-50%,0);">
43+
<span
44+
style="position:relative;display:inline-block;left:50%;transform:translate(-50%,0);width:50%;min-width:500px;">
5045
<div style="display:flex;align-items:center;opacity:0.7;">
51-
<svg viewBox="24 26 68 68" style="width:28px;display:inline-block;">
52-
<line y2="72.394" x2="41.061" y1="43.384" x1="58.069" stroke-miterlimit="10" stroke-width="3.5528"
53-
stroke="currentColor" fill="none" />
54-
<line y2="72.394" x2="75.076" y1="43.384" x1="58.068" stroke-miterlimit="10" stroke-width="3.5008"
55-
stroke="currentColor" fill="none" />
56-
<path
57-
d="M52.773,77.084c0,1.954-1.599,3.553-3.553,3.553H36.999c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z"
58-
fill="currentColor" />
59-
<path
60-
d="M67.762,48.074c0,1.954-1.599,3.553-3.553,3.553H51.988c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553H64.21c1.954,0,3.553,1.599,3.553,3.553V48.074z"
61-
fill="currentColor" />
62-
<path
63-
d="M82.752,77.084c0,1.954-1.599,3.553-3.553,3.553H66.977c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z"
64-
fill="currentColor" />
65-
</svg>
46+
<img src="logo.svg" style="width:28px;" />
6647
<span style="font-family:Helvetica;font-weight:700;font-size:20px;margin-left:4px;">draw.io</span>
6748
<h2 style="text-align:center;width:100%;margin:10px;">Base64 encode image</h2>
6849
</div>
6950
<hr>
7051
<br>
71-
<div id="dropZone" style="width:600px;height:200px;border:1px dashed gray;">Drag image here</div>
72-
<br/>
52+
<div id="dropZone" style="width:100%;height:200px;border:1px dashed gray;">Drag image here</div>
53+
<br />
7354
Result:
74-
<br/>
75-
<textarea rows="20" cols="96" id="result" placeholder="No image yet" style="outline:none;"></textarea>
55+
<br />
56+
<textarea style="width:100%;height:200px;border:1px dashed gray;" id="result" placeholder="No image yet"
57+
style="outline:none;"></textarea>
7658
</span>
7759
</body>
78-
</html>
60+
61+
</html>

0 commit comments

Comments
 (0)