From 50a011941e955eea61a30cdc17896dec54d884da Mon Sep 17 00:00:00 2001
From: Matthew Dinh
<72724975+help-programming-is-hard@users.noreply.github.com>
Date: Tue, 22 Aug 2023 00:24:01 -0700
Subject: [PATCH] Auto stash before merge of "main" and "origin/main"
---
web-app/seafoam/src/index.html | 61 +++++++++++++++++-----------------
web-app/seafoam/src/styles.css | 16 +++++++--
2 files changed, 44 insertions(+), 33 deletions(-)
diff --git a/web-app/seafoam/src/index.html b/web-app/seafoam/src/index.html
index 7ac9de4..fd3fff0 100644
--- a/web-app/seafoam/src/index.html
+++ b/web-app/seafoam/src/index.html
@@ -33,39 +33,39 @@
@@ -408,12 +408,13 @@
document.getElementById("menua1").style.opacity = 1;
document.getElementById("menua1").style.display = "block";
- function setSquare(indx) {
- if (activeSquare != -1) {
- document.getElementById(activeSquare).style.backgroundColor = "#0e141b";
+ function selectSquare(index) {
+ if (selectedSquareIndex != -1) {
+ document.getElementById(selectedSquareIndex).style.backgroundColor = "#0e141b";
}
- activeSquare = parseInt(indx);
- document.getElementById(indx).style.backgroundColor = "#ffffff";
+ selectedSquareIndex = parseInt(index);
+ let selectedSquareDiv = document.getElementById(index);
+ selectedSquareDiv.style.backgroundColor = "#edbdc2";
}
function getRoute() {
var output = generateRoute(activeSquare, allowedOOB, priority, waypointNumber, angleEnable, angle22, angle33);
@@ -461,7 +462,7 @@
document.getElementById("menub1").style.opacity = 1;
}
function moveStep() {
- if (currentStep == 1 && activeSquare == -1) return;
+ if (currentStep == 1 && selectedSquareIndex == -1) return;
if (currentStep == 2) waypointNumber = document.getElementById("wpform").value;
if (currentStep == 3) {
if (document.getElementById("tp").checked) priority = "tp"; else priority = "dens";
diff --git a/web-app/seafoam/src/styles.css b/web-app/seafoam/src/styles.css
index 1b46122..74f1fea 100644
--- a/web-app/seafoam/src/styles.css
+++ b/web-app/seafoam/src/styles.css
@@ -166,17 +166,27 @@ body {
.mapsquare {
display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
width: 5.8rem;
height: 5.8rem;
background-color: #0e141b;
- display: inline-block;
margin: 0.1rem;
- opacity: 0.4;
+ opacity: 0.5;
transition: opacity 0.2s;
}
.mapsquare:hover {
- opacity: 0.7;
+ opacity: 0.8;
+}
+
+#mapboxselectedtext {
+ text-align: center;
+ color: #ffffff;
+ font-size: 1rem;
+ font-weight: 500;
+ opacity: 1;
}
.waypointentry {