96 lines
4.5 KiB
Vue
96 lines
4.5 KiB
Vue
<template>
|
|
<show-page>
|
|
<template #header>
|
|
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
|
|
<bread-crumb text="Autos" :href="route('cars')" />
|
|
{{ car.name }}
|
|
</h2>
|
|
</template>
|
|
<template #info>
|
|
<car-card :car="car" />
|
|
</template>
|
|
<template #actions>
|
|
<edit-button v-if="!car.deleted_at" :href="route('cars.destroy', car.id)" />
|
|
<delete-button v-if="!car.deleted_at" :href="route('cars.destroy', car.id)" />
|
|
<restore-button v-if="car.deleted_at" :href="route('cars.restore', car.id)" />
|
|
<div v-if="car.deleted_at">
|
|
gelöscht: {{ car.deleted_at }}
|
|
</div>
|
|
</template>
|
|
<template #more>
|
|
<div class="sm:px-6 lg:px-8 col-span-6 xs:col-span-12">
|
|
<div class="whitespace-nowrap">
|
|
<h1 class="font-bold text-3xl">{{ car.buy_contracts.total > 1 ? car.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1>
|
|
</div>
|
|
<div v-for="contract in car.buy_contracts.data" :key="contract.id">
|
|
<buy-contract-card :contract="contract"/>
|
|
</div>
|
|
<div v-if="!car.deleted_at && car.buy_contracts.total <= car.sell_contracts.total">
|
|
<inertia-link :href="route('contracts.create_from_car', car.id)" class="w-full py-6 mt-12 inline-flex items-center px-4 bg-green-800 border border-transparent rounded-md font-semibold justify-center text-md text-white uppercase tracking-widest hover:bg-green-700 focus:outline-none focus:border-green-900 focus:ring focus:ring-green-300 disabled:opacity-25 transition" >
|
|
<unicon fill="white" class="mr-1" height="22" width="22" name="plus-circle"></unicon>
|
|
Neuer Ankaufsvertrag
|
|
</inertia-link>
|
|
</div>
|
|
</div>
|
|
<div class="sm:px-6 lg:px-8 col-span-6 xs:col-span-12">
|
|
<div class="whitespace-nowrap">
|
|
<h1 class="font-bold text-3xl">{{ car.sell_contracts.total > 1 ? car.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1>
|
|
</div>
|
|
<div v-for="contract in car.sell_contracts.data" :key="contract.id">
|
|
<sell-contract-card :contract="contract"/>
|
|
</div>
|
|
<div v-if="!car.deleted_at && car.buy_contracts.total > car.sell_contracts.total">
|
|
<inertia-link :href="route('contracts.create_from_car', car.id)" class="py-6 w-full mt-12 inline-flex items-center px-4 bg-green-800 border border-transparent rounded-md font-semibold justify-center text-md text-white uppercase tracking-widest hover:bg-green-700 focus:outline-none focus:border-green-900 focus:ring focus:ring-green-300 disabled:opacity-25 transition" >
|
|
<unicon fill="white" class="mr-1" height="22" width="22" name="plus-circle"></unicon>
|
|
Neuer Verkaufssvertrag
|
|
</inertia-link>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</show-page>
|
|
</template>
|
|
|
|
<script>
|
|
import ShowPage from '@/Components/ShowPage.vue'
|
|
import BreadCrumb from '@/Components/BreadCrumb.vue'
|
|
import SimpleTable from '@/Components/SimpleTable.vue'
|
|
import CarCard from '@/Components/CarCard.vue'
|
|
import BuyContractCard from '@/Components/BuyContractCard.vue'
|
|
import SellContractCard from '@/Components/SellContractCard.vue'
|
|
import EditButton from '@/Components/Buttons/EditButton.vue'
|
|
import DeleteButton from '@/Components/Buttons/DeleteButton.vue'
|
|
import RestoreButton from '@/Components/Buttons/RestoreButton.vue'
|
|
|
|
export default {
|
|
components: {
|
|
ShowPage,
|
|
BreadCrumb,
|
|
SimpleTable,
|
|
CarCard,
|
|
BuyContractCard,
|
|
SellContractCard,
|
|
EditButton,
|
|
DeleteButton,
|
|
RestoreButton,
|
|
},
|
|
props: {
|
|
car: Object,
|
|
},
|
|
data() {
|
|
return {
|
|
currentRoute: 'cars.show',
|
|
buyContractsColumns: [
|
|
{key: 'contact', value: 'Verkäufer'},
|
|
{key: 'date', value: 'Kaufdatum'},
|
|
{key: 'price', value: 'Kaufpreis'},
|
|
],
|
|
sellContractsColumns: [
|
|
{key: 'contact', value: 'Käufer'},
|
|
{key: 'date', value: 'Verkaufsdatum'},
|
|
{key: 'price', value: 'Verkaufspreis'},
|
|
{key: 'insurance_type', value: 'Versicherungstyp'},
|
|
],
|
|
}
|
|
},
|
|
}
|
|
</script> |