From fc4e3d60d7996452973b249181c69287dd5f99c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Tue, 31 May 2022 15:47:49 +0200
Subject: [PATCH] Web: show more info in the worker details

---
 web/app/src/assets/base.css                    |  5 +++++
 .../src/components/workers/WorkerDetails.vue   | 18 +++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index 639d919a..5d0c4c50 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -461,3 +461,8 @@ section.footer-popup .tabulator .tabulator-tableholder .tabulator-placeholder .t
   color: var(--color-text-hint);
   user-select: none;
 }
+
+span.state-transition-arrow {
+  font-weight: bold;
+  font-size: 110%;
+}
diff --git a/web/app/src/components/workers/WorkerDetails.vue b/web/app/src/components/workers/WorkerDetails.vue
index 77690c86..27dea0ad 100644
--- a/web/app/src/components/workers/WorkerDetails.vue
+++ b/web/app/src/components/workers/WorkerDetails.vue
@@ -10,7 +10,23 @@
       <dd>{{ workerData.nickname }}</dd>
 
       <dt class="field-status">Status</dt>
-      <dd>{{ workerData.status }}</dd>
+      <dd>{{ workerData.status }}
+        <template v-if="workerData.status_requested">
+          <span class='state-transition-arrow'>➜</span> {{ workerData.status_requested }}
+        </template>
+      </dd>
+
+      <dt class="field-version">Version</dt>
+      <dd title="Version of Flamenco">{{ workerData.version }}</dd>
+
+      <dt class="field-ip_address">IP Addr</dt>
+      <dd>{{ workerData.ip_address }}</dd>
+
+      <dt class="field-platform">Platform</dt>
+      <dd>{{ workerData.platform }}</dd>
+
+      <dt class="field-supported_task_types">Task Types</dt>
+      <dd>{{ workerData.supported_task_types.join(', ') }}</dd>
     </dl>
   </template>