From 48b6e297f8adb38a4821f87f69f611bc9286a796 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 9 Apr 2019 00:57:44 +0100
Subject: [PATCH] Replace application tags with PHP version

---
 .../Application/ApplicationCard.vue           | 12 ++++----
 src/components/Application/PhpVersion.vue     | 29 +++++++++++++++++++
 2 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 src/components/Application/PhpVersion.vue

diff --git a/src/components/Application/ApplicationCard.vue b/src/components/Application/ApplicationCard.vue
index 80894f2..ba859f1 100644
--- a/src/components/Application/ApplicationCard.vue
+++ b/src/components/Application/ApplicationCard.vue
@@ -13,7 +13,7 @@
             </div>
           </div>
 
-          <application-tags :type="getApplicationType(application)" :level="application.level" class="mt-6"></application-tags>
+          <php-version class="mt-8" :application="application"></php-version>
         </div>
 
         <div class="flex-none w-1/6 text-right">
@@ -30,11 +30,13 @@
               <router-link :to="{name: 'environments', params: {id: id}}" class="text-blue-300 no-underline hover:underline focus:underline"><h2 class="text-base font-normal mb-1">{{ application.name }}</h2></router-link>
             </div>
 
-            <application-tags :type="getApplicationType(application)" :level="application.level" class="w-1/4 px-2"></application-tags>
-
             <div class="w-2/5 px-2">
               <a href="#0" class="text-blue-300 no-underline hover:underline focus:underline">{{ application.environments['prod'].url }}</a>
             </div>
+
+            <div class="w-1/5 px-2">
+              <php-version :application="application"></php-version>
+            </div>
           </div>
 
           <div class="px-2">
@@ -48,14 +50,14 @@
 
 <script>
 import ApiClient from '@/api-client.js'
-import ApplicationTags from '@/components/Application/ApplicationTags'
+import PhpVersion from '@/components/Application/PhpVersion'
 import StarToggle from '@/components/Application/StarToggle'
 
 export default {
   mixins: [ApiClient],
 
   components: {
-    ApplicationTags,
+    PhpVersion,
     StarToggle
   },
 
diff --git a/src/components/Application/PhpVersion.vue b/src/components/Application/PhpVersion.vue
new file mode 100644
index 0000000..cebb486
--- /dev/null
+++ b/src/components/Application/PhpVersion.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="text-sm flex items-center">
+    <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M1.71 6.86h3.21A2.49 2.49 0 0 1 7 7.67a2.68 2.68 0 0 1 .42 2.19A4.1 4.1 0 0 1 7 11.1a3.55 3.55 0 0 1-.77 1.09A2.6 2.6 0 0 1 5 13a5.92 5.92 0 0 1-1.41.17H2.12l-.45 2.26H0l1.71-8.57m1.41 1.36L2.4 11.8h.31a6.55 6.55 0 0 0 1.91-.22c.52-.17.86-.75 1-1.75.14-.83 0-1.31-.44-1.44a5.52 5.52 0 0 0-1.59-.18zm11.15-1.36h3.21a2.52 2.52 0 0 1 2.05.81A2.75 2.75 0 0 1 20 9.86a4.12 4.12 0 0 1-.38 1.24 3.69 3.69 0 0 1-.76 1.09 2.65 2.65 0 0 1-1.28.79 6.07 6.07 0 0 1-1.42.17h-1.49l-.45 2.26h-1.67l1.72-8.55m1.4 1.36L15 11.8h.31a6.58 6.58 0 0 0 1.92-.22c.51-.17.85-.75 1-1.75.14-.83 0-1.31-.43-1.44a5.64 5.64 0 0 0-1.6-.18zm-7-3.63h1.65l-.44 2.27h1.49a3 3 0 0 1 1.82.51c.41.31.53.92.36 1.81l-.8 4h-1.68l.77-3.79a1.06 1.06 0 0 0-.08-.85c-.12-.17-.4-.25-.82-.25H9.61l-1 4.9H7l1.7-8.6" data-name="Layer 2"/></svg>
+    <span class="ml-1">{{ phpVersion }}</span>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import ApiClient from '@/api-client.js'
+
+export default {
+  mixins: [ApiClient],
+
+  props: {
+    application: Object
+  },
+
+  computed: {
+    phpVersion: function () {
+      if (this.application.type !== 'drupal') {
+        return null
+      }
+
+      return _.get(this.getEnvironment(this.application.id, 'prod'), 'versions.php')
+    }
+  }
+}
+</script>