Replace application tags with PHP version
This commit is contained in:
parent
2326e8eab7
commit
48b6e297f8
|
@ -13,7 +13,7 @@
|
||||||
</div>
|
</div>
|
||||||
</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>
|
||||||
|
|
||||||
<div class="flex-none w-1/6 text-right">
|
<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>
|
<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>
|
</div>
|
||||||
|
|
||||||
<application-tags :type="getApplicationType(application)" :level="application.level" class="w-1/4 px-2"></application-tags>
|
|
||||||
|
|
||||||
<div class="w-2/5 px-2">
|
<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>
|
<a href="#0" class="text-blue-300 no-underline hover:underline focus:underline">{{ application.environments['prod'].url }}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="w-1/5 px-2">
|
||||||
|
<php-version :application="application"></php-version>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="px-2">
|
<div class="px-2">
|
||||||
|
@ -48,14 +50,14 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ApiClient from '@/api-client.js'
|
import ApiClient from '@/api-client.js'
|
||||||
import ApplicationTags from '@/components/Application/ApplicationTags'
|
import PhpVersion from '@/components/Application/PhpVersion'
|
||||||
import StarToggle from '@/components/Application/StarToggle'
|
import StarToggle from '@/components/Application/StarToggle'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
mixins: [ApiClient],
|
mixins: [ApiClient],
|
||||||
|
|
||||||
components: {
|
components: {
|
||||||
ApplicationTags,
|
PhpVersion,
|
||||||
StarToggle
|
StarToggle
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
29
src/components/Application/PhpVersion.vue
Normal file
29
src/components/Application/PhpVersion.vue
Normal file
|
@ -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>
|
Reference in a new issue