8000 Disable/enable buttons · kevincon/circuitpython@eeb9b78 · GitHub
[go: up one dir, main page]

Skip to content

Commit eeb9b78

Browse files
committed
Disable/enable buttons
1 parent d6eaaaf commit eeb9b78

File tree

2 files changed

+24
-5
lines changed

2 files changed

+24
-5
lines changed

supervisor/shared/web_workflow/web_workflow.c

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -500,7 +500,7 @@ static void _reply_directory_html(socketpool_socket_obj_t *socket, FF_DIR *dir,
500500
}
501501
_send_chunk(socket, "</pre><hr><input type=\"file\" id=\"files\" multiple><button type=\"submit\" id=\"upload\">Upload</button>");
502502

503-
_send_chunk(socket, "<hr>+🗀<input type=\"text\" id=\"name\"><button type=\"submit\" id=\"mkdir\">Create Directory</button>");
503+
_send_chunk(socket, "<hr>+🗀 <input type=\"text\" id=\"name\"><button type=\"submit\" id=\"mkdir\">Create Directory</button>");
504504
_send_chunk(socket, "</body></html>");
505505
_send_chunk(socket, "");
506506
}

tools/circuitpython.js

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,44 @@
11
console.log("Hello world");
22

3+
let new_directory_name = document.getElementById("name");
4+
let files = document.getElementById("files");
5+
6+
37
function mkdir(e) {
48
console.log("mkdir");
59
console.log(e);
610
}
711

812
function upload(e) {
913
console.log("upload");
10-
console.log(e);
14+
console.log(files.files);
1115
}
1216

1317
function del(e) {
1418
console.log("delete");
1519
console.log(e);
16-
if (confirm("Delete" + e.target.value + "?")) {
20+
if (confirm("Delete " + e.target.value + " and all of its contents?")) {
1721
console.log("do it");
1822
}
1923
}
2024

21-
document.getElementById("mkdir").onclick = mkdir;
22-
document.getElementById("upload").onclick = upload;
25+
let mkdir_button = document.getElementById("mkdir");
26+
mkdir_button.onclick = mkdir;
27+
28+
let upload_button = document.getElementById("upload");
29+
upload_button.onclick = upload;
30+
31+
upload_button.disabled = files.files.length == 0;
32+
33+
files.onchange = () => {
34+
upload_button.disabled = files.files.length == 0;
35+
}
36+
37+
mkdir_button.disabled = new_directory_name.value.length == 0;
38+
39+
new_directory_name.oninput = () => {
40+
mkdir_button.disabled = new_directory_name.value.length == 0;
41+
}
2342

2443
const collection = document.getElementsByClassName("delete");
2544
for (let i = 0; i < collection.length; i++) {

0 commit comments

Comments
 (0)
0