| HTML |
|---|
<div id="mediq-login" dir="rtl"> <style> /* ========================================================= MEDIQ LOGIN Confluence Server / Data Center 8.7.1 PAGEPage ID: 174855060 فعلاً هیچ المان Confluence مخفی نمیشود. ========================================================= */ #mediq-login, #mediq-login * { box-sizing: border-box; } #mediq-login { --mq-primary: #08b5ad; --mq-primary-darkprimary2: #069c96#0bc4b9; --mq-primary-lightnavy: #43d4cd#092e4e; --mq-navytext: #092d4d#173d5c; --mq-textmuted: #173d5c#71899e; --mq-mutedposition: #71899erelative; width: 100%; min-height: 720px; position: relative; overflow: hidden; direction: rtl; font-family: Tahoma, Arial, sans-serif; color: var(--mq-text); border-radius: 0; background-image: linear-gradient(url("/download/attachments/174855060/Modern%20Hospital%20Room%20with%20Medical%20Bed.png"); background-size: cover; 90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100% ), url("/download/attachments/174855060/Modern%20Hospital%20Room%20with%20Medical%20Bed.png"); background-size: cover; backgroundbackground-position: center center; background-repeat: no-repeat; } /* ========================================================= SOFTBACKGROUND OVERLAYLIGHT ========================================================= */ #mediq-login::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 90deg, rgba(255,255,255,.9697) 0%, rgba(255,255,255,.8892) 20%23%, rgba(255,255,255,.3542) 42%, rgba(255,255,255,.0503) 64%66%, rgba(0,7260,8875,.0403) 100% ); z-index: 1; } /* ========================================================= MAIN LAYOUT ========================================================= */ .mq-login-layout { position: relative; z-index: 5; width: 100%; min-height: 720px; padding: 55px 50px 7%; display: grid; /* تصویر اصلی: اطلاعات سمت چپ Login سمت راست */ grid-template-columns: minmax(470px, 600px590px) 1fr minmax(380px390px, 445px); aligngap: 30px; align-items: center; direction: ltr; } /* ========================================================= LEFT CONTENT ========================================================= */ .mq-intro { grid-column: 1; direction: rtl; text-align-self: centerright; positionwidth: relative; z-index: 10100%; max-width: 570px; text-align: right; } /* ========================================================= MAINLOGO BRANDCOMMON ========================================================= */ .mq-main-brand { direction: ltr; display: flex; align-items: center; justify-content: flex-start; direction: ltr; gap: 17px15px; margin-bottom: 39px36px; } .mq-logo-svg { width: 82px; /* ========================================================= MEDIQ LOGO CSS VERSION ========================================================= */ height: 82px; flex: 0 0 82px; } .mq-logobrand-text { widthdisplay: 82pxflex; heightflex-direction: 73pxcolumn; positionalign-items: relativeflex-start; } .mq-wordmark { flex font-family: Arial, sans-serif; font-size: 48px; 0 0 line-height: 1; font-weight: 82px800; } /* LEFT CURVE */ .mq-logo::before { letter-spacing: -2px; contentcolor: ""#082d4d; } .mq-wordmark .q { positioncolor: absolute#08b5ad; } .mq-brand-caption { widthdirection: 38pxrtl; heightwidth: 55px100%; lefttext-align: 12pxright; margin-top: 3px7px; borderfont-size: 8px solid 13px; #55d5d4font-weight: 700; border-right-color: #173d5c; } /* ========================================================= TITLE transparent; ========================================================= */ .mq-line { border-bottom-colorwidth: 58px; height: #55d5d44px; bordermargin-radiusbottom: 50% 50% 30px; 55% 50%border-radius: 20px; transformbackground: rotate var(-31deg-primary); } /* RIGHT CURVE */ .mq-logo::aftertitle { contentmargin: ""0; positiontext-align: absoluteright; widthcolor: 38pxvar(--navy); height: 55pxfont-size: clamp(36px, 3vw, 53px); rightfont-weight: 12px900; topline-height: 3px1.55; borderletter-spacing: 8px solid -1px; } .mq-description { #00aaa5margin-top: 13px; bordertext-left-coloralign: transparent right; border-bottom-color: #00aaa5 #607b91; borderfont-radiussize: 50% 50% 50% 55%; 16px; transformline-height: rotate(31deg) 2.05; } /* ========================================================= WORDMARKFEATURES ========================================================= */ .mq-wordmarkfeatures { font-family: width: 100%; margin-top: 34px; Arial, display: grid; grid-template-columns: repeat(4, 1fr); gap: sans-serif11px; } .mq-feature { fontmin-sizeheight: 48px120px; line-heightpadding: 115px 8px; font-weight: 800; border: 1px solid rgba(210,229,238,.85); letterborder-spacingradius: -2px16px; color: background: rgba(255,255,255,.66); backdrop-filter: blur(11px); var(-webkit-mq-navy); } .mq-wordmark span {backdrop-filter: blur(11px); colordisplay: flex; var(--mq-primaryflex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 28px rgba(33,86,108,.045); } .mq-brandfeature-subtitleicon { width: 43px; directionheight: rtl43px; textmargin-alignbottom: right10px; marginborder-topradius: 8px13px; font-sizedisplay: 14pxflex; fontalign-weightitems: 700center; color: justify-content: center; background: #e1faf8; color: #173d5c#08afa7; } /* ========================================================= DECORATIVE LINE ========================================================= */ font-size: 21px; font-weight: bold; } .mq-title-line { feature:nth-child(2) .mq-feature-icon { background: #edf5ff; widthcolor: 58px#4b8fd7; } .mq-feature:nth-child(3) .mq-feature-icon { heightbackground: 4px#e5faf5; margin-bottomcolor: 30px#00a98b; } .mq-feature:nth-child(4) .mq-feature-icon { border-radiusbackground: 20px#edf3fa; background:color: #718cac; } .mq-feature-text { width: 100%; var(--mq-primary)text-align: center; } /* ====== color: #173d5c; font-size: 11px; font-weight: 800; line-height: 1.8; } /* ========================================================= MAINLOGIN TITLECARD ========================================================= */ .mq-mainlogin-titlecard { margingrid-column: 03; colordirection: rtl; #092e4ewidth: 100%; fontmin-sizeheight: 565px; padding: 42px clamp(38px 30px; border: 1px solid rgba(255,255,255,.86); 35px, border-radius: 28px; background: linear-gradient( 3.1vw145deg, rgba(255,255,255,.90), 55px ); rgba(238,249,251,.79) font-weight: 900); linebackdrop-heightfilter: 1.55; blur(25px); letter-spacing: -1px; } .mq-description { margin-top: 12pxwebkit-backdrop-filter: blur(25px); colorbox-shadow: #607b91; 0 font-size: 16px; 30px 80px font-weight: 500; line-height: 2.05rgba(16,65,87,.17); } /* ========================================================= FEATURECARD CARDSLOGO ========================================================= */ .mq-featurescard-brand { widthdisplay: 100%flex; marginalign-topitems: 34pxcenter; displayjustify-content: gridcenter; grid-template-columns:direction: ltr; repeat( 4,gap: 9px; } .mq-card-brand .mq-logo-svg { minmax(105px,1fr)width: 61px; ); height: 61px; gapflex: 11px0 0 61px; } .mq-card-featurewordmark { minfont-heightfamily: 116px Arial, sans-serif; paddingfont-size: 14px 38px; 8pxfont-weight: 800; displayline-height: flex1; flexletter-directionspacing: column-1.5px; align-itemscolor: center#082d4d; } justify-content: center; .mq-card-wordmark .q { text-aligncolor: centervar(--primary); } border: 1px solid .mq-card-caption { rgba( 210,margin-top: 4px; 229, 238,text-align: center; .8font-size: 11px; )font-weight: 700; border-radiuscolor: 16px#173b59; } background: /* ========================================================= WELCOME ========================================================= rgba(*/ .mq-welcome { margin-top: 36px; 255,text-align: right; color: #0c304f; 255,font-size: 20px; font-weight: 900; } .mq-welcome-desc { 255,margin-top: 9px; .64text-align: right; )color: #718a9f; boxfont-shadowsize: 11px; 0 8px 28px rgba( 33, 86, 108, .045 )line-height: 1.9; } /* ========================================================= FORM ========================================================= */ .mq-form { margin-top: 28px; } .mq-field { position: relative; backdrop-filterwidth: blur(10px) 100%; margin-webkit-backdrop-filterbottom: blur(10px) 14px; } .mq-feature-icon { width: 42px; height: 42px; margin-bottom: 9px; border-radius: 13px/* ========================================================= INPUT ========================================================= */ .mq-input { display: block; displaywidth: flex100%; align-itemsheight: center57px; justify-content: center; border: 1px solid rgba(181,204,217,.75); fontborder-sizeradius: 20px13px; font-weightoutline: 800none; background: rgba(255,255,255,.82); #e1faf8color: #173d5c; colorfont-family: Tahoma, Arial, sans-serif; #08afa7; } .mq-feature:nth-child(2) .mq-feature-icon {font-size: 12px; backgrounddirection: rtl; #edf5fftext-align: right; color:/* فضای #4b8fd7; } .mq-feature:nth-child(3) .mq-feature-icon { سمت راست برای آیکن background: فضای سمت چپ برای چشم #e5faf5;*/ colorpadding: #00a98b; } .mq-feature:nth-child(4) .mq-feature-icon { 0 background:48px #edf3fa;0 color: 52px; transition: .18s #718cacease; } .mq-feature-textinput::placeholder { color: #7890a4; #173d5c; text-align: right; } .mq-input:focus { fontborder-sizecolor: 11pxvar(--primary); font-weightbackground: 800#fff; linebox-height: 1.7shadow: 0 0 0 3px rgba(8,181,173,.10); } /* ========================================================= LOGINRIGHT CARDICON ========================================================= */ .mq-field-cardicon { grid-columnposition: 3absolute; directionright: rtl17px; widthleft: 100%auto; min-heighttop: 560px50%; align-selftransform: centertranslateY(-50%); paddingwidth: 20px; display: flex; 43px align-items: center; 38pxjustify-content: center; 30pxcolor: #69839a; borderpointer-radiusevents: 27pxnone; } border: 1px solid rgba( /* ========================================================= 255, 255,ICON SVG ========================================================= */ .mq-field-icon svg { width: 19px; 255,height: 19px; fill: none; .82stroke: currentColor; )stroke-width: 1.8; background:stroke-linecap: round; linear-gradient( 145deg, rgba( 255, 255, 255, .89 ), rgba( 239, 249, 251, .78 ) ); box-shadow: 0 30px 80px rgba( 16, 65, 87, .18 ); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } /* stroke-linejoin: round; } /* ========================================================= PASSWORD EYE سمت چپ مستقل ========================================================= */ .mq-eye { position: absolute; left: 14px; right: auto; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; padding: 0; border: none; outline: none; border-radius: 8px; background: transparent; color: #6f879b; cursor: pointer; display: flex; align-items: center; justify-content: center; } .mq-eye:hover { background: #eef7f8; color: var(--primary); } .mq-eye svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= CARD LOGOOPTIONS ========================================================= */ .mq-card-brandoptions { displaymargin: flex; 13px direction: ltr2px 18px; justify-contentdisplay: centerflex; align-items: center; gapjustify-content: 10pxflex-start; } .mq-card-logoremember { widthdisplay: 54pxflex; heightalign-items: 49pxcenter; positiongap: relative; } .mq-card-logo::before {8px; contentcolor: ""#577086; positionfont-size: absolute11px; widthcursor: 25pxpointer; } .mq-remember height: 36px; input { leftwidth: 7px16px; topheight: 3px16px; bordermargin: 6px solid #52d4d2 0; borderaccent-right-color: transparent; border-radius: 50%; var(--primary); } /* ========================================================= LOGIN BUTTON ========================================================= */ .mq-submit { transformwidth: 100%; height: 59px; rotate(-30deg); } .mq-card-logo::after { border: 0; contentoutline: ""none; positionborder-radius: absolute13px; widthbackground: 25px; linear-gradient( height: 36px; 90deg, right: 7px; #07aaa5, top: 3px; border:#0cc4b9 ); 6px solidcolor: #fff; font-family: Tahoma, #00aaa5Arial, sans-serif; borderfont-left-color:size: 15px; font-weight: 800; cursor: transparentpointer; borderbox-radiusshadow: 50%; 0 12px transform:27px rotate(30degrgba(4,169,163,.21); } .mq-card-wordmark { font-familytransition: Arial, sans-serif; font-size: 37px; font-weight: 800; letter-spacing: -1px.18s ease; } .mq-submit:hover { transform: translateY(-2px); colorbox-shadow: #082d4d; } .mq-card-wordmark span { 0 17px 35px color: var(--mq-primaryrgba(4,169,163,.28); } .mq-card-brand-captionsubmit:active { margin-toptransform: 3px; text-align: center; color: #173b59; font-size: 11px; font-weight: 700; } translateY(0); } /* ========================================================= WELCOMEERROR ========================================================= */ .mq-welcomeerror { margin-topdisplay: 38pxnone; textmargin-aligntop: center12px; colorpadding: 10px 12px; border: 1px solid #0c304f#fecdd3; fontborder-sizeradius: 20px9px; font-weightbackground: 900; } .mq-welcome-subtitle {#fff1f2; margin-topcolor: 9px#be123c; text-align: centerright; colorfont-size: #718a9f 10px; fontline-sizeheight: 11px1.8; } /* ========================================================= FORMSUPPORT ========================================================= */ .mq-formdivider { margin-topheight: 29px1px; } .mq-field { positionmargin: relative; 29px margin-bottom: 13px; } .mq-input { 0 21px; widthbackground: 100%; linear-gradient( height: 55px; padding:90deg, 0transparent, 17pxrgba(136,165,183,.42), 0transparent 48px;); } .mq-support { outlinedisplay: noneflex; border:align-items: center; justify-content: center; 1px solidgap: 8px; rgba(color: #71899d; font-size: 10px; 181,line-height: 1.8; text-align: right; } .mq-support 204,svg { flex: 0 0 auto; width: 217,18px; height: 18px; .70fill: none; ); stroke: #173d5c; borderstroke-radiuswidth: 12px1.7; background:stroke-linecap: round; rgba( 255, 255, 255, .82 )stroke-linejoin: round; } /* ========================================================= LOADER ========================================================= */ .mq-loader { display: none; width: 20px; height: 20px; colormargin: #163d5c auto; font-family: inherit; border: 3px solid rgba(255,255,255,.35); fontborder-top-sizecolor: 12px#fff; textborder-alignradius: right50%; transitionanimation: mq-spin .7s border-color .18s ease,linear infinite; } .mq-submit.loading .mq-submit-text { display: none; } .mq-submit.loading box-shadow.mq-loader { .18s easedisplay: block; } .@keyframes mq-input::placeholderspin { color:to { #7990a4; } .mq-input:focus { transform: rotate(360deg); background: #fff; border-color: var(--mq-primary); box-shadow: 0 0 0 3px} } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width:1150px) { .mq-layout { rgba(grid-template-columns: 8minmax(390px,1fr) 181,40px 173, 390px; padding: 40px 35px; } .10mq-title { )font-size: 39px; } /* ========================================================= FIELD ICON ========================================================= */ .mq-field-icon { position: absolute; left: 17px .mq-features { grid-template-columns: repeat(2,1fr); } } @media (max-width:850px) { #mediq-login { overflow: visible; top: 50%; background-position: 65% center; } transform:.mq-layout { translateY(-50%)display: flex; color: flex-direction: column; #668198min-height: auto; font-size: 18px padding: 30px 20px; pointer-events gap: none35px; } /* ========================================================= PASSWORD SHOW BUTTON ========================================================= */ .mq-password-show { position: absolute; left: 44px; top: 50%; transform: translateY(-50%); width: 29px .mq-login-card { width: min(100%,460px); order: 1; } .mq-intro { width: min(100%,560px); order: 2; } } @media (max-width:520px) { .mq-login-card { padding: 34px 22px 27px; height: 29px; border-radius: 022px; outline: none;} background:.mq-title { transparent; font-size: 30px; color:} .mq-description { #748ba0; font-size: 16px13px; cursor: pointer; } /* ======= .mq-features { grid-template-columns: repeat(2,1fr); } } </style> <div class="mq-layout"> <!-- ===================================================== REMEMBER LEFT ========================================================= */ .mq-options { --> <section class="mq-intro"> <!-- margin:BRAND --> 13px<div class="mq-brand"> 1px <!-- MEDIQ 18px;LOGO --> display: flex; align-items: center; <svg justify-content: flex-start; } .mq-remember { class="mq-logo-svg" display: flex; align-items: center; viewBox="0 0 gap: 7px; 100 100" color: #577086; aria-hidden="true" font-size: 11px; cursor: pointer;> } .mq-remember input { width: 16px; height: 16px;<defs> accent-color: var(--mq-primary); } /* ========================================================= LOGIN BUTTON<linearGradient ========================================================= */ .mq-submit { width: 100%; height: 58px; border: 0; id="mqGradientA" outline: none; border-radius: 12px; background: linear-gradient(x1="0" 90deg, #07aaa5,y1="0" #0cc4b9 ); color: x2="1" #fff; font-family: inherit; font-size: 14px; font-weight: 800; y2="1" cursor: pointer; box-shadow: 0> 12px 26px rgba(<stop 4, 169, offset="0%" 163, .20 ); stop-color="#58d8d5" transition: .18s ease;/> } .mq-submit:hover { transform:<stop translateY(-2px); box-shadow: 0 17pxoffset="100%" 34px rgba( 4,stop-color="#11bcb6" 169, 163,/> .27 );</linearGradient> } .mq-submit:active { transform: translateY(0); } /* ========================================================= ERROR ========================================================= */ .mq-error { display: none; margin-top: 12px; padding: <linearGradient id="mqGradientB" 10px 12px; x1="1" border-radius: 9px; background: #fff1f2; y1="0" border: 1px solid #fecdd3; x2="0" color: #be123c; font-size: 10px; line-height: 1.8; } /* ========================================================= SUPPORT ========================================================= */ .mq-divider { height: 1px; margin: y2="1" > <stop 27px 0 21px; offset="0%" background: linear-gradient( stop-color="#00a7a3" 90deg,/> transparent, rgba(<stop 136, offset="100%" 165, 183, stop-color="#00c3b6" .42 ),/> transparent );</linearGradient> } .mq-support { text-align: center; </defs> color: #71899d; font-size: 10px;<!-- LEFT HALF --> line-height: 1.8; } /* ========================================================= LOADER ========================================================= */ .mq-loader { display: none; width: 20px; height: 20px; margin: 0 auto; border: 3px solid <path d=" M50 82 C43 72 24 58 20 39 C17 24 26 13 39 13 C47 13 53 18 57 25 C48 27 41 34 39 44 C36 55 41 67 50 82 Z " fill="url(#mqGradientA)" /> <!-- RIGHT HALF --> <path d=" M50 82 C58 71 77 58 81 39 C84 24 75 13 62 13 C53 13 47 19 43 27 C53 28 60 35 62 45 C64 56 59 68 50 82 Z " fill="url(#mqGradientB)" /> <!-- CENTER WHITE CUT --> <path d=" M50 68 C43 57 42 48 45 40 C47 34 51 30 56 28 C50 38 51 50 56 58 C55 62 53 65 50 68 Z " fill="#ffffff" opacity=".94" /> </svg> <div class="mq-brand-text"> <div class="mq-wordmark"> Medi<span class="q">Q</span> </div> <div class="mq-brand-caption"> مدیریت تجهیزات پزشکی </div> </div> </div> <div class="mq-line"></div> <h1 class="mq-title"> مدیریت هوشمند <br> تجهیزات پزشکی </h1> <div class="mq-description"> ثبت، پیگیری و مدیریت کامل چرخه عمر تجهیزات پزشکی <br> در یک پلتفرم یکپارچه </div> <!-- FEATURES --> <div class="mq-features"> <div class="mq-feature"> <div class="mq-feature-icon"> ✓ </div> <div class="mq-feature-text"> اطلاعات دقیق <br> و بهروز </div> </div> <div class="mq-feature"> <div class="mq-feature-icon"> ⚙ </div> <div class="mq-feature-text"> نگهداری و تعمیرات <br> کارآمد </div> </div> <div class="mq-feature"> <div class="mq-feature-icon"> ▥ </div> <div class="mq-feature-text"> گزارشهای <br> تحلیلی </div> </div> <div class="mq-feature"> <div class="mq-feature-icon"> ◈ </div> <div class="mq-feature-text"> مدیریت کامل <br> داراییها </div> </div> </div> </section> <!-- ===================================================== LOGIN CARD ===================================================== --> <section class="mq-login-card"> <!-- CARD BRAND --> <div class="mq-card-brand"> <svg class="mq-logo-svg" viewBox="0 0 100 100" aria-hidden="true" > <defs> <linearGradient id="mqGradientCardA" x1="0" y1="0" x2="1" y2="1" > <stop offset="0%" stop-color="#58d8d5" /> <stop offset="100%" stop-color="#11bcb6" /> </linearGradient> <linearGradient id="mqGradientCardB" x1="1" y1="0" x2="0" y2="1" > <stop offset="0%" stop-color="#00a7a3" /> <stop offset="100%" stop-color="#00c3b6" /> </linearGradient> </defs> <path d=" M50 82 C43 72 24 58 20 39 C17 24 26 13 39 13 C47 13 53 18 57 25 C48 27 41 34 39 44 C36 55 41 67 50 82 Z rgba( 255," 255, fill="url(#mqGradientCardA)" 255, .35/> ); border-top-color:<path #fff; border-radius: 50%; d=" animation: mqSpin M50 .7s 82 linear C58 71 infinite; } .mq-submit.loading .mq-submit-text { 77 58 81 39 display: none; } .mq-submit.loading .mq-loader { display: block; } @keyframes mqSpin { C84 24 75 13 to62 {13 transform: rotate(360deg); } } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1150px) { .mq-login-layout { grid-template-columns: C53 13 47 19 43 27 C53 28 60 35 62 45 minmax(400px,1fr) C64 56 59 68 50 60px82 390px; Z padding: 45px " 35px; fill="url(#mqGradientCardB)" } .mq-main-title { font-size:/> 39px; } <path .mq-features { grid-template-columns: d=" repeat( M50 2,68 1fr C43 57 42 48 45 40 ); } } @media (max-width: 850px) { #mediq-login { C47 34 overflow: 51 30 56 28 visible; background-position: C50 38 51 50 56 58 65% center; } C55 62 53 .mq-login-layout { 65 50 68 display: flex;Z flex-direction: column;" gap: 35px; fill="#ffffff" padding: 35pxopacity=".94" 20px; }/> .mq-card { width:</svg> min( <div class="mq-card-wordmark"> 100%,Medi<span class="q">Q</span> 460px</div> );</div> order: 1; <div class="mq-card-caption"> } .mq-intro { مدیریت تجهیزات پزشکی width: </div> min(<div class="mq-welcome"> به پلتفرم مدیکیو خوش 100%,آمدید </div> 560px <div class="mq-welcome-desc"> برای ); ادامه، وارد حساب کاربری خود شوید. order: 2; }</div> } @media (max-width: 520px) { .mq-card { <!-- ================================================= padding: FORM 35px ================================================= --> 22px<form 27px; id="mqLoginForm" border-radius: class="mq-form" 22px; } method="post" .mq-main-title { font-size:action="/dologin.action" > 30px; } .mq-description {<!-- USERNAME --> font-size: <div class="mq-field"> 13px; } .mq-features {<input grid-template-columns: repeat(id="mqUsername" 2, class="mq-input" 1fr type="text" ); } } </style> <!-- ========================================================= CONTENT ========================================================= --> <div class="mq-login-layout"> name="os_username" <!-- ===================================================== INTRO placeholder="نام کاربری" ===================================================== --> <section classautocomplete="mq-introusername"> required <div class="mq-main-brand"> <div <span class="mq-field-logo"></div> icon"> <div> <div<svg classviewBox="mq-wordmark0 0 24 24"> Medi<span>Q</span> <circle </div> <div classcx="mq-brand-subtitle12"> مدیریت تجهیزات پزشکی cy="8" </div> </div> r="4" </div> <div class="mq-title-line"></div>circle> <h1 class="mq-main-title"> مدیریت هوشمند <path <br> تجهیزات پزشکی d="M5 20c0-4 3-7 7-7s7 3 7 7" </h1> <div class="mq-description"> ></path> ثبت، پیگیری و مدیریت کامل چرخه عمر تجهیزات پزشکی <br></svg> در یک پلتفرم یکپارچه</span> </div> <!-- FEATURESPASSWORD --> <div class="mq-featuresfield"> <div class="mq-feature"> <input <div classid="mq-feature-icon"> mqPassword" ✓ class="mq-input" </div> type="password" <div classname="mq-feature-text"> os_password" اطلاعات دقیق placeholder="رمز عبور" <br> autocomplete="current-password" و بهروز required </div>> </div> <!-- LOCK <div class="mq-feature"RIGHT --> <div<span class="mq-featurefield-icon"> <svg viewBox="0 0 24 ⚙24"> </div> <rect <div class="mq-feature-text"> x="5" نگهداری و تعمیرات <br> y="10" کارآمد width="14" </div> </div> <div classheight="mq-feature10"> <div class="mq-feature-icon"> rx="2" ▥ <></div>rect> <div class="mq-feature-text"> <path گزارشهای d=" <br> تحلیلی M8 10 </div> </div> V7 <div class="mq-feature"> <div class="mq-feature-icon"> a4 4 0 0 1 8 0 ◈ </div> v3 <div class="mq-feature-text"> " مدیریت کامل ></path> <br> </svg> داراییها </span> </div> <!-- EYE </div>LEFT --> </div> </section> <!-- =====================================================<button LOGIN ===================================================== --> id="mqEye" <section class="mq-cardeye"> <div classtype="mq-card-brandbutton"> <div classtitle="mq-card-logo"></div> نمایش رمز عبور" <div classaria-label="mq-card-wordmark"> نمایش رمز عبور" Medi<span>Q</span>> </div><svg </div> <div class="mq-card-brand-caption"> id="mqEyeIcon" مدیریت تجهیزات پزشکی </div> <div classviewBox="mq-welcome"> 0 0 24 24" به پلتفرم مدیکیو خوش آمدید> </div> <div class="mq-welcome-subtitle"> <path برای ادامه، وارد حساب کاربری خود شوید. </div> d=" <!-- ================================================= LOGIN FORM M2 12 ================================================= --> <form id="mqLoginForm"s4-7 10-7 class="mq-form" method="post" 10 7 10 7 action="/dologin.action" > <!-- USERNAME --> 4 7-10 7 <div class="mq-field"> S2 12 2 12 <input id="mqUsername" class="mq-input" ></path> type="text" <circle name="os_username" cx="12" placeholder="نام کاربری" autocompletecy="username12" required r="3" > <span class="mq-field-icon">></circle> ♙</svg> </span>button> </div> <!-- PASSWORDREMEMBER --> <div class="mq-fieldoptions"> <input<label class="mq-remember"> id="mqPassword" <input class type="mq-inputcheckbox" type name="passwordos_cookie" name value="os_passwordtrue" placeholder="رمز عبور"> autocomplete="current-password"<span> required مرا به خاطر بسپار > </span> <button </label> id="mqPasswordShow"</div> <!-- DESTINATION --> class="mq-password-show" <input typeid="buttonmqDestination" titletype="نمایش رمز عبورhidden" > name="os_destination" ◉ value="/" </button>> <!-- <span class="mq-field-icon"SUBMIT --> <button 🔒 id="mqSubmit" </span> class="mq-submit" </div> <!-- REMEMBER --> type="submit" <div class="mq-options"> <label<span class="mq-submit-remembertext"> <inputورود </span> <span typeclass="checkbox" mq-loader"></span> </button> name="os_cookie"<div id="mqError" value="true" class="mq-error" >></div> </form> <span><div class="mq-divider"></div> <div class="mq-support"> <svg viewBox="0 0 مرا به خاطر بسپار24 24"> <path </span> </label> d=" </div> <!-- DESTINATIONM4 13v--> 2 <input a8 8 0 0 1 16 id="mqDestination" 0 type="hidden" v2 name="os_destination" " value="/" >></path> <!-- LOGIN --> <path <button d=" id="mqSubmit" class="mq-submit"M4 13 type="submit" H3 > a2 2 0 0 0-2 2 <span class="mq-submit-text"> v2 ورود به مدیکیو a2 2 0 0 0 2 2 ← h2 </span> v-6 <span class="mq-loader"></span> z </button> <div" id="mqError"></path> class="mq-error"<path ></div> </form> d=" <div class="mq-divider"></div> <div class="mq-support"> M20 13 🎧 h1 a2 2 در0 صورت0 مشکل1 در2 ورود،2 با واحد فناوری اطلاعات تماس بگیرید. v2 </div> </section> </div> <script> (function () { "use strict"; a2 /* ======================================================== 2 0 0 1-2 2 MEDIQ CONFIG ======================================================== */ h-2 var CFG = { /*v-6 * صفحهای که کاربر بعد از Loginz * باید وارد آن شود. " * * فعلاً / گذاشته شده. ></path> * </svg> * وقتی صفحه اصلی MediQ ساخته<span> شد * Page ID آن را اینجا قراردر میدهیم. صورت مشکل در ورود، با واحد فناوری اطلاعات تماس */ بگیرید. destination: </span> "</",div> </section> </div> <script> (function /*() { "use strict"; * Confluence Login Endpoint/* ======================================================== *CONFIG * برای نصب فعلی شما که Confluence======================================================== */ var CFG * روی Root Context است:= { destination: *"/", loginAction: "/dologin.action" }; /* ======================================================== ELEMENTS ======================================================== */ var form = document.getElementById( "mqLoginForm" ); var username = document.getElementById( "mqUsername"); var password "mqUsername"= document.getElementById("mqPassword"); var passwordeye = document.getElementById("mqEye"); var "mqPassword"eyeIcon = document.getElementById("mqEyeIcon"); var passwordShowsubmit = document.getElementById("mqSubmit"); var "mqPasswordShow"destination = document.getElementById("mqDestination"); var submiterror = document.getElementById("mqError"); /* ======================================================== APPLY "mqSubmit"CONFIG ); ======================================================== */ varif destination(form) ={ documentform.getElementById( action "mqDestination"= CFG.loginAction; ); } var error = document.getElementById( "mqError"if (destination) { )destination.value = CFG.destination; } /* ======================================================== APPLYPASSWORD CONFIGEYE ======================================================== */ if (password && eye) { eye.addEventListener( "click", function () { var isHidden = password.type === */ "password"; if (form) { formpassword.actiontype = CFG.loginAction; isHidden } if (destination) { ? "text" destination.value = CFG.destination;: "password"; } /* ======================================================== eye.title = SHOW / HIDE PASSWORD ======================================================== */ isHidden if ( password && ? "مخفی کردن رمز passwordShowعبور" ) { passwordShow.addEventListener( : "click",نمایش رمز عبور"; function () { eye.setAttribute( if ( "aria-label", password.type === eye.title "password" ); if (eyeIcon) { password.type =if (isHidden) { "text"; eyeIcon.innerHTML = passwordShow.innerHTML = '<path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12"></path>' + "⊘"; passwordShow.title = '<circle cx="12" cy="12" r="3"></circle>' + "مخفی کردن رمز عبور"; '<path d="M4 4l16 16"></path>'; } else { } password.type =else { "password"; eyeIcon.innerHTML = passwordShow.innerHTML = '<path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12"></path>' + "◉"; passwordShow.title = '<circle cx="12" cy="12" r="3"></circle>'; "نمایش رمز عبور";} } } ); } /* ======================================================== FORM VALIDATION ======================================================== */ if (form) { form.addEventListener( "submit", function (event) { var useruserValue = username ? username.value.trim() : ""; var pass = : password""; var ? password.valuepassValue = : ""; password if ( ? password.value !user || : ""; !pass if (!userValue || !passValue) { event.preventDefault(); if (error) { error.style.display = "block"; error.innerHTML = "لطفاً نام کاربری و رمز عبور را وارد کنید."; } return false; } if (error) { error.style.display = "none"; } if (submit) { submit.classList.add( "loading" ); } } ); } /* ======================================================== INITIAL FOCUS ======================================================== */ window.setTimeout( function () { if (username) { username.focus(); } }, 300 ); })(); </script> </div> |
...