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

update design

shift-build-2464
Nadim Salloum 2021-06-15 21:43:25 +03:00
parent 2d902cd52b
commit 8d862c4230
32 changed files with 22328 additions and 45856 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67593
public/css/app.css vendored
View File

File diff suppressed because it is too large Load Diff

240
public/js/app.js vendored
View File

@ -17908,7 +17908,7 @@ __webpack_require__.r(__webpack_exports__);
}, },
data: function data() { data: function data() {
return { return {
colour: 'gray' colour: 'indigo'
}; };
}, },
computed: { computed: {
@ -18077,7 +18077,7 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
contractClasses: function contractClasses() { contractClasses: function contractClasses() {
return "xs:col-span-12 h-full relative col-span-" + (this.contract.car ? '4' : '6'); return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6');
} }
}, },
data: function data() { data: function data() {
@ -19290,7 +19290,7 @@ __webpack_require__.r(__webpack_exports__);
props: ['href', 'active'], props: ['href', 'active'],
computed: { computed: {
classes: function classes() { classes: function classes() {
return this.active ? 'w-full flex items-center text-blue-600 h-10 pl-4 bg-gray-200 hover:bg-gray-200 rounded-lg cursor-pointer transition' : 'w-full flex items-center text-gray-800 h-10 pl-4 hover:bg-gray-200 rounded-lg cursor-pointer transition'; return this.active ? 'w-full flex items-center text-indigo-100 h-10 pl-4 rounded-lg cursor-pointer transition' : 'w-full flex items-center hover:text-indigo-100 text-indigo-300 h-10 pl-4 rounded-lg cursor-pointer transition';
} }
} }
}); });
@ -22444,7 +22444,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_inertia_link, { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_inertia_link, {
href: $props.href, href: $props.href,
"class": "text-indigo-400 hover:text-indigo-600 transition" "class": "text-indigo-600 hover:text-indigo-400 transition"
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.text) + " / ", 1 return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.text) + " / ", 1
@ -22712,55 +22712,55 @@ var _hoisted_2 = {
"class": "font-bold pb-1 mb-1 text-2xl border-b" "class": "font-bold pb-1 mb-1 text-2xl border-b"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "grid grid-cols-4 gap-2 w-full" "class": "grid grid-cols-2 xl:grid-cols-4 gap-2 w-full"
}; };
var _hoisted_4 = { var _hoisted_4 = {
key: 0, key: 0,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_5 = { var _hoisted_5 = {
key: 1, key: 1,
"class": "col-span-3 xs:col-span-2" "class": "col-span-1 xl:col-span-3"
}; };
var _hoisted_6 = { var _hoisted_6 = {
key: 2, key: 2,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_7 = { var _hoisted_7 = {
key: 3, key: 3,
"class": "col-span-3 xs:col-span-2" "class": "col-span-1 xl:col-span-3"
}; };
var _hoisted_8 = { var _hoisted_8 = {
key: 4, key: 4,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_9 = { var _hoisted_9 = {
key: 5, key: 5,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_10 = { var _hoisted_10 = {
key: 6, key: 6,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_11 = { var _hoisted_11 = {
key: 7, key: 7,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_12 = { var _hoisted_12 = {
key: 8, key: 8,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_13 = { var _hoisted_13 = {
key: 9, key: 9,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_14 = { var _hoisted_14 = {
key: 10, key: 10,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_15 = { var _hoisted_15 = {
key: 11, key: 11,
"class": "col-span-1 xs:col-span-2" "class": "col-span-1"
}; };
var _hoisted_16 = { var _hoisted_16 = {
key: 1, key: 1,
@ -22820,6 +22820,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
@ -22908,6 +22909,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: 'mailto:' + $props.contact.email, href: 'mailto:' + $props.contact.email,
"class": "pt-1 pb-1 flex items-center hover:text-indigo-600" "class": "pt-1 pb-1 flex items-center hover:text-indigo-600"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
@ -22920,6 +22922,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: 'phone:' + $props.contact.phone, href: 'phone:' + $props.contact.phone,
"class": "pt-1 pb-1 flex items-center hover:text-indigo-600" "class": "pt-1 pb-1 flex items-center hover:text-indigo-600"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
@ -22936,6 +22939,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
@ -22970,14 +22974,14 @@ var _hoisted_1 = {
}; };
var _hoisted_2 = { var _hoisted_2 = {
key: 0, key: 0,
"class": "col-span-6 xs:col-span-12" "class": "sm:col-span-6 col-span-12"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "mb-3" "class": "mb-3"
}; };
var _hoisted_4 = { var _hoisted_4 = {
key: 1, key: 1,
"class": "col-span-8 xs:col-span-12" "class": "sm:col-span-8 col-span-12"
}; };
var _hoisted_5 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", { var _hoisted_5 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", {
@ -23089,6 +23093,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1", "class": "mr-1",
height: "22", height: "22",
width: "22", width: "22",
@ -23100,7 +23105,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, 8 }, 8
/* PROPS */ /* PROPS */
, ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" <div class=\"absolute left-0 right-0 bottom-0\">\n <div class=\"w-full flex flex-col\">\n <print-button class=\"mb-0\" :href=\"route('contracts.print', contract.id)\" />\n </div>\n </div> ")], 2 , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])], 2
/* CLASS */ /* CLASS */
)]); )]);
} }
@ -23146,22 +23151,22 @@ __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": "col-span-4 xs:col-span-6 shadow bg-white rounded-md sm:rounded-lg text-center" "class": "lg:col-span-4 sm:col-span-6 col-span-12 shadow bg-white rounded-md sm:rounded-lg text-center"
}; };
var _hoisted_2 = { var _hoisted_2 = {
"class": "font-bold text-6xl text-indigo-600 group-hover:text-indigo-700 py-5 transition" "class": "font-bold text-6xl text-indigo-800 group-hover:text-indigo-700 py-5 transition"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "font-semibold text-2xl bg-indigo-600 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition" "class": "font-semibold text-2xl bg-indigo-800 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition"
}; };
var _hoisted_4 = { var _hoisted_4 = {
key: 1 key: 1
}; };
var _hoisted_5 = { var _hoisted_5 = {
"class": "font-bold text-6xl text-indigo-600 py-5" "class": "font-bold text-6xl text-indigo-800 py-5"
}; };
var _hoisted_6 = { var _hoisted_6 = {
"class": "font-semibold text-2xl bg-indigo-600 text-white py-4 rounded-b-lg" "class": "font-semibold text-2xl bg-indigo-800 text-white py-4 rounded-b-lg"
}; };
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
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");
@ -23206,10 +23211,10 @@ __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": "justify-center inline-flex items-center mx-auto" "class": "justify-center inline-flex text-indigo-800 group-hover:text-indigo-700 items-center mx-auto"
}; };
var _hoisted_2 = { var _hoisted_2 = {
"class": "text-blue-800 text-xl font-bold" "class": "text-xl font-bold"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "overflow-ellipsis overflow-hidden" "class": "overflow-ellipsis overflow-hidden"
@ -23223,7 +23228,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("a", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("a", {
target: "_blank", target: "_blank",
href: $props.document.link, href: $props.document.link,
"class": "p-3 col-span-2 grid relative grid-flow-rows cursor-pointer group auto-rows-max hover:bg-white bg-gray-50 transition shadow rounded-md font-medium" "class": "p-3 col-span-2 grid relative grid-flow-rows cursor-pointer group auto-rows-max hover:bg-gray-50 bg-white transition shadow rounded-md font-medium"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
onClick: _cache[1] || (_cache[1] = function () { onClick: _cache[1] || (_cache[1] = function () {
return $options.deleteDocument && $options.deleteDocument.apply($options, arguments); return $options.deleteDocument && $options.deleteDocument.apply($options, arguments);
@ -23231,13 +23236,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: "#", href: "#",
"class": "absolute right-0 opacity-0 group-hover:opacity-80 transition" "class": "absolute right-0 opacity-0 group-hover:opacity-80 transition"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "red", fill: "#f54242",
"hover-fill": "red",
"class": "p-2", "class": "p-2",
height: "40", height: "40",
width: "40", width: "40",
name: "trash-alt" name: "trash-alt"
})]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "royalblue", fill: "currentColor",
"class": "p-2", "class": "p-2",
height: "70", height: "70",
width: "70", width: "70",
@ -23309,7 +23315,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, null, 40 }, null, 40
/* PROPS, HYDRATE_EVENTS */ /* PROPS, HYDRATE_EVENTS */
, ["name", "disabled"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { , ["name", "disabled"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "grey", fill: "currentColor",
"class": "p-2 my-5 mx-auto", "class": "p-2 my-5 mx-auto",
height: "45%", height: "45%",
width: "45%", width: "45%",
@ -23347,7 +23353,7 @@ var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("
); );
var _hoisted_2 = { var _hoisted_2 = {
"class": "grid grid-cols-8 xs:grid-cols-6 gap-3" "class": "grid sm:grid-cols-8 grid-cols-6 gap-3"
}; };
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_document_item = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("document-item"); var _component_document_item = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("document-item");
@ -23640,7 +23646,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return $data.form.date = $event; return $data.form.date = $event;
}), }),
inputFormat: "dd.MM.yyyy", inputFormat: "dd.MM.yyyy",
"class": "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" "class": "border-gray-300 rounded-md shadow-sm mt-1 block w-full"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, { , ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, {
@ -23658,7 +23664,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}), }),
options: $data.currencyOptions, options: $data.currencyOptions,
id: "price", id: "price",
"class": "w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "w-full mt-1 block border-gray-300 rounded-md shadow-sm",
ref: "amount" ref: "amount"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
@ -23674,7 +23680,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) { "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
return $data.form.type = $event; return $data.form.type = $event;
}), }),
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("option", { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("option", {
value: "0", value: "0",
selected: $data.form.type == '0' selected: $data.form.type == '0'
@ -23853,19 +23859,19 @@ __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": "grid grid-cols-12 gap-12 w-full mb-8" "class": "grid grid-cols-12 gap-12 mb-8"
}; };
var _hoisted_2 = { var _hoisted_2 = {
"class": "col-span-6 xs:col-span-12" "class": "xl:col-span-6 sm:col-span-8 col-span-12"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "col-span-3 xs:col-span-12" "class": "xl:col-span-3 sm:col-span-4 col-span-12"
}; };
var _hoisted_4 = { var _hoisted_4 = {
"class": "w-full flex flex-col" "class": "w-full flex flex-col"
}; };
var _hoisted_5 = { var _hoisted_5 = {
"class": "grid grid-cols-12 gap-12 w-full" "class": "grid grid-cols-12 gap-12"
}; };
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_layout = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("layout"); var _component_layout = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("layout");
@ -23914,7 +23920,7 @@ var _hoisted_5 = {
}; };
var _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", { var _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "text-sm font-semibold mb-1 text-gray-400 flex items-center" "class": "text-sm font-semibold mb-1 text-indigo-100 flex items-center"
}, " Autos ", -1 }, " Autos ", -1
/* HOISTED */ /* HOISTED */
); );
@ -23932,7 +23938,7 @@ var _hoisted_11 = {
}; };
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", { var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "text-sm font-semibold mb-1 text-gray-400 flex items-center" "class": "text-sm font-semibold mb-1 text-indigo-100 flex items-center"
}, " Kontakte ", -1 }, " Kontakte ", -1
/* HOISTED */ /* HOISTED */
); );
@ -23952,12 +23958,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_jet_nav_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("jet-nav-link"); var _component_jet_nav_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("jet-nav-link");
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" give the sidebar z-50 class so its higher than the navbar if you want to see the logo "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" you will need to add a little \"X\" button next to the logo in order to close it though "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
"class": ["w-1/2 md:w-1/3 lg:w-64 fixed md:top-0 md:left-0 h-screen lg:block bg-white border-r z-30", _ctx.sideBarOpen ? '' : 'hidden'], "class": ["w-1/2 md:w-1/3 lg:w-64 fixed md:top-0 md:left-0 h-screen lg:block bg-indigo-800 z-30", _ctx.sideBarOpen ? '' : 'hidden'],
id: "main-nav" id: "main-nav"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
href: _ctx.route('dashboard'), href: _ctx.route('dashboard'),
"class": "w-full h-20 border-b bg-white flex justify-center items-center mb-8 text-indigo-400 font-semibold text-2xl hover:text-indigo-600 transition" "class": "w-full h-20 bg-indigo-900 flex justify-center items-center mb-8 text-indigo-100 font-semibold text-2xl hover:text-indigo-300 transition"
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [_hoisted_1]; return [_hoisted_1];
@ -23973,6 +23979,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -23990,6 +23997,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -24007,6 +24015,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -24024,6 +24033,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -24041,6 +24051,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3", "class": "mr-2 ml-3",
height: "22", height: "22",
width: "22", width: "22",
@ -24058,6 +24069,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3", "class": "mr-2 ml-3",
height: "22", height: "22",
width: "22", width: "22",
@ -24075,6 +24087,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -24092,6 +24105,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2", "class": "mr-2",
height: "22", height: "22",
width: "22", width: "22",
@ -24109,6 +24123,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3", "class": "mr-2 ml-3",
height: "22", height: "22",
width: "22", width: "22",
@ -24126,6 +24141,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, { }, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3", "class": "mr-2 ml-3",
height: "22", height: "22",
width: "22", width: "22",
@ -24139,8 +24155,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
/* PROPS */ /* PROPS */
, ["href", "active"])])], 2 , ["href", "active"])])], 2
/* CLASS */ /* CLASS */
)], 2112
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
); );
} }
@ -24300,7 +24314,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
))]), ((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)(this.data.data ? this.data.data : this.data, function (row) { ))]), ((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)(this.data.data ? this.data.data : this.data, function (row) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("tr", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("tr", {
key: row.link, key: row.link,
"class": "hover:bg-gray-100 focus-within:bg-gray-100" "class": "hover:bg-indigo-100 focus-within:bg-indigo-100"
}, [((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.columns, function (col) { }, [((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.columns, function (col) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("td", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("td", {
key: col.key, key: col.key,
@ -24697,7 +24711,7 @@ __webpack_require__.r(__webpack_exports__);
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("button", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("button", {
type: $props.type, type: $props.type,
"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" "class": "inline-flex items-center px-4 py-2 bg-indigo-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-indigo-700 active:bg-indigo-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "default")], 8 }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "default")], 8
/* PROPS */ /* PROPS */
, ["type"]); , ["type"]);
@ -25155,7 +25169,7 @@ __webpack_require__.r(__webpack_exports__);
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("input", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("input", {
"class": "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "border-gray-300 rounded-md shadow-sm",
value: $props.modelValue, value: $props.modelValue,
onInput: _cache[1] || (_cache[1] = function ($event) { onInput: _cache[1] || (_cache[1] = function ($event) {
return _ctx.$emit('update:modelValue', $event.target.value); return _ctx.$emit('update:modelValue', $event.target.value);
@ -26159,7 +26173,7 @@ var _hoisted_3 = {
"class": "font-semibold text-xl text-gray-800 leading-tight" "class": "font-semibold text-xl text-gray-800 leading-tight"
}; };
var _hoisted_4 = { var _hoisted_4 = {
"class": "pt-12 px-12 bg-gray-100 mb-20" "class": "xl:pt-12 xl:px-12 md:pt-6 md:px-6 pt-3 px-3 bg-gray-100 mb-20"
}; };
function render(_ctx, _cache, $props, $setup, $data, $options) { function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Sidebar = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Sidebar"); var _component_Sidebar = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Sidebar");
@ -27691,7 +27705,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
label: "name", label: "name",
"track-by": "id", "track-by": "id",
options: $props.brands, options: $props.brands,
"class": "mt-1 block w-full", "class": "mt-1 block w-full border-gray-300",
placeholder: "Marke auswählen" placeholder: "Marke auswählen"
}, { }, {
noResult: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { noResult: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
@ -27721,7 +27735,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
label: "name", label: "name",
"track-by": "id", "track-by": "id",
options: $data.carModels, options: $data.carModels,
"class": "mt-1 block w-full", "class": "mt-1 block w-full border-gray-300",
placeholder: "Modell auswählen" placeholder: "Modell auswählen"
}, { }, {
noResult: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { noResult: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
@ -27796,7 +27810,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return $props.form.initial_date = $event; return $props.form.initial_date = $event;
}), }),
inputFormat: "dd.MM.yyyy", inputFormat: "dd.MM.yyyy",
"class": "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" "class": "border-gray-300 rounded-md shadow-sm mt-1 block w-full"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, { , ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, {
@ -27815,7 +27829,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return $props.form.last_check_date = $event; return $props.form.last_check_date = $event;
}), }),
inputFormat: "dd.MM.yyyy", inputFormat: "dd.MM.yyyy",
"class": "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" "class": "border-gray-300 rounded-md shadow-sm mt-1 block w-full"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, { , ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, {
@ -27833,7 +27847,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}), }),
options: $data.currencyOptions, options: $data.currencyOptions,
id: "kilometers", id: "kilometers",
"class": "w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "w-full mt-1 block border-gray-300 rounded-md shadow-sm",
ref: "kilometers" ref: "kilometers"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
@ -27866,7 +27880,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "known_damage", "for": "known_damage",
value: "Bekannter Schaden" value: "Bekannter Schaden"
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", { }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", {
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm",
"onUpdate:modelValue": _cache[11] || (_cache[11] = function ($event) { "onUpdate:modelValue": _cache[11] || (_cache[11] = function ($event) {
return $props.form.known_damage = $event; return $props.form.known_damage = $event;
}), }),
@ -27882,7 +27896,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "notes", "for": "notes",
value: "Bemerkungen" value: "Bemerkungen"
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", { }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", {
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm",
"onUpdate:modelValue": _cache[12] || (_cache[12] = function ($event) { "onUpdate:modelValue": _cache[12] || (_cache[12] = function ($event) {
return $props.form.notes = $event; return $props.form.notes = $event;
}), }),
@ -28121,7 +28135,7 @@ var _hoisted_2 = {
key: 3 key: 3
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "col-span-6 xs:col-span-12" "class": "sm:col-span-6 col-span-12"
}; };
var _hoisted_4 = { var _hoisted_4 = {
"class": "whitespace-nowrap" "class": "whitespace-nowrap"
@ -28136,7 +28150,7 @@ var _hoisted_6 = {
var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Neuer Ankaufsvertrag "); var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Neuer Ankaufsvertrag ");
var _hoisted_8 = { var _hoisted_8 = {
"class": "col-span-6 xs:col-span-12" "class": "sm:col-span-6 col-span-12"
}; };
var _hoisted_9 = { var _hoisted_9 = {
"class": "whitespace-nowrap" "class": "whitespace-nowrap"
@ -28792,7 +28806,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "notes", "for": "notes",
value: "Bemerkungen" value: "Bemerkungen"
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", { }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("textarea", {
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm",
"onUpdate:modelValue": _cache[10] || (_cache[10] = function ($event) { "onUpdate:modelValue": _cache[10] || (_cache[10] = function ($event) {
return $props.form.notes = $event; return $props.form.notes = $event;
}), }),
@ -29082,7 +29096,7 @@ var _hoisted_2 = {
key: 3 key: 3
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "col-span-10 xs:col-span-12" "class": "sm:col-span-10 col-span-12"
}; };
var _hoisted_4 = { var _hoisted_4 = {
"class": "whitespace-nowrap" "class": "whitespace-nowrap"
@ -29097,7 +29111,7 @@ var _hoisted_6 = {
var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Neuer Ankaufsvertrag "); var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Neuer Ankaufsvertrag ");
var _hoisted_8 = { var _hoisted_8 = {
"class": "col-span-10 xs:col-span-12" "class": "sm:col-span-10 col-span-12"
}; };
var _hoisted_9 = { var _hoisted_9 = {
"class": "whitespace-nowrap" "class": "whitespace-nowrap"
@ -29122,12 +29136,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_restore_button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("restore-button"); var _component_restore_button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("restore-button");
var _component_buy_contract_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("buy-contract-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_buy_contract_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("buy-contract-card");
var _component_sell_contract_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("sell-contract-card"); var _component_sell_contract_card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("sell-contract-card");
var _component_show_page = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("show-page"); var _component_show_page = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("show-page");
@ -29173,17 +29187,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
more: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { more: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contact.buy_contracts.total > 1 ? $props.contact.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag'), 1 return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contact.buy_contracts.total > 1 ? $props.contact.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag'), 1
/* TEXT */ /* 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.contact.buy_contracts.data, function (contract) { )]), !$props.contact.deleted_at ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
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, {
contract: contract
}, null, 8
/* PROPS */
, ["contract"])]);
}), 128
/* KEYED_FRAGMENT */
)), !$props.contact.deleted_at ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
href: _ctx.route('contracts.create_from_contact', [0, $props.contact.id]), href: _ctx.route('contracts.create_from_contact', [0, $props.contact.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" "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"
}, { }, {
@ -29201,19 +29205,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, 8 }, 8
/* PROPS */ /* PROPS */
, ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contact.sell_contracts.total > 1 ? $props.contact.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag'), 1 , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), ((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.contact.buy_contracts.data, function (contract) {
/* 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.contact.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_buy_contract_card, {
contract: contract contract: contract
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["contract"])]); , ["contract"])]);
}), 128 }), 128
/* KEYED_FRAGMENT */ /* KEYED_FRAGMENT */
)), !$props.contact.deleted_at ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { ))]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h1", _hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contact.sell_contracts.total > 1 ? $props.contact.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag'), 1
/* TEXT */
)]), !$props.contact.deleted_at ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
href: _ctx.route('contracts.create_from_contact', [1, $props.contact.id]), href: _ctx.route('contracts.create_from_contact', [1, $props.contact.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" "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"
}, { }, {
@ -29231,7 +29235,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, 8 }, 8
/* PROPS */ /* PROPS */
, ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])]; , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), ((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.contact.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, {
contract: contract
}, null, 8
/* PROPS */
, ["contract"])]);
}), 128
/* KEYED_FRAGMENT */
))])];
}), }),
_: 1 _: 1
/* STABLE */ /* STABLE */
@ -29306,7 +29320,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return $data.form.date = $event; return $data.form.date = $event;
}), }),
inputFormat: "dd.MM.yyyy", inputFormat: "dd.MM.yyyy",
"class": "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" "class": "border-gray-300 rounded-md shadow-sm mt-1 block w-full"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, { , ["modelValue"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_input_error, {
@ -29324,7 +29338,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}), }),
options: $data.currencyOptions, options: $data.currencyOptions,
id: "price", id: "price",
"class": "w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm", "class": "w-full mt-1 block border-gray-300 rounded-md shadow-sm",
ref: "price" ref: "price"
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
@ -29340,7 +29354,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) { "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
return $data.form.insurance_type = $event; return $data.form.insurance_type = $event;
}), }),
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm"
}, [((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.insurance_types, function (insurance, index) { }, [((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.insurance_types, function (insurance, index) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", {
value: index, value: index,
@ -29736,7 +29750,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
onClick: _cache[2] || (_cache[2] = function () { onClick: _cache[2] || (_cache[2] = function () {
return $options.openContactForm && $options.openContactForm.apply($options, arguments); return $options.openContactForm && $options.openContactForm.apply($options, arguments);
}), }),
"class": "bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition" "class": "bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"
}, " Neu erfassen ")])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, [_hoisted_8, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("form", { }, " Neu erfassen ")])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, [_hoisted_8, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("form", {
onSubmit: _cache[3] || (_cache[3] = function () { onSubmit: _cache[3] || (_cache[3] = function () {
return $options.submitCreateContactForm && $options.submitCreateContactForm.apply($options, arguments); return $options.submitCreateContactForm && $options.submitCreateContactForm.apply($options, arguments);
@ -29941,7 +29955,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
onClick: _cache[2] || (_cache[2] = function () { onClick: _cache[2] || (_cache[2] = function () {
return $options.openCarForm && $options.openCarForm.apply($options, arguments); return $options.openCarForm && $options.openCarForm.apply($options, arguments);
}), }),
"class": "bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition" "class": "bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"
}, " Neu erfassen ")])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, [_hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("form", { }, " Neu erfassen ")])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, [_hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("form", {
onSubmit: _cache[3] || (_cache[3] = function () { onSubmit: _cache[3] || (_cache[3] = function () {
return $options.submitCreateCarForm && $options.submitCreateCarForm.apply($options, arguments); return $options.submitCreateCarForm && $options.submitCreateCarForm.apply($options, arguments);
@ -30092,57 +30106,57 @@ var _hoisted_3 = {
}; };
var _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { var _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2" "class": "lg:col-span-1 col-span-2"
}, " Datum ", -1 }, " Datum ", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_5 = { var _hoisted_5 = {
"class": "col-span-3 xs:col-span-2" "class": "lg:col-span-3 col-span-2"
}; };
var _hoisted_6 = { var _hoisted_6 = {
key: 0, key: 0,
"class": "col-span-1 xs:col-span-2" "class": "lg:col-span-1 col-span-2"
}; };
var _hoisted_7 = { var _hoisted_7 = {
key: 1, key: 1,
"class": "col-span-3 xs:col-span-2" "class": "lg:col-span-3 col-span-2"
}; };
var _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { var _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2" "class": "lg:col-span-1 col-span-2"
}, " Betrag ", -1 }, " Betrag ", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_9 = { var _hoisted_9 = {
"class": "col-span-3 xs:col-span-2 font-bold" "class": "lg:col-span-3 col-span-2 font-bold"
}; };
var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2" "class": "lg:col-span-1 col-span-2"
}, " Bezahlt ", -1 }, " Bezahlt ", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_11 = { var _hoisted_11 = {
"class": "col-span-3 xs:col-span-2" "class": "lg:col-span-3 col-span-2"
}; };
var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "col-span-1 xs:col-span-2" "class": "lg:col-span-1 col-span-2"
}, " Offener Betrag ", -1 }, " Offener Betrag ", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_13 = { var _hoisted_13 = {
"class": "col-span-3 xs:col-span-2" "class": "lg:col-span-3 col-span-2"
}; };
var _hoisted_14 = { var _hoisted_14 = {
key: 3 key: 3
}; };
var _hoisted_15 = { var _hoisted_15 = {
"class": "col-span-6 xs:col-span-12" "class": "lg:col-span-7 col-span-12"
}; };
var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", { var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", {
@ -30152,16 +30166,16 @@ var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(
); );
var _hoisted_17 = { var _hoisted_17 = {
"class": "col-span-5 xs:col-span-12" "class": "lg:col-span-5 col-span-12"
}; };
var _hoisted_18 = { var _hoisted_18 = {
"class": "mb-3" "class": "mb-3"
}; };
var _hoisted_19 = { var _hoisted_19 = {
"class": "col-span-6 xs:col-span-12 mt-4" "class": "xl:col-span-7 col-span-12 mt-4"
}; };
var _hoisted_20 = { var _hoisted_20 = {
"class": "col-span-5 xs:col-span-12" "class": "xl:col-span-5 col-span-12"
}; };
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");
@ -30296,25 +30310,22 @@ var _hoisted_2 = {
"class": "grid grid-cols-12 gap-x-8 gap-y-12" "class": "grid grid-cols-12 gap-x-8 gap-y-12"
}; };
var _hoisted_3 = { var _hoisted_3 = {
"class": "col-span-6 xs:col-span-12" "class": "lg:col-span-6 col-span-12"
}; };
var _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", { var _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "font-semibold p-4 pl-6 shadow bg-white rounded-md sm:rounded-lg text-xl font-medium mb-3 text-gray-800 leading-tight" "class": "font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight"
}, "Letzte Einkäufe", -1 }, "Neueste Einkäufe", -1
/* HOISTED */ /* HOISTED */
); );
var _hoisted_5 = { var _hoisted_5 = {
"class": "col-span-6 xs:col-span-12" "class": "lg:col-span-6 col-span-12"
};
var _hoisted_6 = {
"class": "pt-5 bg-white shadow rounded-md sm:rounded-lg"
}; };
var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", { var _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "font-semibold text-xl font-medium ml-6 mb-2 text-gray-800 leading-tight" "class": "font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight"
}, "Letzte Verkäufe", -1 }, "Neueste Verkäufe", -1
/* HOISTED */ /* HOISTED */
); );
@ -30354,14 +30365,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
hideArrow: true hideArrow: true
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["data", "columns", "currentRoute"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_6, [_hoisted_7, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_simple_table, { , ["data", "columns", "currentRoute"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_5, [_hoisted_6, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_simple_table, {
"class": "shadow rounded-md sm:rounded-lg",
data: $props.sell_contracts, data: $props.sell_contracts,
columns: $data.sellContractColumns, columns: $data.sellContractColumns,
currentRoute: $data.currentRoute, currentRoute: $data.currentRoute,
hideArrow: true hideArrow: true
}, null, 8 }, null, 8
/* PROPS */ /* PROPS */
, ["data", "columns", "currentRoute"])])])])]; , ["data", "columns", "currentRoute"])])])];
}), }),
_: 1 _: 1
/* STABLE */ /* STABLE */
@ -31476,7 +31488,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
return $props.year = $event; return $props.year = $event;
}), }),
"class": "mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" "class": "mt-1 block w-full border-gray-300 rounded-md shadow-sm"
}, [((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.years, function (year) { }, [((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.years, function (year) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", {
value: year, value: year,
@ -31494,7 +31506,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
actions: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { actions: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
href: $options.link, href: $options.link,
"class": "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300" "class": "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300"
}, " Bericht drucken ", 8 }, " Bericht drucken ", 8
/* PROPS */ /* PROPS */
, ["href"])]; , ["href"])];

2
resources/js/Components/BreadCrumb.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<inertia-link :href="href" class="text-indigo-400 hover:text-indigo-600 transition" > <inertia-link :href="href" class="text-indigo-600 hover:text-indigo-400 transition" >
{{ text }} / {{ text }} /
</inertia-link> </inertia-link>
</template> </template>

2
resources/js/Components/Buttons/PrintButton.vue
View File

@ -13,7 +13,7 @@ export default {
}, },
data() { data() {
return { return {
colour: 'gray', colour: 'indigo',
} }
}, },
computed: { computed: {

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

@ -3,41 +3,41 @@
<div v-if="car.name" class="font-bold pb-1 mb-1 text-2xl border-b"> <div v-if="car.name" class="font-bold pb-1 mb-1 text-2xl border-b">
{{ car.name }} {{ car.name }}
</div> </div>
<div class="grid grid-cols-4 gap-2 w-full"> <div class="grid grid-cols-2 xl:grid-cols-4 gap-2 w-full">
<div v-if="!hideEmpty || car.stammnummer" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.stammnummer" class="col-span-1">
Stammnummer Stammnummer
</div> </div>
<div v-if="!hideEmpty || car.stammnummer" class="col-span-3 xs:col-span-2"> <div v-if="!hideEmpty || car.stammnummer" class="col-span-1 xl:col-span-3">
{{ car.stammnummer ? car.stammnummer : '-' }} {{ car.stammnummer ? car.stammnummer : '-' }}
</div> </div>
<div v-if="!hideEmpty || car.vin" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.vin" class="col-span-1">
Chassisnummer Chassisnummer
</div> </div>
<div v-if="!hideEmpty || car.vin" class="col-span-3 xs:col-span-2"> <div v-if="!hideEmpty || car.vin" class="col-span-1 xl:col-span-3">
{{ car.vin ? car.vin : '-'}} {{ car.vin ? car.vin : '-'}}
</div> </div>
<div v-if="!hideEmpty || car.colour" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.colour" class="col-span-1">
Farbe Farbe
</div> </div>
<div v-if="!hideEmpty || car.colour" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.colour" class="col-span-1">
{{ car.colour ? car.colour : '-' }} {{ car.colour ? car.colour : '-' }}
</div> </div>
<div v-if="!hideEmpty || car.kilometers" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.kilometers" class="col-span-1">
Kilometerstand Kilometerstand
</div> </div>
<div v-if="!hideEmpty || car.kilometers" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.kilometers" class="col-span-1">
{{ car.kilometers ? car.kilometers + ' KM' : '-' }} {{ car.kilometers ? car.kilometers + ' KM' : '-' }}
</div> </div>
<div v-if="!hideEmpty || car.initial_date" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.initial_date" class="col-span-1">
Erstzulassung Erstzulassung
</div> </div>
<div v-if="!hideEmpty || car.initial_date" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.initial_date" class="col-span-1">
{{ car.initial_date ? car.initial_date : '-' }} {{ car.initial_date ? car.initial_date : '-' }}
</div> </div>
<div v-if="!hideEmpty || car.last_check_date" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.last_check_date" class="col-span-1">
Letzte Prüfung Letzte Prüfung
</div> </div>
<div v-if="!hideEmpty || car.last_check_date" class="col-span-1 xs:col-span-2"> <div v-if="!hideEmpty || car.last_check_date" class="col-span-1">
{{ car.last_check_date ? car.last_check_date : '-' }} {{ car.last_check_date ? car.last_check_date : '-' }}
</div> </div>
</div> </div>
@ -51,7 +51,7 @@
</div> </div>
<div v-if="car.link" class="pt-3 mt-3 border-t"> <div v-if="car.link" class="pt-3 mt-3 border-t">
<inertia-link :href="car.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600"> <inertia-link :href="car.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
<unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon> <unicon fill="currentColor" class="mr-1" height="22" width="22" name="arrow-right"></unicon>
Zum Auto Zum Auto
</inertia-link> </inertia-link>
</div> </div>

6
resources/js/Components/ContactCard.vue
View File

@ -14,13 +14,13 @@
</div> </div>
<div v-if="contact.email" class="mt-3"> <div v-if="contact.email" class="mt-3">
<a :href="'mailto:' + contact.email" class="pt-1 pb-1 flex items-center hover:text-indigo-600"> <a :href="'mailto:' + contact.email" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
<unicon class="mr-1" height="22" width="22" name="envelope"></unicon> <unicon fill="currentColor" class="mr-1" height="22" width="22" name="envelope"></unicon>
{{ contact.email }} {{ contact.email }}
</a> </a>
</div> </div>
<div v-if="contact.phone" class="mt-1"> <div v-if="contact.phone" class="mt-1">
<a :href="'phone:' + contact.phone" class="pt-1 pb-1 flex items-center hover:text-indigo-600"> <a :href="'phone:' + contact.phone" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
<unicon class="mr-1" height="22" width="22" name="phone"></unicon> <unicon fill="currentColor" class="mr-1" height="22" width="22" name="phone"></unicon>
{{ contact.phone }} {{ contact.phone }}
</a> </a>
</div> </div>
@ -30,7 +30,7 @@
</div> </div>
<div v-if="contact.link" class="pt-3 mt-3 border-t"> <div v-if="contact.link" class="pt-3 mt-3 border-t">
<inertia-link :href="contact.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600"> <inertia-link :href="contact.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
<unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon> <unicon fill="currentColor" class="mr-1" height="22" width="22" name="arrow-right"></unicon>
Zum Kontakt Zum Kontakt
</inertia-link> </inertia-link>
</div> </div>

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

@ -1,10 +1,10 @@
<template> <template>
<div class="py-3 grid grid-cols-12 gap-3 w-full"> <div class="py-3 grid grid-cols-12 gap-3 w-full">
<div v-if="contract.contact" class="col-span-6 xs:col-span-12"> <div v-if="contract.contact" class="sm:col-span-6 col-span-12">
<h3 class="mb-3">{{ meta.contact }}</h3> <h3 class="mb-3">{{ meta.contact }}</h3>
<contact-card :contact="contract.contact" /> <contact-card :contact="contract.contact" />
</div> </div>
<div v-if="contract.car" class="col-span-8 xs:col-span-12"> <div v-if="contract.car" class="sm:col-span-8 col-span-12">
<h3 class="mb-3">Auto</h3> <h3 class="mb-3">Auto</h3>
<car-card hide-empty="true" :car="contract.car" /> <car-card hide-empty="true" :car="contract.car" />
</div> </div>
@ -45,16 +45,11 @@
</div> </div>
<div v-if="contract.link" class="pt-3 mt-3 border-t"> <div v-if="contract.link" class="pt-3 mt-3 border-t">
<inertia-link :href="contract.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600"> <inertia-link :href="contract.link" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
<unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon> <unicon fill="currentColor" class="mr-1" height="22" width="22" name="arrow-right"></unicon>
Zum Vertrag Zum Vertrag
</inertia-link> </inertia-link>
</div> </div>
</div> </div>
<!-- <div class="absolute left-0 right-0 bottom-0">
<div class="w-full flex flex-col">
<print-button class="mb-0" :href="route('contracts.print', contract.id)" />
</div>
</div> -->
</div> </div>
</div> </div>
</template> </template>
@ -78,7 +73,7 @@ export default {
}, },
computed: { computed: {
contractClasses() { contractClasses() {
return "xs:col-span-12 h-full relative col-span-" + (this.contract.car ? '4' : '6'); return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6');
}, },
}, },
data() { data() {

10
resources/js/Components/Dashboard/DashItem.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="col-span-4 xs:col-span-6 shadow bg-white rounded-md sm:rounded-lg text-center"> <div class="lg:col-span-4 sm:col-span-6 col-span-12 shadow bg-white rounded-md sm:rounded-lg text-center">
<inertia-link v-if="link" :href="link" class="group"> <inertia-link v-if="link" :href="link" class="group">
<p class="font-bold text-6xl text-indigo-600 group-hover:text-indigo-700 py-5 transition">{{ number }}</p> <p class="font-bold text-6xl text-indigo-800 group-hover:text-indigo-700 py-5 transition">{{ number }}</p>
<p class="font-semibold text-2xl bg-indigo-600 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition">{{ title }}</p> <p class="font-semibold text-2xl bg-indigo-800 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition">{{ title }}</p>
</inertia-link> </inertia-link>
<span v-else> <span v-else>
<p class="font-bold text-6xl text-indigo-600 py-5">{{ number }}</p> <p class="font-bold text-6xl text-indigo-800 py-5">{{ number }}</p>
<p class="font-semibold text-2xl bg-indigo-600 text-white py-4 rounded-b-lg">{{ title }}</p> <p class="font-semibold text-2xl bg-indigo-800 text-white py-4 rounded-b-lg">{{ title }}</p>
</span> </span>
</div> </div>
</template> </template>

10
resources/js/Components/Documents/Item.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<a target="_blank" :href="document.link" class="p-3 col-span-2 grid relative grid-flow-rows cursor-pointer group auto-rows-max hover:bg-white bg-gray-50 transition shadow rounded-md font-medium"> <a target="_blank" :href="document.link" class="p-3 col-span-2 grid relative grid-flow-rows cursor-pointer group auto-rows-max hover:bg-gray-50 bg-white transition shadow rounded-md font-medium">
<a @click="deleteDocument" href="#" class="absolute right-0 opacity-0 group-hover:opacity-80 transition"> <a @click="deleteDocument" href="#" class="absolute right-0 opacity-0 group-hover:opacity-80 transition">
<unicon fill="red" class="p-2" height="40" width="40" name="trash-alt"></unicon> <unicon fill="#f54242" hover-fill="red" class="p-2" height="40" width="40" name="trash-alt"></unicon>
</a> </a>
<span class="justify-center inline-flex items-center mx-auto"> <span class="justify-center inline-flex text-indigo-800 group-hover:text-indigo-700 items-center mx-auto">
<unicon fill="royalblue" class="p-2" height="70" width="70" name="file-alt"></unicon> <unicon fill="currentColor" class="p-2" height="70" width="70" name="file-alt"></unicon>
<span class="text-blue-800 text-xl font-bold">{{ document.extension }}</span> <span class="text-xl font-bold">{{ document.extension }}</span>
</span> </span>
<span class="overflow-ellipsis overflow-hidden"> {{ document.name }}</span> <span class="overflow-ellipsis overflow-hidden"> {{ document.name }}</span>
<span class="text-xs text-grey">{{ document.created_at }}, {{ document.size }}</span> <span class="text-xs text-grey">{{ document.created_at }}, {{ document.size }}</span>

2
resources/js/Components/Documents/Upload.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<span v-if="!isFailed" class="col-span-2 grid grid-flow-rows relative cursor-pointer auto-rows-max py-3 inline-flex items-center px-4 bg-gray-100 border-dashed border-4 font-semibold justify-center text-md text-gray-500 uppercase tracking-widest hover:bg-gray-200 focus:outline-none focus:border-gray-500 focus:ring focus:ring-gray-300 disabled:opacity-25 transition" > <span v-if="!isFailed" class="col-span-2 grid grid-flow-rows relative cursor-pointer auto-rows-max py-3 inline-flex items-center px-4 bg-gray-100 border-dashed border-4 font-semibold justify-center text-md text-gray-500 uppercase tracking-widest hover:bg-gray-200 focus:outline-none focus:border-gray-500 focus:ring focus:ring-gray-300 disabled:opacity-25 transition" >
<input type="file" :name="uploadFieldName" :disabled="isSaving" @change="filesChange($event.target.name, $event.target.files);" class="opacity-0 absolute top-0 left-0 w-full h-full cursor-pointer"> <input type="file" :name="uploadFieldName" :disabled="isSaving" @change="filesChange($event.target.name, $event.target.files);" class="opacity-0 absolute top-0 left-0 w-full h-full cursor-pointer">
<unicon fill="grey" class="p-2 my-5 mx-auto" height="45%" width="45%" name="file-upload-alt"></unicon> <unicon fill="currentColor" class="p-2 my-5 mx-auto" height="45%" width="45%" name="file-upload-alt"></unicon>
<span v-if="isInitial" class="text-center">Dokument hochladen</span> <span v-if="isInitial" class="text-center">Dokument hochladen</span>
<span v-if="isSaving">Lade Dokument hoch...</span> </span> <span v-if="isSaving">Lade Dokument hoch...</span> </span>
<span v-else class="col-span-2"> <span v-else class="col-span-2">

2
resources/js/Components/Documents/View.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<h3 class="mb-3">Dokumente</h3> <h3 class="mb-3">Dokumente</h3>
<div class="grid grid-cols-8 xs:grid-cols-6 gap-3"> <div class="grid sm:grid-cols-8 grid-cols-6 gap-3">
<template v-for="document in documents" :key="document.id"> <template v-for="document in documents" :key="document.id">
<document-item @delete="deleteDocument" :document="document" /> <document-item @delete="deleteDocument" :document="document" />
</template> </template>

6
resources/js/Components/Payments/CreateModal.vue
View File

@ -8,19 +8,19 @@
<div class="grid grid-cols-6 gap-6"> <div class="grid grid-cols-6 gap-6">
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="date" value="Datum" /> <jet-label for="date" value="Datum" />
<datepicker id="date" ref="date" v-model="form.date" inputFormat="dd.MM.yyyy" class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" /> <datepicker id="date" ref="date" v-model="form.date" inputFormat="dd.MM.yyyy" class="border-gray-300 rounded-md shadow-sm mt-1 block w-full" />
<jet-input-error :message="form.errors.date" class="mt-2" /> <jet-input-error :message="form.errors.date" class="mt-2" />
</div> </div>
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="amount" value="Betrag" /> <jet-label for="amount" value="Betrag" />
<currency-input v-model="form.amount" :options="currencyOptions" id="price" class="w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" ref="amount"/> <currency-input v-model="form.amount" :options="currencyOptions" id="price" class="w-full mt-1 block border-gray-300 rounded-md shadow-sm" ref="amount"/>
<jet-input-error :message="form.errors.amount" class="mt-2" /> <jet-input-error :message="form.errors.amount" class="mt-2" />
</div> </div>
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="type" value="Einzahlungsart" /> <jet-label for="type" value="Einzahlungsart" />
<select v-model="form.type" class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm"> <select v-model="form.type" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
<option value="0" :selected="form.type == '0'">Banküberweisung</option> <option value="0" :selected="form.type == '0'">Banküberweisung</option>
<option value="1" :selected="form.type == '1'">Barzahlung</option> <option value="1" :selected="form.type == '1'">Barzahlung</option>
</select> </select>

8
resources/js/Components/ShowPage.vue
View File

@ -3,17 +3,17 @@
<template #header> <template #header>
<slot name="header"></slot> <slot name="header"></slot>
</template> </template>
<div class="grid grid-cols-12 gap-12 w-full mb-8"> <div class="grid grid-cols-12 gap-12 mb-8">
<div class="col-span-6 xs:col-span-12"> <div class="xl:col-span-6 sm:col-span-8 col-span-12">
<slot name="info"></slot> <slot name="info"></slot>
</div> </div>
<div class="col-span-3 xs:col-span-12"> <div class="xl:col-span-3 sm:col-span-4 col-span-12">
<div class="w-full flex flex-col"> <div class="w-full flex flex-col">
<slot name="actions"></slot> <slot name="actions"></slot>
</div> </div>
</div> </div>
</div> </div>
<div class="grid grid-cols-12 gap-12 w-full"> <div class="grid grid-cols-12 gap-12">
<slot name="more"></slot> <slot name="more"></slot>
</div> </div>
</layout> </layout>

30
resources/js/Components/Sidebar.vue
View File

@ -1,63 +1,61 @@
<template> <template>
<!-- give the sidebar z-50 class so its higher than the navbar if you want to see the logo --> <div class="w-1/2 md:w-1/3 lg:w-64 fixed md:top-0 md:left-0 h-screen lg:block bg-indigo-800 z-30" :class="sideBarOpen ? '' : 'hidden'" id="main-nav">
<!-- you will need to add a little "X" button next to the logo in order to close it though -->
<div class="w-1/2 md:w-1/3 lg:w-64 fixed md:top-0 md:left-0 h-screen lg:block bg-white border-r z-30" :class="sideBarOpen ? '' : 'hidden'" id="main-nav">
<inertia-link :href="route('dashboard')" class="w-full h-20 border-b bg-white flex justify-center items-center mb-8 text-indigo-400 font-semibold text-2xl hover:text-indigo-600 transition"> <inertia-link :href="route('dashboard')" class="w-full h-20 bg-indigo-900 flex justify-center items-center mb-8 text-indigo-100 font-semibold text-2xl hover:text-indigo-300 transition">
Your SwissCar Your SwissCar
</inertia-link> </inertia-link>
<div class="mb-4 px-4"> <div class="mb-4 px-4">
<jet-nav-link :href="route('dashboard')" :active="route().current('dashboard')"> <jet-nav-link :href="route('dashboard')" :active="route().current('dashboard')">
<unicon class="mr-2" height="22" width="22" name="dashboard"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="dashboard"></unicon>
Dashboard Dashboard
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('reports')" :active="route().current('reports')"> <jet-nav-link :href="route('reports')" :active="route().current('reports')">
<unicon class="mr-2" height="22" width="22" name="chart"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="chart"></unicon>
Berichte Berichte
</jet-nav-link> </jet-nav-link>
</div> </div>
<div class="mb-4 px-4"> <div class="mb-4 px-4">
<p class="text-sm font-semibold mb-1 text-gray-400 flex items-center"> <p class="text-sm font-semibold mb-1 text-indigo-100 flex items-center">
Autos Autos
</p> </p>
<jet-nav-link :href="route('cars.create')" :active="route().current('cars.create')"> <jet-nav-link :href="route('cars.create')" :active="route().current('cars.create')">
<unicon class="mr-2" height="22" width="22" name="plus-circle"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="plus-circle"></unicon>
Neues Auto Neues Auto
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('cars')" :active="route().current('cars')"> <jet-nav-link :href="route('cars')" :active="route().current('cars')">
<unicon class="mr-2" height="22" width="22" name="car-sideview"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="car-sideview"></unicon>
Alle Autos Alle Autos
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('cars.unsold')" :active="route().current('cars.unsold')"> <jet-nav-link :href="route('cars.unsold')" :active="route().current('cars.unsold')">
<unicon class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon> <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon>
Meine Autos Meine Autos
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('cars.sold')" :active="route().current('cars.sold')"> <jet-nav-link :href="route('cars.sold')" :active="route().current('cars.sold')">
<unicon class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon> <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon>
Verkaufte Autos Verkaufte Autos
</jet-nav-link> </jet-nav-link>
</div> </div>
<div class="mb-4 px-4"> <div class="mb-4 px-4">
<p class="text-sm font-semibold mb-1 text-gray-400 flex items-center"> <p class="text-sm font-semibold mb-1 text-indigo-100 flex items-center">
Kontakte Kontakte
</p> </p>
<jet-nav-link :href="route('contacts.create')" :active="route().current('contacts.create')"> <jet-nav-link :href="route('contacts.create')" :active="route().current('contacts.create')">
<unicon class="mr-2" height="22" width="22" name="plus-circle"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="plus-circle"></unicon>
Neuer Kontakt Neuer Kontakt
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('contacts')" :active="route().current('contacts')"> <jet-nav-link :href="route('contacts')" :active="route().current('contacts')">
<unicon class="mr-2" height="22" width="22" name="users-alt"></unicon> <unicon fill="currentColor" class="mr-2" height="22" width="22" name="users-alt"></unicon>
Alle Kontakte Alle Kontakte
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('contacts.buyers')" :active="route().current('contacts.buyers')"> <jet-nav-link :href="route('contacts.buyers')" :active="route().current('contacts.buyers')">
<unicon class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon> <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon>
Käufer Käufer
</jet-nav-link> </jet-nav-link>
<jet-nav-link :href="route('contacts.sellers')" :active="route().current('contacts.sellers')"> <jet-nav-link :href="route('contacts.sellers')" :active="route().current('contacts.sellers')">
<unicon class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon> <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon>
Verkäufer Verkäufer
</jet-nav-link> </jet-nav-link>
</div> </div>

2
resources/js/Components/SimpleTable.vue
View File

@ -30,7 +30,7 @@
</span> </span>
</th> </th>
</tr> </tr>
<tr v-for="row in (this.data.data ? this.data.data : this.data)" :key="row.link" class="hover:bg-gray-100 focus-within:bg-gray-100"> <tr v-for="row in (this.data.data ? this.data.data : this.data)" :key="row.link" class="hover:bg-indigo-100 focus-within:bg-indigo-100">
<td v-for="col in columns" :key="col.key" class="border-t"> <td v-for="col in columns" :key="col.key" class="border-t">
<inertia-link v-if="row.link" class="px-6 py-4 flex items-center" :href="row.link"> <inertia-link v-if="row.link" class="px-6 py-4 flex items-center" :href="row.link">
{{ resolve(col.key, row) }} {{ resolve(col.key, row) }}

2
resources/js/Jetstream/Button.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<button :type="type" 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"> <button :type="type" class="inline-flex items-center px-4 py-2 bg-indigo-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-indigo-700 active:bg-indigo-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition">
<slot></slot> <slot></slot>
</button> </button>
</template> </template>

2
resources/js/Jetstream/Input.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<input class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" ref="input"> <input class="border-gray-300 rounded-md shadow-sm" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" ref="input">
</template> </template>
<script> <script>

4
resources/js/Jetstream/NavLink.vue
View File

@ -11,8 +11,8 @@
computed: { computed: {
classes() { classes() {
return this.active return this.active
? 'w-full flex items-center text-blue-600 h-10 pl-4 bg-gray-200 hover:bg-gray-200 rounded-lg cursor-pointer transition' ? 'w-full flex items-center text-indigo-100 h-10 pl-4 rounded-lg cursor-pointer transition'
: 'w-full flex items-center text-gray-800 h-10 pl-4 hover:bg-gray-200 rounded-lg cursor-pointer transition' : 'w-full flex items-center hover:text-indigo-100 text-indigo-300 h-10 pl-4 rounded-lg cursor-pointer transition'
} }
} }
} }

104
resources/js/Jetstream/Welcome.vue
View File

@ -1,104 +0,0 @@
<template>
<div>
<div class="p-6 sm:px-20 bg-white border-b border-gray-200">
<div>
<jet-application-logo class="block h-12 w-auto" />
</div>
<div class="mt-8 text-2xl">
Welcome to your Jetstream application!
</div>
<div class="mt-6 text-gray-500">
Laravel Jetstream provides a beautiful, robust starting point for your next Laravel application. Laravel is designed
to help you build your application using a development environment that is simple, powerful, and enjoyable. We believe
you should love expressing your creativity through programming, so we have spent time carefully crafting the Laravel
ecosystem to be a breath of fresh air. We hope you love it.
</div>
</div>
<div class="bg-gray-200 bg-opacity-25 grid grid-cols-1 md:grid-cols-2">
<div class="p-6">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-400"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
<div class="ml-4 text-lg text-gray-600 leading-7 font-semibold"><a href="https://laravel.com/docs">Documentation</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-sm text-gray-500">
Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
</div>
<a href="https://laravel.com/docs">
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
<div>Explore the documentation</div>
<div class="ml-1 text-indigo-500">
<svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</div>
</div>
</a>
</div>
</div>
<div class="p-6 border-t border-gray-200 md:border-t-0 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-400"><path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<div class="ml-4 text-lg text-gray-600 leading-7 font-semibold"><a href="https://laracasts.com">Laracasts</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-sm text-gray-500">
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
</div>
<a href="https://laracasts.com">
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
<div>Start watching Laracasts</div>
<div class="ml-1 text-indigo-500">
<svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</div>
</div>
</a>
</div>
</div>
<div class="p-6 border-t border-gray-200">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-400"><path d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
<div class="ml-4 text-lg text-gray-600 leading-7 font-semibold"><a href="https://tailwindcss.com/">Tailwind</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-sm text-gray-500">
Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-400"><path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg>
<div class="ml-4 text-lg text-gray-600 leading-7 font-semibold">Authentication</div>
</div>
<div class="ml-12">
<div class="mt-2 text-sm text-gray-500">
Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started what matters most: building your application.
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import JetApplicationLogo from '@/Jetstream/ApplicationLogo'
export default {
components: {
JetApplicationLogo,
},
}
</script>

2
resources/js/Layouts/Layout.vue
View File

@ -9,7 +9,7 @@
</h2> </h2>
</Navbar> </Navbar>
<jet-banner class="sticky top-20 z-40" /> <jet-banner class="sticky top-20 z-40" />
<div class="pt-12 px-12 bg-gray-100 mb-20"> <div class="xl:pt-12 xl:px-12 md:pt-6 md:px-6 pt-3 px-3 bg-gray-100 mb-20">
<main> <main>
<slot></slot> <slot></slot>
</main> </main>

14
resources/js/Pages/Cars/Components/CarFormFields.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="brand" value="Marke" /> <jet-label for="brand" value="Marke" />
<multiselect v-model="brandSelection" @SearchChange="updateBrandSearch" @select="updateBrand" label="name" track-by="id" :options="brands" class="mt-1 block w-full" placeholder="Marke auswählen"> <multiselect v-model="brandSelection" @SearchChange="updateBrandSearch" @select="updateBrand" label="name" track-by="id" :options="brands" class="mt-1 block w-full border-gray-300" placeholder="Marke auswählen">
<template v-slot:noResult> <template v-slot:noResult>
<span @click="addBrand"> <span @click="addBrand">
<b>{{ brandSearch }}</b> als neue Marke speichern? <b>{{ brandSearch }}</b> als neue Marke speichern?
@ -12,7 +12,7 @@
<div v-if="brandSelection" class="col-span-6 sm:col-span-4"> <div v-if="brandSelection" class="col-span-6 sm:col-span-4">
<jet-label for="model" value="Modell" /> <jet-label for="model" value="Modell" />
<multiselect v-model="car_modelSelection" @SearchChange="updateCarModelSearch" @select="updateCarModel" label="name" track-by="id" :options="carModels" class="mt-1 block w-full" placeholder="Modell auswählen"> <multiselect v-model="car_modelSelection" @SearchChange="updateCarModelSearch" @select="updateCarModel" label="name" track-by="id" :options="carModels" class="mt-1 block w-full border-gray-300" placeholder="Modell auswählen">
<template v-slot:noResult> <template v-slot:noResult>
<span @click="addCarModel"> <span @click="addCarModel">
<b>{{ modelSearch }}</b> als neues {{ brand.name }}-Modell speichern? <b>{{ modelSearch }}</b> als neues {{ brand.name }}-Modell speichern?
@ -41,13 +41,13 @@
<div class="grid grid-cols-12 gap-6"> <div class="grid grid-cols-12 gap-6">
<div class="col-span-6 sm:col-span-6"> <div class="col-span-6 sm:col-span-6">
<jet-label for="initial_date" value="Inverkehrssetzung" /> <jet-label for="initial_date" value="Inverkehrssetzung" />
<datepicker id="initial_date" ref="initial_date" v-model="form.initial_date" inputFormat="dd.MM.yyyy" class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" /> <datepicker id="initial_date" ref="initial_date" v-model="form.initial_date" inputFormat="dd.MM.yyyy" class="border-gray-300 rounded-md shadow-sm mt-1 block w-full" />
<jet-input-error :message="form.errors.initial_date" class="mt-2" /> <jet-input-error :message="form.errors.initial_date" class="mt-2" />
</div> </div>
<div class="col-span-6 sm:col-span-6"> <div class="col-span-6 sm:col-span-6">
<jet-label for="last_check_date" value="Letzte Prüfung" /> <jet-label for="last_check_date" value="Letzte Prüfung" />
<datepicker id="last_check_date" ref="last_check_date" v-model="form.last_check_date" inputFormat="dd.MM.yyyy" class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" /> <datepicker id="last_check_date" ref="last_check_date" v-model="form.last_check_date" inputFormat="dd.MM.yyyy" class="border-gray-300 rounded-md shadow-sm mt-1 block w-full" />
<jet-input-error :message="form.errors.last_check_date" class="mt-2" /> <jet-input-error :message="form.errors.last_check_date" class="mt-2" />
</div> </div>
</div> </div>
@ -55,7 +55,7 @@
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="kilometers" value="Kilometerstand" /> <jet-label for="kilometers" value="Kilometerstand" />
<currency-input v-model="form.kilometers" :options="currencyOptions" id="kilometers" class="w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" ref="kilometers" /> <currency-input v-model="form.kilometers" :options="currencyOptions" id="kilometers" class="w-full mt-1 block border-gray-300 rounded-md shadow-sm" ref="kilometers" />
<jet-input-error :message="form.errors.kilometers" class="mt-2" /> <jet-input-error :message="form.errors.kilometers" class="mt-2" />
</div> </div>
@ -67,14 +67,14 @@
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="known_damage" value="Bekannter Schaden" /> <jet-label for="known_damage" value="Bekannter Schaden" />
<textarea class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" v-model="form.known_damage" ref="input"> <textarea class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" v-model="form.known_damage" ref="input">
</textarea> </textarea>
<jet-input-error :message="form.errors.known_damage" class="mt-2" /> <jet-input-error :message="form.errors.known_damage" class="mt-2" />
</div> </div>
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="notes" value="Bemerkungen" /> <jet-label for="notes" value="Bemerkungen" />
<textarea class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" v-model="form.notes" ref="input"> <textarea class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" v-model="form.notes" ref="input">
</textarea> </textarea>
<jet-input-error :message="form.errors.notes" class="mt-2" /> <jet-input-error :message="form.errors.notes" class="mt-2" />
</div> </div>

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

@ -18,7 +18,7 @@
</div> </div>
</template> </template>
<template #more> <template #more>
<div class="col-span-6 xs:col-span-12"> <div class="sm:col-span-6 col-span-12">
<div class="whitespace-nowrap"> <div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ car.buy_contracts.total > 1 ? car.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1> <h1 class="font-bold text-3xl">{{ car.buy_contracts.total > 1 ? car.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1>
</div> </div>
@ -32,7 +32,7 @@
</inertia-link> </inertia-link>
</div> </div>
</div> </div>
<div class="col-span-6 xs:col-span-12"> <div class="sm:col-span-6 col-span-12">
<div class="whitespace-nowrap"> <div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ car.sell_contracts.total > 1 ? car.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1> <h1 class="font-bold text-3xl">{{ car.sell_contracts.total > 1 ? car.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1>
</div> </div>

2
resources/js/Pages/Contacts/Components/ContactFormFields.vue
View File

@ -63,7 +63,7 @@
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="notes" value="Bemerkungen" /> <jet-label for="notes" value="Bemerkungen" />
<textarea class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" v-model="form.notes" ref="input"> <textarea class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" v-model="form.notes" ref="input">
</textarea> </textarea>
<jet-input-error :message="form.errors.notes" class="mt-2" /> <jet-input-error :message="form.errors.notes" class="mt-2" />
</div> </div>

16
resources/js/Pages/Contacts/Show.vue
View File

@ -21,33 +21,33 @@
</template> </template>
<template #more> <template #more>
<div class="col-span-10 xs:col-span-12"> <div class="sm:col-span-10 col-span-12">
<div class="whitespace-nowrap"> <div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ contact.buy_contracts.total > 1 ? contact.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1> <h1 class="font-bold text-3xl">{{ contact.buy_contracts.total > 1 ? contact.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1>
</div> </div>
<div v-for="contract in contact.buy_contracts.data" :key="contract.id">
<buy-contract-card :contract="contract"/>
</div>
<div v-if="!contact.deleted_at"> <div v-if="!contact.deleted_at">
<inertia-link :href="route('contracts.create_from_contact', [0, contact.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" > <inertia-link :href="route('contracts.create_from_contact', [0, contact.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> <unicon fill="white" class="mr-1" height="22" width="22" name="plus-circle"></unicon>
Neuer Ankaufsvertrag Neuer Ankaufsvertrag
</inertia-link> </inertia-link>
</div> </div>
<div v-for="contract in contact.buy_contracts.data" :key="contract.id">
<buy-contract-card :contract="contract"/>
</div> </div>
<div class="col-span-10 xs:col-span-12"> </div>
<div class="sm:col-span-10 col-span-12">
<div class="whitespace-nowrap"> <div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ contact.sell_contracts.total > 1 ? contact.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1> <h1 class="font-bold text-3xl">{{ contact.sell_contracts.total > 1 ? contact.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1>
</div> </div>
<div v-for="contract in contact.sell_contracts.data" :key="contract.id">
<sell-contract-card :contract="contract"/>
</div>
<div v-if="!contact.deleted_at"> <div v-if="!contact.deleted_at">
<inertia-link :href="route('contracts.create_from_contact', [1, contact.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" > <inertia-link :href="route('contracts.create_from_contact', [1, contact.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> <unicon fill="white" class="mr-1" height="22" width="22" name="plus-circle"></unicon>
Neuer Verkaufssvertrag Neuer Verkaufssvertrag
</inertia-link> </inertia-link>
</div> </div>
<div v-for="contract in contact.sell_contracts.data" :key="contract.id">
<sell-contract-card :contract="contract"/>
</div>
</div> </div>
</template> </template>
</show-page> </show-page>

6
resources/js/Pages/Contracts/Components/ContractForm.vue
View File

@ -13,19 +13,19 @@
<div class="col-span-3 grid grid-cols-6 gap-3"> <div class="col-span-3 grid grid-cols-6 gap-3">
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="date" value="Datum" /> <jet-label for="date" value="Datum" />
<datepicker id="date" ref="date" v-model="form.date" inputFormat="dd.MM.yyyy" class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full" /> <datepicker id="date" ref="date" v-model="form.date" inputFormat="dd.MM.yyyy" class="border-gray-300 rounded-md shadow-sm mt-1 block w-full" />
<jet-input-error :message="form.errors.date" class="mt-2" /> <jet-input-error :message="form.errors.date" class="mt-2" />
</div> </div>
<div class="col-span-6 sm:col-span-4"> <div class="col-span-6 sm:col-span-4">
<jet-label for="price" value="Betrag" /> <jet-label for="price" value="Betrag" />
<currency-input v-model="form.price" :options="currencyOptions" id="price" class="w-full mt-1 block border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm" ref="price"/> <currency-input v-model="form.price" :options="currencyOptions" id="price" class="w-full mt-1 block border-gray-300 rounded-md shadow-sm" ref="price"/>
<jet-input-error :message="form.errors.price" class="mt-2" /> <jet-input-error :message="form.errors.price" class="mt-2" />
</div> </div>
<div v-if="form.is_sell_contract" class="col-span-6 sm:col-span-4"> <div v-if="form.is_sell_contract" class="col-span-6 sm:col-span-4">
<jet-label for="insurance_type" value="Versicherung" /> <jet-label for="insurance_type" value="Versicherung" />
<select v-model="form.insurance_type" class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm"> <select v-model="form.insurance_type" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
<option v-for="(insurance, index) in insurance_types" :value="index" v-bind:key="index" :selected="form.insurance_type == index">{{ insurance }}</option> <option v-for="(insurance, index) in insurance_types" :value="index" v-bind:key="index" :selected="form.insurance_type == index">{{ insurance }}</option>
</select> </select>
<jet-input-error :message="form.errors.insurance_type" class="mt-2" /> <jet-input-error :message="form.errors.insurance_type" class="mt-2" />

2
resources/js/Pages/Contracts/CreateFromCar.vue
View File

@ -38,7 +38,7 @@
oder oder
</div> </div>
<div v-if="!createContact" class="col-span-6"> <div v-if="!createContact" class="col-span-6">
<button @click="openContactForm" class="bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"> <button @click="openContactForm" class="bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition">
Neu erfassen Neu erfassen
</button> </button>
</div> </div>

2
resources/js/Pages/Contracts/CreateFromContact.vue
View File

@ -38,7 +38,7 @@
oder oder
</div> </div>
<div v-if="!createCar" class="col-span-6"> <div v-if="!createCar" class="col-span-6">
<button @click="openCarForm" class="bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"> <button @click="openCarForm" class="bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300 justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition">
Neu erfassen Neu erfassen
</button> </button>
</div> </div>

28
resources/js/Pages/Contracts/Show.vue
View File

@ -11,34 +11,34 @@
{{ contract.type_formatted }} vom {{ contract.date }} {{ contract.type_formatted }} vom {{ contract.date }}
</div> </div>
<div class="grid grid-cols-4 gap-2 w-full"> <div class="grid grid-cols-4 gap-2 w-full">
<div class="col-span-1 xs:col-span-2"> <div class="lg:col-span-1 col-span-2">
Datum Datum
</div> </div>
<div class="col-span-3 xs:col-span-2"> <div class="lg:col-span-3 col-span-2">
{{ contract.date }} {{ contract.date }}
</div> </div>
<div v-if="contract.is_sell_contract && contract.insurance_type" class="col-span-1 xs:col-span-2"> <div v-if="contract.is_sell_contract && contract.insurance_type" class="lg:col-span-1 col-span-2">
Versicherung Versicherung
</div> </div>
<div v-if="contract.is_sell_contract && contract.insurance_type" class="col-span-3 xs:col-span-2"> <div v-if="contract.is_sell_contract && contract.insurance_type" class="lg:col-span-3 col-span-2">
{{ contract.insurance_type }} {{ contract.insurance_type }}
</div> </div>
<div class="col-span-1 xs:col-span-2"> <div class="lg:col-span-1 col-span-2">
Betrag Betrag
</div> </div>
<div class="col-span-3 xs:col-span-2 font-bold"> <div class="lg:col-span-3 col-span-2 font-bold">
{{ contract.price }} {{ contract.price }}
</div> </div>
<div class="col-span-1 xs:col-span-2"> <div class="lg:col-span-1 col-span-2">
Bezahlt Bezahlt
</div> </div>
<div class="col-span-3 xs:col-span-2"> <div class="lg:col-span-3 col-span-2">
{{ contract.paid }} {{ contract.paid }}
</div> </div>
<div class="col-span-1 xs:col-span-2"> <div class="lg:col-span-1 col-span-2">
Offener Betrag Offener Betrag
</div> </div>
<div class="col-span-3 xs:col-span-2"> <div class="lg:col-span-3 col-span-2">
{{ contract.left_to_pay }} {{ contract.left_to_pay }}
</div> </div>
</div> </div>
@ -54,18 +54,18 @@
</div> </div>
</template> </template>
<template #more> <template #more>
<div class="col-span-6 xs:col-span-12"> <div class="lg:col-span-7 col-span-12">
<h3 class="mb-3">Auto</h3> <h3 class="mb-3">Auto</h3>
<car-card :car="contract.car" /> <car-card :car="contract.car" />
</div> </div>
<div class="col-span-5 xs:col-span-12"> <div class="lg:col-span-5 col-span-12">
<h3 class="mb-3">{{ contactTitle }}</h3> <h3 class="mb-3">{{ contactTitle }}</h3>
<contact-card :contact="contract.contact" /> <contact-card :contact="contract.contact" />
</div> </div>
<div class="col-span-6 xs:col-span-12 mt-4"> <div class="xl:col-span-7 col-span-12 mt-4">
<documents-view :initial_documents="contract.documents" :id="contract.id" :show_upload="!contract.deleted_at" /> <documents-view :initial_documents="contract.documents" :id="contract.id" :show_upload="!contract.deleted_at" />
</div> </div>
<div class="col-span-5 xs:col-span-12"> <div class="xl:col-span-5 col-span-12">
<payments-view :payments="contract.payments" :contract="contract" /> <payments-view :payments="contract.payments" :contract="contract" />
</div> </div>
</template> </template>

12
resources/js/Pages/Dashboard.vue
View File

@ -9,15 +9,13 @@
<dash-item title="Meine Autos" :number="my_cars" :link="route('cars.unsold')" /> <dash-item title="Meine Autos" :number="my_cars" :link="route('cars.unsold')" />
<dash-item :title="'Gekauft im ' + new Date().getFullYear()" :number="bought_this_year" /> <dash-item :title="'Gekauft im ' + new Date().getFullYear()" :number="bought_this_year" />
<dash-item :title="'Verkauft im ' + new Date().getFullYear()" :number="sold_this_year" /> <dash-item :title="'Verkauft im ' + new Date().getFullYear()" :number="sold_this_year" />
<div class="col-span-6 xs:col-span-12"> <div class="lg:col-span-6 col-span-12">
<p class="font-semibold p-4 pl-6 shadow bg-white rounded-md sm:rounded-lg text-xl font-medium mb-3 text-gray-800 leading-tight">Letzte Einkäufe</p> <p class="font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight">Neueste Einkäufe</p>
<simple-table class="shadow rounded-md sm:rounded-lg" :data="buy_contracts" :columns="buyContractColumns" :currentRoute="currentRoute" :hideArrow="true" /> <simple-table class="shadow rounded-md sm:rounded-lg" :data="buy_contracts" :columns="buyContractColumns" :currentRoute="currentRoute" :hideArrow="true" />
</div> </div>
<div class="col-span-6 xs:col-span-12"> <div class="lg:col-span-6 col-span-12">
<div class="pt-5 bg-white shadow rounded-md sm:rounded-lg"> <p class="font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight">Neueste Verkäufe</p>
<p class="font-semibold text-xl font-medium ml-6 mb-2 text-gray-800 leading-tight">Letzte Verkäufe</p> <simple-table class="shadow rounded-md sm:rounded-lg" :data="sell_contracts" :columns="sellContractColumns" :currentRoute="currentRoute" :hideArrow="true" />
<simple-table :data="sell_contracts" :columns="sellContractColumns" :currentRoute="currentRoute" :hideArrow="true" />
</div>
</div> </div>
</div> </div>
</layout> </layout>

4
resources/js/Pages/Reports/Index.vue
View File

@ -14,14 +14,14 @@
<template #form> <template #form>
<div class="col-span-6 sm:col-span-3"> <div class="col-span-6 sm:col-span-3">
<jet-label for="year" value="Jahr" /> <jet-label for="year" value="Jahr" />
<select v-model="year" class="mt-1 block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm"> <select v-model="year" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
<option v-for="year in years" :value="year" v-bind:key="year" :selected="this.year == year">{{ year }}</option> <option v-for="year in years" :value="year" v-bind:key="year" :selected="this.year == year">{{ year }}</option>
</select> </select>
</div> </div>
</template> </template>
<template #actions> <template #actions>
<a :href="link" class="justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:ring-gray-300"> <a :href="link" class="justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition bg-indigo-800 hover:bg-indigo-700 active:bg-indigo-900 focus:border-indigo-900 focus:ring-indigo-300">
Bericht drucken Bericht drucken
</a> </a>
</template> </template>

22
tailwind.config.js vendored
View File

@ -1,4 +1,5 @@
const defaultTheme = require('tailwindcss/defaultTheme'); const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');
module.exports = { module.exports = {
purge: [ purge: [
@ -10,6 +11,27 @@ module.exports = {
], ],
theme: { theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
red: colors.red,
orange: colors.orange,
yellow: colors.yellow,
green: colors.green,
gray: colors.blueGray,
indigo: {
100: '#e6e8ff',
300: '#b2b7ff',
400: '#7886d7',
500: '#6574cd',
600: '#5661b3',
700: '#40497d',
800: '#2f365f',
900: '#191e38',
},
},
extend: { extend: {
fontFamily: { fontFamily: {
sans: ['Nunito', ...defaultTheme.fontFamily.sans], sans: ['Nunito', ...defaultTheme.fontFamily.sans],