login as window alert

web/css/jquery-custom-dialogs.css

@@ -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: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-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 .ui-dialog-buttonset { float: right; }
+.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 { margin: 0 0 0 114px; }
 .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-draggable .ui-dialog-titlebar { cursor: move; }

web/login/index.php

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

web/templates/admin/list_user.html

@@ -64,8 +64,29 @@ foreach ($data as $key => $value) {
             <td></td>
             <td class="data-controls" width="70px"><img src="/images/login-as.png" width="7px" height="8px">
                 <?php
-                    if($key == $user) {
+                    if ($key == $user) {
                         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 {
                         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">
                 <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">
-                    <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>
             </td>
             <td class="data-controls" width="70px">
                 <img src="/images/delete.png" width="7px" height="7px">
                 <a href="#" id="delete_link_<?php echo "$key" ?>"> delete</a>
                 <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>
             </td>
         </tr></table>

web/templates/login.html

@@ -13,12 +13,13 @@
 
     .forgot {
         color: #484243;
+        font-family: Arial, Helvetica, sans-serif;
         font-size: 8pt;
-        padding: 0px 10px 0px 0px;
+        padding: 0 10px 0 0;
     }
 
     .login {
-        margin: 130px 0px 0px 0px;
+        margin: 100px 0 80px 0;
         padding: 0;
         border-top: 1px solid #cccccc;
         border-left: 1px solid #cccccc;
@@ -26,30 +27,30 @@
         background: #cce4f0;
         text-align: left;
         vertical-align:top;
-        padding: 0px;
         width: 500px;
+        box-shadow: 0 0 8px 8px #d7d7d7;
     }
 
     .login-box {
         text-align: left;
         vertical-align:top;
-        padding: 0px 0px 20px 40px;
+        padding: 0 0 10px 40px;
     }
 
     .login-text1 {
-        padding: 10px 0px 0px 0px;
+        padding: 10px 0 0 0;
         color: #433832;
         font-family: 'Trebuchet MS', Helvetica, sans-serif;
-        font-size: 16pt;
+        font-size: 14pt;
     }
     .login-text1 a {
-        padding: 0px 6px;
+        padding: 0 6px;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 10pt;
         text-shadow: none;
     }
     .login-text2 {
-        padding: 12px 0px 10px 0px;
+        padding: 12px 0 10px 0;
         color: #484243;
     }
 
@@ -59,14 +60,14 @@
         width: 500px;
         height: 50px;
         background: #484243;
-        padding: 0px 8px 0px 0px;
-        margin: 0px 0px 80px 0px;
+        padding: 0 8px 0 0;
+        margin: 0;
     }
     .vestacp{
         font-size: 8pt;
         color: #CCCCB4;
         text-align: right;
-        padding: 20px 0px 0px 0px;
+        padding: 20px 0 0 0;
     }
     .error {
         font-size: 10pt;
@@ -82,10 +83,10 @@
     <td>
     <table>
     <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" />
         </td>
-        <td><form method="post" action="/login/" >
+        <td style="padding: 20px 0 0 0;"><form method="post" action="/login/" >
             <table class="login-box">
             <tr>
                 <td><p class="login-text1">Username</p></td>
@@ -96,21 +97,22 @@
             </tr><tr>
                 <td><input tabindex="2" type="password" size="24px" name="password" ></td>
             </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>
                 <td><input tabindex="3" type="submit" value="Log In" ></td>
             </tr>
             </table>
             </form>
         </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>
     </table>
-    </td>
 </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>
 </body>
 </html>