admin/Backend-Api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

register merged

Browse Source
This commit is contained in:
SamSys
2025-05-18 21:13:52 +03:30
parent b0f5ec6bbd 37cd07c2b8
commit 0eee2a53c3
4 changed files with 103 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
ServiceHost/Pages/Register/_Partials/_Step4.cshtml
View File

@@ -9,25 +9,28 @@
<div class="cardContainer p-3" id="cardSelected">
</div>
<div class="cardBox p-3 my-3">
<div class="titleStep4Contract">مدت قرارداد</div>
<div class="cardBox">
<div class="d-block d-lg-flex align-items-center justify-content-between">
<div class="radioBtnStartEndContainer">
<input type="radio" id="contractStartCurrentMonthFa" value="contractStartCurrentMonthFa" name="radFinanceContract" class="radioOption" checked="checked"/>
<label for="contractStartCurrentMonthFa" class="radioLabelStartEndOption">ابتدای ماه جاری</label>
<div class="d-block d-lg-flex align-items-center justify-content-start gap-1">
<div class="titleStep4Contract">شروع قرارداد:</div>
<input type="radio" id="contractStartNextMonthFa" value="contractStartNextMonthFa" name="radFinanceContract" class="radioOption"/>
<label for="contractStartNextMonthFa" class="radioLabelStartEndOption">ابتدای ماه بعد</label>
<div class="radioBtnStartEndContainer">
<input type="radio" id="contractStartCurrentMonthFa" value="contractStartCurrentMonthFa" name="radFinanceContract" class="radioOption"/>
<label for="contractStartCurrentMonthFa" class="radioLabelStartEndOption">ابتدای ماه جاری</label>
<input type="radio" id="contractStartNextMonthFa" value="contractStartNextMonthFa" name="radFinanceContract" class="radioOption"/>
<label for="contractStartNextMonthFa" class="radioLabelStartEndOption">ابتدای ماه بعد</label>
</div>
</div>
<div class="d-flex align-items-center justify-content-end gap-3">
<div class="d-flex align-items-center justify-content-end gap-3 start-end-contract-section">
<div class="d-flex align-items-center position-relative contractSection">
<div class="startEndCon">شروع قرارداد </div>
<span class="startEndConSpan" id="ContractStartMonthView"></span>
<div class="startEndCon">شروع قرارداد </div>
<span class="startEndConSpan ss03" id="ContractStartMonthView"></span>
</div>
<div class="d-flex align-items-center position-relative contractSection">
<div class="startEndCon">پایان قرارداد </div>
<span class="startEndConSpan" id="contractEndFa"></span>
<span class="startEndConSpan ss03" id="contractEndFa"></span>
</div>
<input type="hidden" id="ContractStartMonthGr" value=""/>
</div>
@@ -37,7 +40,7 @@
</div>
<div class="w-100 p-0" id="footerTap">
<div style="display: flex; margin: auto 20px 0 0;">
<div style="display: flex; margin: auto 20px 0 0;" class="disable" id="btnDisableDisable">
<button type="button" class="btnStep4Tab active" id="priceStatic">
پرداخت یکجا
</button>
@@ -47,7 +50,7 @@
</div>
<div class="footerStep4Container">
<div>
<div class="disable" id="footerDisableDisable">
<div class="titleFooter mb-1">مدت قرارداد</div>
<div class="d-block text-center d-md-flex align-items-center gap-3 justify-content-center">
<div class="radioBtnFooterContainer">

44
ServiceHost/wwwroot/AssetsClient/css/style.css
View File

@@ -96,6 +96,12 @@
outline: none;
}
.ss03 {
-moz-font-feature-settings: "ss03";
-webkit-font-feature-settings: "ss03";
font-feature-settings: "ss03";
}
/* Scrollbar Styling */
::-webkit-scrollbar {
width: 10px;
@@ -1058,6 +1064,24 @@ ul {
/* Buttons */
button.btn-pdf {
border: 1px solid transparent;
width: 30px;
height: 30px;
border-radius: 5px;
padding: 3px 1px;
color: #E83838;
margin: auto 0 auto 1px;
background-color: rgba(211, 8, 37, 0.2);
box-shadow: 0;
transition: ease .2s;
}
button.btn-pdf svg {
color: rgb(174, 0, 0);
fill: rgb(174, 0, 0);
}
button.btn-print {
border: 1px solid transparent;
width: 30px;
@@ -1071,18 +1095,18 @@ button.btn-print {
transition: ease .2s;
}
button.btn-print svg {
color: #1E293B;
}
button.btn-print svg {
color: #1E293B;
}
button.btn-print:hover {
color: #ffffff;
background-color: rgba(52, 209, 209, 0.50);
}
button.btn-print:hover {
color: #ffffff;
background-color: rgba(52, 209, 209, 0.50);
}
button.btn-print:hover svg {
color: #1E293B;
}
button.btn-print:hover svg {
color: #1E293B;
}
button.btn-edit,
a .btn-edit {

38
ServiceHost/wwwroot/AssetsClient/pages/Register/css/_Partials/_Step4.css
View File

@@ -53,6 +53,9 @@
justify-content: space-between;
align-items: center;*/
gap: 9px;
padding: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.cardGrid {
@@ -130,7 +133,6 @@
font-weight: 600;
font-size: 14px;
text-align: start;
margin-bottom: 4px;
}
.radioBtnStartEndContainer {
@@ -154,12 +156,18 @@
padding: 12px 9px;
}
.start-end-contract-section {
border: 1px solid #eee;
padding: 5px;
border-radius: 8px;
}
.contractSection {
background-color: #ECFFFF;
padding: 6px;
border-radius: 8px;
text-align: center;
margin: 0 55px 0 0;
margin: 0 75px 0 0;
}
.contractSection .startEndCon {
@@ -259,7 +267,8 @@
.infoPricesContainer {
display: grid;
gap: 2px;
gap: 3px;
column-gap: 12px;
grid-auto-flow: column;
grid-template-rows: repeat(6, minmax(0, 1fr));
align-content: start;
@@ -305,7 +314,7 @@
@media (max-width:1366px) {
.step4Container {
height: auto;
height: 80vh;
}
.cardContainer {
@@ -331,6 +340,16 @@
}
@media (max-width:992px) {
.step4Container {
height: auto;
}
.cardBox {
padding: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.step4Container {
height: 74vh;
}
@@ -352,10 +371,13 @@
.contractSection .startEndCon {
position: relative;
right: auto;
font-weight: 800;
font-size: 10px;
}
.contractSection .startEndConSpan {
font-size: 14px;
font-size: 12px;
font-weight: 800;
}
.infoPricesContainer {
@@ -401,6 +423,12 @@
}
}
@media (max-height:768px) {
.infoPricesContainerDiv {
height: 100px;
}
}
@media (max-width:540px) {
.footerStep4Container .radioBtnFooterContainer {
display: flex;

25
ServiceHost/wwwroot/AssetsClient/pages/Register/js/_Partials/_Step4.js
View File

@@ -8,9 +8,11 @@
$('input[name="radFinanceContract"]').on('change', function () {
totalPaymentAndWorkshopList();
$("#btnDisableDisable").removeClass("disable");
$("#footerDisableDisable").removeClass("disable");
});
$('input[name="radFinanceContract"]:checked').trigger('change');
//$('input[name="radFinanceContract"]:checked').trigger('change');
});
function autoScrollStep4() {
@@ -155,12 +157,13 @@ async function totalPaymentAndWorkshopList() {
$('#priceStepContainerHtml').html('');
if (response.data.monthlyInstallments) {
response.data.monthlyInstallments?.forEach(function (item) {
response.data.monthlyInstallments?.forEach(function (item, index) {
var html = `
<div class="item">
<div class="col-4 text-start">${item.installmentCounter}</div>
<div class="col-4 textRightCenter">${item.instalmentDate}</div>
<div class="col-4 text-end">${item.installmentAmountStr} ریال</div>
<div class="col-1 text-start ss03">${++index}</div>
<div class="col-5 text-start">${item.installmentCounter}</div>
<div class="col-3 textRightCenter ss03">${item.instalmentDate}</div>
<div class="col-3 text-end">${item.installmentAmountStr} ریال</div>
</div>
`;
$('#priceStepContainerHtml').append(html);
@@ -194,6 +197,18 @@ async function totalPaymentAndWorkshopList() {
//$(document).on('change', '.btnCheckContainer .checkOption', createOrUpdateCommand);
async function checkInputsStep4() {
//checkRequirementData();
if (!$('input[name="radFinanceContract"]:checked').length) {
validateField('.radioLabelStartEndOption', 'لطفاً شروع قرارداد را مشخص نمایید', 3500);
return false;
}
//if (!$("#priceStatic").hasClass("active") || !$("#priceStep").hasClass("active")) {
// validateField('#btnDisableDisable', 'لطفاً روش پرداخت را مشخص نمایید', 3500);
// return false;
//}
let btnDisable = $('.stepNext').addClass('disable');
let loading = $('.stepNext .loading').show();