login as window alert

This commit is contained in:
Serghey Rodin 2012-05-15 23:22:26 +03:00
parent 623377d12c
commit a2bb697a97
4 changed files with 48 additions and 24 deletions

View file

@ -422,8 +422,8 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 10pt; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 10pt; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 10pt .5em .4em; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 10pt .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { margin: 0 0 0 114px; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable .ui-dialog-titlebar { cursor: move; }

View file

@ -11,6 +11,7 @@ if (isset($_SESSION['user'])) {
unset($_SESSION['look']); unset($_SESSION['look']);
} else { } else {
$_SESSION['look'] = $_GET['loginas']; $_SESSION['look'] = $_GET['loginas'];
$_SESSION['look_alert'] = $_GET['loginas'];
} }
} }

View file

@ -64,8 +64,29 @@ foreach ($data as $key => $value) {
<td></td> <td></td>
<td class="data-controls" width="70px"><img src="/images/login-as.png" width="7px" height="8px"> <td class="data-controls" width="70px"><img src="/images/login-as.png" width="7px" height="8px">
<?php <?php
if($key == $user) { if ($key == $user) {
echo "<a href=\"/logout/\">logout</a>"; echo "<a href=\"/logout/\">logout</a>";
if (!empty($_SESSION['look_alert'])) {
?>
<script type="text/javascript">
$(function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
});
</script>
<div id="dialog-message" title="Wellcome">
<p>Your have logged in as <span style="color: #34536A;"><b><?php echo "$key" ?></b></span> user.</p>
</div>
<?php
unset($_SESSION['look_alert']);
}
} else { } else {
echo "<a href=\"/login/?loginas=$key\">login as</a>"; echo "<a href=\"/login/?loginas=$key\">login as</a>";
} }
@ -76,14 +97,14 @@ foreach ($data as $key => $value) {
<img src="/images/suspend.png" width="7px" height="8px"> <img src="/images/suspend.png" width="7px" height="8px">
<a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$key" ?>"> <?php echo $spnd_action ?></a> <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$key" ?>"> <?php echo $spnd_action ?></a>
<div id="<?php echo $spnd_action ?>_dialog_<?php echo "$key" ?>" title="Confirmation"> <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$key" ?>" title="Confirmation">
<p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> user account?</p> <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <span style="color: #34536A;"><b><?php echo "$key" ?></b></span> user account?</p>
</div> </div>
</td> </td>
<td class="data-controls" width="70px"> <td class="data-controls" width="70px">
<img src="/images/delete.png" width="7px" height="7px"> <img src="/images/delete.png" width="7px" height="7px">
<a href="#" id="delete_link_<?php echo "$key" ?>"> delete</a> <a href="#" id="delete_link_<?php echo "$key" ?>"> delete</a>
<div id="delete_dialog_<?php echo "$key" ?>" title="Confirmation"> <div id="delete_dialog_<?php echo "$key" ?>" title="Confirmation">
<p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> user account?</p> <p class="counter-value">Are you sure you want to delete <span style="color: #34536A;"><b><?php echo "$key" ?></b></span> user account?</p>
</div> </div>
</td> </td>
</tr></table> </tr></table>

View file

@ -13,12 +13,13 @@
.forgot { .forgot {
color: #484243; color: #484243;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt; font-size: 8pt;
padding: 0px 10px 0px 0px; padding: 0 10px 0 0;
} }
.login { .login {
margin: 130px 0px 0px 0px; margin: 100px 0 80px 0;
padding: 0; padding: 0;
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
@ -26,30 +27,30 @@
background: #cce4f0; background: #cce4f0;
text-align: left; text-align: left;
vertical-align:top; vertical-align:top;
padding: 0px;
width: 500px; width: 500px;
box-shadow: 0 0 8px 8px #d7d7d7;
} }
.login-box { .login-box {
text-align: left; text-align: left;
vertical-align:top; vertical-align:top;
padding: 0px 0px 20px 40px; padding: 0 0 10px 40px;
} }
.login-text1 { .login-text1 {
padding: 10px 0px 0px 0px; padding: 10px 0 0 0;
color: #433832; color: #433832;
font-family: 'Trebuchet MS', Helvetica, sans-serif; font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 16pt; font-size: 14pt;
} }
.login-text1 a { .login-text1 a {
padding: 0px 6px; padding: 0 6px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
text-shadow: none; text-shadow: none;
} }
.login-text2 { .login-text2 {
padding: 12px 0px 10px 0px; padding: 12px 0 10px 0;
color: #484243; color: #484243;
} }
@ -59,14 +60,14 @@
width: 500px; width: 500px;
height: 50px; height: 50px;
background: #484243; background: #484243;
padding: 0px 8px 0px 0px; padding: 0 8px 0 0;
margin: 0px 0px 80px 0px; margin: 0;
} }
.vestacp{ .vestacp{
font-size: 8pt; font-size: 8pt;
color: #CCCCB4; color: #CCCCB4;
text-align: right; text-align: right;
padding: 20px 0px 0px 0px; padding: 20px 0 0 0;
} }
.error { .error {
font-size: 10pt; font-size: 10pt;
@ -82,10 +83,10 @@
<td> <td>
<table> <table>
<tr> <tr>
<td style="padding: 0 30 0 20;"> <td style="padding: 0 30 0 30;">
<img src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" /> <img src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" />
</td> </td>
<td><form method="post" action="/login/" > <td style="padding: 20px 0 0 0;"><form method="post" action="/login/" >
<table class="login-box"> <table class="login-box">
<tr> <tr>
<td><p class="login-text1">Username</p></td> <td><p class="login-text1">Username</p></td>
@ -96,21 +97,22 @@
</tr><tr> </tr><tr>
<td><input tabindex="2" type="password" size="24px" name="password" ></td> <td><input tabindex="2" type="password" size="24px" name="password" ></td>
</tr><tr> </tr><tr>
<td><p class="login-text2"><input tabindex="4" type="checkbox" style="margin: 0px 8px 0px 0px" >Remember me</p></td> <td><p class="login-text2"><input tabindex="4" type="checkbox" style="margin: 0 8px 0 0" >Remember me</p></td>
</tr><tr> </tr><tr>
<td><input tabindex="3" type="submit" value="Log In" ></td> <td><input tabindex="3" type="submit" value="Log In" ></td>
</tr> </tr>
</table> </table>
</form> </form>
</td> </td>
</tr><tr>
<td colspan=2>
<table class="login-bottom">
<tr><td>.<?php if (isset($ERROR)) echo $ERROR ?></td></tr>
<tr><td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td></tr>
</table>
</tr> </tr>
</table> </table>
</td>
</tr></table> </tr></table>
<table class="login-bottom">
<tr><td>.<?php if (isset($ERROR)) echo $ERROR ?></td></tr>
<tr><td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td></tr>
</table>
</center> </center>
</body> </body>
</html> </html>