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() {
return {
colour: 'gray'
colour: 'indigo'
};
},
computed: {
@ -18077,7 +18077,7 @@ __webpack_require__.r(__webpack_exports__);
},
computed: {
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() {
@ -19290,7 +19290,7 @@ __webpack_require__.r(__webpack_exports__);
props: ['href', 'active'],
computed: {
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, {
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 () {
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"
};
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 = {
key: 0,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_5 = {
key: 1,
"class": "col-span-3 xs:col-span-2"
"class": "col-span-1 xl:col-span-3"
};
var _hoisted_6 = {
key: 2,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_7 = {
key: 3,
"class": "col-span-3 xs:col-span-2"
"class": "col-span-1 xl:col-span-3"
};
var _hoisted_8 = {
key: 4,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_9 = {
key: 5,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_10 = {
key: 6,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_11 = {
key: 7,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_12 = {
key: 8,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_13 = {
key: 9,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_14 = {
key: 10,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_15 = {
key: 11,
"class": "col-span-1 xs:col-span-2"
"class": "col-span-1"
};
var _hoisted_16 = {
key: 1,
@ -22820,6 +22820,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1",
height: "22",
width: "22",
@ -22908,6 +22909,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: 'mailto:' + $props.contact.email,
"class": "pt-1 pb-1 flex items-center hover:text-indigo-600"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1",
height: "22",
width: "22",
@ -22920,6 +22922,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: 'phone:' + $props.contact.phone,
"class": "pt-1 pb-1 flex items-center hover:text-indigo-600"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1",
height: "22",
width: "22",
@ -22936,6 +22939,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1",
height: "22",
width: "22",
@ -22970,14 +22974,14 @@ var _hoisted_1 = {
};
var _hoisted_2 = {
key: 0,
"class": "col-span-6 xs:col-span-12"
"class": "sm:col-span-6 col-span-12"
};
var _hoisted_3 = {
"class": "mb-3"
};
var _hoisted_4 = {
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", {
@ -23089,6 +23093,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-1",
height: "22",
width: "22",
@ -23100,7 +23105,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, 8
/* 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 */
)]);
}
@ -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");
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 = {
"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 = {
"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 = {
key: 1
};
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 = {
"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) {
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");
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 = {
"class": "text-blue-800 text-xl font-bold"
"class": "text-xl font-bold"
};
var _hoisted_3 = {
"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", {
target: "_blank",
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", {
onClick: _cache[1] || (_cache[1] = function () {
return $options.deleteDocument && $options.deleteDocument.apply($options, arguments);
@ -23231,13 +23236,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
href: "#",
"class": "absolute right-0 opacity-0 group-hover:opacity-80 transition"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "red",
fill: "#f54242",
"hover-fill": "red",
"class": "p-2",
height: "40",
width: "40",
name: "trash-alt"
})]), (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",
height: "70",
width: "70",
@ -23309,7 +23315,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, null, 40
/* PROPS, HYDRATE_EVENTS */
, ["name", "disabled"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "grey",
fill: "currentColor",
"class": "p-2 my-5 mx-auto",
height: "45%",
width: "45%",
@ -23347,7 +23353,7 @@ var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("
);
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) {
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;
}),
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
/* PROPS */
, ["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,
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"
}, null, 8
/* PROPS */
@ -23674,7 +23680,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[3] || (_cache[3] = function ($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", {
value: "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");
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 = {
"class": "col-span-6 xs:col-span-12"
"class": "xl:col-span-6 sm:col-span-8 col-span-12"
};
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 = {
"class": "w-full flex flex-col"
};
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) {
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", {
"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
/* HOISTED */
);
@ -23932,7 +23938,7 @@ var _hoisted_11 = {
};
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
/* 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");
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", {
"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'],
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-indigo-800 z-30", _ctx.sideBarOpen ? '' : 'hidden'],
id: "main-nav"
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
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 () {
return [_hoisted_1];
@ -23973,6 +23979,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -23990,6 +23997,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -24007,6 +24015,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -24024,6 +24033,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -24041,6 +24051,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3",
height: "22",
width: "22",
@ -24058,6 +24069,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3",
height: "22",
width: "22",
@ -24075,6 +24087,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -24092,6 +24105,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2",
height: "22",
width: "22",
@ -24109,6 +24123,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3",
height: "22",
width: "22",
@ -24126,6 +24141,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, {
fill: "currentColor",
"class": "mr-2 ml-3",
height: "22",
width: "22",
@ -24139,8 +24155,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
/* PROPS */
, ["href", "active"])])], 2
/* 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) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("tr", {
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) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("td", {
key: col.key,
@ -24697,7 +24711,7 @@ __webpack_require__.r(__webpack_exports__);
function render(_ctx, _cache, $props, $setup, $data, $options) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("button", {
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
/* PROPS */
, ["type"]);
@ -25155,7 +25169,7 @@ __webpack_require__.r(__webpack_exports__);
function render(_ctx, _cache, $props, $setup, $data, $options) {
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,
onInput: _cache[1] || (_cache[1] = function ($event) {
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"
};
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) {
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",
"track-by": "id",
options: $props.brands,
"class": "mt-1 block w-full",
"class": "mt-1 block w-full border-gray-300",
placeholder: "Marke auswählen"
}, {
noResult: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
@ -27721,7 +27735,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
label: "name",
"track-by": "id",
options: $data.carModels,
"class": "mt-1 block w-full",
"class": "mt-1 block w-full border-gray-300",
placeholder: "Modell auswählen"
}, {
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;
}),
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
/* PROPS */
, ["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;
}),
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
/* PROPS */
, ["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,
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"
}, null, 8
/* PROPS */
@ -27866,7 +27880,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "known_damage",
value: "Bekannter Schaden"
}), (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) {
return $props.form.known_damage = $event;
}),
@ -27882,7 +27896,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "notes",
value: "Bemerkungen"
}), (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) {
return $props.form.notes = $event;
}),
@ -28121,7 +28135,7 @@ var _hoisted_2 = {
key: 3
};
var _hoisted_3 = {
"class": "col-span-6 xs:col-span-12"
"class": "sm:col-span-6 col-span-12"
};
var _hoisted_4 = {
"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_8 = {
"class": "col-span-6 xs:col-span-12"
"class": "sm:col-span-6 col-span-12"
};
var _hoisted_9 = {
"class": "whitespace-nowrap"
@ -28792,7 +28806,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"for": "notes",
value: "Bemerkungen"
}), (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) {
return $props.form.notes = $event;
}),
@ -29082,7 +29096,7 @@ var _hoisted_2 = {
key: 3
};
var _hoisted_3 = {
"class": "col-span-10 xs:col-span-12"
"class": "sm:col-span-10 col-span-12"
};
var _hoisted_4 = {
"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_8 = {
"class": "col-span-10 xs:col-span-12"
"class": "sm:col-span-10 col-span-12"
};
var _hoisted_9 = {
"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_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_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_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 () {
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 */
)]), ((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) {
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, {
)]), !$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]),
"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
/* 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
/* 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) {
, ["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) {
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, {
}, [(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_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]),
"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
/* 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
/* STABLE */
@ -29306,7 +29320,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
return $data.form.date = $event;
}),
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
/* PROPS */
, ["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,
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"
}, null, 8
/* PROPS */
@ -29340,7 +29354,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[3] || (_cache[3] = function ($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) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", {
value: index,
@ -29736,7 +29750,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
onClick: _cache[2] || (_cache[2] = function () {
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", {
onSubmit: _cache[3] || (_cache[3] = function () {
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 () {
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", {
onSubmit: _cache[3] || (_cache[3] = function () {
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", {
"class": "col-span-1 xs:col-span-2"
"class": "lg:col-span-1 col-span-2"
}, " Datum ", -1
/* HOISTED */
);
var _hoisted_5 = {
"class": "col-span-3 xs:col-span-2"
"class": "lg:col-span-3 col-span-2"
};
var _hoisted_6 = {
key: 0,
"class": "col-span-1 xs:col-span-2"
"class": "lg:col-span-1 col-span-2"
};
var _hoisted_7 = {
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", {
"class": "col-span-1 xs:col-span-2"
"class": "lg:col-span-1 col-span-2"
}, " Betrag ", -1
/* HOISTED */
);
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", {
"class": "col-span-1 xs:col-span-2"
"class": "lg:col-span-1 col-span-2"
}, " Bezahlt ", -1
/* HOISTED */
);
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", {
"class": "col-span-1 xs:col-span-2"
"class": "lg:col-span-1 col-span-2"
}, " Offener Betrag ", -1
/* HOISTED */
);
var _hoisted_13 = {
"class": "col-span-3 xs:col-span-2"
"class": "lg:col-span-3 col-span-2"
};
var _hoisted_14 = {
key: 3
};
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", {
@ -30152,16 +30166,16 @@ var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(
);
var _hoisted_17 = {
"class": "col-span-5 xs:col-span-12"
"class": "lg:col-span-5 col-span-12"
};
var _hoisted_18 = {
"class": "mb-3"
};
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 = {
"class": "col-span-5 xs:col-span-12"
"class": "xl:col-span-5 col-span-12"
};
function render(_ctx, _cache, $props, $setup, $data, $options) {
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"
};
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", {
"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", -1
"class": "font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight"
}, "Neueste Einkäufe", -1
/* HOISTED */
);
var _hoisted_5 = {
"class": "col-span-6 xs:col-span-12"
};
var _hoisted_6 = {
"class": "pt-5 bg-white shadow rounded-md sm:rounded-lg"
"class": "lg:col-span-6 col-span-12"
};
var _hoisted_7 = /*#__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"
}, "Letzte Verkäufe", -1
var _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
"class": "font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight"
}, "Neueste Verkäufe", -1
/* HOISTED */
);
@ -30354,14 +30365,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
hideArrow: true
}, null, 8
/* 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,
columns: $data.sellContractColumns,
currentRoute: $data.currentRoute,
hideArrow: true
}, null, 8
/* PROPS */
, ["data", "columns", "currentRoute"])])])])];
, ["data", "columns", "currentRoute"])])])];
}),
_: 1
/* STABLE */
@ -31476,7 +31488,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
"onUpdate:modelValue": _cache[1] || (_cache[1] = function ($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) {
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("option", {
value: year,
@ -31494,7 +31506,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
actions: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
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
/* PROPS */
, ["href"])];

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

@ -1,5 +1,5 @@
<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 }} /
</inertia-link>
</template>

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

@ -13,7 +13,7 @@ export default {
},
data() {
return {
colour: 'gray',
colour: 'indigo',
}
},
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">
{{ car.name }}
</div>
<div class="grid grid-cols-4 gap-2 w-full">
<div v-if="!hideEmpty || car.stammnummer" class="col-span-1 xs:col-span-2">
<div class="grid grid-cols-2 xl:grid-cols-4 gap-2 w-full">
<div v-if="!hideEmpty || car.stammnummer" class="col-span-1">
Stammnummer
</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 : '-' }}
</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
</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 : '-'}}
</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
</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 : '-' }}
</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
</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' : '-' }}
</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
</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 : '-' }}
</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
</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 : '-' }}
</div>
</div>
@ -51,7 +51,7 @@
</div>
<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">
<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
</inertia-link>
</div>

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

@ -14,13 +14,13 @@
</div>
<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">
<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 }}
</a>
</div>
<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">
<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 }}
</a>
</div>
@ -30,7 +30,7 @@
</div>
<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">
<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
</inertia-link>
</div>

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

@ -1,10 +1,10 @@
<template>
<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>
<contact-card :contact="contract.contact" />
</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>
<car-card hide-empty="true" :car="contract.car" />
</div>
@ -45,16 +45,11 @@
</div>
<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">
<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
</inertia-link>
</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>
</template>
@ -78,7 +73,7 @@ export default {
},
computed: {
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() {

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

@ -1,12 +1,12 @@
<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">
<p class="font-bold text-6xl text-indigo-600 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-bold text-6xl text-indigo-800 group-hover:text-indigo-700 py-5 transition">{{ number }}</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>
<span v-else>
<p class="font-bold text-6xl text-indigo-600 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-bold text-6xl text-indigo-800 py-5">{{ number }}</p>
<p class="font-semibold text-2xl bg-indigo-800 text-white py-4 rounded-b-lg">{{ title }}</p>
</span>
</div>
</template>

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

@ -1,11 +1,11 @@
<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">
<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>
<span class="justify-center inline-flex items-center mx-auto">
<unicon fill="royalblue" 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="justify-center inline-flex text-indigo-800 group-hover:text-indigo-700 items-center mx-auto">
<unicon fill="currentColor" class="p-2" height="70" width="70" name="file-alt"></unicon>
<span class="text-xl font-bold">{{ document.extension }}</span>
</span>
<span class="overflow-ellipsis overflow-hidden"> {{ document.name }}</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>
<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">
<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="isSaving">Lade Dokument hoch...</span> </span>
<span v-else class="col-span-2">

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

@ -1,6 +1,6 @@
<template>
<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">
<document-item @delete="deleteDocument" :document="document" />
</template>

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

@ -8,19 +8,19 @@
<div class="grid grid-cols-6 gap-6">
<div class="col-span-6 sm:col-span-4">
<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" />
</div>
<div class="col-span-6 sm:col-span-4">
<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" />
</div>
<div class="col-span-6 sm:col-span-4">
<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="1" :selected="form.type == '1'">Barzahlung</option>
</select>

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

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

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

@ -1,63 +1,61 @@
<template>
<!-- give the sidebar z-50 class so its higher than the navbar if you want to see the logo -->
<!-- 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">
<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">
<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
</inertia-link>
<div class="mb-4 px-4">
<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
</jet-nav-link>
<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
</jet-nav-link>
</div>
<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
</p>
<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
</jet-nav-link>
<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
</jet-nav-link>
<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
</jet-nav-link>
<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
</jet-nav-link>
</div>
<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
</p>
<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
</jet-nav-link>
<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
</jet-nav-link>
<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
</jet-nav-link>
<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
</jet-nav-link>
</div>

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

@ -30,7 +30,7 @@
</span>
</th>
</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">
<inertia-link v-if="row.link" class="px-6 py-4 flex items-center" :href="row.link">
{{ resolve(col.key, row) }}

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

@ -1,5 +1,5 @@
<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>
</button>
</template>

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

@ -1,5 +1,5 @@
<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>
<script>

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

@ -11,8 +11,8 @@
computed: {
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'
? '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'
}
}
}

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>
</Navbar>
<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>
<slot></slot>
</main>

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

@ -1,7 +1,7 @@
<template>
<div class="col-span-6 sm:col-span-4">
<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>
<span @click="addBrand">
<b>{{ brandSearch }}</b> als neue Marke speichern?
@ -12,7 +12,7 @@
<div v-if="brandSelection" class="col-span-6 sm:col-span-4">
<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>
<span @click="addCarModel">
<b>{{ modelSearch }}</b> als neues {{ brand.name }}-Modell speichern?
@ -41,13 +41,13 @@
<div class="grid grid-cols-12 gap-6">
<div class="col-span-6 sm:col-span-6">
<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" />
</div>
<div class="col-span-6 sm:col-span-6">
<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" />
</div>
</div>
@ -55,7 +55,7 @@
<div class="col-span-6 sm:col-span-4">
<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" />
</div>
@ -67,14 +67,14 @@
<div class="col-span-6 sm:col-span-4">
<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>
<jet-input-error :message="form.errors.known_damage" class="mt-2" />
</div>
<div class="col-span-6 sm:col-span-4">
<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>
<jet-input-error :message="form.errors.notes" class="mt-2" />
</div>

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

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

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

@ -63,7 +63,7 @@
<div class="col-span-6 sm:col-span-4">
<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>
<jet-input-error :message="form.errors.notes" class="mt-2" />
</div>

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

@ -21,33 +21,33 @@
</template>
<template #more>
<div class="col-span-10 xs:col-span-12">
<div class="sm:col-span-10 col-span-12">
<div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ contact.buy_contracts.total > 1 ? contact.buy_contracts.total + ' Ankaufsverträge' : 'Ankaufsvertrag' }}</h1>
</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">
<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>
Neuer Ankaufsvertrag
</inertia-link>
</div>
<div v-for="contract in contact.buy_contracts.data" :key="contract.id">
<buy-contract-card :contract="contract"/>
</div>
<div class="col-span-10 xs:col-span-12">
</div>
<div class="sm:col-span-10 col-span-12">
<div class="whitespace-nowrap">
<h1 class="font-bold text-3xl">{{ contact.sell_contracts.total > 1 ? contact.sell_contracts.total + ' Verkaufsverträge' : 'Verkaufsvertrag' }}</h1>
</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">
<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>
Neuer Verkaufssvertrag
</inertia-link>
</div>
<div v-for="contract in contact.sell_contracts.data" :key="contract.id">
<sell-contract-card :contract="contract"/>
</div>
</div>
</template>
</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-6 sm:col-span-4">
<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" />
</div>
<div class="col-span-6 sm:col-span-4">
<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" />
</div>
<div v-if="form.is_sell_contract" class="col-span-6 sm:col-span-4">
<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>
</select>
<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
</div>
<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
</button>
</div>

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

@ -38,7 +38,7 @@
oder
</div>
<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
</button>
</div>

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

@ -11,34 +11,34 @@
{{ contract.type_formatted }} vom {{ contract.date }}
</div>
<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
</div>
<div class="col-span-3 xs:col-span-2">
<div class="lg:col-span-3 col-span-2">
{{ contract.date }}
</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
</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 }}
</div>
<div class="col-span-1 xs:col-span-2">
<div class="lg:col-span-1 col-span-2">
Betrag
</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 }}
</div>
<div class="col-span-1 xs:col-span-2">
<div class="lg:col-span-1 col-span-2">
Bezahlt
</div>
<div class="col-span-3 xs:col-span-2">
<div class="lg:col-span-3 col-span-2">
{{ contract.paid }}
</div>
<div class="col-span-1 xs:col-span-2">
<div class="lg:col-span-1 col-span-2">
Offener Betrag
</div>
<div class="col-span-3 xs:col-span-2">
<div class="lg:col-span-3 col-span-2">
{{ contract.left_to_pay }}
</div>
</div>
@ -54,18 +54,18 @@
</div>
</template>
<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>
<car-card :car="contract.car" />
</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>
<contact-card :contact="contract.contact" />
</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" />
</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" />
</div>
</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="'Gekauft im ' + new Date().getFullYear()" :number="bought_this_year" />
<dash-item :title="'Verkauft im ' + new Date().getFullYear()" :number="sold_this_year" />
<div class="col-span-6 xs: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>
<div class="lg:col-span-6 col-span-12">
<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" />
</div>
<div class="col-span-6 xs:col-span-12">
<div class="pt-5 bg-white shadow rounded-md sm:rounded-lg">
<p class="font-semibold text-xl font-medium ml-6 mb-2 text-gray-800 leading-tight">Letzte Verkäufe</p>
<simple-table :data="sell_contracts" :columns="sellContractColumns" :currentRoute="currentRoute" :hideArrow="true" />
</div>
<div class="lg:col-span-6 col-span-12">
<p class="font-semibold text-xl font-medium mb-4 text-indigo-900 leading-tight">Neueste Verkäufe</p>
<simple-table class="shadow rounded-md sm:rounded-lg" :data="sell_contracts" :columns="sellContractColumns" :currentRoute="currentRoute" :hideArrow="true" />
</div>
</div>
</layout>

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

@ -14,14 +14,14 @@
<template #form>
<div class="col-span-6 sm:col-span-3">
<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>
</select>
</div>
</template>
<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
</a>
</template>

22
tailwind.config.js vendored
View File

@ -1,4 +1,5 @@
const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');
module.exports = {
purge: [
@ -10,6 +11,27 @@ module.exports = {
],
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: {
fontFamily: {
sans: ['Nunito', ...defaultTheme.fontFamily.sans],