change some styles
This commit is contained in:
@@ -71,7 +71,7 @@
|
||||
color: #0B5959;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
width: 150px;
|
||||
width: 140px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -118,7 +118,7 @@
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-align: end;
|
||||
width: 150px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.titleInfoWP {
|
||||
@@ -188,10 +188,10 @@
|
||||
|
||||
.totalTitle {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
font-weight: 700;
|
||||
color: #575757;
|
||||
text-align: center;
|
||||
margin: 6px auto;
|
||||
/*margin: 6px auto;*/
|
||||
}
|
||||
|
||||
|
||||
@@ -266,6 +266,12 @@
|
||||
}
|
||||
|
||||
|
||||
.custom-padding {
|
||||
padding: 0 0 0 33px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1366px) {
|
||||
/*.btnRadioContainer {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
@@ -276,12 +282,19 @@
|
||||
}
|
||||
|
||||
.totalPayWP {
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
width: 126px;
|
||||
}
|
||||
|
||||
.totalTitle {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.totalPaymentWP {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
width: 126px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -346,6 +359,15 @@
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
font-weight: 800;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.errorString {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom-padding {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -367,6 +389,7 @@
|
||||
|
||||
.totalPaymentWP {
|
||||
margin-top: 18px;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.totalPayCon {
|
||||
|
||||
@@ -4,6 +4,7 @@ var command = {
|
||||
};
|
||||
let totalPrice = 0;
|
||||
var workshopDataId = 0;
|
||||
const isMobile = window.matchMedia('(max-width: 767px)').matches;
|
||||
|
||||
$(document).ready(function () {
|
||||
var $inputs = $('.operations-btns input');
|
||||
@@ -38,15 +39,26 @@ $(document).on('input', '.operations-btns .numberSpanInput', function () {
|
||||
|
||||
if (isNaN(number) || number === 0) {
|
||||
$input.addClass("errored");
|
||||
$('.errorString').show().text('عدد وارد شده نامعتبر است.');
|
||||
if (isMobile) {
|
||||
validateField($(this), "عدد وارد شده نامعتبر است.", 2500);
|
||||
} else {
|
||||
$('.errorString').show().text('عدد وارد شده نامعتبر است.');
|
||||
}
|
||||
} else if (number > 2000) {
|
||||
$input.addClass("errored");
|
||||
$('.errorString').show().text('تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.');
|
||||
if (isMobile) {
|
||||
validateField($(this), "تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.", 2500);
|
||||
} else {
|
||||
$('.errorString').show().text('تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.');
|
||||
}
|
||||
//$input.val('2000');
|
||||
} else if (number < 3) {
|
||||
$input.addClass("errored");
|
||||
$('.errorString').show().text('تعداد وارد شده باید حداقل ۳ نفر باشد.');
|
||||
//$input.val('3');
|
||||
if (isMobile) {
|
||||
validateField($(this), "تعداد وارد شده باید حداقل ۳ نفر باشد.", 2500);
|
||||
} else {
|
||||
$('.errorString').show().text('تعداد وارد شده باید حداقل ۳ نفر باشد.');
|
||||
}
|
||||
} else {
|
||||
$('.errorString').hide().text('');
|
||||
$input.removeClass("errored");
|
||||
@@ -130,13 +142,13 @@ function addNewWorkshop() {
|
||||
var workshopHtml = `<div class="accordion-item" data-id="new_${workshopDataId}" data-new="true">
|
||||
<div class="workshopListItem">
|
||||
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-9">
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
|
||||
<div class="titleWP">
|
||||
<span class="workshopNameSpan"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-3">
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
|
||||
<div class="badgeWP">
|
||||
<span class="numberSpan">-</span>
|
||||
@@ -166,7 +178,7 @@ function addNewWorkshop() {
|
||||
</div>
|
||||
<div class="operations-btns">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-9 col-lg-8 col-xl-9">
|
||||
<div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
|
||||
<div class="d-flex align-items-end gap-2">
|
||||
<div class="form-group">
|
||||
<div class="titleInfoWP">
|
||||
@@ -218,10 +230,10 @@ function addNewWorkshop() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-3 col-lg-4 col-xl-3">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3">
|
||||
<div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPaymentWP" id="totalPayment_${workshopDataId}">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPayCon justify-content-center" id="totalPayment_new_${workshopDataId}">
|
||||
-
|
||||
</div>
|
||||
@@ -590,13 +602,13 @@ function loadWorkshopData(id) {
|
||||
html += `<div class="accordion-item" id="workshop_${item.id}" data-id="${item.id}" data-new="false">
|
||||
<div class="workshopListItem">
|
||||
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-9">
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
|
||||
<div class="titleWP">
|
||||
<span class="workshopNameSpan">${item.workshopName}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-3">
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
|
||||
<div class="badgeWP">
|
||||
<span class="numberSpan">${item.countPerson}</span>
|
||||
@@ -629,7 +641,7 @@ function loadWorkshopData(id) {
|
||||
</div>
|
||||
<div class="operations-btns" style="display: ${response.data.length === index+1 ? `block` : `none`}"">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-9 col-lg-8 col-xl-9">
|
||||
<div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
|
||||
<div class="d-flex align-items-end gap-2">
|
||||
<div class="form-group">
|
||||
<div class="titleInfoWP">
|
||||
@@ -681,10 +693,10 @@ function loadWorkshopData(id) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-3 col-lg-4 col-xl-3">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3">
|
||||
<div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPaymentWP">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPayCon" id="totalPayment_${item.id}">
|
||||
<span>${item.workshopServicesAmountStr}</span>
|
||||
<span> ریال</span>
|
||||
@@ -728,13 +740,13 @@ function loadWorkshopData(id) {
|
||||
html += `<div class="accordion-item" id="workshop_0" data-id="new_0" data-new="true">
|
||||
<div class="workshopListItem">
|
||||
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-9">
|
||||
<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
|
||||
<div class="titleWP">
|
||||
<span class="workshopNameSpan"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-3">
|
||||
<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
|
||||
<div class="badgeWP">
|
||||
<span class="numberSpan">-</span>
|
||||
@@ -764,7 +776,7 @@ function loadWorkshopData(id) {
|
||||
</div>
|
||||
<div class="operations-btns" style="display: block">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-9 col-lg-8 col-xl-10">
|
||||
<div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
|
||||
<div class="d-flex align-items-end gap-2">
|
||||
<div class="form-group">
|
||||
<div class="titleInfoWP">
|
||||
@@ -816,10 +828,10 @@ function loadWorkshopData(id) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-3 col-lg-4 col-xl-2">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3">
|
||||
<div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPaymentWP text-center">
|
||||
<div class="totalTitle">مبلغ کل</div>
|
||||
<div class="totalPayCon justify-content-center" id="totalPayment_new_0">
|
||||
-
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user