shift-build-2464
Nadim Salloum 2021-06-15 22:58:13 +03:00
parent fd74b2d8cb
commit 879eb46832
97 changed files with 5092 additions and 2741 deletions

19
.eslintrc.json Normal file
View File

@ -0,0 +1,19 @@
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"plugin:vue/essential",
"airbnb-base"
],
"parserOptions": {
"ecmaVersion": 12,
"sourceType": "module"
},
"plugins": [
"vue"
],
"rules": {
}
}

2331
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -7,7 +7,8 @@
"watch-poll": "mix watch -- --watch-options-poll=1000", "watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot", "hot": "mix watch --hot",
"prod": "npm run production", "prod": "npm run production",
"production": "mix --production" "production": "mix --production",
"eslint": "./node_modules/.bin/eslint resources/js/ --ext .js,.vue --fix"
}, },
"devDependencies": { "devDependencies": {
"@inertiajs/inertia": "^0.8.4", "@inertiajs/inertia": "^0.8.4",
@ -17,13 +18,13 @@
"@tailwindcss/typography": "^0.3.0", "@tailwindcss/typography": "^0.3.0",
"@types/lodash": "^4.14.168", "@types/lodash": "^4.14.168",
"@vue/compiler-sfc": "^3.0.5", "@vue/compiler-sfc": "^3.0.5",
"axios": "^0.21", "eslint": "^7.28.0",
"eslint-plugin-vue": "^7.11.1",
"laravel-mix": "^6.0.6", "laravel-mix": "^6.0.6",
"lodash": "^4.17.21",
"postcss": "^8.1.14", "postcss": "^8.1.14",
"postcss-import": "^12.0.1", "postcss-import": "^12.0.1",
"tailwindcss": "^2.0.1", "tailwindcss": "^2.0.1",
"vue": "^3.0.5",
"vue-loader": "^16.1.2" "vue-loader": "^16.1.2"
}, },
"dependencies": { "dependencies": {
@ -31,6 +32,9 @@
"vue-multiselect": "^3.0.0-alpha.2", "vue-multiselect": "^3.0.0-alpha.2",
"vue-unicons": "^3.2.1", "vue-unicons": "^3.2.1",
"vue3-datepicker": "^0.2.4", "vue3-datepicker": "^0.2.4",
"vuex": "^4.0.0" "vuex": "^4.0.0",
"axios": "^0.21",
"lodash": "^4.17.21",
"vue": "^3.0.5"
} }
} }

169
public/js/app.js vendored
View File

@ -17913,9 +17913,9 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
allClasses: function allClasses() { allClasses: function allClasses() {
var classes = "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"; var classes = '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';
classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300"); classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300");
return classes + " " + this["class"]; return "".concat(classes, " ").concat(this["class"]);
} }
} }
}); });
@ -17966,9 +17966,9 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
allClasses: function allClasses() { allClasses: function allClasses() {
var classes = "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"; var classes = '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';
classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300"); classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300");
return classes + " " + this["class"]; return "".concat(classes, " ").concat(this["class"]);
} }
} }
}); });
@ -17998,7 +17998,7 @@ __webpack_require__.r(__webpack_exports__);
data: function data() { data: function data() {
return { return {
meta: { meta: {
'contact': 'Verkäufer' contact: 'Verkäufer'
} }
}; };
} }
@ -18077,7 +18077,7 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
contractClasses: function contractClasses() { contractClasses: function contractClasses() {
return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6'); return "col-span-12 h-full relative sm:col-span-".concat(this.contract.car ? '4' : '6');
} }
}, },
data: function data() { data: function data() {
@ -18191,9 +18191,9 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ }); /* harmony export */ });
var STATUS_INITIAL = 0, var STATUS_INITIAL = 0;
STATUS_SAVING = 1, var STATUS_SAVING = 1;
STATUS_FAILED = 2; var STATUS_FAILED = 2;
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
props: { props: {
id: Number, id: Number,
@ -18547,7 +18547,7 @@ __webpack_require__.r(__webpack_exports__);
data: function data() { data: function data() {
return { return {
meta: { meta: {
'contact': 'Käufer' contact: 'Käufer'
} }
}; };
} }
@ -18670,8 +18670,8 @@ __webpack_require__.r(__webpack_exports__);
this.sort.by = col; this.sort.by = col;
this.$inertia.get(this.data.path, { this.$inertia.get(this.data.path, {
'sortby': this.sort.by, sortby: this.sort.by,
'direction': this.sort.direction direction: this.sort.direction
}, { }, {
preserveState: true preserveState: true
}); });
@ -18817,7 +18817,7 @@ __webpack_require__.r(__webpack_exports__);
return this.checked; return this.checked;
}, },
set: function set(val) { set: function set(val) {
this.$emit("update:checked", val); this.$emit('update:checked', val);
} }
} }
} }
@ -19068,17 +19068,19 @@ __webpack_require__.r(__webpack_exports__);
computed: { computed: {
widthClass: function widthClass() { widthClass: function widthClass() {
return { return {
'48': 'w-48' 48: 'w-48'
}[this.width.toString()]; }[this.width.toString()];
}, },
alignmentClasses: function alignmentClasses() { alignmentClasses: function alignmentClasses() {
if (this.align === 'left') { if (this.align === 'left') {
return 'origin-top-left left-0'; return 'origin-top-left left-0';
} else if (this.align === 'right') {
return 'origin-top-right right-0';
} else {
return 'origin-top';
} }
if (this.align === 'right') {
return 'origin-top-right right-0';
}
return 'origin-top';
} }
} }
}); });
@ -19131,7 +19133,7 @@ __webpack_require__.r(__webpack_exports__);
return !!this.$slots.actions; return !!this.$slots.actions;
}, },
classnames: function classnames() { classnames: function classnames() {
var classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : ""; var classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : '';
classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md'; classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md';
return classnames; return classnames;
} }
@ -19263,10 +19265,10 @@ __webpack_require__.r(__webpack_exports__);
computed: { computed: {
maxWidthClass: function maxWidthClass() { maxWidthClass: function maxWidthClass() {
return { return {
'sm': 'sm:max-w-sm', sm: 'sm:max-w-sm',
'md': 'sm:max-w-md', md: 'sm:max-w-md',
'lg': 'sm:max-w-lg', lg: 'sm:max-w-lg',
'xl': 'sm:max-w-xl', xl: 'sm:max-w-xl',
'2xl': 'sm:max-w-2xl' '2xl': 'sm:max-w-2xl'
}[this.maxWidth]; }[this.maxWidth];
} }
@ -19405,7 +19407,7 @@ __webpack_require__.r(__webpack_exports__);
methods: { methods: {
switchToTeam: function switchToTeam(team) { switchToTeam: function switchToTeam(team) {
this.$inertia.put(route('current-team.update'), { this.$inertia.put(route('current-team.update'), {
'team_id': team.id team_id: team.id
}, { }, {
preserveState: false preserveState: false
}); });
@ -19581,15 +19583,15 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _ApiTokenManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ApiTokenManager */ "./resources/js/Pages/API/ApiTokenManager.vue"); /* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue"); /* harmony import */ var _ApiTokenManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ApiTokenManager */ "./resources/js/Pages/API/ApiTokenManager.vue");
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
props: ['tokens', 'availablePermissions', 'defaultPermissions'], props: ['tokens', 'availablePermissions', 'defaultPermissions'],
components: { components: {
ApiTokenManager: _ApiTokenManager__WEBPACK_IMPORTED_MODULE_0__.default, ApiTokenManager: _ApiTokenManager__WEBPACK_IMPORTED_MODULE_1__.default,
AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__.default AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__.default
} }
}); });
@ -20211,8 +20213,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue"); /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
/* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue"); /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); /* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
@ -20221,7 +20223,7 @@ __webpack_require__.r(__webpack_exports__);
components: { components: {
Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default, Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default, BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__.default CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
}, },
props: { props: {
brands: Array brands: Array
@ -20241,8 +20243,8 @@ __webpack_require__.r(__webpack_exports__);
vin: null, vin: null,
colour: null, colour: null,
car_model_id: null, car_model_id: null,
initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date()), initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date()),
last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date()), last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date()),
kilometers: null, kilometers: null,
known_damage: null, known_damage: null,
notes: null notes: null
@ -20274,8 +20276,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue"); /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
/* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue"); /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); /* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@ -20286,7 +20288,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
components: { components: {
BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default, BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default, Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__.default CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
}, },
props: { props: {
car: Object, car: Object,
@ -20300,7 +20302,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
out += this.brand.name; out += this.brand.name;
if (this.car_model.name) { if (this.car_model.name) {
out += ' ' + this.car_model.name; out += " ".concat(this.car_model.name);
} }
} }
@ -20311,7 +20313,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
return { return {
currentRoute: 'cars.edit', currentRoute: 'cars.edit',
meta: { meta: {
form_name: 'EditCar' + this.car.id, form_name: "EditCar".concat(this.car.id),
route: this.route('cars.update', this.car.id), route: this.route('cars.update', this.car.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
@ -20323,11 +20325,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
id: this.car.id, id: this.car.id,
stammnummer: this.car.stammnummer, stammnummer: this.car.stammnummer,
vin: this.car.vin, vin: this.car.vin,
initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.car.initial_date)), initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.car.initial_date)),
colour: this.car.colour, colour: this.car.colour,
notes: this.car.notes, notes: this.car.notes,
car_model_id: this.car.car_model.id, car_model_id: this.car.car_model.id,
last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.car.last_check_date)), last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.car.last_check_date)),
kilometers: this.car.kilometers, kilometers: this.car.kilometers,
known_damage: this.car.known_damage known_damage: this.car.known_damage
}, "notes", this.car.notes) }, "notes", this.car.notes)
@ -20648,8 +20650,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Jetstream/Button */ "./resources/js/Jetstream/Button.vue"); /* harmony import */ var _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Jetstream/Button */ "./resources/js/Jetstream/Button.vue");
/* harmony import */ var _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/ActionMessage */ "./resources/js/Jetstream/ActionMessage.vue"); /* harmony import */ var _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/ActionMessage */ "./resources/js/Jetstream/ActionMessage.vue");
/* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue"); /* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue");
/* harmony import */ var _ContactFormFields__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ContactFormFields */ "./resources/js/Pages/Contacts/Components/ContactFormFields.vue"); /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js"); /* harmony import */ var _ContactFormFields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ContactFormFields */ "./resources/js/Pages/Contacts/Components/ContactFormFields.vue");
@ -20660,7 +20662,7 @@ __webpack_require__.r(__webpack_exports__);
JetButton: _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__.default, JetButton: _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__.default,
JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__.default, JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__.default,
JetActionMessage: _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__.default, JetActionMessage: _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__.default,
ContactFormFields: _ContactFormFields__WEBPACK_IMPORTED_MODULE_3__.default ContactFormFields: _ContactFormFields__WEBPACK_IMPORTED_MODULE_4__.default
}, },
props: { props: {
data: Object, data: Object,
@ -20668,7 +20670,7 @@ __webpack_require__.r(__webpack_exports__);
}, },
data: function data() { data: function data() {
return { return {
form: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_4__.useForm)(this.meta.form_name, this.data) form: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_3__.useForm)(this.meta.form_name, this.data)
}; };
}, },
methods: { methods: {
@ -20790,7 +20792,7 @@ __webpack_require__.r(__webpack_exports__);
data: function data() { data: function data() {
return { return {
meta: { meta: {
form_name: 'EditContact' + this.contact.id, form_name: "EditContact".concat(this.contact.id),
route: this.route('contacts.update', this.contact.id), route: this.route('contacts.update', this.contact.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
@ -21057,11 +21059,11 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue"); /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
/* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue"); /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue"); /* harmony import */ var _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Components/CarCard.vue */ "./resources/js/Components/CarCard.vue");
/* harmony import */ var _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/CarCard.vue */ "./resources/js/Components/CarCard.vue"); /* harmony import */ var _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/ContactCard.vue */ "./resources/js/Components/ContactCard.vue");
/* harmony import */ var _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Components/ContactCard.vue */ "./resources/js/Components/ContactCard.vue"); /* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue");
/* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); /* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
@ -21073,10 +21075,10 @@ __webpack_require__.r(__webpack_exports__);
components: { components: {
Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default, Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default, BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__.default, ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_6__.default,
CarCard: _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_3__.default, CarCard: _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_2__.default,
ContactCard: _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_4__.default, ContactCard: _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_3__.default,
JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_5__.default JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_4__.default
}, },
props: { props: {
car: Object, car: Object,
@ -21096,25 +21098,25 @@ __webpack_require__.r(__webpack_exports__);
}, },
data: { data: {
id: null, id: null,
date: (0,vue__WEBPACK_IMPORTED_MODULE_6__.ref)(new Date()), date: (0,vue__WEBPACK_IMPORTED_MODULE_5__.ref)(new Date()),
price: null, price: null,
type: this.type, type: this.type,
insurance_type: '0', insurance_type: '0',
car_id: this.car.id, car_id: this.car.id,
contact_id: this.contact.id, contact_id: this.contact.id,
is_sell_contract: this.type == "SellContract" is_sell_contract: this.type == 'SellContract'
} }
}; };
}, },
computed: { computed: {
contractType: function contractType() { contractType: function contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function contactType() { contactType: function contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function isSellContract() { isSellContract: function isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
} }
} }
}); });
@ -21192,13 +21194,13 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
contractType: function contractType() { contractType: function contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function contactType() { contactType: function contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function isSellContract() { isSellContract: function isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
}, },
emptyContact: function emptyContact() { emptyContact: function emptyContact() {
return { return {
@ -21335,13 +21337,13 @@ __webpack_require__.r(__webpack_exports__);
}, },
computed: { computed: {
contractType: function contractType() { contractType: function contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function contactType() { contactType: function contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function isSellContract() { isSellContract: function isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
}, },
emptyCar: function emptyCar() { emptyCar: function emptyCar() {
return { return {
@ -21410,8 +21412,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue"); /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
/* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue"); /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); /* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
@ -21420,7 +21422,7 @@ __webpack_require__.r(__webpack_exports__);
components: { components: {
BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default, BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default, Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__.default ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
}, },
props: { props: {
contract: Object, contract: Object,
@ -21430,14 +21432,14 @@ __webpack_require__.r(__webpack_exports__);
return { return {
currentRoute: 'contracts.edit', currentRoute: 'contracts.edit',
meta: { meta: {
form_name: 'EditContract' + this.contract.id, form_name: "EditContract".concat(this.contract.id),
route: this.route('contracts.update', this.contract.id), route: this.route('contracts.update', this.contract.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
on_success: 'Änderungen gespeichert' on_success: 'Änderungen gespeichert'
}, },
data: { data: {
date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.contract.date)), date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.contract.date)),
price: this.contract.price, price: this.contract.price,
insurance_type: this.contract.insurance_type, insurance_type: this.contract.insurance_type,
is_sell_contract: this.contract.is_sell_contract is_sell_contract: this.contract.is_sell_contract
@ -21768,8 +21770,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue"); /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
/* harmony import */ var _DeleteUserForm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DeleteUserForm */ "./resources/js/Pages/Profile/DeleteUserForm.vue"); /* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue"); /* harmony import */ var _DeleteUserForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DeleteUserForm */ "./resources/js/Pages/Profile/DeleteUserForm.vue");
/* harmony import */ var _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./LogoutOtherBrowserSessionsForm */ "./resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue"); /* harmony import */ var _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./LogoutOtherBrowserSessionsForm */ "./resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue");
/* harmony import */ var _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TwoFactorAuthenticationForm */ "./resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue"); /* harmony import */ var _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TwoFactorAuthenticationForm */ "./resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue");
/* harmony import */ var _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UpdatePasswordForm */ "./resources/js/Pages/Profile/UpdatePasswordForm.vue"); /* harmony import */ var _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UpdatePasswordForm */ "./resources/js/Pages/Profile/UpdatePasswordForm.vue");
@ -21785,8 +21787,8 @@ __webpack_require__.r(__webpack_exports__);
props: ['sessions'], props: ['sessions'],
components: { components: {
Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default, Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
DeleteUserForm: _DeleteUserForm__WEBPACK_IMPORTED_MODULE_1__.default, DeleteUserForm: _DeleteUserForm__WEBPACK_IMPORTED_MODULE_2__.default,
JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_2__.default, JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__.default,
LogoutOtherBrowserSessionsForm: _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__.default, LogoutOtherBrowserSessionsForm: _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__.default,
TwoFactorAuthenticationForm: _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__.default, TwoFactorAuthenticationForm: _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__.default,
UpdatePasswordForm: _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__.default, UpdatePasswordForm: _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__.default,
@ -22220,10 +22222,10 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ }); /* harmony export */ });
/* harmony import */ var _TeamMemberManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TeamMemberManager */ "./resources/js/Pages/Teams/TeamMemberManager.vue"); /* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue"); /* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
/* harmony import */ var _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DeleteTeamForm */ "./resources/js/Pages/Teams/DeleteTeamForm.vue"); /* harmony import */ var _TeamMemberManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TeamMemberManager */ "./resources/js/Pages/Teams/TeamMemberManager.vue");
/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue"); /* harmony import */ var _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DeleteTeamForm */ "./resources/js/Pages/Teams/DeleteTeamForm.vue");
/* harmony import */ var _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UpdateTeamNameForm */ "./resources/js/Pages/Teams/UpdateTeamNameForm.vue"); /* harmony import */ var _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UpdateTeamNameForm */ "./resources/js/Pages/Teams/UpdateTeamNameForm.vue");
@ -22233,10 +22235,10 @@ __webpack_require__.r(__webpack_exports__);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
props: ['team', 'availableRoles', 'permissions'], props: ['team', 'availableRoles', 'permissions'],
components: { components: {
AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__.default, AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__.default,
DeleteTeamForm: _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_2__.default, DeleteTeamForm: _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_3__.default,
JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_3__.default, JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__.default,
TeamMemberManager: _TeamMemberManager__WEBPACK_IMPORTED_MODULE_0__.default, TeamMemberManager: _TeamMemberManager__WEBPACK_IMPORTED_MODULE_2__.default,
UpdateTeamNameForm: _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__.default UpdateTeamNameForm: _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__.default
} }
}); });
@ -32572,7 +32574,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var vue_unicons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-unicons */ "./node_modules/vue-unicons/dist/vue-unicons.es.js"); /* harmony import */ var vue_unicons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-unicons */ "./node_modules/vue-unicons/dist/vue-unicons.es.js");
/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js"); /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js");
/* harmony import */ var vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-unicons/dist/icons */ "./node_modules/vue-unicons/dist/icons.js"); /* harmony import */ var vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-unicons/dist/icons */ "./node_modules/vue-unicons/dist/icons.js");
__webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js"); // Import modules... // Import modules...
@ -32580,6 +32582,7 @@ __webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js"); // Import
__webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js");
vue_unicons__WEBPACK_IMPORTED_MODULE_3__.default.add([vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniChart, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPalette, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCalendarAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPlusCircle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMeh, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniUsersAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCarSideview, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniDashboard, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniSearch, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilter, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilterSlash, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniTrashAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPen, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniExclamationTriangle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMapMarker, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPhone, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniEnvelope, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileDownload, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleLeft, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileUploadAlt]); // Create a new store instance. vue_unicons__WEBPACK_IMPORTED_MODULE_3__.default.add([vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniChart, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPalette, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCalendarAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPlusCircle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMeh, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniUsersAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCarSideview, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniDashboard, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniSearch, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilter, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilterSlash, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniTrashAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPen, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniExclamationTriangle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMapMarker, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPhone, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniEnvelope, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileDownload, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleLeft, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileUploadAlt]); // Create a new store instance.

View File

@ -10,5 +10,5 @@ export default {
href: String, href: String,
text: String, text: String,
}, },
} };
</script> </script>

View File

@ -14,5 +14,5 @@ export default {
class: String, class: String,
href: String, href: String,
}, },
} };
</script> </script>

View File

@ -14,5 +14,5 @@ export default {
class: String, class: String,
href: String, href: String,
}, },
} };
</script> </script>

View File

@ -14,14 +14,14 @@ export default {
data() { data() {
return { return {
colour: 'indigo', colour: 'indigo',
} };
}, },
computed: { computed: {
allClasses: function () { allClasses() {
let classes = "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" let classes = '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';
classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`; classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
return classes + " " + this.class; return `${classes} ${this.class}`;
}
}, },
} },
};
</script> </script>

View File

@ -14,5 +14,5 @@ export default {
class: String, class: String,
href: String, href: String,
}, },
} };
</script> </script>

View File

@ -10,15 +10,15 @@ export default {
props: { props: {
class: String, class: String,
href: String, href: String,
colour: String colour: String,
}, },
computed: { computed: {
allClasses: function () { allClasses() {
let classes = "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" let classes = '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';
classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`; classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
return classes + " " + this.class; return `${classes} ${this.class}`;
} },
}, },
} };
</script> </script>

View File

@ -3,7 +3,7 @@
</template> </template>
<script> <script>
import ContractCard from '@/Components/ContractCard.vue' import ContractCard from '@/Components/ContractCard.vue';
export default { export default {
components: { components: {
@ -15,9 +15,9 @@ export default {
data() { data() {
return { return {
meta: { meta: {
'contact': 'Verkäufer', contact: 'Verkäufer',
}, },
} };
}, },
} };
</script> </script>

View File

@ -65,5 +65,5 @@ export default ({
car: Object, car: Object,
hideEmpty: String, hideEmpty: String,
}, },
}) });
</script> </script>

View File

@ -43,5 +43,5 @@ export default ({
props: { props: {
contact: Object, contact: Object,
}, },
}) });
</script> </script>

View File

@ -55,10 +55,10 @@
</template> </template>
<script> <script>
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
import ContactCard from '@/Components/ContactCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import CarCard from '@/Components/CarCard.vue' import CarCard from '@/Components/CarCard.vue';
import PrintButton from './Buttons/PrintButton.vue' import PrintButton from './Buttons/PrintButton.vue';
export default { export default {
components: { components: {
@ -73,18 +73,18 @@ export default {
}, },
computed: { computed: {
contractClasses() { contractClasses() {
return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6'); return `col-span-12 h-full relative sm:col-span-${this.contract.car ? '4' : '6'}`;
}, },
}, },
data() { data() {
return { return {
sellContractsColumns: [ sellContractsColumns: [
{key: 'buyer', value: 'Käufer'}, { key: 'buyer', value: 'Käufer' },
{key: 'date', value: 'Verkaufsdatum'}, { key: 'date', value: 'Verkaufsdatum' },
{key: 'price', value: 'Verkaufspreis'}, { key: 'price', value: 'Verkaufspreis' },
{key: 'insurance_type', value: 'Versicherungstyp'}, { key: 'insurance_type', value: 'Versicherungstyp' },
], ],
} };
}, },
} };
</script> </script>

View File

@ -3,18 +3,18 @@
</template> </template>
<script> <script>
import useCurrencyInput from 'vue-currency-input' import useCurrencyInput from 'vue-currency-input';
export default { export default {
name: 'CurrencyInput', name: 'CurrencyInput',
props: { props: {
modelValue: Number, modelValue: Number,
options: Object options: Object,
}, },
setup (props) { setup(props) {
const { formattedValue, inputRef } = useCurrencyInput(props.options) const { formattedValue, inputRef } = useCurrencyInput(props.options);
return { inputRef, formattedValue } return { inputRef, formattedValue };
} },
} };
</script> </script>

View File

@ -18,5 +18,5 @@ export default {
number: Number, number: Number,
link: String, link: String,
}, },
} };
</script> </script>

View File

@ -24,5 +24,5 @@ export default {
this.$emit('delete', this.document.id); this.$emit('delete', this.document.id);
}, },
}, },
} };
</script> </script>

View File

@ -18,7 +18,8 @@
<script> <script>
const STATUS_INITIAL = 0, STATUS_SAVING = 1, STATUS_FAILED = 2; const STATUS_INITIAL = 0; const STATUS_SAVING = 1; const
STATUS_FAILED = 2;
export default { export default {
props: { props: {
@ -30,7 +31,7 @@ export default {
uploadError: null, uploadError: null,
currentStatus: null, currentStatus: null,
uploadFieldName: 'document', uploadFieldName: 'document',
} };
}, },
computed: { computed: {
isInitial() { isInitial() {
@ -53,11 +54,11 @@ export default {
// upload data to the server // upload data to the server
this.currentStatus = STATUS_SAVING; this.currentStatus = STATUS_SAVING;
axios.post(this.route('documents.store', this.id), formData) axios.post(this.route('documents.store', this.id), formData)
.then(response => { .then((response) => {
this.documents.push(response.data); this.documents.push(response.data);
this.reset(); this.reset();
}) })
.catch(err => { .catch((err) => {
this.uploadError = err.response; this.uploadError = err.response;
this.currentStatus = STATUS_FAILED; this.currentStatus = STATUS_FAILED;
}); });
@ -71,7 +72,7 @@ export default {
// append the files to FormData // append the files to FormData
Array Array
.from(Array(fileList.length).keys()) .from(Array(fileList.length).keys())
.map(x => { .map((x) => {
formData.append(fieldName, fileList[x], fileList[x].name); formData.append(fieldName, fileList[x], fileList[x].name);
}); });
@ -82,5 +83,5 @@ export default {
mounted() { mounted() {
this.reset(); this.reset();
}, },
} };
</script> </script>

View File

@ -9,9 +9,9 @@
</template> </template>
<script> <script>
import { useForm } from '@inertiajs/inertia-vue3' import { useForm } from '@inertiajs/inertia-vue3';
import DocumentItem from '@/Components/Documents/Item.vue' import DocumentItem from '@/Components/Documents/Item.vue';
import DocumentUpload from '@/Components/Documents/Upload.vue' import DocumentUpload from '@/Components/Documents/Upload.vue';
export default { export default {
components: { components: {
@ -26,19 +26,19 @@ export default {
data() { data() {
return { return {
documents: this.initial_documents, documents: this.initial_documents,
} };
}, },
methods: { methods: {
deleteDocument(documentId) { deleteDocument(documentId) {
let form = useForm(`deleteDocument${documentId}`, {id: documentId}); const form = useForm(`deleteDocument${documentId}`, { id: documentId });
form.delete(route('documents.destroy', this.id), { form.delete(route('documents.destroy', this.id), {
preserveScroll: true, preserveScroll: true,
onSuccess: () => { onSuccess: () => {
form.reset(); form.reset();
this.documents = this.initial_documents; this.documents = this.initial_documents;
} },
}); });
}, },
} },
} };
</script> </script>

View File

@ -32,7 +32,7 @@ export default {
data() { data() {
return { return {
show: false, show: false,
} };
}, },
watch: { watch: {
show(show) { show(show) {
@ -43,19 +43,19 @@ export default {
modifiers: { modifiers: {
preventOverflow: { boundariesElement: this.boundary }, preventOverflow: { boundariesElement: this.boundary },
}, },
}) });
}) });
} else if (this.popper) { } else if (this.popper) {
setTimeout(() => this.popper.destroy(), 100) setTimeout(() => this.popper.destroy(), 100);
} }
}, },
}, },
mounted() { mounted() {
document.addEventListener('keydown', e => { document.addEventListener('keydown', (e) => {
if (e.keyCode === 27) { if (e.keyCode === 27) {
this.show = false this.show = false;
} }
}) });
}, },
} };
</script> </script>

View File

@ -59,9 +59,10 @@
</template> </template>
<script> <script>
import JetDropdown from '@/Jetstream/Dropdown' import JetDropdown from '@/Jetstream/Dropdown';
import JetDropdownLink from '@/Jetstream/DropdownLink' import JetDropdownLink from '@/Jetstream/DropdownLink';
import { mapState } from 'vuex' import { mapState } from 'vuex';
export default { export default {
components: { components: {
JetDropdown, JetDropdown,
@ -69,20 +70,20 @@ export default {
}, },
computed: { computed: {
...mapState(['sideBarOpen']) ...mapState(['sideBarOpen']),
}, },
data() { data() {
return { return {
dropDownOpen: false dropDownOpen: false,
} };
}, },
methods: { methods: {
toggleSidebar() { toggleSidebar() {
this.$store.dispatch('toggleSidebar') this.$store.dispatch('toggleSidebar');
}, },
logout() { logout() {
this.$inertia.post(route('logout')); this.$inertia.post(route('logout'));
}, },
} },
} };
</script> </script>

View File

@ -14,5 +14,5 @@ export default {
props: { props: {
links: Array, links: Array,
}, },
} };
</script> </script>

View File

@ -38,15 +38,15 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetInput from '@/Jetstream/Input.vue' import JetInput from '@/Jetstream/Input.vue';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import Datepicker from 'vue3-datepicker' import Datepicker from 'vue3-datepicker';
import { useForm } from '@inertiajs/inertia-vue3' import { useForm } from '@inertiajs/inertia-vue3';
import { ref } from 'vue' import { ref } from 'vue';
import DialogModal from '@/Jetstream/DialogModal.vue' import DialogModal from '@/Jetstream/DialogModal.vue';
import CurrencyInput from '@/Components/CurrencyInput' import CurrencyInput from '@/Components/CurrencyInput';
export default { export default {
components: { components: {
@ -77,7 +77,7 @@ export default {
exportValueAsInteger: true, exportValueAsInteger: true,
hideGroupingSeparatorOnFocus: false, hideGroupingSeparatorOnFocus: false,
}, },
} };
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -90,5 +90,5 @@ export default {
}); });
}, },
}, },
} };
</script> </script>

View File

@ -14,10 +14,10 @@
</template> </template>
<script> <script>
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
import PaymentCreateModal from '@/Components/Payments/CreateModal.vue' import PaymentCreateModal from '@/Components/Payments/CreateModal.vue';
import StandardButton from '@/Components/Buttons/StandardButton.vue' import StandardButton from '@/Components/Buttons/StandardButton.vue';
import { useForm } from '@inertiajs/inertia-vue3' import { useForm } from '@inertiajs/inertia-vue3';
export default { export default {
components: { components: {
@ -34,12 +34,12 @@ export default {
return { return {
showModal: false, showModal: false,
columns: [ columns: [
{key: 'date', value: 'Datum', sortable: false}, { key: 'date', value: 'Datum', sortable: false },
{key: 'amount', value: 'Betrag', sortable: false}, { key: 'amount', value: 'Betrag', sortable: false },
{key: 'type', value: 'Bezahlart', sortable: false}, { key: 'type', value: 'Bezahlart', sortable: false },
{key: 'delete', value: '', sortable: false}, { key: 'delete', value: '', sortable: false },
], ],
} };
}, },
methods: { methods: {
openModal(e) { openModal(e) {
@ -47,12 +47,12 @@ export default {
this.showModal = true; this.showModal = true;
}, },
deletePayment(id) { deletePayment(id) {
let form = useForm(`deletePayment${id}`, {id: id}); const form = useForm(`deletePayment${id}`, { id });
form.delete(route('payments.destroy', this.contract.id), { form.delete(route('payments.destroy', this.contract.id), {
preserveScroll: true, preserveScroll: true,
onSuccess: () => form.reset(), onSuccess: () => form.reset(),
}); });
}, },
}, },
} };
</script> </script>

View File

@ -17,5 +17,5 @@ export default {
default: 300, default: 300,
}, },
}, },
} };
</script> </script>

View File

@ -3,7 +3,7 @@
</template> </template>
<script> <script>
import ContractCard from '@/Components/ContractCard.vue' import ContractCard from '@/Components/ContractCard.vue';
export default { export default {
components: { components: {
@ -15,9 +15,9 @@ export default {
data() { data() {
return { return {
meta: { meta: {
'contact': 'Käufer', contact: 'Käufer',
}, },
} };
}, },
} };
</script> </script>

View File

@ -20,11 +20,11 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
export default { export default {
components: { components: {
Layout, Layout,
}, },
} };
</script> </script>

View File

@ -63,15 +63,15 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex';
import JetNavLink from '@/Jetstream/NavLink' import JetNavLink from '@/Jetstream/NavLink';
export default { export default {
components: { components: {
JetNavLink, JetNavLink,
}, },
computed: { computed: {
...mapState(['sideBarOpen']) ...mapState(['sideBarOpen']),
} },
} };
</script> </script>

View File

@ -66,9 +66,9 @@
</template> </template>
<script> <script>
import Paginator from "@/Components/Paginator" import Paginator from '@/Components/Paginator';
import StandardButton from "@/Components/Buttons/StandardButton.vue" import StandardButton from '@/Components/Buttons/StandardButton.vue';
import { pickBy, throttle, mapValues } from 'lodash' import { pickBy, throttle, mapValues } from 'lodash';
export default { export default {
components: { components: {
@ -89,21 +89,19 @@ export default {
return { return {
form: this.filters, form: this.filters,
sort: this.defaultSort, sort: this.defaultSort,
} };
}, },
watch: { watch: {
form: { form: {
deep: true, deep: true,
handler: throttle(function() { handler: throttle(function () {
this.refreshTable(); this.refreshTable();
}, 300), }, 300),
}, },
}, },
methods: { methods: {
resolve(path, obj) { resolve(path, obj) {
return path.split('.').reduce(function(prev, curr) { return path.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self);
return prev ? prev[curr] : null
}, obj || self)
}, },
sortTable(col) { sortTable(col) {
event.preventDefault(); event.preventDefault();
@ -113,19 +111,19 @@ export default {
this.sort.direction = 'asc'; this.sort.direction = 'asc';
} }
this.sort.by = col; this.sort.by = col;
this.$inertia.get(this.data.path, {'sortby': this.sort.by, 'direction': this.sort.direction}, { preserveState: true }) this.$inertia.get(this.data.path, { sortby: this.sort.by, direction: this.sort.direction }, { preserveState: true });
}, },
reset() { reset() {
this.form = mapValues(this.form, () => null) this.form = mapValues(this.form, () => null);
}, },
refreshTable() { refreshTable() {
if (this.currentRoute) { if (this.currentRoute) {
this.$inertia.get(this.route(this.currentRoute), pickBy(this.form), { preserveState: true }) this.$inertia.get(this.route(this.currentRoute), pickBy(this.form), { preserveState: true });
} }
}, },
isActiveSort(col, dir) { isActiveSort(col, dir) {
return col == this.sort.by && dir == this.sort.direction; return col == this.sort.by && dir == this.sort.direction;
}, },
}, },
} };
</script> </script>

View File

@ -9,7 +9,7 @@
</template> </template>
<script> <script>
export default { export default {
props: ['on'], props: ['on'],
} };
</script> </script>

View File

@ -14,11 +14,11 @@
</template> </template>
<script> <script>
import JetSectionTitle from './SectionTitle' import JetSectionTitle from './SectionTitle';
export default { export default {
components: { components: {
JetSectionTitle, JetSectionTitle,
} },
} };
</script> </script>

View File

@ -38,21 +38,21 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
show: true, show: true,
} };
}, },
computed: { computed: {
style() { style() {
return this.$page.props.jetstream.flash?.bannerStyle || 'success' return this.$page.props.jetstream.flash?.bannerStyle || 'success';
}, },
message() { message() {
return this.$page.props.jetstream.flash?.banner || '' return this.$page.props.jetstream.flash?.banner || '';
}, },
} },
} };
</script> </script>

View File

@ -5,12 +5,12 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
type: { type: {
type: String, type: String,
default: 'submit', default: 'submit',
}, },
} },
} };
</script> </script>

View File

@ -24,9 +24,9 @@ export default {
}, },
set(val) { set(val) {
this.$emit("update:checked", val); this.$emit('update:checked', val);
}, },
}, },
}, },
} };
</script> </script>

View File

@ -28,9 +28,9 @@
</template> </template>
<script> <script>
import Modal from './Modal' import Modal from './Modal';
export default { export default {
emits: ['close'], emits: ['close'],
components: { components: {
@ -39,20 +39,20 @@
props: { props: {
show: { show: {
default: false default: false,
}, },
maxWidth: { maxWidth: {
default: '2xl' default: '2xl',
}, },
closeable: { closeable: {
default: true default: true,
}, },
}, },
methods: { methods: {
close() { close() {
this.$emit('close') this.$emit('close');
}, },
} },
} };
</script> </script>

View File

@ -36,13 +36,13 @@
</template> </template>
<script> <script>
import JetButton from './Button' import JetButton from './Button';
import JetDialogModal from './DialogModal' import JetDialogModal from './DialogModal';
import JetInput from './Input' import JetInput from './Input';
import JetInputError from './InputError' import JetInputError from './InputError';
import JetSecondaryButton from './SecondaryButton' import JetSecondaryButton from './SecondaryButton';
export default { export default {
emits: ['confirmed'], emits: ['confirmed'],
props: { props: {
@ -54,7 +54,7 @@
}, },
button: { button: {
default: 'Confirm', default: 'Confirm',
} },
}, },
components: { components: {
@ -72,20 +72,20 @@
password: '', password: '',
error: '', error: '',
}, },
} };
}, },
methods: { methods: {
startConfirmingPassword() { startConfirmingPassword() {
axios.get(route('password.confirmation')).then(response => { axios.get(route('password.confirmation')).then((response) => {
if (response.data.confirmed) { if (response.data.confirmed) {
this.$emit('confirmed'); this.$emit('confirmed');
} else { } else {
this.confirmingPassword = true; this.confirmingPassword = true;
setTimeout(() => this.$refs.password.focus(), 250) setTimeout(() => this.$refs.password.focus(), 250);
} }
}) });
}, },
confirmPassword() { confirmPassword() {
@ -95,20 +95,20 @@
password: this.form.password, password: this.form.password,
}).then(() => { }).then(() => {
this.form.processing = false; this.form.processing = false;
this.closeModal() this.closeModal();
this.$nextTick(() => this.$emit('confirmed')); this.$nextTick(() => this.$emit('confirmed'));
}).catch(error => { }).catch((error) => {
this.form.processing = false; this.form.processing = false;
this.form.error = error.response.data.errors.password[0]; this.form.error = error.response.data.errors.password[0];
this.$refs.password.focus() this.$refs.password.focus();
}); });
}, },
closeModal() { closeModal() {
this.confirmingPassword = false this.confirmingPassword = false;
this.form.password = ''; this.form.password = '';
this.form.error = ''; this.form.error = '';
}, },
} },
} };
</script> </script>

View File

@ -5,12 +5,12 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
type: { type: {
type: String, type: String,
default: 'button', default: 'button',
}, },
} },
} };
</script> </script>

View File

@ -20,9 +20,9 @@
</template> </template>
<script> <script>
import Modal from './Modal' import Modal from './Modal';
export default { export default {
emits: ['close'], emits: ['close'],
components: { components: {
@ -31,20 +31,20 @@
props: { props: {
show: { show: {
default: false default: false,
}, },
maxWidth: { maxWidth: {
default: '2xl' default: '2xl',
}, },
closeable: { closeable: {
default: true default: true,
}, },
}, },
methods: { methods: {
close() { close() {
this.$emit('close') this.$emit('close');
}, },
} },
} };
</script> </script>

View File

@ -29,54 +29,53 @@
</template> </template>
<script> <script>
import { onMounted, onUnmounted, ref } from "vue"; import { onMounted, onUnmounted, ref } from 'vue';
export default { export default {
props: { props: {
align: { align: {
default: 'right' default: 'right',
}, },
width: { width: {
default: '48' default: '48',
}, },
contentClasses: { contentClasses: {
default: () => ['py-1', 'bg-white'] default: () => ['py-1', 'bg-white'],
} },
}, },
setup() { setup() {
let open = ref(false) const open = ref(false);
const closeOnEscape = (e) => { const closeOnEscape = (e) => {
if (open.value && e.keyCode === 27) { if (open.value && e.keyCode === 27) {
open.value = false open.value = false;
}
} }
};
onMounted(() => document.addEventListener('keydown', closeOnEscape)) onMounted(() => document.addEventListener('keydown', closeOnEscape));
onUnmounted(() => document.removeEventListener('keydown', closeOnEscape)) onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
return { return {
open, open,
} };
}, },
computed: { computed: {
widthClass() { widthClass() {
return { return {
'48': 'w-48', 48: 'w-48',
}[this.width.toString()] }[this.width.toString()];
}, },
alignmentClasses() { alignmentClasses() {
if (this.align === 'left') { if (this.align === 'left') {
return 'origin-top-left left-0' return 'origin-top-left left-0';
} else if (this.align === 'right') { } if (this.align === 'right') {
return 'origin-top-right right-0' return 'origin-top-right right-0';
} else {
return 'origin-top'
} }
return 'origin-top';
}, },
} },
} };
</script> </script>

View File

@ -15,7 +15,7 @@
</template> </template>
<script> <script>
export default { export default {
props: ['href', 'as'] props: ['href', 'as'],
} };
</script> </script>

View File

@ -22,9 +22,9 @@
</template> </template>
<script> <script>
import JetSectionTitle from './SectionTitle' import JetSectionTitle from './SectionTitle';
export default { export default {
emits: ['submitted'], emits: ['submitted'],
props: { props: {
@ -40,13 +40,13 @@
computed: { computed: {
hasActions() { hasActions() {
return !! this.$slots.actions return !!this.$slots.actions;
}, },
classnames() { classnames() {
let classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' :""; let classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : '';
classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md'; classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md';
return classnames; return classnames;
}, },
} },
} };
</script> </script>

View File

@ -3,16 +3,15 @@
</template> </template>
<script> <script>
export default { export default {
props: ['modelValue'], props: ['modelValue'],
emits: ['update:modelValue'], emits: ['update:modelValue'],
methods: { methods: {
focus() { focus() {
this.$refs.input.focus() this.$refs.input.focus();
} },
} },
} };
</script> </script>

View File

@ -7,7 +7,7 @@
</template> </template>
<script> <script>
export default { export default {
props: ['message'] props: ['message'],
} };
</script> </script>

View File

@ -6,7 +6,7 @@
</template> </template>
<script> <script>
export default { export default {
props: ['value'] props: ['value'],
} };
</script> </script>

View File

@ -29,20 +29,20 @@
</template> </template>
<script> <script>
import { onMounted, onUnmounted } from "vue"; import { onMounted, onUnmounted } from 'vue';
export default { export default {
emits: ['close'], emits: ['close'],
props: { props: {
show: { show: {
default: false default: false,
}, },
maxWidth: { maxWidth: {
default: '2xl' default: '2xl',
}, },
closeable: { closeable: {
default: true default: true,
}, },
}, },
@ -51,45 +51,45 @@ export default {
immediate: true, immediate: true,
handler: (show) => { handler: (show) => {
if (show) { if (show) {
document.body.style.overflow = 'hidden' document.body.style.overflow = 'hidden';
} else { } else {
document.body.style.overflow = null document.body.style.overflow = null;
}
}
} }
}, },
},
},
setup(props, {emit}) { setup(props, { emit }) {
const close = () => { const close = () => {
if (props.closeable) { if (props.closeable) {
emit('close') emit('close');
}
} }
};
const closeOnEscape = (e) => { const closeOnEscape = (e) => {
if (e.key === 'Escape' && props.show) { if (e.key === 'Escape' && props.show) {
close() close();
}
} }
};
onMounted(() => document.addEventListener('keydown', closeOnEscape)) onMounted(() => document.addEventListener('keydown', closeOnEscape));
onUnmounted(() => document.removeEventListener('keydown', closeOnEscape)) onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
return { return {
close, close,
} };
}, },
computed: { computed: {
maxWidthClass() { maxWidthClass() {
return { return {
'sm': 'sm:max-w-sm', sm: 'sm:max-w-sm',
'md': 'sm:max-w-md', md: 'sm:max-w-md',
'lg': 'sm:max-w-lg', lg: 'sm:max-w-lg',
'xl': 'sm:max-w-xl', xl: 'sm:max-w-xl',
'2xl': 'sm:max-w-2xl', '2xl': 'sm:max-w-2xl',
}[this.maxWidth] }[this.maxWidth];
} },
} },
} };
</script> </script>

View File

@ -5,15 +5,15 @@
</template> </template>
<script> <script>
export default { export default {
props: ['href', 'active'], props: ['href', 'active'],
computed: { computed: {
classes() { classes() {
return this.active 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 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' : 'w-full flex items-center hover:text-indigo-100 text-indigo-300 h-10 pl-4 rounded-lg cursor-pointer transition';
} },
} },
} };
</script> </script>

View File

@ -11,15 +11,15 @@
</template> </template>
<script> <script>
export default { export default {
props: ['active', 'href', 'as'], props: ['active', 'href', 'as'],
computed: { computed: {
classes() { classes() {
return this.active return this.active
? 'block pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition' ? 'block pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition'
: 'block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition' : 'block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition';
} },
} },
} };
</script> </script>

View File

@ -5,12 +5,12 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
type: { type: {
type: String, type: String,
default: 'button', default: 'button',
}, },
} },
} };
</script> </script>

View File

@ -9,15 +9,15 @@
</template> </template>
<script> <script>
export default { export default {
computed: { computed: {
errors() { errors() {
return this.$page.props.errors return this.$page.props.errors;
}, },
hasErrors() { hasErrors() {
return Object.keys(this.errors).length > 0; return Object.keys(this.errors).length > 0;
}, },
} },
} };
</script> </script>

View File

@ -242,14 +242,14 @@
</template> </template>
<script> <script>
import JetApplicationMark from '@/Jetstream/ApplicationMark' import JetApplicationMark from '@/Jetstream/ApplicationMark';
import JetBanner from '@/Jetstream/Banner' import JetBanner from '@/Jetstream/Banner';
import JetDropdown from '@/Jetstream/Dropdown' import JetDropdown from '@/Jetstream/Dropdown';
import JetDropdownLink from '@/Jetstream/DropdownLink' import JetDropdownLink from '@/Jetstream/DropdownLink';
import JetNavLink from '@/Jetstream/NavLink' import JetNavLink from '@/Jetstream/NavLink';
import JetResponsiveNavLink from '@/Jetstream/ResponsiveNavLink' import JetResponsiveNavLink from '@/Jetstream/ResponsiveNavLink';
export default { export default {
components: { components: {
JetApplicationMark, JetApplicationMark,
JetBanner, JetBanner,
@ -262,21 +262,21 @@
data() { data() {
return { return {
showingNavigationDropdown: false, showingNavigationDropdown: false,
} };
}, },
methods: { methods: {
switchToTeam(team) { switchToTeam(team) {
this.$inertia.put(route('current-team.update'), { this.$inertia.put(route('current-team.update'), {
'team_id': team.id team_id: team.id,
}, { }, {
preserveState: false preserveState: false,
}) });
}, },
logout() { logout() {
this.$inertia.post(route('logout')); this.$inertia.post(route('logout'));
}, },
} },
} };
</script> </script>

View File

@ -20,19 +20,19 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex';
import Sidebar from "@/Components/Sidebar" import Sidebar from '@/Components/Sidebar';
import Navbar from "@/Components/Navbar" import Navbar from '@/Components/Navbar';
import JetBanner from '@/Jetstream/Banner' import JetBanner from '@/Jetstream/Banner';
export default { export default {
computed: { computed: {
...mapState(['sideBarOpen']) ...mapState(['sideBarOpen']),
}, },
components: { components: {
Sidebar, Sidebar,
Navbar, Navbar,
JetBanner, JetBanner,
} },
} };
</script> </script>

View File

@ -164,21 +164,21 @@
</template> </template>
<script> <script>
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetConfirmationModal from '@/Jetstream/ConfirmationModal' import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
import JetDangerButton from '@/Jetstream/DangerButton' import JetDangerButton from '@/Jetstream/DangerButton';
import JetDialogModal from '@/Jetstream/DialogModal' import JetDialogModal from '@/Jetstream/DialogModal';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetCheckbox from '@/Jetstream/Checkbox' import JetCheckbox from '@/Jetstream/Checkbox';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
import JetSectionBorder from '@/Jetstream/SectionBorder' import JetSectionBorder from '@/Jetstream/SectionBorder';
export default { export default {
components: { components: {
JetActionMessage, JetActionMessage,
JetActionSection, JetActionSection,
@ -209,7 +209,7 @@
}), }),
updateApiTokenForm: this.$inertia.form({ updateApiTokenForm: this.$inertia.form({
permissions: [] permissions: [],
}), }),
deleteApiTokenForm: this.$inertia.form(), deleteApiTokenForm: this.$inertia.form(),
@ -217,7 +217,7 @@
displayingToken: false, displayingToken: false,
managingPermissionsFor: null, managingPermissionsFor: null,
apiTokenBeingDeleted: null, apiTokenBeingDeleted: null,
} };
}, },
methods: { methods: {
@ -225,16 +225,16 @@
this.createApiTokenForm.post(route('api-tokens.store'), { this.createApiTokenForm.post(route('api-tokens.store'), {
preserveScroll: true, preserveScroll: true,
onSuccess: () => { onSuccess: () => {
this.displayingToken = true this.displayingToken = true;
this.createApiTokenForm.reset() this.createApiTokenForm.reset();
} },
}) });
}, },
manageApiTokenPermissions(token) { manageApiTokenPermissions(token) {
this.updateApiTokenForm.permissions = token.abilities this.updateApiTokenForm.permissions = token.abilities;
this.managingPermissionsFor = token this.managingPermissionsFor = token;
}, },
updateApiToken() { updateApiToken() {
@ -242,11 +242,11 @@
preserveScroll: true, preserveScroll: true,
preserveState: true, preserveState: true,
onSuccess: () => (this.managingPermissionsFor = null), onSuccess: () => (this.managingPermissionsFor = null),
}) });
}, },
confirmApiTokenDeletion(token) { confirmApiTokenDeletion(token) {
this.apiTokenBeingDeleted = token this.apiTokenBeingDeleted = token;
}, },
deleteApiToken() { deleteApiToken() {
@ -254,8 +254,8 @@
preserveScroll: true, preserveScroll: true,
preserveState: true, preserveState: true,
onSuccess: () => (this.apiTokenBeingDeleted = null), onSuccess: () => (this.apiTokenBeingDeleted = null),
}) });
}, },
}, },
} };
</script> </script>

View File

@ -17,10 +17,10 @@
</template> </template>
<script> <script>
import ApiTokenManager from './ApiTokenManager' import AppLayout from '@/Layouts/AppLayout';
import AppLayout from '@/Layouts/AppLayout' import ApiTokenManager from './ApiTokenManager';
export default { export default {
props: [ props: [
'tokens', 'tokens',
'availablePermissions', 'availablePermissions',
@ -31,5 +31,5 @@
ApiTokenManager, ApiTokenManager,
AppLayout, AppLayout,
}, },
} };
</script> </script>

View File

@ -26,37 +26,37 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
JetButton, JetButton,
JetInput, JetInput,
JetLabel, JetLabel,
JetValidationErrors JetValidationErrors,
}, },
data() { data() {
return { return {
form: this.$inertia.form({ form: this.$inertia.form({
password: '', password: '',
}) }),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form.post(this.route('password.confirm'), { this.form.post(this.route('password.confirm'), {
onFinish: () => this.form.reset(), onFinish: () => this.form.reset(),
}) });
} },
} },
} };
</script> </script>

View File

@ -30,39 +30,39 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
JetButton, JetButton,
JetInput, JetInput,
JetLabel, JetLabel,
JetValidationErrors JetValidationErrors,
}, },
props: { props: {
status: String status: String,
}, },
data() { data() {
return { return {
form: this.$inertia.form({ form: this.$inertia.form({
email: '' email: '',
}) }),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form.post(this.route('password.email')) this.form.post(this.route('password.email'));
} },
} },
} };
</script> </script>

View File

@ -42,15 +42,15 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetCheckbox from '@/Jetstream/Checkbox' import JetCheckbox from '@/Jetstream/Checkbox';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
@ -58,12 +58,12 @@
JetInput, JetInput,
JetCheckbox, JetCheckbox,
JetLabel, JetLabel,
JetValidationErrors JetValidationErrors,
}, },
props: { props: {
canResetPassword: Boolean, canResetPassword: Boolean,
status: String status: String,
}, },
data() { data() {
@ -71,22 +71,22 @@
form: this.$inertia.form({ form: this.$inertia.form({
email: '', email: '',
password: '', password: '',
remember: false remember: false,
}) }),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form this.form
.transform(data => ({ .transform((data) => ({
... data, ...data,
remember: this.form.remember ? 'on' : '' remember: this.form.remember ? 'on' : '',
})) }))
.post(this.route('login'), { .post(this.route('login'), {
onFinish: () => this.form.reset('password'), onFinish: () => this.form.reset('password'),
}) });
} },
} },
} };
</script> </script>

View File

@ -53,15 +53,15 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetCheckbox from "@/Jetstream/Checkbox"; import JetCheckbox from '@/Jetstream/Checkbox';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
@ -69,7 +69,7 @@
JetInput, JetInput,
JetCheckbox, JetCheckbox,
JetLabel, JetLabel,
JetValidationErrors JetValidationErrors,
}, },
data() { data() {
@ -80,16 +80,16 @@
password: '', password: '',
password_confirmation: '', password_confirmation: '',
terms: false, terms: false,
}) }),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form.post(this.route('register'), { this.form.post(this.route('register'), {
onFinish: () => this.form.reset('password', 'password_confirmation'), onFinish: () => this.form.reset('password', 'password_confirmation'),
}) });
} },
} },
} };
</script> </script>

View File

@ -32,21 +32,21 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
JetButton, JetButton,
JetInput, JetInput,
JetLabel, JetLabel,
JetValidationErrors JetValidationErrors,
}, },
props: { props: {
@ -61,16 +61,16 @@
email: this.email, email: this.email,
password: '', password: '',
password_confirmation: '', password_confirmation: '',
}) }),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form.post(this.route('password.update'), { this.form.post(this.route('password.update'), {
onFinish: () => this.form.reset('password', 'password_confirmation'), onFinish: () => this.form.reset('password', 'password_confirmation'),
}) });
} },
} },
} };
</script> </script>

View File

@ -47,14 +47,14 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetValidationErrors from '@/Jetstream/ValidationErrors' import JetValidationErrors from '@/Jetstream/ValidationErrors';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
@ -70,28 +70,28 @@
form: this.$inertia.form({ form: this.$inertia.form({
code: '', code: '',
recovery_code: '', recovery_code: '',
}) }),
} };
}, },
methods: { methods: {
toggleRecovery() { toggleRecovery() {
this.recovery ^= true this.recovery ^= true;
this.$nextTick(() => { this.$nextTick(() => {
if (this.recovery) { if (this.recovery) {
this.$refs.recovery_code.focus() this.$refs.recovery_code.focus();
this.form.code = ''; this.form.code = '';
} else { } else {
this.$refs.code.focus() this.$refs.code.focus();
this.form.recovery_code = '' this.form.recovery_code = '';
} }
}) });
}, },
submit() { submit() {
this.form.post(this.route('two-factor.login')) this.form.post(this.route('two-factor.login'));
} },
} },
} };
</script> </script>

View File

@ -25,11 +25,11 @@
</template> </template>
<script> <script>
import JetAuthenticationCard from '@/Jetstream/AuthenticationCard' import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo' import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
export default { export default {
components: { components: {
JetAuthenticationCard, JetAuthenticationCard,
JetAuthenticationCardLogo, JetAuthenticationCardLogo,
@ -37,25 +37,25 @@
}, },
props: { props: {
status: String status: String,
}, },
data() { data() {
return { return {
form: this.$inertia.form() form: this.$inertia.form(),
} };
}, },
methods: { methods: {
submit() { submit() {
this.form.post(this.route('verification.send')) this.form.post(this.route('verification.send'));
}, },
}, },
computed: { computed: {
verificationLinkSent() { verificationLinkSent() {
return this.status === 'verification-link-sent'; return this.status === 'verification-link-sent';
} },
} },
} };
</script> </script>

View File

@ -27,11 +27,11 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue' import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue';
import { useForm } from '@inertiajs/inertia-vue3' import { useForm } from '@inertiajs/inertia-vue3';
export default { export default {
components: { components: {
@ -50,12 +50,12 @@ export default {
data() { data() {
return { return {
form: useForm(this.meta.form_name, this.data), form: useForm(this.meta.form_name, this.data),
} };
}, },
methods: { methods: {
submitForm() { submitForm() {
this.form.submit(this.meta.method, this.meta.route); this.form.submit(this.meta.method, this.meta.route);
}, },
} },
} };
</script> </script>

View File

@ -81,13 +81,13 @@
</template> </template>
<script> <script>
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetInput from '@/Jetstream/Input.vue' import JetInput from '@/Jetstream/Input.vue';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import Multiselect from 'vue-multiselect' import Multiselect from 'vue-multiselect';
import Datepicker from 'vue3-datepicker' import Datepicker from 'vue3-datepicker';
import CurrencyInput from '@/Components/CurrencyInput' import CurrencyInput from '@/Components/CurrencyInput';
export default { export default {
components: { components: {
@ -120,7 +120,7 @@ export default {
precision: 0, precision: 0,
currencyDisplay: 'hidden', currencyDisplay: 'hidden',
}, },
} };
}, },
methods: { methods: {
updateBrand(brand) { updateBrand(brand) {
@ -152,7 +152,7 @@ export default {
this.updateCarModel(null); this.updateCarModel(null);
}, },
updateBrandSearch(searchQuery, id) { updateBrandSearch(searchQuery, id) {
this.brandSearch = searchQuery this.brandSearch = searchQuery;
}, },
addBrand() { addBrand() {
axios.post(this.route('brands.store'), { axios.post(this.route('brands.store'), {
@ -164,7 +164,7 @@ export default {
}); });
}, },
updateCarModelSearch(searchQuery, id) { updateCarModelSearch(searchQuery, id) {
this.modelSearch = searchQuery this.modelSearch = searchQuery;
}, },
addCarModel() { addCarModel() {
axios.post(this.route('models.store'), { axios.post(this.route('models.store'), {
@ -177,14 +177,14 @@ export default {
}); });
}, },
}, },
mounted: function () { mounted() {
this.$nextTick(function () { this.$nextTick(function () {
this.brandSelection = this.brands.find(x => x.id === this.brand.id); this.brandSelection = this.brands.find((x) => x.id === this.brand.id);
if (this.brandSelection) { if (this.brandSelection) {
this.carModels = this.brandSelection.models ?? []; this.carModels = this.brandSelection.models ?? [];
} }
}) });
}, },
} };
</script> </script>
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>

View File

@ -17,10 +17,10 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import CarForm from './Components/CarForm.vue' import { ref } from 'vue';
import { ref } from 'vue' import CarForm from './Components/CarForm.vue';
export default { export default {
components: { components: {
@ -52,9 +52,9 @@ export default {
known_damage: null, known_damage: null,
notes: null, notes: null,
}, },
brand: {id: null, name: null}, brand: { id: null, name: null },
car_model: {id: null, name: null}, car_model: { id: null, name: null },
} };
}, },
} };
</script> </script>

View File

@ -19,10 +19,10 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import CarForm from './Components/CarForm.vue' import { ref } from 'vue';
import { ref } from 'vue' import CarForm from './Components/CarForm.vue';
export default { export default {
components: { components: {
@ -35,12 +35,12 @@ export default {
brands: Array, brands: Array,
}, },
computed: { computed: {
name: function () { name() {
let out = ''; let out = '';
if (this.brand.name) { if (this.brand.name) {
out += this.brand.name; out += this.brand.name;
if (this.car_model.name) { if (this.car_model.name) {
out += ' ' + this.car_model.name; out += ` ${this.car_model.name}`;
} }
} }
return out; return out;
@ -50,7 +50,7 @@ export default {
return { return {
currentRoute: 'cars.edit', currentRoute: 'cars.edit',
meta: { meta: {
form_name: 'EditCar' + this.car.id, form_name: `EditCar${this.car.id}`,
route: this.route('cars.update', this.car.id), route: this.route('cars.update', this.car.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
@ -71,7 +71,7 @@ export default {
known_damage: this.car.known_damage, known_damage: this.car.known_damage,
notes: this.car.notes, notes: this.car.notes,
}, },
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,15 +32,15 @@ export default {
return { return {
currentRoute: 'cars', currentRoute: 'cars',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'stammnummer', value: 'Stammummer', sortable: true}, { key: 'stammnummer', value: 'Stammummer', sortable: true },
{key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true}, { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true}, { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true}, { key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true },
{key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true}, { key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true },
{key: 'profit', value: 'Profit', sortable: true}, { key: 'profit', value: 'Profit', sortable: true },
], ],
} };
}, },
} };
</script> </script>

View File

@ -51,14 +51,14 @@
</template> </template>
<script> <script>
import ShowPage from '@/Components/ShowPage.vue' import ShowPage from '@/Components/ShowPage.vue';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import CarCard from '@/Components/CarCard.vue' import CarCard from '@/Components/CarCard.vue';
import BuyContractCard from '@/Components/BuyContractCard.vue' import BuyContractCard from '@/Components/BuyContractCard.vue';
import SellContractCard from '@/Components/SellContractCard.vue' import SellContractCard from '@/Components/SellContractCard.vue';
import EditButton from '@/Components/Buttons/EditButton.vue' import EditButton from '@/Components/Buttons/EditButton.vue';
import DeleteButton from '@/Components/Buttons/DeleteButton.vue' import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
import RestoreButton from '@/Components/Buttons/RestoreButton.vue' import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
export default { export default {
components: { components: {
@ -77,7 +77,7 @@ export default {
data() { data() {
return { return {
currentRoute: 'cars.show', currentRoute: 'cars.show',
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,15 +32,15 @@ export default {
return { return {
currentRoute: 'cars.sold', currentRoute: 'cars.sold',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'stammnummer', value: 'Stammummer', sortable: true}, { key: 'stammnummer', value: 'Stammummer', sortable: true },
{key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true}, { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true}, { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
{key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true}, { key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true },
{key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true}, { key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true },
{key: 'profit', value: 'Profit', sortable: true}, { key: 'profit', value: 'Profit', sortable: true },
], ],
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,13 +32,13 @@ export default {
return { return {
currentRoute: 'cars.unsold', currentRoute: 'cars.unsold',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'stammnummer', value: 'Stammummer', sortable: true}, { key: 'stammnummer', value: 'Stammummer', sortable: true },
{key: 'initial_date', value: 'Inverkehrssetzung', sortable: true}, { key: 'initial_date', value: 'Inverkehrssetzung', sortable: true },
{key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true}, { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
{key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true}, { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
], ],
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,13 +32,13 @@ export default {
return { return {
currentRoute: 'contacts.buyers', currentRoute: 'contacts.buyers',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'company', value: 'Firma', sortable: true}, { key: 'company', value: 'Firma', sortable: true },
{key: 'address', value: 'Adresse', sortable: true}, { key: 'address', value: 'Adresse', sortable: true },
{key: 'fullCity', value: 'Ort', sortable: true}, { key: 'fullCity', value: 'Ort', sortable: true },
{key: 'phone', value: 'Telefon'}, { key: 'phone', value: 'Telefon' },
], ],
} };
}, },
} };
</script> </script>

View File

@ -27,11 +27,11 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import ContactFormFields from './ContactFormFields' import { useForm } from '@inertiajs/inertia-vue3';
import { useForm } from '@inertiajs/inertia-vue3' import ContactFormFields from './ContactFormFields';
export default { export default {
components: { components: {
@ -47,12 +47,12 @@ export default {
data() { data() {
return { return {
form: useForm(this.meta.form_name, this.data), form: useForm(this.meta.form_name, this.data),
} };
}, },
methods: { methods: {
submitForm() { submitForm() {
this.form.submit(this.meta.method, this.meta.route); this.form.submit(this.meta.method, this.meta.route);
}, },
}, },
} };
</script> </script>

View File

@ -70,9 +70,9 @@
</template> </template>
<script> <script>
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetInput from '@/Jetstream/Input.vue' import JetInput from '@/Jetstream/Input.vue';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
export default { export default {
components: { components: {
@ -83,5 +83,5 @@ export default {
props: { props: {
form: Object, form: Object,
}, },
} };
</script> </script>

View File

@ -17,9 +17,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContactForm from './Components/ContactForm.vue' import ContactForm from './Components/ContactForm.vue';
export default { export default {
components: { components: {
@ -49,7 +49,7 @@ export default {
country: 'CH', country: 'CH',
notes: null, notes: null,
}, },
} };
}, },
} };
</script> </script>

View File

@ -20,9 +20,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContactForm from './Components/ContactForm.vue' import ContactForm from './Components/ContactForm.vue';
export default { export default {
components: { components: {
@ -37,7 +37,7 @@ export default {
data() { data() {
return { return {
meta: { meta: {
form_name: 'EditContact' + this.contact.id, form_name: `EditContact${this.contact.id}`,
route: this.route('contacts.update', this.contact.id), route: this.route('contacts.update', this.contact.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
@ -56,7 +56,7 @@ export default {
country: this.contact.country, country: this.contact.country,
notes: this.contact.notes, notes: this.contact.notes,
}, },
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,13 +32,13 @@ export default {
return { return {
currentRoute: 'contacts', currentRoute: 'contacts',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'company', value: 'Firma', sortable: true}, { key: 'company', value: 'Firma', sortable: true },
{key: 'address', value: 'Adresse', sortable: true}, { key: 'address', value: 'Adresse', sortable: true },
{key: 'fullCity', value: 'Ort', sortable: true}, { key: 'fullCity', value: 'Ort', sortable: true },
{key: 'phone', value: 'Telefon'}, { key: 'phone', value: 'Telefon' },
], ],
} };
}, },
} };
</script> </script>

View File

@ -13,9 +13,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
export default { export default {
components: { components: {
@ -32,13 +32,13 @@ export default {
return { return {
currentRoute: 'contacts.sellers', currentRoute: 'contacts.sellers',
columns: [ columns: [
{key: 'name', value: 'Name', sortable: true}, { key: 'name', value: 'Name', sortable: true },
{key: 'company', value: 'Firma', sortable: true}, { key: 'company', value: 'Firma', sortable: true },
{key: 'address', value: 'Adresse', sortable: true}, { key: 'address', value: 'Adresse', sortable: true },
{key: 'fullCity', value: 'Ort', sortable: true}, { key: 'fullCity', value: 'Ort', sortable: true },
{key: 'phone', value: 'Telefon'}, { key: 'phone', value: 'Telefon' },
], ],
} };
}, },
} };
</script> </script>

View File

@ -54,14 +54,14 @@
</template> </template>
<script> <script>
import ShowPage from '@/Components/ShowPage.vue' import ShowPage from '@/Components/ShowPage.vue';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContactCard from '@/Components/ContactCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import BuyContractCard from '@/Components/BuyContractCard.vue' import BuyContractCard from '@/Components/BuyContractCard.vue';
import SellContractCard from '@/Components/SellContractCard.vue' import SellContractCard from '@/Components/SellContractCard.vue';
import EditButton from '@/Components/Buttons/EditButton.vue' import EditButton from '@/Components/Buttons/EditButton.vue';
import DeleteButton from '@/Components/Buttons/DeleteButton.vue' import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
import RestoreButton from '@/Components/Buttons/RestoreButton.vue' import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
export default { export default {
components: { components: {
@ -81,7 +81,7 @@ export default {
data() { data() {
return { return {
currentRoute: 'contacts.show', currentRoute: 'contacts.show',
} };
}, },
} };
</script> </script>

View File

@ -47,15 +47,15 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetInput from '@/Jetstream/Input.vue' import JetInput from '@/Jetstream/Input.vue';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import Datepicker from 'vue3-datepicker' import Datepicker from 'vue3-datepicker';
import { useForm } from '@inertiajs/inertia-vue3' import { useForm } from '@inertiajs/inertia-vue3';
import CurrencyInput from '@/Components/CurrencyInput' import CurrencyInput from '@/Components/CurrencyInput';
export default { export default {
components: { components: {
@ -82,12 +82,12 @@ export default {
exportValueAsInteger: true, exportValueAsInteger: true,
hideGroupingSeparatorOnFocus: false, hideGroupingSeparatorOnFocus: false,
}, },
} };
}, },
methods: { methods: {
submitForm() { submitForm() {
this.form.submit(this.meta.method, this.meta.route); this.form.submit(this.meta.method, this.meta.route);
}, },
}, },
} };
</script> </script>

View File

@ -54,13 +54,13 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContractForm from './Components/ContractForm.vue' import CarCard from '@/Components/CarCard.vue';
import CarCard from '@/Components/CarCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import ContactCard from '@/Components/ContactCard.vue' import JetFormSection from '@/Jetstream/FormSection';
import JetFormSection from '@/Jetstream/FormSection' import { ref } from 'vue';
import { ref } from 'vue' import ContractForm from './Components/ContractForm.vue';
export default { export default {
components: { components: {
@ -95,20 +95,20 @@ export default {
insurance_type: '0', insurance_type: '0',
car_id: this.car.id, car_id: this.car.id,
contact_id: this.contact.id, contact_id: this.contact.id,
is_sell_contract: this.type == "SellContract", is_sell_contract: this.type == 'SellContract',
}, },
} };
}, },
computed: { computed: {
contractType: function () { contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function () { contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function () { isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
}, },
} },
} };
</script> </script>

View File

@ -67,16 +67,16 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContactFormFields from '@/Pages/Contacts/Components/ContactFormFields.vue' import ContactFormFields from '@/Pages/Contacts/Components/ContactFormFields.vue';
import CarCard from '@/Components/CarCard.vue' import CarCard from '@/Components/CarCard.vue';
import ContactCard from '@/Components/ContactCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import Multiselect from 'vue-multiselect' import Multiselect from 'vue-multiselect';
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
export default { export default {
components: { components: {
@ -114,19 +114,19 @@ export default {
errors: {}, errors: {},
}, },
createContact: false, createContact: false,
} };
}, },
computed: { computed: {
contractType: function () { contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function () { contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function () { isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
}, },
emptyContact: function() { emptyContact() {
return { return {
id: null, id: null,
firstname: null, firstname: null,
@ -149,7 +149,7 @@ export default {
type: this.isSellContract ? 1 : 0, type: this.isSellContract ? 1 : 0,
car: this.car.id, car: this.car.id,
contact: this.contact.id, contact: this.contact.id,
}), { preserveScroll: true, carFirst: true, }); }), { preserveScroll: true, carFirst: true });
}, },
openContactForm() { openContactForm() {
this.createContact = true; this.createContact = true;
@ -158,23 +158,22 @@ export default {
submitCreateContactForm(e) { submitCreateContactForm(e) {
e.preventDefault(); e.preventDefault();
axios.post(this.route('contacts.store_for_contract'), this.contact) axios.post(this.route('contacts.store_for_contract'), this.contact)
.then(res => { .then((res) => {
this.contactsChoice.push(res.data); this.contactsChoice.push(res.data);
this.contact = res.data; this.contact = res.data;
this.createContact = false; this.createContact = false;
}).catch(err => { }).catch((err) => {
if (err.response) { if (err.response) {
let errors = err.response.data.errors; const { errors } = err.response.data;
Object.keys(errors).map(function(key, index) { Object.keys(errors).map((key, index) => {
errors[key] = errors[key].join(' '); errors[key] = errors[key].join(' ');
}); });
this.contact.errors = errors; this.contact.errors = errors;
} }
}); });
}, },
}, },
} };
</script> </script>
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>

View File

@ -67,16 +67,16 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue' import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue';
import CarCard from '@/Components/CarCard.vue' import CarCard from '@/Components/CarCard.vue';
import ContactCard from '@/Components/ContactCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import Multiselect from 'vue-multiselect' import Multiselect from 'vue-multiselect';
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
export default { export default {
components: { components: {
@ -113,22 +113,22 @@ export default {
notes: null, notes: null,
errors: {}, errors: {},
}, },
brand: {id: null, name: null}, brand: { id: null, name: null },
car_model: {id: null, name: null}, car_model: { id: null, name: null },
createCar: false, createCar: false,
} };
}, },
computed: { computed: {
contractType: function () { contractType() {
return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag"; return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
}, },
contactType: function () { contactType() {
return this.isSellContract ? "Käufer" : "Verkäufer"; return this.isSellContract ? 'Käufer' : 'Verkäufer';
}, },
isSellContract: function () { isSellContract() {
return this.type == "SellContract"; return this.type == 'SellContract';
}, },
emptyCar: function() { emptyCar() {
return { return {
id: null, id: null,
stammnummer: null, stammnummer: null,
@ -159,23 +159,22 @@ export default {
submitCreateCarForm(e) { submitCreateCarForm(e) {
e.preventDefault(); e.preventDefault();
axios.post(this.route('cars.store_for_contract'), this.car) axios.post(this.route('cars.store_for_contract'), this.car)
.then(res => { .then((res) => {
this.carsChoice.push(res.data); this.carsChoice.push(res.data);
this.car = res.data; this.car = res.data;
this.createCar = false; this.createCar = false;
}).catch(err => { }).catch((err) => {
if (err.response) { if (err.response) {
let errors = err.response.data.errors; const { errors } = err.response.data;
Object.keys(errors).map(function(key, index) { Object.keys(errors).map((key, index) => {
errors[key] = errors[key].join(' '); errors[key] = errors[key].join(' ');
}); });
this.car.errors = errors; this.car.errors = errors;
} }
}); });
}, },
}, },
} };
</script> </script>
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>

View File

@ -20,10 +20,10 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import ContractForm from './Components/ContractForm.vue' import { ref } from 'vue';
import { ref } from 'vue' import ContractForm from './Components/ContractForm.vue';
export default { export default {
components: { components: {
@ -39,7 +39,7 @@ export default {
return { return {
currentRoute: 'contracts.edit', currentRoute: 'contracts.edit',
meta: { meta: {
form_name: 'EditContract' + this.contract.id, form_name: `EditContract${this.contract.id}`,
route: this.route('contracts.update', this.contract.id), route: this.route('contracts.update', this.contract.id),
method: 'put', method: 'put',
button_text: 'Änderungen speichern', button_text: 'Änderungen speichern',
@ -50,8 +50,8 @@ export default {
price: this.contract.price, price: this.contract.price,
insurance_type: this.contract.insurance_type, insurance_type: this.contract.insurance_type,
is_sell_contract: this.contract.is_sell_contract, is_sell_contract: this.contract.is_sell_contract,
}
}
}, },
} };
},
};
</script> </script>

View File

@ -73,18 +73,17 @@
</template> </template>
<script> <script>
import ShowPage from '@/Components/ShowPage.vue' import ShowPage from '@/Components/ShowPage.vue';
import BreadCrumb from '@/Components/BreadCrumb.vue' import BreadCrumb from '@/Components/BreadCrumb.vue';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
import DeleteButton from '@/Components/Buttons/DeleteButton.vue' import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
import RestoreButton from '@/Components/Buttons/RestoreButton.vue' import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
import CarCard from '@/Components/CarCard.vue' import CarCard from '@/Components/CarCard.vue';
import PrintButton from '@/Components/Buttons/PrintButton.vue' import PrintButton from '@/Components/Buttons/PrintButton.vue';
import ContactCard from '@/Components/ContactCard.vue' import ContactCard from '@/Components/ContactCard.vue';
import EditButton from '@/Components/Buttons/EditButton.vue' import EditButton from '@/Components/Buttons/EditButton.vue';
import DocumentsView from '@/Components/Documents/View.vue' import DocumentsView from '@/Components/Documents/View.vue';
import PaymentsView from '@/Components/Payments/View.vue' import PaymentsView from '@/Components/Payments/View.vue';
export default { export default {
components: { components: {
@ -105,25 +104,25 @@ export default {
contract: Object, contract: Object,
}, },
computed: { computed: {
contactTitle: function() { contactTitle() {
return this.contract.is_sell_contract ? 'Käufer' : 'Verkäufer'; return this.contract.is_sell_contract ? 'Käufer' : 'Verkäufer';
} },
}, },
data() { data() {
return { return {
currentRoute: 'contracts.show', currentRoute: 'contracts.show',
buyContractsColumns: [ buyContractsColumns: [
{key: 'contact', value: 'Verkäufer'}, { key: 'contact', value: 'Verkäufer' },
{key: 'date', value: 'Kaufdatum'}, { key: 'date', value: 'Kaufdatum' },
{key: 'price', value: 'Kaufpreis'}, { key: 'price', value: 'Kaufpreis' },
], ],
sellContractsColumns: [ sellContractsColumns: [
{key: 'contact', value: 'Käufer'}, { key: 'contact', value: 'Käufer' },
{key: 'date', value: 'Verkaufsdatum'}, { key: 'date', value: 'Verkaufsdatum' },
{key: 'price', value: 'Verkaufspreis'}, { key: 'price', value: 'Verkaufspreis' },
{key: 'insurance_type', value: 'Versicherungstyp'}, { key: 'insurance_type', value: 'Versicherungstyp' },
], ],
} };
}, },
} };
</script> </script>

View File

@ -22,11 +22,11 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import SimpleTable from '@/Components/SimpleTable.vue' import SimpleTable from '@/Components/SimpleTable.vue';
import DashItem from '@/Components/Dashboard/DashItem.vue' import DashItem from '@/Components/Dashboard/DashItem.vue';
export default { export default {
components: { components: {
Layout, Layout,
SimpleTable, SimpleTable,
@ -43,18 +43,18 @@
return { return {
currentRoute: 'cars', currentRoute: 'cars',
buyContractColumns: [ buyContractColumns: [
{key: 'date', value: 'Datum', sortable: false}, { key: 'date', value: 'Datum', sortable: false },
// {key: 'car', value: 'Auto', sortable: false}, // {key: 'car', value: 'Auto', sortable: false},
{key: 'contact', value: 'Verkäufer', sortable: false}, { key: 'contact', value: 'Verkäufer', sortable: false },
{key: 'price', value: 'Einkaufspreis', sortable: false}, { key: 'price', value: 'Einkaufspreis', sortable: false },
], ],
sellContractColumns: [ sellContractColumns: [
{key: 'date', value: 'Datum', sortable: false}, { key: 'date', value: 'Datum', sortable: false },
// {key: 'car', value: 'Auto', sortable: false}, // {key: 'car', value: 'Auto', sortable: false},
{key: 'contact', value: 'Käufer', sortable: false}, { key: 'contact', value: 'Käufer', sortable: false },
{key: 'price', value: 'Verkaufspreis', sortable: false}, { key: 'price', value: 'Verkaufspreis', sortable: false },
], ],
} };
}, },
} };
</script> </script>

View File

@ -53,14 +53,14 @@
</template> </template>
<script> <script>
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetDialogModal from '@/Jetstream/DialogModal' import JetDialogModal from '@/Jetstream/DialogModal';
import JetDangerButton from '@/Jetstream/DangerButton' import JetDangerButton from '@/Jetstream/DangerButton';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
export default { export default {
components: { components: {
JetActionSection, JetActionSection,
JetDangerButton, JetDangerButton,
@ -76,15 +76,15 @@
form: this.$inertia.form({ form: this.$inertia.form({
password: '', password: '',
}) }),
} };
}, },
methods: { methods: {
confirmUserDeletion() { confirmUserDeletion() {
this.confirmingUserDeletion = true; this.confirmingUserDeletion = true;
setTimeout(() => this.$refs.password.focus(), 250) setTimeout(() => this.$refs.password.focus(), 250);
}, },
deleteUser() { deleteUser() {
@ -93,14 +93,14 @@
onSuccess: () => this.closeModal(), onSuccess: () => this.closeModal(),
onError: () => this.$refs.password.focus(), onError: () => this.$refs.password.focus(),
onFinish: () => this.form.reset(), onFinish: () => this.form.reset(),
}) });
}, },
closeModal() { closeModal() {
this.confirmingUserDeletion = false this.confirmingUserDeletion = false;
this.form.reset() this.form.reset();
}, },
}, },
} };
</script> </script>

View File

@ -87,15 +87,15 @@
</template> </template>
<script> <script>
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetDialogModal from '@/Jetstream/DialogModal' import JetDialogModal from '@/Jetstream/DialogModal';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
export default { export default {
props: ['sessions'], props: ['sessions'],
components: { components: {
@ -114,15 +114,15 @@
form: this.$inertia.form({ form: this.$inertia.form({
password: '', password: '',
}) }),
} };
}, },
methods: { methods: {
confirmLogout() { confirmLogout() {
this.confirmingLogout = true this.confirmingLogout = true;
setTimeout(() => this.$refs.password.focus(), 250) setTimeout(() => this.$refs.password.focus(), 250);
}, },
logoutOtherBrowserSessions() { logoutOtherBrowserSessions() {
@ -131,14 +131,14 @@
onSuccess: () => this.closeModal(), onSuccess: () => this.closeModal(),
onError: () => this.$refs.password.focus(), onError: () => this.$refs.password.focus(),
onFinish: () => this.form.reset(), onFinish: () => this.form.reset(),
}) });
}, },
closeModal() { closeModal() {
this.confirmingLogout = false this.confirmingLogout = false;
this.form.reset() this.form.reset();
}, },
}, },
} };
</script> </script>

View File

@ -39,15 +39,15 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import DeleteUserForm from './DeleteUserForm' import JetSectionBorder from '@/Jetstream/SectionBorder';
import JetSectionBorder from '@/Jetstream/SectionBorder' import DeleteUserForm from './DeleteUserForm';
import LogoutOtherBrowserSessionsForm from './LogoutOtherBrowserSessionsForm' import LogoutOtherBrowserSessionsForm from './LogoutOtherBrowserSessionsForm';
import TwoFactorAuthenticationForm from './TwoFactorAuthenticationForm' import TwoFactorAuthenticationForm from './TwoFactorAuthenticationForm';
import UpdatePasswordForm from './UpdatePasswordForm' import UpdatePasswordForm from './UpdatePasswordForm';
import UpdateProfileInformationForm from './UpdateProfileInformationForm' import UpdateProfileInformationForm from './UpdateProfileInformationForm';
export default { export default {
props: ['sessions'], props: ['sessions'],
components: { components: {
@ -59,5 +59,5 @@
UpdatePasswordForm, UpdatePasswordForm,
UpdateProfileInformationForm, UpdateProfileInformationForm,
}, },
} };
</script> </script>

View File

@ -87,13 +87,13 @@
</template> </template>
<script> <script>
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetConfirmsPassword from '@/Jetstream/ConfirmsPassword' import JetConfirmsPassword from '@/Jetstream/ConfirmsPassword';
import JetDangerButton from '@/Jetstream/DangerButton' import JetDangerButton from '@/Jetstream/DangerButton';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
export default { export default {
components: { components: {
JetActionSection, JetActionSection,
JetButton, JetButton,
@ -109,12 +109,12 @@
qrCode: null, qrCode: null,
recoveryCodes: [], recoveryCodes: [],
} };
}, },
methods: { methods: {
enableTwoFactorAuthentication() { enableTwoFactorAuthentication() {
this.enabling = true this.enabling = true;
this.$inertia.post('/user/two-factor-authentication', {}, { this.$inertia.post('/user/two-factor-authentication', {}, {
preserveScroll: true, preserveScroll: true,
@ -123,44 +123,44 @@
this.showRecoveryCodes(), this.showRecoveryCodes(),
]), ]),
onFinish: () => (this.enabling = false), onFinish: () => (this.enabling = false),
}) });
}, },
showQrCode() { showQrCode() {
return axios.get('/user/two-factor-qr-code') return axios.get('/user/two-factor-qr-code')
.then(response => { .then((response) => {
this.qrCode = response.data.svg this.qrCode = response.data.svg;
}) });
}, },
showRecoveryCodes() { showRecoveryCodes() {
return axios.get('/user/two-factor-recovery-codes') return axios.get('/user/two-factor-recovery-codes')
.then(response => { .then((response) => {
this.recoveryCodes = response.data this.recoveryCodes = response.data;
}) });
}, },
regenerateRecoveryCodes() { regenerateRecoveryCodes() {
axios.post('/user/two-factor-recovery-codes') axios.post('/user/two-factor-recovery-codes')
.then(response => { .then((response) => {
this.showRecoveryCodes() this.showRecoveryCodes();
}) });
}, },
disableTwoFactorAuthentication() { disableTwoFactorAuthentication() {
this.disabling = true this.disabling = true;
this.$inertia.delete('/user/two-factor-authentication', { this.$inertia.delete('/user/two-factor-authentication', {
preserveScroll: true, preserveScroll: true,
onSuccess: () => (this.disabling = false), onSuccess: () => (this.disabling = false),
}) });
}, },
}, },
computed: { computed: {
twoFactorEnabled() { twoFactorEnabled() {
return ! this.enabling && this.$page.props.user.two_factor_enabled return !this.enabling && this.$page.props.user.two_factor_enabled;
} },
} },
} };
</script> </script>

View File

@ -41,14 +41,14 @@
</template> </template>
<script> <script>
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
export default { export default {
components: { components: {
JetActionMessage, JetActionMessage,
JetButton, JetButton,
@ -65,7 +65,7 @@
password: '', password: '',
password_confirmation: '', password_confirmation: '',
}), }),
} };
}, },
methods: { methods: {
@ -76,17 +76,17 @@
onSuccess: () => this.form.reset(), onSuccess: () => this.form.reset(),
onError: () => { onError: () => {
if (this.form.errors.password) { if (this.form.errors.password) {
this.form.reset('password', 'password_confirmation') this.form.reset('password', 'password_confirmation');
this.$refs.password.focus() this.$refs.password.focus();
} }
if (this.form.errors.current_password) { if (this.form.errors.current_password) {
this.form.reset('current_password') this.form.reset('current_password');
this.$refs.current_password.focus() this.$refs.current_password.focus();
} }
} },
}) });
}, },
}, },
} };
</script> </script>

View File

@ -69,15 +69,15 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
export default { export default {
components: { components: {
JetActionMessage, JetActionMessage,
JetButton, JetButton,
@ -100,18 +100,18 @@
}), }),
photoPreview: null, photoPreview: null,
} };
}, },
methods: { methods: {
updateProfileInformation() { updateProfileInformation() {
if (this.$refs.photo) { if (this.$refs.photo) {
this.form.photo = this.$refs.photo.files[0] this.form.photo = this.$refs.photo.files[0];
} }
this.form.post(route('user-profile-information.update'), { this.form.post(route('user-profile-information.update'), {
errorBag: 'updateProfileInformation', errorBag: 'updateProfileInformation',
preserveScroll: true preserveScroll: true,
}); });
}, },
@ -136,5 +136,5 @@
}); });
}, },
}, },
} };
</script> </script>

View File

@ -31,9 +31,9 @@
</template> </template>
<script> <script>
import Layout from '@/Layouts/Layout' import Layout from '@/Layouts/Layout';
import JetLabel from '@/Jetstream/Label.vue' import JetLabel from '@/Jetstream/Label.vue';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
export default { export default {
components: { components: {
@ -47,12 +47,12 @@ export default {
}, },
data() { data() {
return { return {
} };
}, },
computed: { computed: {
link() { link() {
return route('reports.print', {year: this.year}); return route('reports.print', { year: this.year });
}, },
}, },
} };
</script> </script>

View File

@ -15,13 +15,13 @@
</template> </template>
<script> <script>
import AppLayout from '@/Layouts/AppLayout' import AppLayout from '@/Layouts/AppLayout';
import CreateTeamForm from './CreateTeamForm' import CreateTeamForm from './CreateTeamForm';
export default { export default {
components: { components: {
AppLayout, AppLayout,
CreateTeamForm, CreateTeamForm,
}, },
} };
</script> </script>

View File

@ -38,13 +38,13 @@
</template> </template>
<script> <script>
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
export default { export default {
components: { components: {
JetButton, JetButton,
JetFormSection, JetFormSection,
@ -57,17 +57,17 @@
return { return {
form: this.$inertia.form({ form: this.$inertia.form({
name: '', name: '',
}) }),
} };
}, },
methods: { methods: {
createTeam() { createTeam() {
this.form.post(route('teams.store'), { this.form.post(route('teams.store'), {
errorBag: 'createTeam', errorBag: 'createTeam',
preserveScroll: true preserveScroll: true,
}); });
}, },
}, },
} };
</script> </script>

View File

@ -44,12 +44,12 @@
</template> </template>
<script> <script>
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetConfirmationModal from '@/Jetstream/ConfirmationModal' import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
import JetDangerButton from '@/Jetstream/DangerButton' import JetDangerButton from '@/Jetstream/DangerButton';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
export default { export default {
props: ['team'], props: ['team'],
components: { components: {
@ -64,20 +64,20 @@
confirmingTeamDeletion: false, confirmingTeamDeletion: false,
deleting: false, deleting: false,
form: this.$inertia.form() form: this.$inertia.form(),
} };
}, },
methods: { methods: {
confirmTeamDeletion() { confirmTeamDeletion() {
this.confirmingTeamDeletion = true this.confirmingTeamDeletion = true;
}, },
deleteTeam() { deleteTeam() {
this.form.delete(route('teams.destroy', this.team), { this.form.delete(route('teams.destroy', this.team), {
errorBag: 'deleteTeam' errorBag: 'deleteTeam',
}); });
}, },
}, },
} };
</script> </script>

View File

@ -26,13 +26,13 @@
</template> </template>
<script> <script>
import TeamMemberManager from './TeamMemberManager' import AppLayout from '@/Layouts/AppLayout';
import AppLayout from '@/Layouts/AppLayout' import JetSectionBorder from '@/Jetstream/SectionBorder';
import DeleteTeamForm from './DeleteTeamForm' import TeamMemberManager from './TeamMemberManager';
import JetSectionBorder from '@/Jetstream/SectionBorder' import DeleteTeamForm from './DeleteTeamForm';
import UpdateTeamNameForm from './UpdateTeamNameForm' import UpdateTeamNameForm from './UpdateTeamNameForm';
export default { export default {
props: [ props: [
'team', 'team',
'availableRoles', 'availableRoles',
@ -46,5 +46,5 @@
TeamMemberManager, TeamMemberManager,
UpdateTeamNameForm, UpdateTeamNameForm,
}, },
} };
</script> </script>

View File

@ -247,20 +247,20 @@
</template> </template>
<script> <script>
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetActionSection from '@/Jetstream/ActionSection' import JetActionSection from '@/Jetstream/ActionSection';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetConfirmationModal from '@/Jetstream/ConfirmationModal' import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
import JetDangerButton from '@/Jetstream/DangerButton' import JetDangerButton from '@/Jetstream/DangerButton';
import JetDialogModal from '@/Jetstream/DialogModal' import JetDialogModal from '@/Jetstream/DialogModal';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
import JetSecondaryButton from '@/Jetstream/SecondaryButton' import JetSecondaryButton from '@/Jetstream/SecondaryButton';
import JetSectionBorder from '@/Jetstream/SectionBorder' import JetSectionBorder from '@/Jetstream/SectionBorder';
export default { export default {
components: { components: {
JetActionMessage, JetActionMessage,
JetActionSection, JetActionSection,
@ -279,7 +279,7 @@
props: [ props: [
'team', 'team',
'availableRoles', 'availableRoles',
'userPermissions' 'userPermissions',
], ],
data() { data() {
@ -300,7 +300,7 @@
managingRoleFor: null, managingRoleFor: null,
confirmingLeavingTeam: false, confirmingLeavingTeam: false,
teamMemberBeingRemoved: null, teamMemberBeingRemoved: null,
} };
}, },
methods: { methods: {
@ -314,33 +314,33 @@
cancelTeamInvitation(invitation) { cancelTeamInvitation(invitation) {
this.$inertia.delete(route('team-invitations.destroy', invitation), { this.$inertia.delete(route('team-invitations.destroy', invitation), {
preserveScroll: true preserveScroll: true,
}); });
}, },
manageRole(teamMember) { manageRole(teamMember) {
this.managingRoleFor = teamMember this.managingRoleFor = teamMember;
this.updateRoleForm.role = teamMember.membership.role this.updateRoleForm.role = teamMember.membership.role;
this.currentlyManagingRole = true this.currentlyManagingRole = true;
}, },
updateRole() { updateRole() {
this.updateRoleForm.put(route('team-members.update', [this.team, this.managingRoleFor]), { this.updateRoleForm.put(route('team-members.update', [this.team, this.managingRoleFor]), {
preserveScroll: true, preserveScroll: true,
onSuccess: () => (this.currentlyManagingRole = false), onSuccess: () => (this.currentlyManagingRole = false),
}) });
}, },
confirmLeavingTeam() { confirmLeavingTeam() {
this.confirmingLeavingTeam = true this.confirmingLeavingTeam = true;
}, },
leaveTeam() { leaveTeam() {
this.leaveTeamForm.delete(route('team-members.destroy', [this.team, this.$page.props.user])) this.leaveTeamForm.delete(route('team-members.destroy', [this.team, this.$page.props.user]));
}, },
confirmTeamMemberRemoval(teamMember) { confirmTeamMemberRemoval(teamMember) {
this.teamMemberBeingRemoved = teamMember this.teamMemberBeingRemoved = teamMember;
}, },
removeTeamMember() { removeTeamMember() {
@ -349,12 +349,12 @@
preserveScroll: true, preserveScroll: true,
preserveState: true, preserveState: true,
onSuccess: () => (this.teamMemberBeingRemoved = null), onSuccess: () => (this.teamMemberBeingRemoved = null),
}) });
}, },
displayableRole(role) { displayableRole(role) {
return this.availableRoles.find(r => r.key === role).name return this.availableRoles.find((r) => r.key === role).name;
}, },
}, },
} };
</script> </script>

View File

@ -50,14 +50,14 @@
</template> </template>
<script> <script>
import JetActionMessage from '@/Jetstream/ActionMessage' import JetActionMessage from '@/Jetstream/ActionMessage';
import JetButton from '@/Jetstream/Button' import JetButton from '@/Jetstream/Button';
import JetFormSection from '@/Jetstream/FormSection' import JetFormSection from '@/Jetstream/FormSection';
import JetInput from '@/Jetstream/Input' import JetInput from '@/Jetstream/Input';
import JetInputError from '@/Jetstream/InputError' import JetInputError from '@/Jetstream/InputError';
import JetLabel from '@/Jetstream/Label' import JetLabel from '@/Jetstream/Label';
export default { export default {
components: { components: {
JetActionMessage, JetActionMessage,
JetButton, JetButton,
@ -73,17 +73,17 @@
return { return {
form: this.$inertia.form({ form: this.$inertia.form({
name: this.team.name, name: this.team.name,
}) }),
} };
}, },
methods: { methods: {
updateTeamName() { updateTeamName() {
this.form.put(route('teams.update', this.team), { this.form.put(route('teams.update', this.team), {
errorBag: 'updateTeamName', errorBag: 'updateTeamName',
preserveScroll: true preserveScroll: true,
}); });
}, },
}, },
} };
</script> </script>

41
resources/js/app.js vendored
View File

@ -1,44 +1,43 @@
require('./bootstrap');
// Import modules... // Import modules...
import { createApp, h } from 'vue'; import { createApp, h } from 'vue';
import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3'; import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress'; import { InertiaProgress } from '@inertiajs/progress';
import Unicon from 'vue-unicons'; import Unicon from 'vue-unicons';
import { createStore } from 'vuex' import { createStore } from 'vuex';
import { uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt } from 'vue-unicons/dist/icons' import {
uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt,
} from 'vue-unicons/dist/icons';
Unicon.add([uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt]) require('./bootstrap');
Unicon.add([uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt]);
// Create a new store instance. // Create a new store instance.
const store = createStore({ const store = createStore({
state () { state() {
return { return {
sideBarOpen: false sideBarOpen: false,
} };
}, },
getters: { getters: {
sideBarOpen: state => { sideBarOpen: (state) => state.sideBarOpen,
return state.sideBarOpen
}
}, },
mutations: { mutations: {
toggleSidebar (state) { toggleSidebar(state) {
state.sideBarOpen = !state.sideBarOpen state.sideBarOpen = !state.sideBarOpen;
} },
}, },
actions: { actions: {
toggleSidebar(context) { toggleSidebar(context) {
context.commit('toggleSidebar') context.commit('toggleSidebar');
} },
} },
}) });
const el = document.getElementById('app'); const el = document.getElementById('app');
createApp({ createApp({
render: () => render: () => h(InertiaApp, {
h(InertiaApp, {
initialPage: JSON.parse(el.dataset.page), initialPage: JSON.parse(el.dataset.page),
resolveComponent: (name) => require(`./Pages/${name}`).default, resolveComponent: (name) => require(`./Pages/${name}`).default,
}), }),
@ -49,7 +48,7 @@ createApp({
.use(Unicon, { .use(Unicon, {
fill: '#4B5563', fill: '#4B5563',
height: 32, height: 32,
width: 32 width: 32,
}) })
.mount(el); .mount(el);