From 0cb1d52718fe6d1f57b5ffc4d21822b396abdd55 Mon Sep 17 00:00:00 2001
From: Denis Gukov <denguk@gmail.com>
Date: Sun, 8 Dec 2024 17:45:01 +0500
Subject: [PATCH] feat(ui): terraform backend mock

---
 .../template/TemplateTerraformState.vue       | 109 +++---------------
 1 file changed, 13 insertions(+), 96 deletions(-)

diff --git a/web/src/views/project/template/TemplateTerraformState.vue b/web/src/views/project/template/TemplateTerraformState.vue
index 182432508..eecd788ea 100644
--- a/web/src/views/project/template/TemplateTerraformState.vue
+++ b/web/src/views/project/template/TemplateTerraformState.vue
@@ -1,99 +1,19 @@
 <template>
-  <v-container fluid class="pb-0">
-    <v-alert
-      text
-      type="info"
-      class="mb-0 ml-4 mr-4 mb-2"
-      v-if="template.description"
-    >{{ template.description }}
-    </v-alert>
-
-    <v-row>
-      <v-col>
-        <v-list subheader>
-          <v-list-item>
-            <v-list-item-icon>
-              <v-icon>mdi-book-play</v-icon>
-            </v-list-item-icon>
-
-            <v-list-item-content>
-              <v-list-item-title>{{ $t('playbook') }}</v-list-item-title>
-              <v-list-item-subtitle>{{ template.playbook }}</v-list-item-subtitle>
-            </v-list-item-content>
-          </v-list-item>
-        </v-list>
-      </v-col>
-      <v-col>
-        <v-list subheader>
-          <v-list-item>
-            <v-list-item-icon>
-              <v-icon>{{ TEMPLATE_TYPE_ICONS[template.type] }}</v-icon>
-            </v-list-item-icon>
-
-            <v-list-item-content>
-              <v-list-item-title>{{ $t('type') }}</v-list-item-title>
-              <v-list-item-subtitle>{{ $t(TEMPLATE_TYPE_TITLES[template.type]) }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
-          </v-list-item>
-        </v-list>
-      </v-col>
-      <v-col>
-        <v-list subheader>
-          <v-list-item>
-            <v-list-item-icon>
-              <v-icon>mdi-monitor</v-icon>
-            </v-list-item-icon>
-
-            <v-list-item-content>
-              <v-list-item-title>{{ $t('inventory') }}</v-list-item-title>
-              <v-list-item-subtitle>
-                {{ (inventory.find((x) => x.id === template.inventory_id) || {name: '—'}).name }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
-          </v-list-item>
-        </v-list>
-      </v-col>
-      <v-col>
-        <v-list subheader>
-          <v-list-item>
-            <v-list-item-icon>
-              <v-icon>mdi-code-braces</v-icon>
-            </v-list-item-icon>
-            <v-list-item-content>
-              <v-list-item-title>{{ $t('environment') }}</v-list-item-title>
-              <v-list-item-subtitle>
-                {{ environment.find((x) => x.id === template.environment_id).name }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
-          </v-list-item>
-        </v-list>
-      </v-col>
-      <v-col>
-        <v-list subheader>
-          <v-list-item>
-            <v-list-item-icon>
-              <v-icon>mdi-git</v-icon>
-            </v-list-item-icon>
-            <v-list-item-content>
-              <v-list-item-title>{{ $t('repository2') }}</v-list-item-title>
-              <v-list-item-subtitle>
-                {{ repositories.find((x) => x.id === template.repository_id).name }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
-          </v-list-item>
-        </v-list>
-      </v-col>
-    </v-row>
-  </v-container>
-
+  <v-alert
+    type="info"
+    text
+    color="hsl(348deg, 86%, 61%)"
+    style="border-radius: 0;"
+  >
+    Terraform/OpenTofu HTTP backend available only in <b>PRO</b> version.
+    <v-btn
+      class="ml-2"
+      color="hsl(348deg, 86%, 61%)"
+      href="https://semaphoreui.com/pro"
+    >Upgrade</v-btn>
+  </v-alert>
 </template>
 <script>
-import {
-  TEMPLATE_TYPE_ACTION_TITLES,
-  TEMPLATE_TYPE_ICONS,
-  TEMPLATE_TYPE_TITLES,
-} from '@/lib/constants';
 
 export default {
   props: {
@@ -104,9 +24,6 @@ export default {
   },
   data() {
     return {
-      TEMPLATE_TYPE_ICONS,
-      TEMPLATE_TYPE_TITLES,
-      TEMPLATE_TYPE_ACTION_TITLES,
     };
   },
 };