change some styles

This commit is contained in:
MahanCh
2025-05-19 18:04:47 +03:30
parent 233c1a3aa9
commit 2ce17dcac9
2 changed files with 64 additions and 29 deletions

View File

@@ -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 {

View File

@@ -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>