parent
9a75a9a6cc
commit
c9a2f3d6e0
22 changed files with 1369 additions and 11 deletions
@ -0,0 +1,30 @@ |
|||||||
|
.BuyInfo-main { |
||||||
|
overflow-x: visible !important; |
||||||
|
} |
||||||
|
|
||||||
|
.BuyInfo-main::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.BuyInfo-main::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.BuyInfo-main::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97BAE6; |
||||||
|
} |
||||||
|
|
||||||
|
.BuyInfo-main::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=BuyInfo.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "AACG,AAAD,aAAM,CAAC;EACL,UAAU,EAAE,kBAAkB;CAwB/B;;AAzBA,AAEC,aAFI,AAEH,mBAAmB,CAAC;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AARF,AAUC,aAVI,AAUH,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAbF,AAeC,aAfI,AAeH,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAlBF,AAoBC,aApBI,AAoBH,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||||
|
"sources": [ |
||||||
|
"../../src/view/dashboard2/BuyInfo.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "BuyInfo.css" |
||||||
|
} |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: IRANSansX-Regular; |
||||||
|
src: url(../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff); |
||||||
|
} |
||||||
|
|
||||||
|
.header { |
||||||
|
font-family: IRANSansX-Regular; |
||||||
|
} |
||||||
|
|
||||||
|
.header-search-input { |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
|
||||||
|
.header-search-input:focus { |
||||||
|
outline: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
.subMenu { |
||||||
|
-webkit-animation: fadeInAnimation ease-in-out 0.5s; |
||||||
|
animation: fadeInAnimation ease-in-out 0.5s; |
||||||
|
-webkit-animation-iteration-count: 1; |
||||||
|
animation-iteration-count: 1; |
||||||
|
-webkit-animation-fill-mode: both; |
||||||
|
animation-fill-mode: both; |
||||||
|
} |
||||||
|
|
||||||
|
@-webkit-keyframes fadeInAnimation { |
||||||
|
0% { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
100% { |
||||||
|
height: -webkit-fit-content; |
||||||
|
height: fit-content; |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes fadeInAnimation { |
||||||
|
0% { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
100% { |
||||||
|
height: -webkit-fit-content; |
||||||
|
height: -moz-fit-content; |
||||||
|
height: fit-content; |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
/*# sourceMappingURL=Header.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "AAAA,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,2EAA2E;;;AAKlF,AAAA,OAAO,CAAA;EACL,WAAW,EAAE,iBAAiB;CAU/B;;AAPE,AAAD,oBAAc,CAAA;EACZ,SAAS,EAAE,GAAG;CAKf;;AANA,AAGC,oBAHY,AAGX,MAAM,CAAA;EACL,OAAO,EAAE,eAAe;CACzB;;AAGL,AAAA,QAAQ,CAAA;EACN,SAAS,EAAE,gCAAgC;EACzC,yBAAyB,EAAE,CAAC;EAC5B,mBAAmB,EAAC,IAAI;CAE3B;;AAED,UAAU,CAAV,eAAU;EACN,EAAE;IAEE,OAAO,EAAE,CAAC;;EAGd,IAAI;IACA,MAAM,EAAE,WAAW;IACpB,OAAO,EAAE,CAAC", |
||||||
|
"sources": [ |
||||||
|
"../../src/components/header/Header.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "Header.css" |
||||||
|
} |
||||||
@ -0,0 +1,376 @@ |
|||||||
|
.M-Exam { |
||||||
|
width: 100vw; |
||||||
|
padding: 0 5px; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-top-cover { |
||||||
|
width: 96%; |
||||||
|
height: 200px; |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
background-color: white; |
||||||
|
z-index: 4; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info { |
||||||
|
width: 96%; |
||||||
|
padding: 5px 7px; |
||||||
|
border-radius: 10px; |
||||||
|
border: 2px solid #F1F1F1; |
||||||
|
position: fixed; |
||||||
|
top: 90px; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
background-color: white; |
||||||
|
z-index: 5; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: start; |
||||||
|
-ms-flex-align: start; |
||||||
|
align-items: flex-start; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 5px 0; |
||||||
|
direction: rtl; |
||||||
|
border-bottom: 1px solid #dfdfdf; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box { |
||||||
|
width: 65%; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: start; |
||||||
|
-ms-flex-align: start; |
||||||
|
align-items: flex-start; |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box .M-Exam-info-row1-title-box-text { |
||||||
|
font-size: 13px; |
||||||
|
margin-right: 3px; |
||||||
|
color: #2E81E8; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: start; |
||||||
|
-ms-flex-align: start; |
||||||
|
align-items: flex-start; |
||||||
|
direction: rtl; |
||||||
|
margin-top: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-icon { |
||||||
|
margin-right: 16px; |
||||||
|
color: #CEFDFF; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-text { |
||||||
|
font-size: 10px; |
||||||
|
color: #132F52; |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
padding: 2px 5px; |
||||||
|
background-color: #E2EAF4; |
||||||
|
direction: rtl; |
||||||
|
border-radius: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-icon { |
||||||
|
color: #013273; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-text { |
||||||
|
font-size: 12px; |
||||||
|
color: #013273; |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row2 { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
padding: 5px 0; |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-text { |
||||||
|
font-size: 14px; |
||||||
|
color: #2E81E8; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-timer { |
||||||
|
font-size: 16px; |
||||||
|
color: #2E81E8; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-progress-bar { |
||||||
|
width: 96%; |
||||||
|
height: 35px; |
||||||
|
overflow-x: scroll; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
position: fixed; |
||||||
|
top: 180px; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
direction: rtl; |
||||||
|
background-color: white; |
||||||
|
z-index: 5; |
||||||
|
scroll-behavior: smooth; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-progress-bar-item { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
height: 100%; |
||||||
|
-ms-flex-negative: 0; |
||||||
|
flex-shrink: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-progress-bar-item-circle { |
||||||
|
width: 35px !important; |
||||||
|
height: 35px !important; |
||||||
|
border-radius: 50%; |
||||||
|
background-color: #F5F5F5; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
color: #A2B4CB; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-progress-bar-item-line { |
||||||
|
font-size: 16px; |
||||||
|
color: #E0E0E0; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main { |
||||||
|
width: 96%; |
||||||
|
position: absolute; |
||||||
|
top: 220px; |
||||||
|
left: 50%; |
||||||
|
-webkit-transform: translateX(-50%); |
||||||
|
transform: translateX(-50%); |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item { |
||||||
|
width: 100%; |
||||||
|
direction: rtl; |
||||||
|
margin-top: 15px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-number { |
||||||
|
font-size: 15px; |
||||||
|
color: #132F52; |
||||||
|
padding: 2px 5px; |
||||||
|
background-color: #E8FCFF; |
||||||
|
display: inline; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-question { |
||||||
|
width: 100%; |
||||||
|
font-size: 19px; |
||||||
|
color: #132F52; |
||||||
|
margin-top: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-question-img { |
||||||
|
width: 100%; |
||||||
|
padding: 5px 5px; |
||||||
|
border-radius: 5px; |
||||||
|
overflow: hidden; |
||||||
|
margin-top: 10px; |
||||||
|
background-color: #F5F5F5; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-question-img img { |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-choices { |
||||||
|
width: 100%; |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-choices-item { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-choices-item-badge { |
||||||
|
width: 13%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 14px; |
||||||
|
color: #132F52; |
||||||
|
background-color: #E7E7E7; |
||||||
|
padding: 6px 0; |
||||||
|
border-radius: 0 5px 5px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-choices-item-text { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
font-size: 16px; |
||||||
|
color: #132F52; |
||||||
|
background-color: #F5F5F5; |
||||||
|
padding: 6px 0; |
||||||
|
padding-right: 10px; |
||||||
|
border-radius: 5px 0 0 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-answer-box { |
||||||
|
width: 100%; |
||||||
|
height: 150px; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-answer-box-badge { |
||||||
|
height: 100%; |
||||||
|
width: 75px; |
||||||
|
background-color: #E7E7E7; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 14px; |
||||||
|
color: #132F52; |
||||||
|
border-radius: 0 5px 5px 0; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-answer-box-input { |
||||||
|
width: 100% !important; |
||||||
|
height: 100%; |
||||||
|
background-color: #F5F5F5; |
||||||
|
border: none !important; |
||||||
|
outline: none !important; |
||||||
|
border-radius: 5px 0 0 5px; |
||||||
|
resize: none; |
||||||
|
font-size: 14px; |
||||||
|
padding: 10px 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-item-line { |
||||||
|
width: 100%; |
||||||
|
height: 1px; |
||||||
|
background-color: #D6E6F9; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-btn-container { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
margin-top: 20px; |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-btn-container-line { |
||||||
|
width: 20%; |
||||||
|
height: 2px; |
||||||
|
background-color: #2E81E8; |
||||||
|
} |
||||||
|
|
||||||
|
.M-Exam-main-btn-container-btn { |
||||||
|
width: 60%; |
||||||
|
height: 40px; |
||||||
|
border-radius: 7px; |
||||||
|
background-color: #2E81E8; |
||||||
|
color: white; |
||||||
|
font-size: 15px; |
||||||
|
color: white; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=M_Exam.css.map */ |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,9 @@ |
|||||||
|
@font-face { |
||||||
|
font-family: IRANSansX-Regular; |
||||||
|
src: url(../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff); |
||||||
|
} |
||||||
|
|
||||||
|
.nav { |
||||||
|
font-family: "IRANSansX-Regular"; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=Nav.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "AAAA,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,2EAA2E;;;AAKlF,AAAA,IAAI,CAAA;EACF,WAAW,EAHA,mBAAmB;CA8B/B", |
||||||
|
"sources": [ |
||||||
|
"../../src/components/nav/Nav.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "Nav.css" |
||||||
|
} |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
.Packages { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.Packages::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.Packages::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Packages::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97bae6; |
||||||
|
} |
||||||
|
|
||||||
|
.Packages::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=Packages.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "AAAA,AAAA,SAAS,CAAC;EACR,QAAQ,EAAE,QAAQ;CAyBnB;;AA1BD,AAGE,SAHO,AAGN,mBAAmB,CAAC;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AATH,AAWE,SAXO,AAWN,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAdH,AAgBE,SAhBO,AAgBN,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAnBH,AAqBE,SArBO,AAqBN,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||||
|
"sources": [ |
||||||
|
"../../src/view/dashboard2/Packages.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "Packages.css" |
||||||
|
} |
||||||
@ -0,0 +1,123 @@ |
|||||||
|
.Register { |
||||||
|
/* Firefox */ |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box { |
||||||
|
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.18); |
||||||
|
box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, 0.18); |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-relations-row3::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-relations-row3::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-relations-row3::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97bae6; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-relations-row3::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Register input::-webkit-outer-spin-button, |
||||||
|
.Register input::-webkit-inner-spin-button { |
||||||
|
-webkit-appearance: none; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.Register input[type="number"] { |
||||||
|
-moz-appearance: textfield; |
||||||
|
} |
||||||
|
|
||||||
|
.hasImage:hover section { |
||||||
|
background-color: rgba(5, 5, 5, 0.4); |
||||||
|
} |
||||||
|
|
||||||
|
.hasImage:hover button:hover { |
||||||
|
background: rgba(5, 5, 5, 0.45); |
||||||
|
} |
||||||
|
|
||||||
|
#overlay p, |
||||||
|
i { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
#overlay.draggedover { |
||||||
|
background-color: rgba(255, 255, 255, 0.7); |
||||||
|
} |
||||||
|
|
||||||
|
#overlay.draggedover p, |
||||||
|
#overlay.draggedover i { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.group:hover .group-hover\:text-blue-800 { |
||||||
|
color: #2b6cb0; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97bae6; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97bae6; |
||||||
|
} |
||||||
|
|
||||||
|
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=Register.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "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", |
||||||
|
"sources": [ |
||||||
|
"../../src/view/dashboard/Register.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "Register.css" |
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
.UserFullInfo-content::-webkit-scrollbar { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 2; |
||||||
|
width: 5px !important; |
||||||
|
} |
||||||
|
|
||||||
|
.UserFullInfo-content::-webkit-scrollbar-button { |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
.UserFullInfo-content::-webkit-scrollbar-thumb { |
||||||
|
border-radius: 10px; |
||||||
|
background-color: #97BAE6; |
||||||
|
} |
||||||
|
|
||||||
|
.UserFullInfo-content::-webkit-scrollbar-track { |
||||||
|
background-color: transparent !important; |
||||||
|
display: none; |
||||||
|
-webkit-appearance: none; |
||||||
|
appearance: none; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=UserFullInfo.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "AAIG,AACD,qBADS,AACR,mBAAmB,CAAC;EACjB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AAPF,AASC,qBATO,AASN,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAZF,AAcC,qBAdO,AAcN,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAjBF,AAmBC,qBAnBO,AAmBN,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||||
|
"sources": [ |
||||||
|
"../../src/view/dashboard2/UserFullInfo.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "UserFullInfo.css" |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
/* No CSS *//*# sourceMappingURL=colors.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "", |
||||||
|
"sources": [ |
||||||
|
"../../src/constants/colors.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "colors.css" |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
/* No CSS *//*# sourceMappingURL=size.css.map */ |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"version": 3, |
||||||
|
"mappings": "", |
||||||
|
"sources": [ |
||||||
|
"../../src/constants/size.scss" |
||||||
|
], |
||||||
|
"names": [], |
||||||
|
"file": "size.css" |
||||||
|
} |
||||||
@ -0,0 +1,434 @@ |
|||||||
|
import moment from "jalali-moment"; |
||||||
|
import React, { useEffect, useState } from "react"; |
||||||
|
|
||||||
|
let daysList = [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 4, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 5, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 6, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 7, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 8, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 9, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 10, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 11, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 12, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 13, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 14, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 15, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 16, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 17, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 18, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 19, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 20, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 21, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 22, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 23, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 24, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 25, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 26, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 27, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 28, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 29, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 30, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 31, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 32, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 33, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 34, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 35, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 36, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 37, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 38, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 39, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 40, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 41, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 42, |
||||||
|
dayNumber: "", |
||||||
|
isToday: false, |
||||||
|
events: [], |
||||||
|
}, |
||||||
|
]; |
||||||
|
//---------------
|
||||||
|
let dotsColor = ["#249D8C", "#F4C84B"]; |
||||||
|
//=======================================================
|
||||||
|
const Days = ({ |
||||||
|
findFirstDayWeekDay, |
||||||
|
year, |
||||||
|
month, |
||||||
|
currentYear, |
||||||
|
currentMonth, |
||||||
|
currentDay, |
||||||
|
primaryColor, |
||||||
|
eventList, |
||||||
|
activeDay, |
||||||
|
selectDay, |
||||||
|
eventBoxisRight, |
||||||
|
eventBoxTop, |
||||||
|
eventBoxRight, |
||||||
|
showEvent, |
||||||
|
}) => { |
||||||
|
const [Daylist, setDayList] = useState(daysList); |
||||||
|
const [fake, setFake] = useState(0); |
||||||
|
//create month days----------------------------
|
||||||
|
useEffect(() => { |
||||||
|
let list = daysList; |
||||||
|
let w1 = findFirstDayWeekDay(year, month); |
||||||
|
let m = 31; |
||||||
|
if (month > 6) { |
||||||
|
m = 30; |
||||||
|
} |
||||||
|
if (month === 12) { |
||||||
|
m = 29; |
||||||
|
} |
||||||
|
let dayCounter = 0; |
||||||
|
for (let i = 0; i < list.length; i++) { |
||||||
|
if (i >= w1 && dayCounter < m) { |
||||||
|
dayCounter++; |
||||||
|
list[i].dayNumber = dayCounter; |
||||||
|
//tody check---------------
|
||||||
|
if ( |
||||||
|
year === currentYear && |
||||||
|
month === currentMonth && |
||||||
|
dayCounter === currentDay |
||||||
|
) { |
||||||
|
list[i].isToday = true; |
||||||
|
} else { |
||||||
|
list[i].isToday = false; |
||||||
|
} |
||||||
|
//events check------------
|
||||||
|
list[i].events = []; |
||||||
|
for (let p = 0; p < eventList.length; p++) { |
||||||
|
moment.locale("en"); |
||||||
|
let a = moment(eventList[p].date); |
||||||
|
a.locale("fa"); |
||||||
|
let eventDay = Number(a.format("DD")); |
||||||
|
let eventMonth = Number(a.format("MM")); |
||||||
|
let eventYear = Number(a.format("YYYY/M/D").split("/")[0]); |
||||||
|
if ( |
||||||
|
year === eventYear && |
||||||
|
month === eventMonth && |
||||||
|
dayCounter === eventDay |
||||||
|
) { |
||||||
|
list[i].events.push(eventList[p]); |
||||||
|
} |
||||||
|
} |
||||||
|
} else { |
||||||
|
list[i].dayNumber = ""; |
||||||
|
list[i].isToday = false; |
||||||
|
} |
||||||
|
} |
||||||
|
console.log(daysList); |
||||||
|
setDayList(list); |
||||||
|
setFake(fake + 1); |
||||||
|
}, [month]); |
||||||
|
|
||||||
|
//==============
|
||||||
|
const [eventData, setEventData] = useState([]); |
||||||
|
const selectDayHandler=(index)=>{ |
||||||
|
setEventData(Daylist[index].events); |
||||||
|
selectDay(index); |
||||||
|
} |
||||||
|
return ( |
||||||
|
<div |
||||||
|
className="Days w-full flex flex-row-reverse items-start justify-between flex-wrap gap-y-[2%] relative" |
||||||
|
style={{ height: "calc(100% - 80px)" }} |
||||||
|
> |
||||||
|
{Daylist.map((item, index) => ( |
||||||
|
<div |
||||||
|
key={index} |
||||||
|
className="w-[13%] h-[15%] rounded-lg cursor-pointer flex flex-col items-center justify-center text-sm relative" |
||||||
|
style={ |
||||||
|
activeDay === index |
||||||
|
? { |
||||||
|
backgroundColor: primaryColor, |
||||||
|
color: "#fff", |
||||||
|
} |
||||||
|
: item.isToday |
||||||
|
? { |
||||||
|
border: `1px solid ${primaryColor}`, |
||||||
|
color: `${primaryColor}`, |
||||||
|
} |
||||||
|
: index % 7 === 6 |
||||||
|
? { color: "#C94E2A" } |
||||||
|
: null |
||||||
|
} |
||||||
|
onClick={() => selectDayHandler(index)} |
||||||
|
> |
||||||
|
<div>{item.dayNumber}</div> |
||||||
|
<div className="w-[90%] flex items-center justify-center gap-x-1 absolute bottom-1"> |
||||||
|
{item?.events?.map((event, Index) => ( |
||||||
|
<React.Fragment key={Index}> |
||||||
|
{Index < 2 && ( |
||||||
|
<div |
||||||
|
key={Index} |
||||||
|
className="w-1 h-1 rounded-full bg-black" |
||||||
|
style={ |
||||||
|
event?.type |
||||||
|
? { backgroundColor: dotsColor[event.type - 1] } |
||||||
|
: { backgroundColor: dotsColor[Index] } |
||||||
|
} |
||||||
|
></div> |
||||||
|
)} |
||||||
|
</React.Fragment> |
||||||
|
))} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
))} |
||||||
|
{/* ----------events-box---------------- */} |
||||||
|
{showEvent && ( |
||||||
|
<div |
||||||
|
className="w-2/3 rounded bg-[#343234] absolute top-4 p-2" |
||||||
|
style={ |
||||||
|
eventBoxisRight |
||||||
|
? { |
||||||
|
top: `${eventBoxTop}%`, |
||||||
|
right: `calc(${eventBoxRight}% - 1px)`, |
||||||
|
} |
||||||
|
: { |
||||||
|
top: `${eventBoxTop}%`, |
||||||
|
left: `calc(${eventBoxRight}% - 1px)`, |
||||||
|
} |
||||||
|
} |
||||||
|
> |
||||||
|
<div className="w-full flex items-center justify-between"> |
||||||
|
{/* <div className="w-1/3 h-[2px] bg-white rounded-lg"></div> */} |
||||||
|
<div className="w-full text-right text text-white">:رویدادها</div> |
||||||
|
{/* <div className="w-1/3 h-[2px] bg-white rounded-lg"></div> */} |
||||||
|
</div> |
||||||
|
<div className="w-full mt-1"> |
||||||
|
{eventData?.map((item, index) => ( |
||||||
|
<div |
||||||
|
key={index} |
||||||
|
className="w-full flex flex-row-reverse items-center mb-2" |
||||||
|
> |
||||||
|
<div |
||||||
|
className="w-2 h-2 rounded-full bg-white ml-2" |
||||||
|
style={ |
||||||
|
item?.type |
||||||
|
? { backgroundColor: dotsColor[item.type] } |
||||||
|
: { backgroundColor: dotsColor[index%2] } |
||||||
|
} |
||||||
|
></div> |
||||||
|
<div className="text-sm text-right text-[#999]"> |
||||||
|
{item?.title} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
))} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
||||||
|
|
||||||
|
export default Days; |
||||||
|
|
||||||
|
|
||||||
|
// bg-[rgba(0,0,0,0.2)]
|
||||||
Loading…
Reference in new issue