styling..
This commit is contained in:
parent
0645bdda14
commit
b57b74c227
|
|
@ -107,6 +107,6 @@ export default {
|
|||
<style>
|
||||
.ql-editor {
|
||||
min-height: 120px !important;
|
||||
max-height: 240px !important;
|
||||
max-height: 250px !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -55,6 +55,7 @@ const app = new Vue({
|
|||
|
||||
if (this.edit.status && this.edit.form_account < 2) {
|
||||
this.edit.form_account++;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 = '';
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,6 +49,7 @@
|
|||
})
|
||||
.catch((error) => {});
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
form: new Form("form-install"),
|
||||
|
|
@ -56,6 +57,7 @@
|
|||
active: 0,
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
// Form Submit
|
||||
onSubmit(event) {
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
});
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue