🐛 fix city display + clean css (#9)

JaouherK · May 22, 2021 · 1262408 · 1262408
1 parent d41411a
commit 1262408
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 945 deletions.
diff --git a/Release/com.jk.weather.streamDeckPlugin b/Release/com.jk.weather.streamDeckPlugin
diff --git a/Sources/com.jk.weather.sdPlugin/pi/main_pi.html b/Sources/com.jk.weather.sdPlugin/pi/main_pi.html
@@ -80,6 +80,21 @@
         </select>
       </div>
 
+      <div class="sdpi-item">
+        <div class="sdpi-item-label">Display city name</div>
+        <select
+          class="sdpi-item-value select"
+          id="displayCity"
+          onchange="updateSettings()"
+        >
+          <option value="0">Hide</option>
+          <option value="1">Show in top left</option>
+          <option value="2">Show in top right</option>
+          <option value="3">Show in bottom left</option>
+          <option value="4">Show in bottom right</option>
+        </select>
+      </div>
+
       <div class="sdpi-item">
         <button class="sdpi-item-value" onclick="openPage(getProviderUrl())">
           Get my API key

diff --git a/Sources/com.jk.weather.sdPlugin/pi/main_pi.js b/Sources/com.jk.weather.sdPlugin/pi/main_pi.js
@@ -42,6 +42,7 @@ function connectElgatoStreamDeckSocket(
       const payload = jsonObj.payload.settings;
       initiateElement("cityName", payload.cityName);
       initiateElement("frequency", payload.frequency, 0);
+      initiateElement("displayCity", payload.displayCity, 0);
       initiateElement("unit", payload.unit, "celsius");
     }
     if (jsonObj.event === "didReceiveGlobalSettings") {
@@ -68,6 +69,9 @@ function updateSettings() {
     payload.cityName = document.getElementById("cityName").value;
     payload.frequency = document.getElementById("frequency").value;
     payload.unit = document.getElementById("unit").value;
+    payload.displayCity = parseInt(
+      document.getElementById("displayCity").value
+    );
     const json = {
       event: "setSettings",
       context: uuid,
@@ -104,7 +108,7 @@ function openPage(site) {
 }
 
 function getProviderUrl() {
-  const provider = document.getElementById("provider").value || 'weatherApi';
+  const provider = document.getElementById("provider").value || "weatherApi";
   let url;
   switch (provider) {
     case "weatherApi":