|
|
@@ -9,29 +9,45 @@
|
|
|
<script type="text/javascript" src="../../script/semantic/semantic.min.js"></script>
|
|
|
<script type="text/javascript" src="../../script/ao_module.js"></script>
|
|
|
<style>
|
|
|
-
|
|
|
+ .topSlate{
|
|
|
+ background-image: url("img/auth_slate.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-repeat: no-repeat !important;
|
|
|
+ background-size: 100% auto;
|
|
|
+ background-attachment: fixed !important;
|
|
|
+ background-color: #1a1a1a;
|
|
|
+ height: 70px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .whitefont{
|
|
|
+ color: white !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
+ <div class="topSlate">
|
|
|
+ <div class="ui container">
|
|
|
+ <h3 class="ui header" style="padding-top: 12px;">
|
|
|
+ <div class="content whitefont">
|
|
|
+ <span id="title">Authentication Required</span>
|
|
|
+ <div id="desc" class="sub header whitefont">in order to proceed this operation</div>
|
|
|
+ </div>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="ui container">
|
|
|
- <h3 class="ui header" style="padding-top: 12px;">
|
|
|
- <img src="img/lock.svg">
|
|
|
- <div class="content">
|
|
|
- <span id="title">Authentication Required</span>
|
|
|
- <div id="desc" class="sub header">in order to proceed this operation</div>
|
|
|
- </div>
|
|
|
- </h3>
|
|
|
- <p>Username</p>
|
|
|
- <div class="ui small fluid input" style="margin-top: -10px;">
|
|
|
- <input id="username" type="text" placeholder="">
|
|
|
+ <div class="ui left icon small fluid input" style="margin-top: 12px;">
|
|
|
+ <input id="username" type="text" placeholder="Username">
|
|
|
+ <i class="user icon"></i>
|
|
|
</div>
|
|
|
- <p>Password</p>
|
|
|
- <div class="ui fluid input" style="margin-top: -10px;">
|
|
|
- <input id="password" type="password" placeholder="">
|
|
|
+ <div class="ui left icon fluid input" style="margin-top: 12px;">
|
|
|
+ <input id="password" type="password" placeholder="Password">
|
|
|
+ <i class="key icon"></i>
|
|
|
</div>
|
|
|
<br>
|
|
|
<div align="right">
|
|
|
- <button class="ui green button" onclick="confirm()">OK</button>
|
|
|
+ <button class="ui blue button" onclick="confirm()">Confirm</button>
|
|
|
<button class="ui button" onclick="cancel()">Cancel</button>
|
|
|
</div>
|
|
|
|
|
|
@@ -39,6 +55,7 @@
|
|
|
|
|
|
<script>
|
|
|
ao_module_setFixedWindowSize();
|
|
|
+ ao_module_setWindowSize(420, 260);
|
|
|
var actionObject = {};
|
|
|
var method = "GET";
|
|
|
if (window.location.hash.length > 1){
|
|
|
@@ -86,6 +103,9 @@
|
|
|
success: function(data){
|
|
|
if (data.error != undefined){
|
|
|
$("#password").parent().addClass("error");
|
|
|
+ if ($("#username").parent().hasClass("disabled") == false){
|
|
|
+ $("#username").parent().addClass("error");
|
|
|
+ }
|
|
|
}else{
|
|
|
if (ao_module_hasParentCallback()){
|
|
|
ao_module_parentCallback(data);
|
TC pushbot 5
