Dmitry M. created event.js model

web/js/events.js

@@ -0,0 +1,124 @@
+// Init kinda namespace object
+var VE = { // Vesta Events object
+    core: {}, // core functions
+    callbacks: { // events callback functions
+        click: {},
+        mouseover: {},
+        mouseout: {},
+        keypress: {}
+    },
+    helpers: {}, // simple handy methods
+    tmp: {}
+};
+
+/*
+ * Main method that invokes further event processing
+ * @param root is root HTML DOM element that. Pass HTML DOM Element or css selector
+ * @param event_type (eg: click, mouseover etc..)
+ */
+VE.core.register = function(root, event_type) {
+    var root = !root ? 'body' : root; // if elm is not passed just bind events to body DOM Element
+    var event_type = !event_type ? 'click' : event_type; // set event type to "click" by default
+    $(root).bind(event_type, function(evt) {
+        var elm = $(evt.target);
+        VE.core.dispatch(evt, elm, event_type); // dispatch captured event
+    });
+}
+
+/*
+ * Dispatch event that was previously registered
+ * @param evt related event object
+ * @param elm that was catched
+ * @param event_type (eg: click, mouseover etc..)
+ */
+VE.core.dispatch = function(evt, elm, event_type) {
+    if ('undefined' == typeof VE.callbacks[event_type]) {
+        return VE.helpers.warn('There is no corresponding object that should contain event callbacks for "'+event_type+'" event type');
+    }
+    // get class of element
+    var classes = $(elm).attr('class');
+    // if no classes are attached, then just stop any further processings
+    if (!classes) {
+        return; // no classes assigned
+    }
+    // split the classes and check if it related to function
+    $(classes.split(/\s/)).each(function(i, key) {
+        VE.callbacks[event_type][key] && VE.callbacks[event_type][key](evt, elm);
+    });
+}
+
+//
+//  CALLBACKS
+//
+
+
+
+/*
+ * Suspend action
+ */
+VE.callbacks.click.do_suspend = function(evt, elm) {
+     var ref = elm.hasClass('data-controls') ? elm : elm.parents('.data-controls');
+     var url = $('input[name="suspend_url"]', ref).val();
+     var dialog_elm = ref.find('.confirmation-text-suspention');
+     VE.helpers.createConfirmationDialog(dialog_elm, 'Confirm SUSPEND', url);
+}
+
+/*
+ * Unsuspend action
+ */
+VE.callbacks.click.do_unsuspend = function(evt, elm) {
+     var ref = elm.hasClass('data-controls') ? elm : elm.parents('.data-controls');
+     var url = $('input[name="unsuspend_url"]', ref).val();
+     var dialog_elm = ref.find('.confirmation-text-suspention');
+     VE.helpers.createConfirmationDialog(dialog_elm, 'Confirm UNSUSPEND', url);
+}
+
+/*
+ * Delete action
+ */
+VE.callbacks.click.do_delete = function(evt, elm) {
+     var ref = elm.hasClass('data-controls') ? elm : elm.parents('.data-controls');
+     var url = $('input[name="delete_url"]', ref).val();
+     var dialog_elm = ref.find('.confirmation-text-delete');
+     VE.helpers.createConfirmationDialog(dialog_elm, 'Confirm DELETE', url);
+}
+
+
+/*
+ * Create dialog box on the fly
+ * @param elm Element which contains the dialog contents
+ * @param dialog_title 
+ * @param confirmed_location_url URL that will be redirected to if user hit "OK"
+ * @param custom_config Custom configuration parameters passed to dialog initialization (optional)
+ */
+VE.helpers.createConfirmationDialog = function(elm, dialog_title, confirmed_location_url, custom_config) {
+    var custom_config = !custom_config ? {} : custom_config;
+    var config = {
+        modal: true,
+        autoOpen: true,
+        width: 360,
+        title: dialog_title,
+        close: function() {
+            $(this).dialog("destroy");
+        },
+        buttons: {
+            "Ok": function(event, ui) {
+                 location.href = confirmed_location_url;
+            },
+            "Cancel": function() {
+                $(this).dialog("close");
+                $(this).dialog("destroy");
+            }
+        }
+    }
+    config = $.extend(config, custom_config);
+    var reference_copied = $(elm).clone();
+    $(reference_copied).dialog(config);
+}
+
+/*
+ * Simple debug output
+ */
+VE.helpers.warn = function(msg) {
+    alert('WARNING: ' + msg);
+}

web/templates/admin/list_backup.html

@@ -44,46 +44,6 @@
                                     if (!empty($data[$key]['DB'])) $db = 'yes ¨';
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#restore_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                $(this).dialog("close");
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#restore_link_<?php echo "$i" ?>').click(function(){
-                                        $('#restore_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/backup/?backup=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -96,19 +56,14 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="80px"><img src="/images/download.png" width="8px" height="8px"><a href="/download/backup/?backup=<?php echo $key ?>" target="_blank"> download</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/restore.png" width="6px" height="8px">
-                                                <a href="#" id="restore_link_<?php echo "$i"?>"> restore</a>
-                                                <div id="restore_dialog_<?php echo "$i" ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to restore <b><?php echo "$key" ?></b> backup?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> backup?</p>
+                                            <td class="data-controls" width="80px"><a href="/download/backup/?backup=<?php echo $key ?>" target="_blank"><img src="/images/download.png" width="8px" height="8px"> download</a></td>
+                                            <td class="data-controls" width="80px"><a href="#" id="restore_link_<?php echo "$i"?>"><img src="/images/restore.png" width="6px" height="8px"> restore</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/backup/?backup=<?php echo "$key" ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> backup ?</p>
                                                 </div>
                                             </td>
                                         </tr>

web/templates/admin/list_cron.html

@@ -44,44 +44,6 @@
                             ?>
 
                             <tr class="data-row">
-                                <script type="text/javascript">
-                                    $(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/<?php echo $spnd_action ?>/cron/?job=<?php echo $data[$key]['JOB']; ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                            $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/delete/cron/?job=<?php echo $data[$key]['JOB']; ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                            $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                    });
-                                </script>
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
                                         <tr><td style="padding: 18 0 4 18;"><input type="checkbox" name="job[]" value="<?php echo $data[$key]['JOB'] ?>" ></td></tr>
@@ -93,18 +55,20 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/cron/?job=<?php echo $data[$key]['JOB'] ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> cron job?</p>
+                                            <td class="data-controls" width="50px"><a href="/edit/cron/?job=<?php echo $data[$key]['JOB'] ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/cron/?job=<?php echo $data[$key]['JOB']; ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> cron job?/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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/cron/?job=<?php echo $data[$key]['JOB']; ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete cron job?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_db.html

@@ -48,44 +48,6 @@
                                     if ($data[$key]['TYPE'] == 'pgsql') $db_admin_link = "http://".$http_host."/phpPgAdmin/";
                             ?> 
                             <tr class="data-row">
-                                <script type="text/javascript">
-                                    $(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/<?php echo $spnd_action ?>/db/?database=<?php echo "$key" ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                            $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/delete/db/?database=<?php echo "$key" ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                            $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                    });
-                                </script>
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
                                         <tr><td style="padding: 18 0 4 18;"><input type="checkbox" name="database[]" value="<?php echo $key ?>" ></td></tr>
@@ -97,19 +59,21 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="126px"><img src="/images/new_window.png" width="8px" height="8px"> <a href="<?php echo $db_admin_link; ?>" target="_blank"> open <?php echo $db_admin ?> </a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/db/?database=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="126px"><a href="<?php echo $db_admin_link; ?>" target="_blank"><img src="/images/new_window.png" width="8px" height="8px"> open <?php echo $db_admin ?> </a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/db/?database=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/db/?database=<?php echo "$key" ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> database?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/db/?database=<?php echo "$key" ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> database?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_dns.html

@@ -42,45 +42,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/dns/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/dns/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -93,20 +54,22 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="96px"><img src="/images/more.png" width="8px" height="8px"><a href="/list/dns/?domain=<?php echo $key ?>"> list records</a></td>
-                                            <td class="data-controls" width="92px"><img src="/images/add.png" width="8px" height="8px"><a href="/add/dns/?domain=<?php echo $key ?>"> add record</a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/dns/?domain=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b>domain?</p>
+                                            <td class="data-controls" width="96px"><a href="/list/dns/?domain=<?php echo $key ?>"><img src="/images/more.png" width="8px" height="8px"> list records</a></td>
+                                            <td class="data-controls" width="92px"><a href="/add/dns/?domain=<?php echo $key ?>"><img src="/images/add.png" width="8px" height="8px"> add record</a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/dns/?domain=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/dns/?domain=<?php echo $key ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> domain?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_dns_rec.html

@@ -43,45 +43,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -94,18 +55,20 @@
                                     <table width="830px">
                                     <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <span style="color: #34536A;"><b><?php echo $data[$key]['RECORD'] ?></b></span> record?</p>
                                                 </div>
                                             </td>
-                                            <td class="data-controls" width="87px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo "$i" ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <span style="color: #34536A;"><b><?php echo $data[$key]['RECORD'] ?></b></span> record?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_ip.html

@@ -35,28 +35,6 @@
                                     ++$i;
                             ?> 
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/ip/?ip=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -69,11 +47,12 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/ip/?ip=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/ip/?ip=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/ip/?ip=<?php echo "$key" ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> ip?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_mail.html

@@ -46,45 +46,6 @@
                                     }
                             ?> 
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/mail/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/mail/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -97,21 +58,23 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="100px"><img src="/images/more.png" width="8px" height="8px"><a href="?domain=<?php echo $key ?>"> list accounts</a></td>
-                                            <td class="data-controls" width="98px"><img src="/images/add.png" width="8px" height="8px"><a href="/add/mail/?domain=<?php echo $key ?>"> add account</a></td>
-                                            <td class="data-controls" width="104px"><img src="/images/new_window.png" width="8px" height="8px"> <a href="<?php echo "http://".$http_host."/webmail/"; ?>" target="_blank"> open webmail</a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/mail/?domain=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="100px"><a href="?domain=<?php echo $key ?>"><img src="/images/more.png" width="8px" height="8px"> list accounts</a></td>
+                                            <td class="data-controls" width="98px"><a href="/add/mail/?domain=<?php echo $key ?>"><img src="/images/add.png" width="8px" height="8px"> add account</a></td>
+                                            <td class="data-controls" width="104px"><a href="<?php echo "http://".$http_host."/webmail/"; ?>" target="_blank"><img src="/images/new_window.png" width="8px" height="8px"> open webmail</a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/mail/?domain=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/mail/?domain=<?php echo $key ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> domain?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_mail_acc.html

@@ -43,46 +43,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                            
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -95,18 +55,20 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?><b><?php echo $key ?></b> account?</p>
+                                            <td class="data-controls" width="50px"><a href="/edit/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo $key ?></b> 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 "$i" ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo $key ?></b> account?</p>
                                                 </div>
                                             </td>

web/templates/admin/list_packages.html

@@ -36,27 +36,6 @@
                             ?>
 
                             <tr class="data-row">
-                                <script type="text/javascript">
-                                    $(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/delete/package/?package=<?php echo $key; ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                            $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                    });
-                                </script>
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
                                         <tr><td style="padding: 18 0 4 18;"><input type="checkbox" name="package[]" value="<?php echo $key ?>"></td></tr>
@@ -68,12 +47,13 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/package/?package=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to delete <?php echo $key?> package?</p>
+                                            <td class="data-controls" width="50px"><a href="/edit/package/?package=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/package/?package=<?php echo "$key" ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> package?</p>
                                                 </div>
                                             </td>
                                         </tr>

web/templates/admin/list_rrd.html

@@ -44,7 +44,7 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="80px"><img src="/images/download.png" width="8px" height="8px"><a href="/rrd/<?php echo $data[$key]['TYPE']."/".$period."-".$data[$key]['RRD'].".png" ?>" target="_blank"> download</a></td>
+                                            <td class="data-controls" width="80px"><a href="/rrd/<?php echo $data[$key]['TYPE']."/".$period."-".$data[$key]['RRD'].".png" ?>" target="_blank"><img src="/images/download.png" width="8px" height="8px"> download</a></td>
                                         </tr>
                                     </table>
                                     <table class="data-col2" width="830px">

web/templates/admin/list_user.html

@@ -56,45 +56,6 @@
                                     }
                                 ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/user/?user=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/user/?user=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px">
                                     <table class="data-col1">
@@ -107,10 +68,10 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="70px"><img src="/images/login-as.png" width="7px" height="8px">
+                                            <td class="data-controls" width="70px">
                                                 <?php
                                                     if ($key == $user) {
-                                                        echo "<a href=\"/logout/\">logout</a>";
+                                                        echo "<a href=\"/logout/\"><img src=\"/images/login-as.png\" width=\"7px\" height=\"8px\"> logout</a>";
                                                         if (!empty($_SESSION['look_alert'])) {
                                                 ?> 
                                                     <script type="text/javascript">
@@ -133,23 +94,25 @@
                                                             unset($_SESSION['look_alert']);
                                                         }
                                                     } else {
-                                                        echo "<a href=\"/login/?loginas=$key\">login as</a>";
+                                                        echo "<a href=\"/login/?loginas=$key\"><img src=\"/images/login-as.png\" width=\"7px\" height=\"8px\"> login as</a>";
                                                     }
                                                  ?>
                                             </td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/user/?user=<?php echo "$key" ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo $i ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> user account?</p>
+                                            <td class="data-controls" width="50px"><a href="/edit/user/?user=<?php echo "$key" ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/user/?user=<?php echo $key ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> user?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
-                                                    <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> user account?</p>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/user/?user=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
+                                                    <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> user?</p>
                                                 </div>
                                             </td>
                                         </tr>

web/templates/admin/list_web.html

@@ -61,44 +61,6 @@
                                         $nginx_ext = str_replace(',', ', ', $data[$key]['NGINX_EXT']);
                                     }
                                 ?>
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/<?php echo $spnd_action ?>/web/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#<?php echo $spnd_action ?>_link_<?php echo "$i" ?>').click(function(){
-                                        $('#<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/web/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
 
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
@@ -114,22 +76,25 @@
                                             <td></td>
                                             <?php
                                                 if (!empty($data[$key]['STATS'])) {
-                                                    echo '                                                <td class="data-controls" width="114px"><img src="/images/new_window.png" width="8px" height="8px">';
-                                                    echo "<a href='http://".$key."/vstats/' target='_blank'> open webstats </a></td>";
+                                                    echo '                                                <td class="data-controls" width="114px">';
+                                                    echo "<a href='http://".$key."/vstats/' target='_blank'>";
+        	                                    echo '<img src="/images/new_window.png" width="8px" height="8px"> open webstats </a></td>';
                                                 }
                                              ?> 
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/web/?domain=<?php echo "$key" ?>"> edit</a></td>
-                                            <td class="data-controls" width="80px">
-                                                <img src="/images/suspend.png" width="7px" height="8px">
-                                                <a href="#" id="<?php echo $spnd_action ?>_link_<?php echo "$i" ?>"> <?php echo $spnd_action ?></a>
-                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/web/?domain=<?php echo "$key" ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_<?php echo $spnd_action ?>" width="80px">
+                                                <img src="/images/suspend.png" width="7px" height="8px" class="do_<?php echo $spnd_action ?>">
+                                                <a id="<?php echo $spnd_action ?>_link_<?php echo $i ?>" class="do_<?php echo $spnd_action ?>"> <?php echo $spnd_action ?></a>
+                                                <input type="hidden" name="<?php echo $spnd_action ?>_url" value="/<?php echo $spnd_action ?>/web/?domain=<?php echo $key ?>" />
+                                                <div id="<?php echo $spnd_action ?>_dialog_<?php echo $i ?>" class="confirmation-text-suspention hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to <?php echo $spnd_action ?> <b><?php echo "$key" ?></b> domain?</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 $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/web/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>

web/templates/footer.html

@@ -10,6 +10,13 @@
                 </td>
             </tr>
         </table>
+
+        <script type="text/javascript">
+            $(document).ready(function() {
+                VE.core.register($('.main'));
+            });
+        </script>
+
     </center>
     </body>
 </html>

web/templates/header.html

@@ -15,6 +15,10 @@
                 margin: 0;
             }
 
+            .hidden {
+                display: none;
+            }
+
             .main {
                 background: #ffffff;
                 box-shadow: 0 0 2px 2px #d7d7d7;
@@ -329,9 +333,18 @@
                 font-family: Arial, sans-serif;
                 padding: 2 5 0 5;
                 letter-spacing: 0.1em;
+                color: #34536A;
+                text-decoration: none;
+                cursor: pointer;
             }
 
             .data-controls:hover {
+                color: #ffffff;
+                background: #f79b44;
+            }
+
+            .data-controls:active {
+                color: #433832;
                 background: #f79b44;
             }
 
@@ -342,19 +355,21 @@
 
             .data-controls a:visited {
                 color: #34536A;
-                text-decoration: none;
             }
 
             .data-controls a:hover {
                 color: #ffffff;
-                text-decoration: none;
             }
 
             .data-controls a:active {
                 color: #433832;
-                text-decoration: none;
             }
 
+            .data-controls img {
+                border: 0px;
+            }
+
+
             .data-count {
                 background: #ebe9dc;
                 color: #555;
@@ -680,6 +695,7 @@
             </style>
         <![endif]-->
         <link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
+        <script type="text/javascript" src="/js/events.js"></script>
         <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
         <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
         <script language="JavaScript">

web/templates/user/list_cron.html

@@ -42,27 +42,6 @@
                             ?>
 
                             <tr class="data-row">
-                                <script type="text/javascript">
-                                    $(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/delete/cron/?job=<?php echo $data[$key]['JOB']; ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                            $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                    });
-                                </script>
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
                                         <tr><td style="padding: 18 0 4 18;"><input type="checkbox" name="job[]" value="<?php echo $data[$key]['JOB'] ?>" ></td></tr>
@@ -74,11 +53,12 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/cron/?job=<?php echo $data[$key]['JOB'] ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/cron/?job=<?php echo $data[$key]['JOB'] ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/cron/?job=<?php echo $data[$key]['JOB']; ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete cron job?</p>
                                                 </div>
                                             </td>

web/templates/user/list_db.html

@@ -46,27 +46,6 @@
                                     if ($data[$key]['TYPE'] == 'pgsql') $db_admin_link = "http://".$http_host."/phpPgAdmin/";
                             ?> 
                             <tr class="data-row">
-                                <script type="text/javascript">
-                                    $(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                            modal: true,
-                                            autoOpen: false,
-                                            width: 360,
-                                            buttons: {
-                                                "Ok": function(event, ui) {
-                                                     location.href = '/delete/db/?database=<?php echo "$key" ?>';
-                                                },
-                                                "Cancel": function() {
-                                                    $(this).dialog("close");
-                                                }
-                                            }
-                                        });
-                                        $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                            $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                            return false;
-                                        });
-                                    });
-                                </script>
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
                                         <tr><td style="padding: 18 0 4 18;"><input type="checkbox" name="database[]" value="<?php echo $key ?>" ></td></tr>
@@ -78,12 +57,13 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="126px"><img src="/images/new_window.png" width="8px" height="8px"> <a href="<?php echo $db_admin_link; ?>" target="_blank"> open <?php echo $db_admin ?> </a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/db/?database=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="126px"><a href="<?php echo $db_admin_link; ?>" target="_blank"><img src="/images/new_window.png" width="8px" height="8px"> open <?php echo $db_admin ?> </a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/db/?database=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/db/?database=<?php echo "$key" ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> database?</p>
                                                 </div>
                                             </td>

web/templates/user/list_dns.html

@@ -40,28 +40,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/dns/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -74,13 +52,14 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="96px"><img src="/images/more.png" width="8px" height="8px"><a href="/list/dns/?domain=<?php echo $key ?>"> list records</a></td>
-                                            <td class="data-controls" width="92px"><img src="/images/add.png" width="8px" height="8px"><a href="/add/dns/?domain=<?php echo $key ?>"> add record</a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/dns/?domain=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="96px"><a href="/list/dns/?domain=<?php echo $key ?>"><img src="/images/more.png" width="8px" height="8px"> list records</a></td>
+                                            <td class="data-controls" width="92px"><a href="/add/dns/?domain=<?php echo $key ?>"><img src="/images/add.png" width="8px" height="8px"> add record</a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/dns/?domain=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>

web/templates/user/list_dns_rec.html

@@ -41,28 +41,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -75,11 +53,12 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>"> edit</a></td>
-                                            <td class="data-controls" width="87px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo "$i" ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?php echo $_GET['domain'] ?>&record_id=<?php echo $data[$key]['ID'] ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <span style="color: #34536A;"><b><?php echo $data[$key]['RECORD'] ?></b></span> record?</p>
                                                 </div>
                                             </td>

web/templates/user/list_mail.html

@@ -44,28 +44,6 @@
                                     }
                             ?> 
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/mail/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -78,14 +56,15 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="100px"><img src="/images/more.png" width="8px" height="8px"><a href="?domain=<?php echo $key ?>"> list accounts</a></td>
-                                            <td class="data-controls" width="98px"><img src="/images/add.png" width="8px" height="8px"><a href="/add/mail/?domain=<?php echo $key ?>"> add account</a></td>
-                                            <td class="data-controls" width="104px"><img src="/images/new_window.png" width="8px" height="8px"> <a href="<?php echo "http://".$http_host."/webmail/"; ?>" target="_blank"> open webmail</a></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/mail/?domain=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="100px"><a href="?domain=<?php echo $key ?>"><img src="/images/more.png" width="8px" height="8px"> list accounts</a></td>
+                                            <td class="data-controls" width="98px"><a href="/add/mail/?domain=<?php echo $key ?>"><img src="/images/add.png" width="8px" height="8px"> add account</a></td>
+                                            <td class="data-controls" width="104px"><a href="<?php echo "http://".$http_host."/webmail/"; ?>" target="_blank"><img src="/images/new_window.png" width="8px" height="8px"> open webmail</a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/mail/?domain=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>

web/templates/user/list_mail_acc.html

@@ -41,28 +41,6 @@
                                     }
                             ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
                                     <table class="data-col1">
@@ -75,11 +53,12 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo "$i" ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo "$i" ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?php echo $_GET['domain'] ?>&account=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo $key ?></b> account?</p>
                                                 </div>
                                             </td>

web/templates/user/list_user.html

@@ -47,28 +47,6 @@
                                     }
                                 ?>
 
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/user/?user=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
-
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px">
                                     <table class="data-col1">
@@ -81,7 +59,7 @@
                                     <table width="830px">
                                         <tr>
                                             <td></td>
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/user/?user=<?php echo "$key" ?>"> edit</a></td>
+                                            <td class="data-controls" width="50px"><a href="/edit/user/?user=<?php echo "$key" ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
                                         </tr>
                                     </table>
 

web/templates/user/list_web.html

@@ -59,27 +59,6 @@
                                         $nginx_ext = str_replace(',', ', ', $data[$key]['NGINX_EXT']);
                                     }
                                 ?>
-                            <script type="text/javascript">
-                                $(function(){
-                                    $('#delete_dialog_<?php echo "$i" ?>').dialog({
-                                        modal: true,
-                                        autoOpen: false,
-                                        width: 360,
-                                        buttons: {
-                                            "Ok": function(event, ui) {
-                                                 location.href = '/delete/web/?domain=<?php echo "$key" ?>';
-                                            },
-                                            "Cancel": function() {
-                                                $(this).dialog("close");
-                                            }
-                                        }
-                                    });
-                                    $('#delete_link_<?php echo "$i" ?>').click(function(){
-                                        $('#delete_dialog_<?php echo "$i" ?>').dialog('open');
-                                        return false;
-                                    });
-                                });
-                            </script>
 
                             <tr class="data-row">
                                 <td class="data-dotted" style="padding: 0px 10px 0px 0px" width="150">
@@ -95,15 +74,17 @@
                                             <td></td>
                                             <?php
                                                 if (!empty($data[$key]['STATS'])) {
-                                                    echo '                                                <td class="data-controls" width="114px"><img src="/images/new_window.png" width="8px" height="8px">';
-                                                    echo "<a href='http://".$key."/vstats/' target='_blank'> open webstats </a></td>";
+                                                    echo '                                                <td class="data-controls" width="114px">';
+                                                    echo "<a href='http://".$key."/vstats/' target='_blank'>";
+                                                    echo '<img src="/images/new_window.png" width="8px" height="8px"> open webstats </a></td>';
                                                 }
                                              ?> 
-                                            <td class="data-controls" width="50px"><img src="/images/edit.png" width="8px" height="8px"><a href="/edit/web/?domain=<?php echo "$key" ?>"> edit</a></td>
-                                            <td class="data-controls" width="70px">
-                                                <img src="/images/delete.png" width="7px" height="7px">
-                                                <a href="#" id="delete_link_<?php echo $i ?>"> delete</a>
-                                                <div id="delete_dialog_<?php echo $i ?>" title="Confirmation">
+                                            <td class="data-controls" width="50px"><a href="/edit/web/?domain=<?php echo "$key" ?>"><img src="/images/edit.png" width="8px" height="8px"> edit</a></td>
+                                            <td class="data-controls do_delete" width="70px">
+                                                <img src="/images/delete.png" width="7px" height="7px" class="do_delete">
+                                                <a id="delete_link_<?php echo $i ?>" class="do_delete"> delete</a>
+                                                <input type="hidden" name="delete_url" value="/delete/web/?domain=<?php echo $key ?>" />
+                                                <div id="delete_dialog_<?php echo $i ?>" class="confirmation-text-delete hidden" title="Confirmation">
                                                     <p class="counter-value">Are you sure you want to delete <b><?php echo "$key" ?></b> domain?</p>
                                                 </div>
                                             </td>