summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorache <ache@ache.one>2019-02-22 06:08:16 +0100
committerache <ache@ache.one>2019-02-22 06:08:16 +0100
commitb08df41e666368e8812ca1b4f864d6e532ff4ab8 (patch)
tree7563d7e5fbf9a2f539cb172edde39e2c3a8d7fc4
parentdelete in the HMI (diff)
Design improove
-rw-r--r--dir.html23
1 files changed, 17 insertions, 6 deletions
diff --git a/dir.html b/dir.html
index feff38b..592f8f5 100644
--- a/dir.html
+++ b/dir.html
@@ -4,12 +4,12 @@
{{if .Name}}<title>{{ .Name }}</title>{{end}}
</head>
<body>
-<h1>Index of {{ .Name }}</h1><br>
+<h1>πŸ¦„ Index of {{ .Name }} 🌈</h1><br>
<section id="main">
<table>
<tbody>
{{range .ListFiles}}
- <tr><td><a href="{{ .Path }}">{{ .Name }}</a></td><td>{{ .SizePrint }}</td></tr>
+ <tr><td><a href="{{ .Path | formatURL }}">{{ .Name }}</a></td><td>{{ .Size | formatSize }}</td></tr>
{{end}}
</tbody>
</table>
@@ -25,7 +25,7 @@
</section>
<section id="dav">
<div class="uploadDiv">
- <label for="fileinput">Select File</label>
+ <label for="fileinput">SΓ©lectionner un fichier : </label><br/>
<input id="fileinput" type="file">
</div>
<div class="mkdirDiv">
@@ -107,7 +107,7 @@ const onPageLoad = () => {
as.forEach( e => {
const a = document.createElement('a');
const td = document.createElement('td');
- a.appendChild(document.createTextNode('X'));
+ a.appendChild(document.createTextNode('πŸ—™'));
a.classList.add('delete');
a.href = "#";
a.onclick = () => false;
@@ -126,7 +126,7 @@ window.addEventListener('load', onPageLoad, false);
<style>
body {
display: grid;
- grid-template-columns: calc(100% / 6) calc(100% / 3 + 100% / 6) calc(100%/3);
+ grid-template-columns: calc(100% / 5) calc(100% / 2.5 + 100% / 5 ) calc(100%/5);
grid-template-areas: "h h h"
"nav main dav"
"nav f f";
@@ -134,20 +134,31 @@ body {
h1 {
grid-area: h;
- background-color: #8ca0ff;
}
#nav {
grid-area: nav;
background-color: #ffa0fc;
+ margin: 1%;
+}
+#nav table {
+ margin: 20px;
}
#main {
grid-area: main;
background-color: #00ff64;
+ margin: 1%;
+}
+#main table {
+ margin: 20px;
}
#dav {
grid-area: dav;
background-color: #ff0f64;
+ margin: 1%;
+}
+#dav .uploadDiv {
+ margin: 20px;
}
#footer {