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 Inertia\Inertia;
use App\Models\Brand; use App\Models\Brand;
use App\Models\Contract; use App\Models\Contract;
use App\Enums\ContractType;
use App\Enums\InsuranceType; use App\Enums\InsuranceType;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use Illuminate\Validation\Rule; use Illuminate\Validation\Rule;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Redirect; use Illuminate\Support\Facades\Redirect;
class CarController extends Controller class CarController extends Controller
{ {
public function index(Request $request) 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) public function unsold(Request $request)
@ -25,12 +27,13 @@ class CarController extends Controller
public function sold(Request $request) 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) { private function renderCarsList(Request $request, $cars, string $renderPage, string $defaultSort = 'buy_contract.date') {
$direction = $this->getDirection($request); $direction = $this->getDirection($request, 'desc');
$sortBy = $this->getSortBy($request); $sortBy = $this->getSortBy($request, $defaultSort);
$cars = $this->getWithCustomSort($cars, $sortBy, $direction); $cars = $this->getWithCustomSort($cars, $sortBy, $direction);
return Inertia::render($renderPage, [ return Inertia::render($renderPage, [
@ -46,11 +49,12 @@ class CarController extends Controller
'id' => $car->id, 'id' => $car->id,
'stammnummer' => $car->stammnummer, 'stammnummer' => $car->stammnummer,
'vin' => $car->vin, 'vin' => $car->vin,
'buy_contract' => $this->getContractFields($car->latestBuyContract), 'buy_contract' => $this->getContractFields($car->latestBuyContract()),
'sell_contract' => $this->getContractFields($car->latestSellContract), 'sell_contract' => $car->isSold() ? $this->getContractFields($car->latestSellContract()) : null,
'profit' => $car->latestProfit(),
'car_model' => $car->carModel->only('name'), 'car_model' => $car->carModel->only('name'),
'name' => $car->name, 'name' => $car->name,
'initial_date' => $car->initial_date, 'initial_date' => $car->initial_date_formatted,
'deleted_at' => $car->deleted_at, 'deleted_at' => $car->deleted_at,
'link' => route('cars.show', $car), 'link' => route('cars.show', $car),
]), ]),
@ -65,7 +69,7 @@ class CarController extends Controller
return [ return [
'id' => $contract->id, 'id' => $contract->id,
'date' => $contract->date, 'date' => $contract->date,
'price' => $contract->price, 'price' => $contract->price->format(),
'type' => $contract->type, 'type' => $contract->type,
'insurance_type' => InsuranceType::fromValue((int)$contract->insurance_type)->key, 'insurance_type' => InsuranceType::fromValue((int)$contract->insurance_type)->key,
'contact' => [ 'contact' => [
@ -89,23 +93,67 @@ class CarController extends Controller
private function getWithCustomSort($cars, string $sortBy, string $direction) private function getWithCustomSort($cars, string $sortBy, string $direction)
{ {
switch($sortBy) { 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': case 'initial_date':
return $cars->orderBy('initial_date', $direction); return $cars->orderBy('initial_date', $direction);
case 'stammnummer': case 'stammnummer':
return $cars->orderBy('stammnummer', $direction); 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: default:
//return $cars->orderByName($direction);
return $cars->orderBy('initial_date', $direction); return $cars->orderBy('initial_date', $direction);
} }
} }
private function getSortBy(Request $request) private function getSortBy(Request $request, $defaultSort)
{ {
if ($request->has('sortby')) { if ($request->has('sortby')) {
return $request->get('sortby'); return $request->get('sortby');
} }
return 'name'; return $defaultSort;
} }
/** /**
@ -174,7 +222,7 @@ class CarController extends Controller
'car_model' => $car->carModel->only('id', 'name'), 'car_model' => $car->carModel->only('id', 'name'),
'brand' => $car->brand, 'brand' => $car->brand,
'name' => $car->name, 'name' => $car->name,
'initial_date' => $car->initial_date, 'initial_date' => $car->initial_date_formatted,
'colour' => $car->colour, 'colour' => $car->colour,
'last_check_date' => $car->last_check_date, 'last_check_date' => $car->last_check_date,
'kilometers' => $car->kilometers, 'kilometers' => $car->kilometers,
@ -182,11 +230,11 @@ class CarController extends Controller
'notes' => $car->notes, 'notes' => $car->notes,
'deleted_at' => $car->deleted_at, 'deleted_at' => $car->deleted_at,
'buy_contracts' => $car->buyContracts() 'buy_contracts' => $car->buyContracts()
->orderBy('date', 'desc') ->orderBy('date', 'asc')
->paginate(50) ->paginate(50)
->through(fn ($contract) => $this->getContractFields($contract)), ->through(fn ($contract) => $this->getContractFields($contract)),
'sell_contracts' => $car->sellContracts() 'sell_contracts' => $car->sellContracts()
->orderBy('date', 'desc') ->orderBy('date', 'asc')
->paginate(50) ->paginate(50)
->through(fn ($contract) => $this->getContractFields($contract)), ->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; use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
protected function getDirection(Request $request) protected function getDirection(Request $request, $default = 'asc')
{ {
if ($request->has('direction')) { if ($request->has('direction')) {
if (in_array($request->get('direction'), ['asc', 'desc'])) { 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; return $kilometers;
} }
// public function getBuyPriceAttribute() public function getInitialDateFormattedAttribute()
// { {
// return Money::CHF($this->buyContracts()->price); return Carbon::parse($this->initial_date)->format('d.m.Y');
// } }
// public function getInitialDateAttribute($initialDate)
// {
// return Carbon::parse($initialDate)->format('d.m.Y');
// }
public function brand() public function brand()
{ {
@ -57,24 +52,28 @@ class Car extends Model
return $this->belongsTo(CarModel::class); 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(); return $this->hasOne(Contract::class)->buyContracts()->latest('date')->first();
}
public function isUnsold()
{
return $this->buyContracts()->count() > $this->sellContracts()->count();
} }
public function isSold() 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() public function documents()

2
app/Models/Contract.php
View File

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

289
public/js/app.js vendored
View File

@ -16649,7 +16649,6 @@ __webpack_require__.r(__webpack_exports__);
data: function data() { data: function data() {
return { return {
meta: { meta: {
'title': 'Ankaufsvertrag',
'contact': 'Verkäufer' 'contact': 'Verkäufer'
} }
}; };
@ -16830,7 +16829,6 @@ __webpack_require__.r(__webpack_exports__);
data: function data() { data: function data() {
return { return {
meta: { meta: {
'title': 'Verkaufsvertrag',
'contact': 'Käufer' 'contact': 'Käufer'
} }
}; };
@ -18586,8 +18584,8 @@ __webpack_require__.r(__webpack_exports__);
value: 'Verkaufspreis', value: 'Verkaufspreis',
sortable: true sortable: true
}, { }, {
key: 'initial_date', key: 'profit',
value: 'Inverkehrssetzung', value: 'Profit',
sortable: true sortable: true
}] }]
}; };
@ -18720,8 +18718,8 @@ __webpack_require__.r(__webpack_exports__);
value: 'Verkaufspreis', value: 'Verkaufspreis',
sortable: true sortable: true
}, { }, {
key: 'initial_date', key: 'profit',
value: 'Inverkehrssetzung', value: 'Profit',
sortable: true sortable: true
}] }]
}; };
@ -18769,6 +18767,10 @@ __webpack_require__.r(__webpack_exports__);
key: 'stammnummer', key: 'stammnummer',
value: 'Stammummer', value: 'Stammummer',
sortable: true sortable: true
}, {
key: 'initial_date',
value: 'Inverkehrssetzung',
sortable: true
}, { }, {
key: 'buy_contract.date', key: 'buy_contract.date',
value: 'Einkaufsdatum', value: 'Einkaufsdatum',
@ -18777,18 +18779,6 @@ __webpack_require__.r(__webpack_exports__);
key: 'buy_contract.price', key: 'buy_contract.price',
value: 'Einkaufspreis', value: 'Einkaufspreis',
sortable: true 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 = { var _hoisted_2 = {
key: 0, key: 0,
"class": "font-bold py-1 flex align-items" "class": "font-bold pb-1 mb-1 text-2xl border-b"
}; };
var _hoisted_3 = { var _hoisted_3 = {
key: 1, "class": "grid grid-cols-4 gap-2 w-full"
"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"
}; };
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" "class": "font-bold"
}, "Bekannter Schaden", -1 }, "Bekannter Schaden", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_11 = { var _hoisted_18 = {
key: 8, key: 2,
"class": "py-3" "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" "class": "font-bold"
}, "Notizen", -1 }, "Notizen", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_13 = { var _hoisted_20 = {
key: 9, key: 3,
"class": "pt-3 mt-3 border-t" "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) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon"); 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 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 */ /* 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, { )) : (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
"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
/* TEXT */ /* 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 */ /* 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 */ /* 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 */ /* 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, { ), _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
"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
/* TEXT */ /* 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 */ /* 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 */ /* 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 */ /* 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, href: $props.car.link,
"class": "pt-1 pb-1 flex items-center" "class": "pt-1 pb-1 flex items-center"
}, { }, {
@ -20176,7 +20194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
height: "22", height: "22",
width: "22", width: "22",
name: "arrow-right" name: "arrow-right"
}), _hoisted_14]; }), _hoisted_21];
}), }),
_: 1 _: 1
/* STABLE */ /* 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"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
var _hoisted_1 = { 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 = { var _hoisted_2 = {
key: 0, key: 0,
"class": "col-span-4 xs:col-span-12" "class": "col-span-6 xs:col-span-12"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "col-span-4 xs:col-span-12" key: 1,
"class": "col-span-6 xs:col-span-12"
}; };
var _hoisted_4 = { 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" "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 = { var _hoisted_7 = {
key: 2 key: 0
}; };
var _hoisted_8 = { var _hoisted_8 = {
key: 3, key: 1
"class": "pt-3 mt-3 border-t" };
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 = { var _hoisted_10 = {
key: 1, key: 3,
"class": "col-span-4 xs:col-span-12" "class": "pt-3 mt-7 border-t"
};
var _hoisted_11 = {
"class": "col-span-2 xs:col-span-12 py-9"
}; };
var _hoisted_11 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Vertrag ");
var _hoisted_12 = { var _hoisted_12 = {
"class": "absolute left-0 right-0 bottom-0"
};
var _hoisted_13 = {
"class": "w-full flex flex-col" "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) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_contact_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("contact-card"); 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_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon");
var _component_inertia_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("inertia-link"); 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 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 */ /* TEXT */
), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_contact_card, { ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_contact_card, {
contact: $props.contract.contact contact: $props.contract.contact
}, null, 8 }, null, 8
/* PROPS */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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, href: $props.contract.link,
"class": "pt-1 pb-1 flex items-center" "class": "pt-1 pb-1 flex items-center"
}, { }, {
@ -20380,31 +20407,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
height: "22", height: "22",
width: "22", width: "22",
name: "arrow-right" name: "arrow-right"
}), _hoisted_9]; }), _hoisted_11];
}), }),
_: 1 _: 1
/* STABLE */ /* STABLE */
}, 8 }, 8
/* PROPS */ /* 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 , ["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", {
/* 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: _ctx.route('contracts.print', $props.contract.id), 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, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "white", fill: "white",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
name: "file-download" name: "file-download"
}), _hoisted_13], 8 }), _hoisted_14], 8
/* PROPS */ /* 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 key: 2
}; };
var _hoisted_10 = { var _hoisted_10 = {
"class": "py-12" "class": "py-12 grid grid-cols-12 gap-12 w-full"
}; };
var _hoisted_11 = { 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 = {
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "whitespace-nowrap mb-3" "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 = { 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" "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) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_bread_crumb = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("bread-crumb"); 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 */ /* 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 , ["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 */ /* 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", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
key: contract.id key: contract.id
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_buy_contract_card, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_buy_contract_card, {
@ -24974,7 +24991,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
, ["contract"])]); , ["contract"])]);
}), 128 }), 128
/* KEYED_FRAGMENT */ /* 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", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
key: contract.id key: contract.id
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_sell_contract_card, { }, [(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() { data() {
return { return {
meta: { meta: {
'title': 'Ankaufsvertrag',
'contact': 'Verkäufer', 'contact': 'Verkäufer',
}, },
} }

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

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

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

@ -1,44 +1,42 @@
<template> <template>
<div class="py-6 grid grid-cols-12 gap-12 max-w-7xl"> <div class="py-6 grid grid-cols-12 gap-3 w-full">
<div v-if="contract.contact" class="col-span-4 xs:col-span-12">
<div v-if="contract.contact" class="col-span-6 xs:col-span-12">
<h3>{{ meta.contact }}</h3> <h3>{{ meta.contact }}</h3>
<contact-card :contact="contract.contact" /> <contact-card :contact="contract.contact" />
</div> </div>
<div class="col-span-4 xs:col-span-12"> <div v-if="contract.car" class="col-span-6 xs:col-span-12">
<h3>{{ meta.title }}</h3> <h3>{{ meta.car }}</h3>
<car-card :car="contract.car" />
</div>
<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 class="mt-3 p-5 bg-white shadow rounded-md font-medium">
<div v-if="contract.date" class="font-bold"> <div v-if="contract.date">
{{ contract.date }} Datum: {{ contract.date }}
</div>
<div v-if="contract.price">
Betrag: {{ contract.price }}
</div> </div>
<div v-if="contract.insurance_type"> <div v-if="contract.insurance_type">
Versicherungstyp: {{ contract.insurance_type }} Versicherungstyp: {{ contract.insurance_type }}
</div> </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"> <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> <unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon>
Zum Vertrag Zum Vertrag
</inertia-link> </inertia-link>
</div> </div>
</div> </div>
</div> <div class="absolute left-0 right-0 bottom-0">
<div v-if="contract.car" class="col-span-4 xs:col-span-12"> <div class="w-full flex flex-col">
<h3>{{ meta.car }}</h3> <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" >
<car-card :car="contract.car" /> <unicon fill="white" class="mr-1" height="22" width="22" name="file-download"></unicon>
</div> drucken
<div class="col-span-2 xs:col-span-12 py-9"> </a>
<div class="w-full flex flex-col"> </div>
<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" >
<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>
</div> </div>
</template> </template>

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

@ -15,7 +15,6 @@ export default {
data() { data() {
return { return {
meta: { meta: {
'title': 'Verkaufsvertrag',
'contact': 'Käufer', '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: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true}, {key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
{key: 'sell_contract.price', value: 'Verkaufspreis', 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> </div>
<div class="py-12"> <div class="py-12 grid grid-cols-12 gap-12 w-full">
<div class="max-w-7xl 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"> <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>
<div v-for="contract in car.buy_contracts.data" :key="contract.id"> <div v-for="contract in car.buy_contracts.data" :key="contract.id">
<buy-contract-card :contract="contract"/> <buy-contract-card :contract="contract"/>
</div> </div>
</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"> <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>
<div v-for="contract in car.sell_contracts.data" :key="contract.id"> <div v-for="contract in car.sell_contracts.data" :key="contract.id">
<sell-contract-card :contract="contract"/> <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: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true}, {key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
{key: 'sell_contract.price', value: 'Verkaufspreis', 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: [ columns: [
{key: 'name', value: 'Name', sortable: true}, {key: 'name', value: 'Name', sortable: true},
{key: 'stammnummer', value: 'Stammummer', 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.date', value: 'Einkaufsdatum', sortable: true},
{key: 'buy_contract.price', value: 'Einkaufspreis', 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},
], ],
} }
}, },