305 lines
9.9 KiB
Plaintext
305 lines
9.9 KiB
Plaintext
@page
|
|
@model ServiceHost.Pages.Pay.nolModel
|
|
@{
|
|
Layout = "Shared/_DirectLayout";
|
|
ViewData["title"] = "اطلاعات پرداخت";
|
|
<link href="~/AdminTheme/assets/css/TypoGraphy.css" rel="stylesheet" />
|
|
<style>
|
|
|
|
.efects {
|
|
background-color: #f5f5f5 !important;
|
|
position: relative;
|
|
top: 230px;
|
|
right: 10%;
|
|
}
|
|
|
|
.dadmehr {
|
|
font-weight: 700;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
text-transform: uppercase;
|
|
background: linear-gradient(90deg, #e7e7e7, #eb9800, #e7e7e7);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-size: 80%;
|
|
animation: shine 5s linear infinite;
|
|
position: relative;
|
|
}
|
|
.dadmehrEn {
|
|
|
|
font-weight: 700;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
text-transform: uppercase;
|
|
background: linear-gradient(90deg, #e7e7e7, #565656, #e7e7e7);
|
|
letter-spacing: 5px;
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-size: 80%;
|
|
animation: shineEn 5s linear infinite;
|
|
position: relative;
|
|
}
|
|
.top-Bar {
|
|
width: 85%;
|
|
margin: 0 auto;
|
|
margin-top: 30px !important;
|
|
background-color: #e3e3e3;
|
|
height: 100px;
|
|
border-radius: 15px;
|
|
box-shadow: 0px 1px 15px 0 #749883;
|
|
|
|
}
|
|
.toptitle {
|
|
color: #fff;
|
|
background-color: #68a13c;
|
|
font-size: 15px;
|
|
border-radius: 15px;
|
|
height: 25px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.row {
|
|
display: block !important;
|
|
margin: 0 auto;
|
|
}
|
|
.information {
|
|
margin: 0 auto;
|
|
width: 85%;
|
|
margin-top: 30px !important;
|
|
background-color: #e3e3e3;
|
|
height: 450px;
|
|
border-radius: 15px;
|
|
box-shadow: 0px 1px 15px 0 #749883;
|
|
}
|
|
|
|
.bar {
|
|
background-color: #cdcdcd;
|
|
height: 37px;
|
|
border-radius: 25px 0px 0px 25px;
|
|
}
|
|
.year-bar {
|
|
text-align: center;
|
|
border-radius: 0px 25px 25px 0px;
|
|
background-color: #ffd740;
|
|
height: 37px;
|
|
}
|
|
.numbers {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
line-height: 2.2;
|
|
}
|
|
.numbersSheba {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
line-height: 2.2;
|
|
}
|
|
.titels {
|
|
position: relative;
|
|
top: 8px;
|
|
font-size: 14px
|
|
}
|
|
.information-container {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 10px;
|
|
max-width: 600px;
|
|
padding: 0px 8px;
|
|
}
|
|
.bankName {
|
|
background-color: #666464;
|
|
line-height: 2;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
text-align: center;
|
|
height: 37px;
|
|
border-radius: 25px;
|
|
}
|
|
.copyBtn {
|
|
position: absolute;
|
|
right: -18px;
|
|
color: white;
|
|
background-color: #afafaf;
|
|
padding: 7.5px;
|
|
/* border-radius: 7px; */
|
|
border: 1px solid #afafaf;
|
|
}
|
|
.notifyjs-corner {
|
|
top: 20% !important;
|
|
left: 40% !important;
|
|
}
|
|
@@media only screen and (max-width : 992px) {
|
|
.numbers {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
line-height: 2.7;
|
|
}
|
|
.titels {
|
|
position: relative;
|
|
top: 7px;
|
|
font-size: 12px;
|
|
}
|
|
.bankName {
|
|
background-color: #666464;
|
|
line-height: 2.3;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
text-align: center;
|
|
height: 37px;
|
|
border-radius: 25px;
|
|
}
|
|
.top-Bar {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
margin-top: 30px !important;
|
|
background-color: #e3e3e3;
|
|
height: 100px;
|
|
border-radius: 15px;
|
|
box-shadow: 0px 1px 15px 0 #749883;
|
|
|
|
}
|
|
.information {
|
|
margin: 0 auto;
|
|
width: 90%;
|
|
margin-top: 30px !important;
|
|
background-color: #e3e3e3;
|
|
height: 450px;
|
|
border-radius: 15px;
|
|
box-shadow: 0px 1px 15px 0 #749883;
|
|
}
|
|
|
|
.notifyjs-corner {
|
|
top: 12% !important;
|
|
left: 20% !important;
|
|
}
|
|
.numbersSheba {
|
|
font-size: 13px;
|
|
text-align: center;
|
|
line-height: 2.9;
|
|
}
|
|
.shebaSpan {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
}
|
|
|
|
@@media only screen and (max-width : 375px) {
|
|
.numbersSheba {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
line-height: 3.4;
|
|
}
|
|
.shebaSpan {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
}
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="top-Bar progress-bar-striped">
|
|
<div class="form-group" style="padding: 0px 10px;">
|
|
<span style="text-align: center">
|
|
<h4 style="color: #767373;
|
|
top: 20px;
|
|
font-size: 17px;
|
|
margin-bottom: 30px;
|
|
position: relative;">موسسه حقوقی دادمهر گستر</h4>
|
|
</span>
|
|
|
|
<span style="text-align: center">
|
|
<h4 class="toptitle">اطلاعات پرداخت</h4>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="information progress-bar-striped">
|
|
<div class="information-container">
|
|
|
|
<div class="col-xs-12 m-b-10 bankName" dir="ltr">
|
|
<span> بانک تجارت </span>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="information-container" style="top: 25px">
|
|
<div class="col-xs-4 year-bar pull-right m-b-10">
|
|
<span class="titels"> صاحب حساب</span>
|
|
</div>
|
|
<div class="col-xs-8 bar m-b-10 numbers" dir="ltr">
|
|
<span>سید حسن مصباح</span>
|
|
<button class="btn copyBtn"><span style="visibility: hidden">کپی</span></button>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="information-container" style="top: 40px">
|
|
<div class="col-xs-4 year-bar pull-right m-b-10">
|
|
<span id="cardTitel" class="titels">شماره کارت</span>
|
|
</div>
|
|
<div class="col-xs-8 bar m-b-10 numbers" dir="ltr">
|
|
<span>5859</span><span> </span><span>8312</span><span> </span><span>1099</span><span> </span><span>0932</span>
|
|
<button class="btn copyBtn" onclick="copyToClipboard('cardNumber','cardTitel')">کپی</button>
|
|
<input style="display: none" type="text" value="5859831210990932" id="cardNumber">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="information-container" style="top: 55px">
|
|
<div class="col-xs-4 year-bar pull-right m-b-10">
|
|
<span id="accTitel" class="titels">شماره حساب</span>
|
|
</div>
|
|
<div class="col-xs-8 bar m-b-10 numbers" dir="ltr">
|
|
<span>0810068035</span>
|
|
<button class="btn copyBtn" onclick="copyToClipboard('accNumber','accTitel')">کپی</button>
|
|
<input style="display: none" type="text" value="0810068035" id="accNumber">
|
|
</div>
|
|
</div>
|
|
<div class="information-container" style="top: 70px">
|
|
<div class="col-xs-4 year-bar pull-right m-b-10">
|
|
<span id="shebaTitel" class="titels"> شماره شبا </span>
|
|
</div>
|
|
<div class="col-xs-8 bar m-b-10 numbersSheba" dir="ltr">
|
|
<span class="shebaSpan"> IR-220180000000000810068035</span>
|
|
<button class="btn copyBtn" onclick="copyToClipboard('sheba','shebaTitel')">کپی</button>
|
|
<input style="display: none" type="text" value="220180000000000810068035" id="sheba">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="efects">
|
|
<p class="dadmehr">دادمهرگستر </p><br />
|
|
<p class="dadmehrEn">DadmehrGostar</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@section Script{
|
|
<script>
|
|
function copyToClipboard(inputId, titleName) {
|
|
const inputElement = document.getElementById(inputId);
|
|
inputElement.select();
|
|
inputElement.setSelectionRange(0, 99999); /* برای مرورگرهای مختلف */
|
|
navigator.clipboard.writeText(inputElement.value);
|
|
//alert("متن مورد نظر کپی شد: " + inputElement.value);
|
|
let title = document.getElementById(titleName).innerHTML;
|
|
let pm = `${title} کپی شد `;
|
|
$.Notification.autoHideNotify('success', 'top center', pm, inputElement.value);
|
|
}
|
|
</script>
|
|
} |