styling..

This commit is contained in:
Cüneyt Şentürk 2024-11-22 14:33:25 +00:00
parent 0645bdda14
commit b57b74c227
10 changed files with 41 additions and 22 deletions

View File

@ -107,6 +107,6 @@ export default {
<style>
.ql-editor {
min-height: 120px !important;
max-height: 240px !important;
max-height: 250px !important;
}
</style>

View File

@ -55,6 +55,7 @@ const app = new Vue({
if (this.edit.status && this.edit.form_account < 2) {
this.edit.form_account++;
return;
}

View File

@ -147,7 +147,9 @@ const app = new Vue({
}
this.form.pay_in_full = true;
let form_amount = (error_amount) ? error_amount : amount;
this.form.amount = parseFloat(form_amount).toFixed(precision);
this.form.default_amount = parseFloat(this.form.document_default_amount).toFixed(precision);
},
@ -189,8 +191,6 @@ const app = new Vue({
},
onChangeRatePayment(event) {
debugger;
this.$forceUpdate();
this.form.currency_rate = event.target.value;

View File

@ -44,6 +44,7 @@ const app = new Vue({
'form.sale_price': function (newVal, oldVal) {
if (newVal != '' && newVal.search('^(?=.*?[0-9])[0-9.,]+$') !== 0) {
this.form.sale_price = oldVal;
return;
}
@ -51,6 +52,7 @@ const app = new Vue({
if (this.form.sale_price.includes(item)) {
const removeLastChar = newVal.length - 1;
const inputShown = newVal.slice(0, removeLastChar);
this.form.sale_price = inputShown;
}
}
@ -59,6 +61,7 @@ const app = new Vue({
'form.purchase_price': function (newVal, oldVal) {
if (newVal != '' && newVal.search('^(?=.*?[0-9])[0-9.,]+$') !== 0) {
this.form.purchase_price = oldVal;
return;
}
@ -66,6 +69,7 @@ const app = new Vue({
if (this.form.purchase_price.includes(item)) {
const removeLastChar = newVal.length - 1;
const inputShown = newVal.slice(0, removeLastChar);
this.form.purchase_price = inputShown;
}
}
@ -76,10 +80,12 @@ const app = new Vue({
if (this.form.sale_price != '' && this.form.purchase_price == '') {
this.form.sale_information = true;
this.form.purchase_information = false;
this.purchase_information = true;
} else if (this.form.sale_price == '' && this.form.purchase_price != '') {
this.form.sale_information = false;
this.form.purchase_information = true;
this.sale_information = true;
} else {
this.form.sale_information = true;
@ -92,28 +98,34 @@ const app = new Vue({
if (event.target.checked) {
if (type == 'sale') {
this.sale_information = false;
this.form.sale_price = '';
this.form.purchase_information = true;
} else {
this.purchase_information = false;
this.form.purchase_price = '';
}
} else {
if (type == 'sale') {
if (! this.form.purchase_information) {
this.purchase_information = false;
this.form.purchase_information = true;
}
this.sale_information = true;
this.form.sale_price = '';
} else {
if (! this.form.sale_information) {
this.sale_information = false;
this.form.sale_information = true;
}
this.purchase_information = true;
this.form.purchase_price = '';
}
}

View File

@ -49,6 +49,7 @@
})
.catch((error) => {});
},
data() {
return {
form: new Form("form-install"),
@ -56,6 +57,7 @@
active: 0,
};
},
methods: {
// Form Submit
onSubmit(event) {

View File

@ -12,7 +12,7 @@
<span class="text-red ltr:ml-1 rtl:mr-1">*</span>
<div class="input-group input-group-merge">
<input
<input
:class="[{'border-red': form.errors.get('company_name')}, {'border-light-gray': !form.errors.get('company_name')}]"
class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple"
data-name="company_name"
@ -118,7 +118,7 @@
</div>
<div class="sm:col-span-6 flex items-center justify-end mt-3.5">
<button
<button
type="submit"
@click="onSubmit($event)"
:disabled="form.loading"
@ -160,10 +160,12 @@
showPassword: false,
};
},
methods: {
// Form Submit
onSubmit(event) {
event.preventDefault();
this.form.submit();
},

View File

@ -292,7 +292,7 @@ const app = new Vue({
this.page[type]++;
document.querySelector('.js-'+ type + '-content').innerHTML += response.data.html;
this.loadMoreLoading = false;
}
})
@ -323,6 +323,7 @@ const app = new Vue({
.catch(error => {
this.live_search.not_found = true;
this.live_search.data = [];
console.log(error);
})
} else if (target_length == 0) {

View File

@ -96,7 +96,7 @@ const app = new Vue({
];
for (const [key, value] of Object.entries(this.form)) {
if (!skips.includes(key)) {
if (! skips.includes(key)) {
this.invoice_form[key] = value;
}
}
@ -106,7 +106,6 @@ const app = new Vue({
addTemplate() {
if (this.invoice_form.template != 1) {
this.invoice_form.submit();
this.template.errors = this.invoice_form.errors;
@ -134,9 +133,11 @@ const app = new Vue({
})
.then(response => {
this.template_title = response.data.data.title;
this.form.subject = response.data.data.subject;
this.form.body = response.data.data.body;
this.form.id = response.data.data.id;
this.tags = response.data.data.tags;
});
},

View File

@ -186,7 +186,6 @@
type: Object,
default: function () {
return {
};
},
description: "FlatPckr date configuration"
@ -305,7 +304,7 @@
event.preventDefault();
this.button_loading_company = true;
FormData.prototype.appendRecursive = function (data, wrapper = null) {
for (var name in data) {
if (name == "previewElement" || name == "previewTemplate") {
@ -314,9 +313,9 @@
if (wrapper) {
if (
(typeof data[name] == "object" || Array.isArray(data[name])) &&
data[name] instanceof File != true &&
data[name] instanceof Blob != true
(typeof data[name] == "object" || Array.isArray(data[name])) &&
data[name] instanceof File != true &&
data[name] instanceof Blob != true
) {
this.appendRecursive(data[name], wrapper + "[" + name + "]");
} else {
@ -324,9 +323,9 @@
}
} else {
if (
(typeof data[name] == "object" || Array.isArray(data[name])) &&
data[name] instanceof File != true &&
data[name] instanceof Blob != true
(typeof data[name] == "object" || Array.isArray(data[name])) &&
data[name] instanceof File != true &&
data[name] instanceof Blob != true
) {
this.appendRecursive(data[name], name);
} else {
@ -383,6 +382,7 @@
}, this)
.catch((error) => {
this.onFailError(error);
this.button_loading_company = false;
}, this);
},

View File

@ -1,12 +1,12 @@
<template>
<div>
<nav aria-label="Progress">
<ol role="list" class="flex mb-10">
<ol role="list" class="flex mb-10">
<li class="w-1/3">
<span class="pr-6 flex flex-col">
<span class="pr-6 flex flex-col">
<span
class="w-full h-1 bg-gray-300 rounded-xl text-transparent"
:class="[{ 'bg-purple': active_state >= 0 }]"
class="w-full h-1 bg-gray-300 rounded-xl text-transparent"
:class="[{ 'bg-purple': active_state >= 0 }]"
>
Text
</span>
@ -17,8 +17,8 @@
>
{{ translations.company.title }}
</span>
</span>
</li>
</span>
</li>
<li class="w-1/3">
<span class="px-3 flex flex-col">