From b199c227da109b3d7bc7e471bc576a589e9524fb Mon Sep 17 00:00:00 2001
From: chillwafflez <ju5t1n.nguy3n284@gmail.com>
Date: Sun, 14 Apr 2024 05:25:14 -0700
Subject: [PATCH] added method in Stop Modal when user clicks yes

---
 src/assets/stop-symbol.png                    | Bin 0 -> 904 bytes
 .../VehicleStatus/EmergencyStopModal.vue      |  18 +++++++++++++-----
 src/views/CamFocus.vue                        |  18 +++++++++++++++++-
 3 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/stop-symbol.png

diff --git a/src/assets/stop-symbol.png b/src/assets/stop-symbol.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc106a9284a63d11fd931f127a2bbdf60c8cd332
GIT binary patch
literal 904
zcmb8u|8Emz90%~v^W3$4u3gK~E->kwCv?=r>JEo<BRa38>$=gEb8bS$gp0-zl+0oV
zOpW7d(dY<?6QXW};Yf7EDC|Z=tC_PTN+b|H!Ng?-IHL^57q<oHzNOU1Kfxbfd4HaK
zp7-<H)2YU*o%UsR0C3hs!}S1&jR<&-#fj!qjV!!stf4BG%VnpgZZ>S1JM;bZNF6&)
z?AUeH>zn@g_`tDH-hZXG`uLNejE%GaaNe45u%Z3%txJ!!=072RJ0*N+ZBCX-F8Ie8
zI2J(hv+1$}&%L^P*YM`ujWZ2u$;p+I3pe}~w{INjPu?Cc-Wlnb9+`XJF?;T-$A!#_
zC^pCi2&7g+Cx9se<YPjEfJCCeVc@Ay2}g=j*Lv1YBJu0oZ|{V<Y|`RCP&rTF4M3WB
z9y-q4nZJ)Or4xhnMIQ4sL_sDpU}UA9K9G@}x=oOfi!PQy!d3`n5Rh_s881-|QA<~`
ziF`skRN$4$J}PwGYhoWs!wy`gbW^8TY;wFX3#(FgDh4ge>wQ*9Q8_uTTI3j0tJ>r!
z6Hx^@%!E{jtf-DeOm!xrOjuo%P}D{GdIRa}m}-O5*D`g6MXzD144WQg;)bBtG7-a}
zhZx_V){SBt7a*7SJkO>5>Fg*@R8JNeMD};L4nK^}3zu;dYT++Vuk&X1o68I``O1~I
z7iffTNL4A<vL)Z#ZGx>lgIo#975@KmtF8Gd9M4V6$5ZE)n}07|vZqOS@R2Xh4xJqL
zr7h{owl&$08t*xsXZ|ubaBEcf3;4~=Wu5?wOP{+x1u`_$>f2}$+h4m9(UBx4k9KMv
zMYC5sPP=Hv_ntNNG$gk@dX={U_Vnx%T!`;~>0NgokXXz8z5*<E|F9t<6G=Wg_?A|n
zXti5~AShb>3n)kwt*N9}V!Oefm}nKdN9&5Ctk>#ye+Yd4%tdklu(vSEZ-e9mMfsT3
z4my&6#gQ@2L)ofV!R*CPmWCA&M{bt+XWbPa+y(g8>=^&kUXE;U50e7Gn<@wREqmYO
zBz=76n&D?=`q+(*Rk%>melHDWSaZJDZvxrg@uORZ3;bsb2l;0qhrWAg#m`&(r|z&n
N12t9g@QIL?`WL^YHlY9j

literal 0
HcmV?d00001

diff --git a/src/components/VehicleStatus/EmergencyStopModal.vue b/src/components/VehicleStatus/EmergencyStopModal.vue
index 3191c46..5462c5a 100644
--- a/src/components/VehicleStatus/EmergencyStopModal.vue
+++ b/src/components/VehicleStatus/EmergencyStopModal.vue
@@ -3,6 +3,7 @@
     <div class="modal-backdrop" @click="closeFromOutside">
       <div class="modal">
         <header class="modal-header">
+          <img src="../../assets/stop-symbol.png" class="stop-icon"></img> 
           <slot name="header">
             Emergency Stop
           </slot>
@@ -17,7 +18,7 @@
   
         <footer class="modal-footer">
           <button type="button" class="modal-button no-button" @click="close"> No </button>
-          <button type="button" class="modal-button yes-button" @click="close"> Yes </button>
+          <button type="button" class="modal-button yes-button" @click="sendStopCommand"> Yes </button>
         </footer>
       </div>
     </div>
@@ -33,6 +34,10 @@
             vehicleName: { required: true, type: String},
         },
         methods: {
+            sendStopCommand() {
+              console.log("Pressed yes to send stop command for " + this.vehicleName);
+              this.close();
+            },
             close() {
                 this.$emit('close');
             },
@@ -74,7 +79,9 @@
   .modal-header {
     position: relative;
     display: flex;
-    justify-content: space-between;
+    /* justify-content: space-between; */
+    gap: 2%;
+    /* padding: 15px; */
     padding: 15px;
 
     font-size: 1.2em;
@@ -157,7 +164,8 @@
     transform: translateY(-40px);
     transition: transform .3s ease;
   }
-  /* .modal-fade-enter-active .modal, 
-  .modal-fade-leave-active .modal {
-  } */
+
+  .stop-icon {
+    width: 5%;
+  }
 </style>    
\ No newline at end of file
diff --git a/src/views/CamFocus.vue b/src/views/CamFocus.vue
index f313f30..085576c 100644
--- a/src/views/CamFocus.vue
+++ b/src/views/CamFocus.vue
@@ -8,6 +8,7 @@ const cameraID = Number(route.params.id); // Assuming we're using camera Number
 </script>
 
 <template>
+  <div class="cam-focus-screen-div">
     <div class="camera-container">
         <div class="camera-wrapper">
             <router-link to="/" class="back">Back</router-link>
@@ -15,11 +16,21 @@ const cameraID = Number(route.params.id); // Assuming we're using camera Number
             <!-- Back button -->
         </div>
     </div>
+
+    <div class="vehicle-info-container"></div>
+</div>
 </template>
   
 <style scoped>
+.cam-focus-screen-div {
+    display:flex;
+    height: 90vh; 
+    width: 100%;
+}
+
 .camera-container {
-    height: 90vh; /* Set the height of the container to 100% of the viewport height */
+    /* height: 90vh;  */
+    height: 100%; 
     width: 75%;
     display: flex; /* Use flexbox to align items vertically */
     justify-content: center; /* Center the child element horizontally */
@@ -40,4 +51,9 @@ const cameraID = Number(route.params.id); // Assuming we're using camera Number
     color: black;
     cursor: pointer;
   }
+  .vehicle-info-container {
+    height: 100%; 
+    width: 25%;
+    /* background-color: pink; */
+}
 </style>
\ No newline at end of file