2019-04-09 00:37:07 +00:00
|
|
|
<template>
|
2019-04-09 12:11:41 +00:00
|
|
|
<div class="py-1">
|
2019-04-09 00:37:07 +00:00
|
|
|
<ul class="flex -ml-3">
|
|
|
|
<li class="flex items-center ml-3">
|
|
|
|
<div class="flex flex-col-reverse">
|
2019-04-09 01:27:14 +00:00
|
|
|
<span class="text-gray-700 uppercase text-sm">Organisation</span>
|
2019-04-09 01:07:46 +00:00
|
|
|
<span v-if="!selectedOrganisation" class="font-bold block mb-1">All</span>
|
2019-04-09 12:07:17 +00:00
|
|
|
<router-link v-else :to="{name: 'applications'}" class="font-bold block mb-1 hover:text-blue-400 whitespace-no-wrap" v-text="selectedOrganisation"></router-link>
|
2019-04-09 00:37:07 +00:00
|
|
|
</div>
|
|
|
|
<svg class="ml-3" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.94 19.73L15.6 10 5.94.27A.88.88 0 0 0 5.3 0a.89.89 0 0 0-.65 1.51L13.06 10l-8.41 8.49a.89.89 0 0 0 1.29 1.24z"/></svg>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li class="flex items-center ml-3">
|
|
|
|
<div class="flex flex-col-reverse">
|
2019-04-09 01:27:14 +00:00
|
|
|
<span class="text-gray-700 uppercase text-sm">Application</span>
|
2019-04-09 01:07:46 +00:00
|
|
|
<span v-if="!selectedOrganisation" class="font-bold block mb-1">All</span>
|
2019-04-09 12:07:17 +00:00
|
|
|
<router-link v-else :to="{name: 'environments'}" class="font-bold block mb-1 hover:text-blue-400 whitespace-no-wrap" v-text="selectedApplication"></router-link>
|
2019-04-09 00:37:07 +00:00
|
|
|
</div>
|
|
|
|
<svg class="ml-3" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.94 19.73L15.6 10 5.94.27A.88.88 0 0 0 5.3 0a.89.89 0 0 0-.65 1.51L13.06 10l-8.41 8.49a.89.89 0 0 0 1.29 1.24z"/></svg>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li class="flex items-center ml-3">
|
|
|
|
<div class="flex flex-col-reverse">
|
2019-04-09 01:27:14 +00:00
|
|
|
<span class="text-gray-700 uppercase text-sm">Environment</span>
|
2019-04-09 00:37:07 +00:00
|
|
|
<span class="font-bold block mb-1">{{ selectedEnvironment || '--' }}</span>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
application: Object,
|
|
|
|
environment: {
|
|
|
|
type: Object,
|
|
|
|
required: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
2019-04-09 21:07:07 +00:00
|
|
|
selectedOrganisation: function () {
|
2019-04-09 00:37:07 +00:00
|
|
|
if (!this.application) {
|
|
|
|
return 'All'
|
|
|
|
}
|
|
|
|
|
2019-04-09 21:07:07 +00:00
|
|
|
return 'Rebuilding Acquia'
|
|
|
|
},
|
|
|
|
|
|
|
|
selectedApplication: function () {
|
|
|
|
if (!this.application) {
|
|
|
|
return null
|
|
|
|
}
|
|
|
|
|
2019-04-09 00:37:07 +00:00
|
|
|
return this.application.name
|
|
|
|
},
|
|
|
|
|
|
|
|
selectedEnvironment: function () {
|
2019-04-09 01:07:46 +00:00
|
|
|
if (!this.application) {
|
2019-04-09 00:37:07 +00:00
|
|
|
return null
|
|
|
|
}
|
|
|
|
|
2019-04-09 01:07:46 +00:00
|
|
|
if (!this.environment) {
|
|
|
|
return 'All'
|
|
|
|
}
|
|
|
|
|
2019-04-09 00:37:07 +00:00
|
|
|
return this.environment.name
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|