/
qnap-original-login.html
153 lines (149 loc) · 8.33 KB
/
qnap-original-login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html unselectable="on" style="background:#007cef">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8, chrome=1">
<meta charset="UTF-8">
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<meta name="viewport" content="width=1180">
<title>Welcome to QNAP Turbo NAS</title>
<link rel="icon" type="icon/x-image" href="/cgi-bin/images/mobile/logo_16.ico?1604793922" />
<link rel="shortcut icon" href="/cgi-bin/images/mobile/logo_16.ico?1604793922" />
<link rel="apple-touch-icon" sizes="114x114" href="/cgi-bin/images/mobile/logo_144.png?1604793922"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/cgi-bin/images/mobile/logo_144.png?1604793922"/>
<link rel="stylesheet" type="text/css" href="/v3_menu/css/qts-font.css?_dc=1604793922" />
<link rel="stylesheet" href="/cgi-bin/loginTheme/theme1/login.css?r=form&1604793922" type="text/css" media="screen"/>
<link rel="stylesheet" href="/cgi-bin/css/watermark.css?r=form&1604793922" type="text/css" media="screen"/>
<link rel="stylesheet" media="(max-height: 768px)" href="/cgi-bin/loginTheme/theme1/login-max-height-768.css?r=wall&1604793922" type="text/css" />
<script type="text/javascript">
var QOS_DEFAUTLSETTING={};
var pageRandom=new Date().getTime();
var URL_RANDOM_NUM="1604793922";
var resetKey = "$RESET_KEY$";
var endtime = "$ENDTIME$";
var isValidResetPwd = "$IS_VALID_RESET_PWD$";
var isPreview = false;
var checkName = "$CHECK_NAME$";
var _dc = new Date().getTime();
</script>
<script type="text/javascript" src="/libs/promise.js?1604793922"></script>
<script type="text/javascript" src="/libs/monent/moment.min.js?1604793922"></script>
<script type="text/javascript" src="/cgi-bin/language.cgi?1604793922" ></script>
<script type="text/javascript" src="/cgi-bin/js/qos-core-login.js?1604793922" ></script>
<script type="text/javascript" src="/cgi-bin/jc.cgi?_dc=1604793922&t=js&f=jquery-1.10.2.min.js" ></script>
<script type="text/javascript" src="/cgi-bin/loginTheme/theme1/sso-form.js?1604793922" ></script>
<script type="text/javascript" src="/cgi-bin/loginTheme/theme1/login.js?1604793922" ></script>
<!-- <script type="text/javascript" src="/cgi-bin/jc.cgi?_dc=1604793922&t=js&f=jquery-1.10.2.min.js&f=login.js"></script> -->
</head>
<body class="classic loginUI qts-login" unselectable="on" >
<div class="backgroud-image">
<div class="desktop-watermark-ct">
<img class="desktop-watermark" style="pointer-events:none;" src="/cgi-bin/images/desktop/bg/watermark.svg?1604793922"/>
</div>
</div>
<div class="header"></div>
<div class="version"><span class="logo slice-img"> </span><span class="fw-ver fl" style="margin-right: 0px;"></span></div>
<div class="qnap-link">
<ul class="list">
<li class="myqnapcloud slice-img icon" ><a href="http://www.qnap.com/_jump/web/myqnapcloud.php?" target="myqnapcloud" class="qStr" data-tooltip="" data-qTip="GO_TO_QNAP_CLOUD" > </a></li>
<li class="qnap-tools slice-img" ><a href="#" class="qStr" data-qTip="QNAP_UTILITY"> </a>
<ul class="menu">
<li class="mobile-tool slice-img-3 qTooltip" data-qTip="QNAP_MOBILE_APP"><a href="http://www.qnap.com/_jump/mobile/index.php?" target="mobileTool" class="qStr" data-qStrId="QNAP_MOBILE_APP" > </a></li>
<li class="utility-tool slice-img-3 qTooltip" data-qTip="QNAP_UTILITY"><a href="http://www.qnap.com/_jump/utility/index.php?" target="utilityTool" class="qStr" data-qStrId="QNAP_UTILITY" > </a></li>
</ul>
</li>
<li class="qnap-service slice-img" >
<a href="#" class="qStr" data-qTip="FIRSTPAGE_FEEDBACK"> </a>
<ul class="menu">
<li class="wiki slice-img-3 qTooltip" data-qTip="FIRSTPAGE_WIKI"><a href="http://wiki.qnap.com/wiki/Main_Page" target="wiki" class="qStr" data-qStrId="FIRSTPAGE_WIKI" > </a></li>
<li class="forum slice-img-3 qTooltip" data-qTip="FIRSTPAGE_FORUM"><a href="http://forum.qnap.com/" target="forum" class="qStr" data-qStrId="FIRSTPAGE_FORUM" > </a></li>
<li class="cums-service slice-img-3 qTooltip" data-qTip="FIRSTPAGE_SERVICE"><a href="https://www.qnap.com/_jump/nas_redirect/support.php?" target="cumsService" class="qStr" data-qStrId="FIRSTPAGE_SERVICE" > </a></li>
</ul>
</li>
</ul>
</div>
<div class="cums-ct">
<div class="cums-logo"></div>
<div class="cums-msg"></div>
</div>
<div class="box-shadow" id="loginForm" >
<div class='form-ct'>
<form >
<div class='step step_1 step-active '>
<div class="anim-scale delay-1">
<div class="host-name "> </div>
<div class="node-name "> </div>
</div>
<div class="anim-scale delay-2">
<div class="field input-field"><span class="user-icon"></span><textarea class="qStr" data-qStrPh="LDAP_SERVER_STR12" id="username" autocomplete="off" ></textarea><span class="reset-icon slice-img"></span></div>
<div class="field input-field"><span class="pwd-icon"></span><input class="qStr" data-qStrPh="QUICK04_STR09" id="pwd" type="password" autocomplete="off" /><span class="unmask-eye"></span></div>
</div>
<div class="anim-scale delay-3">
<div class="field checkbox-field "><input type="checkbox" id="rememStatus" autocomplete="off" /><label class="qStr" data-qStrId="QTS_REMEMBER_ME" for="rememStatus" id="rememLabel" >Remember me</label></div>
<div class="field checkbox-field "><input type="checkbox" id="secureStatus" autocomplete="off" /><label class="qStr" data-qStrId="QTS_SSL_LOGIN" for="secureStatus" id="secureLabel" >Secure login</label></div>
</div>
<div class="msg"> </div>
<div class="anim-scale delay-4">
<div class="center "><button class="login-btn qStr submit" data-qStrId="QNAP_PS_LOGIN" id="submit" >Login</button></div>
</div>
</div>
<div class='step step_2'>
<div class="center title block" for="scyCode">
<span class="lock-icon slice-img-2"> </span><span class=" lock-icon--label qStr" data-qStrId="AUTH_2STEP_01">Secuity Code</span>
</div>
<div class="msgCt">
<span id="scy_msg" class="msg qStr display-hide" data-qStrId="AUTH_2STEP_30">The first authentication passed. Please eenter security code to proceed to login.</span>
</div>
<div class="input-field">
<span class="pwd-icon"></span><input id="scyCode" type="text" class="login_input" tabindex="1" autocapitalize="off" autocomplete="off" autocomplete="off" />
</div>
<div id="scy_msg2" class="result-msg display-hide" ></div>
<div class="center bottom">
<button class="login-btn qStr submit" data-qStrId="QNAP_PS_LOGIN" id="scySubmit" >Enter</button>
</div>
<span id="lostPhone" class="actionText margin-btm-1 qStr" data-qStrId="AUTH_2STEP_31">Lost Phone?</span>
<span class="cancel_login actionText margin-btm-1 qStr" data-qStrId="IEI_NAS_BUTTON_CANCEL">Cancel</span>
</div>
<div class='step step_3'>
<div class="center title block" for="scyCode">
<span class="lock-icon slice-img-2"> </span><span class=" lock-icon--label qStr" data-qStrId="AUTH_2STEP_01">Secuity Code</span>
</div>
<div class="msgCt">
<span class="msg margin-btm-1 qStr" data-qStrId="AUTH_2STEP_36">Please answer the secuity question below:</span>
<label class="login_input block margin-top-1 question_label fb" for="scyAns"></label>
</div>
<div class="usermane input-field">
<span class="pwd-icon"></span><input id="scyAns" type="text" class="login_input" tabindex="1" autocapitalize="off" autocomplete="off" autocomplete="off" />
</div>
<div id="qestion_msg" class="result-msg display-hide" ></div>
<div class="center ">
<button class="login-btn qStr submit" data-qStrId="QNAP_PS_LOGIN" id="scyAnsSubmit" >Enter</button>
</div>
<span id="back_2sv" class="actionText margin-btm-1 qStr" data-qStrId="IEI_NAS_BUTTON_BACK">Back</span>
<span class="cancel_login actionText margin-btm-1 qStr" data-qStrId="IEI_NAS_BUTTON_CANCEL">Cancel</span>
</div>
</form>
</div>
</div>
<div class="buttom qpkg-ct"><div id="qpkg-list"><div class="slice-img nav-prev nav-arrow"></div><div class="nav-arrow slice-img nav-next"></div></div></div>
<div class='msg-box-ct msg-box-mask'>
<div id="msg-box" class="msg-box box-shadow" >
<div class="slice-img-close-2 close-btn"></div>
<div class="box-body">
<div class="msg-content-ct">
<div class="msg-icon-ct">
<div class="msg-icon slice-img-close"></div>
</div>
<div class="msg-text-ct"><span>Are you sure you want to email an emergency security code?</span></div>
</div>
<div class="box-footer">
<div class='box-footer__btn-ct'>
<span id="modalCancel" class="btn-ct qStr" data-qStrId="IEI_NAS_BUTTON_CANCEL" ></span>
<span id="modalOK" class="btn-ct qStr" data-qStrId="IEI_NAS_BUTTON_OK" ></span>
</div>
</div>
</div>
</div>
</div>
<div class="qts-tooltip"></div>
</body>