From ec063895072ef69c5b7b82734cbffe4e133ef83c Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Tue, 12 Dec 2023 17:20:48 -0500
Subject: [PATCH] Grid: PTT

---
 gui/src/components/dynamic_components2.vue |  9 +++++++++
 gui/src/components/grid/grid_ptt.vue       | 11 +++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 gui/src/components/grid/grid_ptt.vue

diff --git a/gui/src/components/dynamic_components2.vue b/gui/src/components/dynamic_components2.vue
index ce1d8bae..1bb46ac3 100644
--- a/gui/src/components/dynamic_components2.vue
+++ b/gui/src/components/dynamic_components2.vue
@@ -19,6 +19,7 @@ import s_meter from "./grid/grid_s-meter.vue";
 import dbfs_meter from "./grid/grid_dbfs.vue";
 import grid_activities from "./grid/grid_activities.vue";
 import grid_button from "./grid/button.vue";
+import grid_ptt from "./grid/grid_ptt.vue";
 import { stateDispatcher } from "../js/eventHandler";
 
 let count = ref(0);
@@ -127,6 +128,14 @@ const gridWidgets = [
     true,
     "Broadcasts",
   ),
+  new gridWidget(
+    grid_ptt,
+    { x: 3, y: 27, w: 2, h: 8 },
+    "PTT indicator",
+    false,
+    true,
+    "Rig",
+  ),
 ];
 onMounted(() => {
   grid = GridStack.init({
diff --git a/gui/src/components/grid/grid_ptt.vue b/gui/src/components/grid/grid_ptt.vue
new file mode 100644
index 00000000..0a42f935
--- /dev/null
+++ b/gui/src/components/grid/grid_ptt.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { setActivePinia } from "pinia";
+import pinia from "../../store/index";
+setActivePinia(pinia);
+
+import { useStateStore } from "../../store/stateStore.js";
+const state = useStateStore(pinia);
+</script>
+<template>
+  <div class="d-flex justify-content-center align-items-center object-fill border rounded w-100 h-100" :class="state.ptt_state === true ? 'text-bg-warning' : 'text-bg-light'">PTT</div>
+</template>