esp_messenger/pc_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: esp_messenger:246a08b941bd1d8313011696224f7f6389b06078
Branches Tags
esp_messenger:main
...
compare: esp_messenger:4dbbb638f184aa2320120ee4109af244a0997837
Branches Tags
esp_messenger:main

2 Commits
246a08b941 ... 4dbbb638f1

Author SHA1 Message Date
AndreyDanyliuk
4dbbb638f1 Design compatibility with smaller window sizes 2026-06-11 15:51:51 +02:00
AndreyDanyliuk
058df3f459 Design compatibility with smaller window sizes 2026-06-11 15:51:30 +02:00
3 changed files with 41 additions and 25 deletions
Expand all files Collapse all files

29
front/index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="script-src 'self';" /> <!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';" /> -->
<title>ESP communication</title> <title>ESP communication</title>
<style> <style>
body { body {
@@ -17,6 +17,7 @@
} }
.connection-management { .connection-management {
display: flex; display: flex;
flex-direction: row;
gap: 5px; gap: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
@@ -39,6 +40,24 @@
flex-grow: 1; flex-grow: 1;
} }
.actionbuttons {
display: flex;
gap: 5px;
flex-grow: 1
}
#port-select {
min-width: 0px;
}
#sender {
min-width: 0px;
}
#console-input {
min-width: 0px;
}
.p-console { .p-console {
width: 100%; width: 100%;
} }
@@ -92,6 +111,11 @@
background-color: blue; background-color: blue;
color: white; color: white;
} }
@media screen and (max-width: 380px) {
.connection-management {
flex-direction: column;
}
}
</style> </style>
</head> </head>
@@ -100,6 +124,7 @@
<select id="port-select"> <select id="port-select">
<option value="" disabled>No ports found</option> <option value="" disabled>No ports found</option>
</select> </select>
<div class="actionbuttons">
<button id="rescan" onclick="listSerialPorts()">Rescan</button> <button id="rescan" onclick="listSerialPorts()">Rescan</button>
<button id="open-button" onclick="openConnection()">Open</button> <button id="open-button" onclick="openConnection()">Open</button>
<button <button
@@ -109,8 +134,10 @@
> >
Close Close
</button> </button>
<div style="flex-grow: 1;"></div>
<button id="clear-button" onclick="clearConsole()">Clear console</button> <button id="clear-button" onclick="clearConsole()">Clear console</button>
</div> </div>
</div>
<div id="inner-console"></div> <div id="inner-console"></div>
<div class="console-management"> <div class="console-management">
<div> <div>

34
package-lock.json generated
View File

@@ -719,15 +719,6 @@
"proxy-from-env": "^2.1.0" "proxy-from-env": "^2.1.0"
} }
}, },
"node_modules/buffer-crc32": {
"version": "0.2.13",
"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
"integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
"dev": true,
"engines": {
"node": "*"
}
},
"node_modules/call-bind-apply-helpers": { "node_modules/call-bind-apply-helpers": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -1157,15 +1148,6 @@
"@types/yauzl": "^2.9.1" "@types/yauzl": "^2.9.1"
} }
}, },
"node_modules/fd-slicer": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
"integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
"dev": true,
"dependencies": {
"pend": "~1.2.0"
}
},
"node_modules/fdir": { "node_modules/fdir": {
"version": "6.5.0", "version": "6.5.0",
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1805,7 +1787,8 @@
"version": "1.2.0", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
"integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==", "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
"dev": true "dev": true,
"license": "MIT"
}, },
"node_modules/picocolors": { "node_modules/picocolors": {
"version": "1.1.1", "version": "1.1.1",
@@ -2334,13 +2317,16 @@
} }
}, },
"node_modules/yauzl": { "node_modules/yauzl": {
"version": "2.10.0", "version": "3.4.0",
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz", "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-3.4.0.tgz",
"integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==", "integrity": "sha512-jIH9yLR9wqr0wOS0TpBvo/g/2UgZH5qePVbjgRliiF0BYvOZyaBknKsF+x9Iht0O6sqgnB93rCICdOZFecJuDw==",
"dev": true, "dev": true,
"license": "MIT",
"dependencies": { "dependencies": {
"buffer-crc32": "~0.2.3", "pend": "~1.2.0"
"fd-slicer": "~1.1.0" },
"engines": {
"node": ">=12"
} }
} }
} }

3
package.json
View File

@@ -23,6 +23,9 @@
], ],
"author": "GitHub", "author": "GitHub",
"license": "CC0-1.0", "license": "CC0-1.0",
"overrides": {
"yauzl": "^3.3.1"
},
"devDependencies": { "devDependencies": {
"@vitejs/plugin-react": "^6.0.2", "@vitejs/plugin-react": "^6.0.2",
"concurrently": "^10.0.3", "concurrently": "^10.0.3",