opdavies/rebuilding-uis
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simplify things

Browse source
This commit is contained in:
Oliver Davies 2019-06-27 12:40:04 +01:00
parent 8e17cc3103
commit 85f4cda716
13 changed files with 63 additions and 348 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/Application/ApplicationCard.vue
View file

@ -9,7 +9,7 @@
</div>
<div class="truncate text-blue-300">
<a href="#0" class="text-inherit no-underline hover:underline focus:underline focus:outline-none">{{ application.environments['prod'].url }}</a>
<a href="#0" class="text-inherit no-underline hover:underline focus:underline focus:outline-none" v-text="prodUrl"/>
</div>
</div>
@ -27,20 +27,22 @@
<div class="flex flex-row-reverse items-center justify-between">
<div class="flex flex-1 justify-between items-center -mx-2">
<div class="flex-1 px-2">
<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 }}" 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 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" v-text="prodUrl"/>
</div>
<div class="w-1/5 px-2">
<php-version :application="application"></php-version>
<php-version :application="application"/>
</div>
</div>
<div class="px-2">
<star-toggle :application="application" :starred="starred" @toggle="starred = !starred"></star-toggle>
<star-toggle :application="application" :starred="starred" @toggle="starred = !starred"/>
</div>
</div>
</div>
@ -49,17 +51,11 @@
</template>
<script>
import ApiClient from '@/api-client.js'
import PhpVersion from '@/components/Application/PhpVersion'
import StarToggle from '@/components/Application/StarToggle'
export default {
mixins: [ApiClient],
components: {
PhpVersion,
StarToggle
},
components: { PhpVersion, StarToggle },
props: {
application: Object,
@ -71,6 +67,12 @@ export default {
return {
starred: false
}
},
computed: {
prodUrl () {
return this.application.environments['prod'].url
}
}
}
</script>