nadim
/
automngr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change car view

shift-build-2464
Nadim Salloum 2021-05-26 22:56:37 +03:00
parent 1d1633ab81
commit 62c9ce7525
13 changed files with 311 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
app/Http/Controllers/CarController.php
View File

@ -6,16 +6,18 @@ use App\Models\Car;
use Inertia\Inertia;
use App\Models\Brand;
use App\Models\Contract;
use App\Enums\ContractType;
use App\Enums\InsuranceType;
use Illuminate\Http\Request;
use Illuminate\Validation\Rule;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Redirect;
class CarController extends Controller
{
public function index(Request $request)
{
return $this->renderCarsList($request, Car::query(), 'Cars/Index');
return $this->renderCarsList($request, Car::withContractCount(), 'Cars/Index');
}
public function unsold(Request $request)
@ -25,12 +27,13 @@ class CarController extends Controller
public function sold(Request $request)
{
return $this->renderCarsList($request, Car::soldOnly(), 'Cars/Sold');
return $this->renderCarsList($request, Car::soldOnly(), 'Cars/Sold', 'sell_contract.date');
}
private function renderCarsList(Request $request, $cars, string $renderPage) {
$direction = $this->getDirection($request);
$sortBy = $this->getSortBy($request);
private function renderCarsList(Request $request, $cars, string $renderPage, string $defaultSort = 'buy_contract.date') {
$direction = $this->getDirection($request, 'desc');
$sortBy = $this->getSortBy($request, $defaultSort);
$cars = $this->getWithCustomSort($cars, $sortBy, $direction);
return Inertia::render($renderPage, [
@ -46,11 +49,12 @@ class CarController extends Controller
'id' => $car->id,
'stammnummer' => $car->stammnummer,
'vin' => $car->vin,
'buy_contract' => $this->getContractFields($car->latestBuyContract),
'sell_contract' => $this->getContractFields($car->latestSellContract),
'buy_contract' => $this->getContractFields($car->latestBuyContract()),
'sell_contract' => $car->isSold() ? $this->getContractFields($car->latestSellContract()) : null,
'profit' => $car->latestProfit(),
'car_model' => $car->carModel->only('name'),
'name' => $car->name,
'initial_date' => $car->initial_date,
'initial_date' => $car->initial_date_formatted,
'deleted_at' => $car->deleted_at,
'link' => route('cars.show', $car),
]),
@ -65,7 +69,7 @@ class CarController extends Controller
return [
'id' => $contract->id,
'date' => $contract->date,
'price' => $contract->price,
'price' => $contract->price->format(),
'type' => $contract->type,
'insurance_type' => InsuranceType::fromValue((int)$contract->insurance_type)->key,
'contact' => [
@ -89,23 +93,67 @@ class CarController extends Controller
private function getWithCustomSort($cars, string $sortBy, string $direction)
{
switch($sortBy) {
case 'name':
return $cars
->leftJoin('car_models', 'cars.car_model_id', '=', 'car_models.id')
->leftJoin('brands', 'car_models.brand_id', '=', 'brands.id')
->orderBy('brands.name', $direction)
->orderBy('car_models.name', $direction);
case 'initial_date':
return $cars->orderBy('initial_date', $direction);
case 'stammnummer':
return $cars->orderBy('stammnummer', $direction);
case 'buy_contract.date':
return $cars
->leftJoin('contracts', function($join) {
$join->on('contracts.car_id', '=', 'cars.id')
->on('contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '0' order by date desc limit 1)"));
})
->orderBy('contracts.date', $direction);
case 'buy_contract.price':
return $cars
->leftJoin('contracts', function($join) {
$join->on('contracts.car_id', '=', 'cars.id')
->on('contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '0' order by date desc limit 1)"));
})
->orderBy('contracts.price', $direction);
case 'sell_contract.date':
return $cars
->leftJoin('contracts', function($join) {
$join->on('contracts.car_id', '=', 'cars.id')
->on('contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '1' order by date desc limit 1)"));
})
->orderBy('contracts.date', $direction);
case 'sell_contract.price':
return $cars
->leftJoin('contracts', function($join) {
$join->on('contracts.car_id', '=', 'cars.id')
->on('contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '1' order by date desc limit 1)"));
})
->orderBy('contracts.price', $direction);
case 'profit':
return $cars
->leftJoin('contracts as buy_contracts', function($join) {
$join->on('buy_contracts.car_id', '=', 'cars.id')
->on('buy_contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '0' order by date desc limit 1)"));
})
->leftJoin('contracts as sell_contracts', function($join) {
$join->on('sell_contracts.car_id', '=', 'cars.id')
->on('sell_contracts.id', '=', DB::raw("(SELECT id from contracts WHERE contracts.car_id = cars.id and type = '1' order by date desc limit 1)"));
})
->orderByRaw('(sell_contracts.price - buy_contracts.price) ' . $direction);
default:
//return $cars->orderByName($direction);
return $cars->orderBy('initial_date', $direction);
}
}
private function getSortBy(Request $request)
private function getSortBy(Request $request, $defaultSort)
{
if ($request->has('sortby')) {
return $request->get('sortby');
}
return 'name';
return $defaultSort;
}
/**
@ -174,7 +222,7 @@ class CarController extends Controller
'car_model' => $car->carModel->only('id', 'name'),
'brand' => $car->brand,
'name' => $car->name,
'initial_date' => $car->initial_date,
'initial_date' => $car->initial_date_formatted,
'colour' => $car->colour,
'last_check_date' => $car->last_check_date,
'kilometers' => $car->kilometers,
@ -182,11 +230,11 @@ class CarController extends Controller
'notes' => $car->notes,
'deleted_at' => $car->deleted_at,
'buy_contracts' => $car->buyContracts()
->orderBy('date', 'desc')
->orderBy('date', 'asc')
->paginate(50)
->through(fn ($contract) => $this->getContractFields($contract)),
'sell_contracts' => $car->sellContracts()
->orderBy('date', 'desc')
->orderBy('date', 'asc')
->paginate(50)
->through(fn ($contract) => $this->getContractFields($contract)),
],

4
app/Http/Controllers/Controller.php
View File

@ -12,7 +12,7 @@ class Controller extends BaseController
{
use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
protected function getDirection(Request $request)
protected function getDirection(Request $request, $default = 'asc')
{
if ($request->has('direction')) {
if (in_array($request->get('direction'), ['asc', 'desc'])) {
@ -20,6 +20,6 @@ class Controller extends BaseController
}
}
return 'asc';
return $default;
}
}

37
app/Models/Car.php
View File

@ -37,15 +37,10 @@ class Car extends Model
return $kilometers;
}
// public function getBuyPriceAttribute()
// {
// return Money::CHF($this->buyContracts()->price);
// }
// public function getInitialDateAttribute($initialDate)
// {
// return Carbon::parse($initialDate)->format('d.m.Y');
// }
public function getInitialDateFormattedAttribute()
{
return Carbon::parse($this->initial_date)->format('d.m.Y');
}
public function brand()
{
@ -57,24 +52,28 @@ class Car extends Model
return $this->belongsTo(CarModel::class);
}
public function getLatestBuyContractAttribute()
public function latestSellContract()
{
return $this->buyContracts()->latest('date')->first();
return $this->hasOne(Contract::class)->sellContracts()->latest('date')->first();
}
public function getLatestSellContractAttribute()
public function latestBuyContract()
{
return $this->sellContracts()->latest('date')->first();
}
public function isUnsold()
{
return $this->buyContracts()->count() > $this->sellContracts()->count();
return $this->hasOne(Contract::class)->buyContracts()->latest('date')->first();
}
public function isSold()
{
return $this->buyContracts()->count() == $this->sellContracts()->count();
return $this->buyContracts()->count() >= 1 && $this->buyContracts()->count() <= $this->sellContracts()->count();
}
public function latestProfit()
{
if (!$this->isSold()) {
return null;
}
return $this->latestSellContract()->price->subtract($this->latestBuyContract()->price)->format();
}
public function documents()

2
app/Models/Contract.php
View File

@ -29,7 +29,7 @@ class Contract extends Model
public function getPriceAttribute($price)
{
return Money::CHF($price)->format();
return Money::CHF($price);
}
public function documents()

289
public/js/app.js vendored
View File

@ -16649,7 +16649,6 @@ __webpack_require__.r(__webpack_exports__);
data: function data() {
return {
meta: {
'title': 'Ankaufsvertrag',
'contact': 'Verkäufer'
}
};
@ -16830,7 +16829,6 @@ __webpack_require__.r(__webpack_exports__);
data: function data() {
return {
meta: {
'title': 'Verkaufsvertrag',
'contact': 'Käufer'
}
};
@ -18586,8 +18584,8 @@ __webpack_require__.r(__webpack_exports__);
value: 'Verkaufspreis',
sortable: true
}, {
key: 'initial_date',
value: 'Inverkehrssetzung',
key: 'profit',
value: 'Profit',
sortable: true
}]
};
@ -18720,8 +18718,8 @@ __webpack_require__.r(__webpack_exports__);
value: 'Verkaufspreis',
sortable: true
}, {
key: 'initial_date',
value: 'Inverkehrssetzung',
key: 'profit',
value: 'Profit',
sortable: true
}]
};
@ -18769,6 +18767,10 @@ __webpack_require__.r(__webpack_exports__);
key: 'stammnummer',
value: 'Stammummer',
sortable: true
}, {
key: 'initial_date',
value: 'Inverkehrssetzung',
sortable: true
}, {
key: 'buy_contract.date',
value: 'Einkaufsdatum',
@ -18777,18 +18779,6 @@ __webpack_require__.r(__webpack_exports__);
key: 'buy_contract.price',
value: 'Einkaufspreis',
sortable: true
}, {
key: 'sell_contract.date',
value: 'Verkaufssdatum',
sortable: true
}, {
key: 'sell_contract.price',
value: 'Verkaufspreis',
sortable: true
}, {
key: 'initial_date',
value: 'Inverkehrssetzung',
sortable: true
}]
};
}
@ -20078,60 +20068,98 @@ var _hoisted_1 = {
};
var _hoisted_2 = {
key: 0,
"class": "font-bold py-1 flex align-items"
"class": "font-bold pb-1 mb-1 text-2xl border-b"
};
var _hoisted_3 = {
key: 1,
"class": "py-1 flex align-items"
};
var _hoisted_4 = {
key: 2,
"class": "py-1 flex align-items"
};
var _hoisted_5 = {
key: 3,
"class": "py-1 flex align-items"
};
var _hoisted_6 = {
key: 4,
"class": "py-1 flex align-items"
};
var _hoisted_7 = {
key: 5,
"class": "py-1 flex align-items"
};
var _hoisted_8 = {
key: 6,
"class": "py-1 flex align-items"
};
var _hoisted_9 = {
key: 7,
"class": "py-3"
"class": "grid grid-cols-4 gap-2 w-full"
};
var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
var _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2"
}, " Stammnummer ", -1
/* HOISTED */
);
var _hoisted_5 = {
key: 0,
"class": "col-span-3 xs:col-span-2"
};
var _hoisted_6 = {
key: 1,
"class": "col-span-1 xs:col-span-2"
};
var _hoisted_7 = {
key: 2,
"class": "col-span-3 xs:col-span-2"
};
var _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2"
}, " Farbe ", -1
/* HOISTED */
);
var _hoisted_9 = {
"class": "col-span-1 xs:col-span-2"
};
var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2"
}, " Kilometerstand ", -1
/* HOISTED */
);
var _hoisted_11 = {
"class": "col-span-1 xs:col-span-2"
};
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2"
}, " Erstzulassung ", -1
/* HOISTED */
);
var _hoisted_13 = {
"class": "col-span-1 xs:col-span-2"
};
var _hoisted_14 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2"
}, " Letzte Prüfung ", -1
/* HOISTED */
);
var _hoisted_15 = {
"class": "col-span-1 xs:col-span-2"
};
var _hoisted_16 = {
key: 1,
"class": "mt-3"
};
var _hoisted_17 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "font-bold"
}, "Bekannter Schaden", -1
/* HOISTED */
);
var _hoisted_11 = {
key: 8,
"class": "py-3"
var _hoisted_18 = {
key: 2,
"class": "mt-3"
};
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
var _hoisted_19 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "font-bold"
}, "Notizen", -1
/* HOISTED */
);
var _hoisted_13 = {
key: 9,
var _hoisted_20 = {
key: 3,
"class": "pt-3 mt-3 border-t"
};
var _hoisted_14 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Auto ");
var _hoisted_21 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Auto ");
function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon");
@ -20140,33 +20168,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_1, [$props.car.name ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_2, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.name), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.colour ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
"class": "mr-1",
height: "22",
width: "22",
name: "palette"
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.colour), 1
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_3, [_hoisted_4, $props.car.stammnummer ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.stammnummer ? $props.car.stammnummer : '-'), 1
/* TEXT */
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.stammnummer ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_4, " St-Nr: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.stammnummer), 1
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.vin ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, " Chassisnummer ")) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.vin ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.vin ? $props.car.vin : '-'), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.vin ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_5, " VIN: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.vin), 1
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), _hoisted_8, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.colour ? $props.car.colour : '-'), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.kilometers ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.kilometers) + " KM ", 1
), _hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_11, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.kilometers ? $props.car.kilometers + ' KM' : '-'), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.initial_date ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
"class": "mr-1",
height: "22",
width: "22",
name: "calendar-alt"
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.initial_date), 1
), _hoisted_12, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_13, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.initial_date ? $props.car.initial_date : '-'), 1
/* TEXT */
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.last_check_date ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, " Letzte Prüfung: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.last_check_date), 1
), _hoisted_14, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_15, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.last_check_date ? $props.car.last_check_date : '-'), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.known_damage ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_9, [_hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.known_damage), 1
)]), $props.car.known_damage ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_16, [_hoisted_17, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.known_damage), 1
/* TEXT */
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.notes ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_11, [_hoisted_12, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.notes), 1
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.notes ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_18, [_hoisted_19, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.notes), 1
/* TEXT */
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
)])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_20, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
href: $props.car.link,
"class": "pt-1 pb-1 flex items-center"
}, {
@ -20176,7 +20194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
height: "22",
width: "22",
name: "arrow-right"
}), _hoisted_14];
}), _hoisted_21];
}),
_: 1
/* STABLE */
@ -20305,72 +20323,81 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
var _hoisted_1 = {
"class": "py-6 grid grid-cols-12 gap-12 max-w-7xl"
"class": "py-6 grid grid-cols-12 gap-3 w-full"
};
var _hoisted_2 = {
key: 0,
"class": "col-span-4 xs:col-span-12"
"class": "col-span-6 xs:col-span-12"
};
var _hoisted_3 = {
"class": "col-span-4 xs:col-span-12"
key: 1,
"class": "col-span-6 xs:col-span-12"
};
var _hoisted_4 = {
"class": "col-span-6 xs:col-span-12 h-full relative"
};
var _hoisted_5 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", null, "Vertragsinformationen", -1
/* HOISTED */
);
var _hoisted_6 = {
"class": "mt-3 p-5 bg-white shadow rounded-md font-medium"
};
var _hoisted_5 = {
key: 0,
"class": "font-bold"
};
var _hoisted_6 = {
key: 1
};
var _hoisted_7 = {
key: 2
key: 0
};
var _hoisted_8 = {
key: 3,
"class": "pt-3 mt-3 border-t"
key: 1
};
var _hoisted_9 = {
key: 2,
"class": "pt-8 font-bold text-2xl"
};
var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Vertrag ");
var _hoisted_10 = {
key: 1,
"class": "col-span-4 xs:col-span-12"
};
var _hoisted_11 = {
"class": "col-span-2 xs:col-span-12 py-9"
key: 3,
"class": "pt-3 mt-7 border-t"
};
var _hoisted_11 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Vertrag ");
var _hoisted_12 = {
"class": "absolute left-0 right-0 bottom-0"
};
var _hoisted_13 = {
"class": "w-full flex flex-col"
};
var _hoisted_13 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" drucken ");
var _hoisted_14 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" drucken ");
function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_contact_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("contact-card");
var _component_car_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("car-card");
var _component_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon");
var _component_inertia_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("inertia-link");
var _component_car_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("car-card");
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_1, [$props.contract.contact ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.meta.contact), 1
/* TEXT */
), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_contact_card, {
contact: $props.contract.contact
}, null, 8
/* PROPS */
, ["contact"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.meta.title), 1
, ["contact"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.car ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.meta.car), 1
/* TEXT */
), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_4, [$props.contract.date ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.date), 1
), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_car_card, {
car: $props.contract.car
}, null, 8
/* PROPS */
, ["car"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_4, [_hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_6, [$props.contract.date ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, " Datum: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.date), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.price ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, " Betrag: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.price), 1
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.insurance_type ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, " Versicherungstyp: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.insurance_type), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.insurance_type ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, " Versicherungstyp: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.insurance_type), 1
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.price ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contract.price), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contract.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
href: $props.contract.link,
"class": "pt-1 pb-1 flex items-center"
}, {
@ -20380,31 +20407,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
height: "22",
width: "22",
name: "arrow-right"
}), _hoisted_9];
}), _hoisted_11];
}),
_: 1
/* STABLE */
}, 8
/* PROPS */
, ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])]), $props.contract.car ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.meta.car), 1
/* TEXT */
), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_car_card, {
car: $props.contract.car
}, null, 8
/* PROPS */
, ["car"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_12, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
, ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_12, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
href: _ctx.route('contracts.print', $props.contract.id),
"class": "mb-5 inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition"
"class": "inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "white",
"class": "mr-1",
height: "22",
width: "22",
name: "file-download"
}), _hoisted_13], 8
}), _hoisted_14], 8
/* PROPS */
, ["href"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" <inertia-link :href=\"route('contracts.print', contract.id)\" class=\"mb-5 inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition\" >\n <unicon fill=\"white\" class=\"mr-1\" height=\"22\" width=\"22\" name=\"file-download\"></unicon>\n ausdrucken\n </inertia-link> ")])])]);
, ["href"])])])])]);
}
/***/ }),
@ -24849,32 +24870,26 @@ var _hoisted_9 = {
key: 2
};
var _hoisted_10 = {
"class": "py-12"
"class": "py-12 grid grid-cols-12 gap-12 w-full"
};
var _hoisted_11 = {
"class": "max-w-7xl sm:px-6 lg:px-8"
"class": "w-full sm:px-6 lg:px-8 col-span-6 xs:col-span-12"
};
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
var _hoisted_12 = {
"class": "whitespace-nowrap mb-3"
}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", {
"class": "mb-1 font-bold text-3xl"
}, "Ankaufsverträge")], -1
/* HOISTED */
);
};
var _hoisted_13 = {
"class": "max-w-7xl pt-6 sm:px-6 lg:px-8"
};
var _hoisted_14 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "whitespace-nowrap mb-3"
}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", {
"class": "mb-1 font-bold text-3xl"
}, "Verkaufsverträge")], -1
/* HOISTED */
);
};
var _hoisted_14 = {
"class": "w-full sm:px-6 lg:px-8 col-span-6 xs:col-span-12"
};
var _hoisted_15 = {
"class": "whitespace-nowrap mb-3"
};
var _hoisted_16 = {
"class": "mb-1 font-bold text-3xl"
};
function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_bread_crumb = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("bread-crumb");
@ -24964,7 +24979,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
/* PROPS */
, ["href"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.deleted_at ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_9, " gelöscht: " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.deleted_at), 1
/* TEXT */
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_11, [_hoisted_12, ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($props.car.buy_contracts.data, function (contract) {
)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_12, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_13, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.buy_contracts.total > 1 ? $props.car.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag'), 1
/* TEXT */
)]), ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($props.car.buy_contracts.data, function (contract) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
key: contract.id
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_buy_contract_card, {
@ -24974,7 +24991,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
, ["contract"])]);
}), 128
/* KEYED_FRAGMENT */
))]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_13, [_hoisted_14, ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($props.car.sell_contracts.data, function (contract) {
))]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_14, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_15, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_16, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.car.sell_contracts.total > 1 ? $props.car.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag'), 1
/* TEXT */
)]), ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($props.car.sell_contracts.data, function (contract) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
key: contract.id
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_sell_contract_card, {

1
resources/js/Components/BuyContractCard.vue
View File

@ -15,7 +15,6 @@ export default {
data() {
return {
meta: {
'title': 'Ankaufsvertrag',
'contact': 'Verkäufer',
},
}

54
resources/js/Components/CarCard.vue
View File

@ -1,33 +1,53 @@
<template>
<div class="p-5 bg-white shadow rounded-md font-medium">
<div v-if="car.name" class="font-bold py-1 flex align-items">
<div v-if="car.name" class="font-bold pb-1 mb-1 text-2xl border-b">
{{ car.name }}
</div>
<div v-if="car.colour" class="py-1 flex align-items">
<unicon class="mr-1" height="22" width="22" name="palette"></unicon>
{{ car.colour }}
<div class="grid grid-cols-4 gap-2 w-full">
<div class="col-span-1 xs:col-span-2">
Stammnummer
</div>
<div v-if="car.stammnummer" class="py-1 flex align-items">
St-Nr: {{ car.stammnummer }}
<div v-if="car.stammnummer" class="col-span-3 xs:col-span-2">
{{ car.stammnummer ? car.stammnummer : '-' }}
</div>
<div v-if="car.vin" class="py-1 flex align-items">
VIN: {{ car.vin }}
<div v-if="car.vin" class="col-span-1 xs:col-span-2">
Chassisnummer
</div>
<div v-if="car.kilometers" class="py-1 flex align-items">
{{ car.kilometers }} KM
<div v-if="car.vin" class="col-span-3 xs:col-span-2">
{{ car.vin ? car.vin : '-'}}
</div>
<div v-if="car.initial_date" class="py-1 flex align-items">
<unicon class="mr-1" height="22" width="22" name="calendar-alt"></unicon>
{{ car.initial_date }}
<div class="col-span-1 xs:col-span-2">
Farbe
</div>
<div v-if="car.last_check_date" class="py-1 flex align-items">
Letzte Prüfung: {{ car.last_check_date }}
<div class="col-span-1 xs:col-span-2">
{{ car.colour ? car.colour : '-' }}
</div>
<div v-if="car.known_damage" class="py-3">
<div class="col-span-1 xs:col-span-2">
Kilometerstand
</div>
<div class="col-span-1 xs:col-span-2">
{{ car.kilometers ? car.kilometers + ' KM' : '-' }}
</div>
<div class="col-span-1 xs:col-span-2">
Erstzulassung
</div>
<div class="col-span-1 xs:col-span-2">
{{ car.initial_date ? car.initial_date : '-' }}
</div>
<div class="col-span-1 xs:col-span-2">
Letzte Prüfung
</div>
<div class="col-span-1 xs:col-span-2">
{{ car.last_check_date ? car.last_check_date : '-' }}
</div>
</div>
<div v-if="car.known_damage" class="mt-3">
<p class="font-bold">Bekannter Schaden</p>
{{ car.known_damage }}
</div>
<div v-if="car.notes" class="py-3">
<div v-if="car.notes" class="mt-3">
<p class="font-bold">Notizen</p>
{{ car.notes }}
</div>

40
resources/js/Components/ContractCard.vue
View File

@ -1,45 +1,43 @@
<template>
<div class="py-6 grid grid-cols-12 gap-12 max-w-7xl">
<div v-if="contract.contact" class="col-span-4 xs:col-span-12">
<div class="py-6 grid grid-cols-12 gap-3 w-full">
<div v-if="contract.contact" class="col-span-6 xs:col-span-12">
<h3>{{ meta.contact }}</h3>
<contact-card :contact="contract.contact" />
</div>
<div class="col-span-4 xs:col-span-12">
<h3>{{ meta.title }}</h3>
<div class="mt-3 p-5 bg-white shadow rounded-md font-medium">
<div v-if="contract.date" class="font-bold">
{{ contract.date }}
<div v-if="contract.car" class="col-span-6 xs:col-span-12">
<h3>{{ meta.car }}</h3>
<car-card :car="contract.car" />
</div>
<div v-if="contract.price">
Betrag: {{ contract.price }}
<div class="col-span-6 xs:col-span-12 h-full relative">
<h3>Vertragsinformationen</h3>
<div class="mt-3 p-5 bg-white shadow rounded-md font-medium">
<div v-if="contract.date">
Datum: {{ contract.date }}
</div>
<div v-if="contract.insurance_type">
Versicherungstyp: {{ contract.insurance_type }}
</div>
<div v-if="contract.link" class="pt-3 mt-3 border-t">
<div v-if="contract.price" class="pt-8 font-bold text-2xl">
{{ contract.price }}
</div>
<div v-if="contract.link" class="pt-3 mt-7 border-t">
<inertia-link :href="contract.link" class="pt-1 pb-1 flex items-center">
<unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon>
Zum Vertrag
</inertia-link>
</div>
</div>
</div>
<div v-if="contract.car" class="col-span-4 xs:col-span-12">
<h3>{{ meta.car }}</h3>
<car-card :car="contract.car" />
</div>
<div class="col-span-2 xs:col-span-12 py-9">
<div class="absolute left-0 right-0 bottom-0">
<div class="w-full flex flex-col">
<a :href="route('contracts.print', contract.id)" class="mb-5 inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition" >
<a :href="route('contracts.print', contract.id)" class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition" >
<unicon fill="white" class="mr-1" height="22" width="22" name="file-download"></unicon>
drucken
</a>
<!-- <inertia-link :href="route('contracts.print', contract.id)" class="mb-5 inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition" >
<unicon fill="white" class="mr-1" height="22" width="22" name="file-download"></unicon>
ausdrucken
</inertia-link> -->
</div>
</div>
</div>
</div>
</template>

1
resources/js/Components/SellContractCard.vue
View File

@ -15,7 +15,6 @@ export default {
data() {
return {
meta: {
'title': 'Verkaufsvertrag',
'contact': 'Käufer',
},
}

2
resources/js/Pages/Cars/Index.vue
View File

@ -40,7 +40,7 @@ export default {
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
{key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true},
{key: 'initial_date', value: 'Inverkehrssetzung', sortable: true},
{key: 'profit', value: 'Profit', sortable: true},
],
}
},

10
resources/js/Pages/Cars/Show.vue
View File

@ -31,19 +31,19 @@
</div>
</div>
<div class="py-12">
<div class="max-w-7xl sm:px-6 lg:px-8">
<div class="py-12 grid grid-cols-12 gap-12 w-full">
<div class="w-full sm:px-6 lg:px-8 col-span-6 xs:col-span-12">
<div class="whitespace-nowrap mb-3">
<h1 class="mb-1 font-bold text-3xl">Ankaufsverträge</h1>
<h1 class="mb-1 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>
<div class="max-w-7xl pt-6 sm:px-6 lg:px-8">
<div class="w-full sm:px-6 lg:px-8 col-span-6 xs:col-span-12">
<div class="whitespace-nowrap mb-3">
<h1 class="mb-1 font-bold text-3xl">Verkaufsverträge</h1>
<h1 class="mb-1 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"/>

2
resources/js/Pages/Cars/Sold.vue
View File

@ -40,7 +40,7 @@ export default {
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
{key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true},
{key: 'initial_date', value: 'Inverkehrssetzung', sortable: true},
{key: 'profit', value: 'Profit', sortable: true},
],
}
},

4
resources/js/Pages/Cars/Unsold.vue
View File

@ -36,11 +36,9 @@ export default {
columns: [
{key: 'name', value: 'Name', sortable: true},
{key: 'stammnummer', value: 'Stammummer', sortable: true},
{key: 'initial_date', value: 'Inverkehrssetzung', sortable: true},
{key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true},
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
{key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true},
{key: 'initial_date', value: 'Inverkehrssetzung', sortable: true},
],
}
},