Fixes exterior door not highlighting processing properly, rename files for clarity

code/game/machinery/embedded_controller/airlock_controllers.dm

@@ -39,7 +39,7 @@
 /obj/machinery/embedded_controller/radio/airlock/airlock_controller/tgui_interact(mob/user, ui_key = "main", datum/tgui/ui = null, force_open = FALSE, datum/tgui/master_ui = null, datum/tgui_state/state = GLOB.tgui_default_state)
 	ui = SStgui.try_update_ui(user, src, ui_key, ui, force_open)
 	if(!ui)
-		ui = new(user, src, ui_key, "Airlock", name, 470, 290, master_ui, state)
+		ui = new(user, src, ui_key, "ExternalAirlockController", name, 470, 290, master_ui, state)
 		ui.open()
 
 /obj/machinery/embedded_controller/radio/airlock/airlock_controller/tgui_data(mob/user)

code/game/machinery/embedded_controller/embedded_controller_base.dm

@@ -34,7 +34,7 @@
 
 /obj/machinery/embedded_controller/attack_hand(mob/user as mob)
 	if(!user.IsAdvancedToolUser())
-		return 0
+		return FALSE
 	tgui_interact(user)
 
 /obj/machinery/embedded_controller/radio

tgui/packages/tgui/interfaces/ExternalAirlockController.js

@@ -29,7 +29,7 @@ const getStatusColor = val => {
   return statusColor;
 };
 
-export const Airlock = (props, context) => {
+export const ExternalAirlockController = (props, context) => {
   const { act, data } = useBackend(context);
   const {
     chamber_pressure,
@@ -44,8 +44,8 @@ export const Airlock = (props, context) => {
           <LabeledList>
             <LabeledList.Item label="Chamber Pressure">
               <ProgressBar
-                color={getStatusColor(data.chamber_pressure)}
-                value={data.chamber_pressure}
+                color={getStatusColor(chamber_pressure)}
+                value={chamber_pressure}
                 minValue={MIN_BAR_VALUE}
                 maxValue={MAX_BAR_VALUE}>
                 {data.chamber_pressure} kPa
@@ -58,19 +58,19 @@ export const Airlock = (props, context) => {
             <Button
               content={"Cycle to Exterior"}
               icon={"arrow-circle-left"}
-              disabled={data.processing}
+              disabled={processing}
               onClick={() => act("cycle_ext")} />
             <Button
               content={"Cycle to Interior"}
               icon={"arrow-circle-right"}
-              disabled={data.processing}
+              disabled={processing}
               onClick={() => act("cycle_int")} />
           </Box>
           <Box>
             <Button
               content={"Force Exterior Door"}
               icon={"exclamation-triangle"}
-              color={"red"}
+              color={interior_status === "open" ? "red" : data.processing ? "yellow": null}
               onClick={() => act("force_ext")} />
             <Button
               content={"Force Interior Door"}