Working slider, resets after sliding

2022-12-27 16:39:07 +01:00 · 2022-12-27 16:39:07 +01:00 · 7ae2c22077
commit 7ae2c22077
2 changed files with 64 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -0,0 +1,42 @@
+const http = require('http'),
+      fs = require('fs');
+const { exec } = require('child_process');
+const { parse } = require('querystring');
+
+function setBrightness(display, value, res) {
+  exec(`setbrightness "${value}"`, (error, stdout, stderr) => {
+    if (error) {
+      console.error(`exec error: ${error}`);
+      return;
+    }
+    console.log(`stdout: ${stdout}`);
+    console.log(`stderr: ${stderr}`);
+    // Redirect the client back to the main page after the command has run
+    res.writeHead(303, { Location: '/' });
+    res.end();
+  });
+}
+
+http.createServer((req, res) => {
+  if (req.url.startsWith('/button_pressed?')) {
+    // Parse the query string from the request URL
+    const query = req.url.split('?')[1];
+    // Read the brightness value from the query string
+    //const brightness = query.brightness;
+    // Set the brightness using the value from the slider
+    setBrightness(1, query, res);
+  } else if (req.url === '/') {
+    // Send the form when the root URL is requested
+    let item = fs.readFile('./index.html', function(err, html) {
+        if (err) {
+            throw err; 
+        }
+        else {
+            res.writeHead(200, { 'Content-Type': 'text/html' });
+            res.end(html);
+          }
+    });
+  }
+}).listen(5000);
+
+console.log('Server listening on port 5000');
--- a/index.html
+++ b/index.html
@ -0,0 +1,22 @@
+<head>
+    <body>
+        <form action="/button_pressed" method="get">
+            <label for="brightness">Brightness:</label>
+            <input type="range" id="brightness" name="brightness" min="0" max="100" onmouseup="updateBrightness(this.value)" ontouchend="updateBrightness(this.value)">
+            <output id="brightness-value"></output>
+            </form>
+              <script>
+                function updateBrightness(value) {
+                  document.querySelector('#brightness-value').innerHTML = value;
+                  window.location.href = '/button_pressed?' + value;
+                }
+        
+                function submitForm(event) {
+                  // Prevent the default form submission behavior
+                  event.preventDefault();
+                  // Submit the form manually
+                  document.querySelector('form').submit();
+                }
+              </script>
+    </body>
+</head>