66 lines
2.8 KiB
Vue
66 lines
2.8 KiB
Vue
|
<template>
|
||
|
|
<div class="mb-6">
|
||
|
|
<div class="flex flex-wrap -mx-4 -mb-6">
|
||
|
|
<div v-for="environment in environments" class="w-1/3 px-4 mb-6">
|
||
|
|
<div class="border border-grey rounded overflow-hidden">
|
||
|
|
<div class="bg-white">
|
||
|
|
<div class="border-t-4 border-teal p-4">
|
||
|
|
<h2 class="text-grey-darkest mb-1">{{ environment.name }}</h2>
|
||
|
|
<div class="text-grey-darker mb-2">{{ environment.url }}</div>
|
||
|
|
<div class="text-grey-darker">{{ environment.label }}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-light hover:bg-blue-dark focus:bg-blue-dark focus:outline-none focus:underline text-sm w-full text-left">
|
||
|
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="icons.symbol.svg#objects__grip-handle"></use></svg>
|
||
|
|
<span class="flex-1">Code</span>
|
||
|
|
<span class="border-l border-grey p-2">
|
||
|
|
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="icons.symbol.svg#actions__switch"></use></svg>
|
||
|
|
</span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-light hover:bg-blue-dark focus:bg-blue-dark focus:outline-none focus:underline text-sm w-full text-left border-t border-grey">
|
||
|
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="icons.symbol.svg#objects__grip-handle"></use></svg>
|
||
|
|
<span class="flex-1">Databases</span>
|
||
|
|
<span class="border-l border-grey p-2">
|
||
|
|
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="icons.symbol.svg#actions__backup"></use></svg>
|
||
|
|
</span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button type="button" class="flex items-center text-white bg-blue-light hover:bg-blue-dark focus:bg-blue-dark focus:outline-none focus:underline px-1 py-3 text-sm w-full text-left border-t border-grey">
|
||
|
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="icons.symbol.svg#objects__grip-handle"></use></svg>
|
||
|
|
Files
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
environments: [
|
||
|
|
{
|
||
|
|
name: 'Dev',
|
||
|
|
url: 'dev.rebuilding-acquia.com',
|
||
|
|
label: 'develop'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'Stage',
|
||
|
|
url: 'stg.rebuilding-acquia.com',
|
||
|
|
label: 'master'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'Prod',
|
||
|
|
url: 'rebuilding-acquia.com',
|
||
|
|
label: 'tags/2018-12-21'
|
||
|
|
},
|
||
|
|
],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|