Przeglądaj źródła

Add quick action icons to table view

Kristan Kenney 6 lat temu
rodzic
commit
7bb84cb2d8

+ 29 - 420
web/css/styles.min.css

@@ -823,9 +823,6 @@ a {
   z-index: 99;
 }
 
-input[type="checkbox"] {
-  display: none;
-}
 .clicked-on.check-label:before,
 .selected .check-label:before {
   content: '';
@@ -1866,7 +1863,21 @@ div.l-content > div.l-separator:nth-of-type(4) {
   float: left;
   width: 110px;
 }
+
+
+.l-unit__stat-col--left.border {
+  border-left: 1px solid #ebebeb;
+}
+.l-unit__stat-col--left.border-clear {
+  border-left: 1px solid transparent;
+}
+.l-unit__stat-col--left.super-compact {
+  width: 40px;
+}
 .l-unit__stat-col--left.compact {
+  width: 60px;
+}
+.l-unit__stat-col--left.compact-1 {
   width: 70px;
 }
 .l-unit__stat-col--left.compact-2 {
@@ -1875,6 +1886,12 @@ div.l-content > div.l-separator:nth-of-type(4) {
 .l-unit__stat-col--left.compact-3 {
   width: 90px;
 }
+.l-unit__stat-col--left.compact-4 {
+  width: 130px;
+}
+.l-unit__stat-col--left.compact-5 {
+  width: 160px;
+}
 .l-unit__stat-col--left.wide {
   width: 190px;
 }
@@ -1887,7 +1904,6 @@ div.l-content > div.l-separator:nth-of-type(4) {
 .l-unit__stat-col--left.wide-4 {
   width: 550px;
 }
-
 .l-unit__stat-col--left.wide-5 {
   width: 330px;
 }
@@ -1923,7 +1939,6 @@ div.l-content > div.l-separator:nth-of-type(4) {
 
 .l-unit-toolbar__col--right {
   float: right;
-  display: none;
 }
 
 body.mobile .l-unit-toolbar__col--right {
@@ -1972,440 +1987,34 @@ body.mobile .l-unit-toolbar__col--right {
 }
 
 .actions-panel__col {
-  float: left;
-  min-width: 95px;
-  min-height: 31px;
-  text-transform: uppercase;
-  background-color: #dfdedd;
-  border-right: 1px solid #d8d7d7;
-  position: relative;
-}
-.selected .actions-panel__col {
-  -webkit-filter: contrast(80%);
-  filter: contrast(80%);
-}
-.actions-panel__col i {
   display: inline-block;
-  float: right;
-  content: '';
-  width: 31px;
-  height: 31px;
-  position: absolute;
-  top: 0;
-  right: 0;
+  min-width: 18px;
+  text-transform: uppercase;
 }
+
 .actions-panel__col a {
-  line-height: 31px;
   color: #777;
   font-weight: 600;
-  font-size: 0.8rem;
-  padding-left: 13px;
-  display: block;
+  font-size: 0.9rem;
+  display: inline-block;
   cursor: pointer;
-  position: relative;
-  padding-right: 36px;
 }
+
 .lang-ru .actions-panel__col a {
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   padding-top: 1px;
 }
 .lang-tw .actions-panel__col a {
-  font-size: 0.85rem;
+  font-size: 0.9rem;
   font-weight: normal;
   line-height: 29px;
 }
 .lang-ar .actions-panel__col a {
-  font-size: 0.85rem;
+  font-size: 0.9rem;
   font-weight: normal;
   line-height: 31px;
 }
 
-
-.actions-panel__favorite a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__favorite i {
-  background-position: -39px -85px;
-}
-
-.actions-panel__edit i {
-  background-position: -1px -169px;
-}
-.actions-panel__edit:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__edit:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__edit:hover a i {
-  background-position: -41px -169px;
-}
-.actions-panel__edit:active a i {
-  background-position: -81px -169px;
-}
-.actions-panel__edit--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__edit--active i {
-  background-position: -78px -169px;
-}
-
-.actions-panel__restart i {
-  background-position: -1px -520px;
-}
-.actions-panel__restart:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__restart:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__restart:hover a i {
-  background-position: -41px -520px;
-}
-.actions-panel__restart:active a i {
-  background-position: -81px -520px;
-}
-.actions-panel__restart--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__restart--active i {
-  background-position: -78px -520px;
-}
-
-.actions-panel__add i {
-  background-position: -1px -285px;
-}
-.actions-panel__add:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__add:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__add:hover a i {
-  background-position: -41px -285px;
-}
-.actions-panel__add:active a i {
-  background-position: -81px -285px;
-}
-
-.actions-panel__add--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__add--active i {
-  background-position: -78px -285px;
-}
-
-.actions-panel__update i {
-  background-position: -1px -481px;
-}
-.actions-panel__update:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__update:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__update:hover a i {
-  background-position: -41px -481px;
-}
-.actions-panel__update:active a i {
-  background-position: -81px -481px;
-}
-.actions-panel__update--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__update--active i {
-  background-position: -78px -481px;
-}
-
-.actions-panel__logs i {
-  background-position: -2px -130px;
-}
-.actions-panel__logs:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__logs:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__logs:hover a i {
-  background-position: -42px -130px;
-}
-.actions-panel__logs:active a i {
-  background-position: -82px -130px;
-}
-.actions-panel__logs--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__logs--active i {
-  background-position: -79px -130px;
-}
-
-.actions-panel__db i {
-  background-position: -2px -363px;
-}
-.actions-panel__db:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__db:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__db:hover a i {
-  background-position: -42px -363px;
-}
-.actions-panel__db:active a i {
-  background-position: -82px -363px;
-}
-.actions-panel__db--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__db--active i {
-  background-position: -79px -362px;
-}
-
-.actions-panel__suspend i {
-  background-position: -1px -51px;
-}
-.actions-panel__suspend:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__suspend:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__suspend:hover a i {
-  background-position: -41px -51px;
-}
-.actions-panel__suspend:active a i {
-  background-position: -81px -51px;
-}
-.actions-panel__suspend--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__suspend--active i {
-  background-position: -78px -51px;
-}
-
-.actions-panel__unsuspend i {
-  background-position: -1px -12px;
-}
-.actions-panel__unsuspend:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__unsuspend:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__unsuspend:hover a i {
-  background-position: -41px -12px;
-}
-.actions-panel__unsuspend:active a i {
-  background-position: -81px -12px;
-}
-.actions-panel__unsuspend--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__unsuspend--active i {
-  background-position: -78px -12px;
-}
-
-
-.actions-panel__loginas i {
-  background-position: -1px -245px;
-}
-.actions-panel__loginas:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__loginas:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__loginas:hover a i {
-  background-position: -41px -245px;
-}
-.actions-panel__loginas:active a i {
-  background-position: -81px -245px;
-}
-.actions-panel__loginas--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__loginas--active i {
-  background-position: -78px -245px;
-}
-
-.actions-panel__download i {
-  background-position: -1px -402px;
-}
-.actions-panel__download:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__download:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__download:hover a i {
-  background-position: -41px -402px;
-}
-.actions-panel__download:active a i {
-  background-position: -81px -402px;
-}
-.actions-panel__download--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__download--active i {
-  background-position: -78px -402px;
-}
-
-.actions-panel__configure i {
-  background-position: -1px -442px;
-}
-.actions-panel__configure:hover a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__configure:active a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__configure:hover a i {
-  background-position: -81px -442px;
-}
-.actions-panel__configure:active a i {
-  background-position: -41px -442px;
-}
-.actions-panel__configure--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__configure--active i {
-  background-position: -78px -442px;
-}
-
-.actions-panel__.l-icon-starmail i {
-  background-position: -1px -324px;
-}
-.actions-panel__mail:hover a {
-  background-color: #afafac;
-  color: #fff;
-}
-.actions-panel__mail:active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__mail:hover a i {
-  background-position: -41px -324px;
-}
-.actions-panel__mail:active a i {
-  background-position: -81px -324px;
-}
-.actions-panel__mail--active a {
-  background-color: #55c9c0;
-  color: #fff;
-}
-.actions-panel__mail--active i {
-  background-position: -78px -324px;
-}
-
-.actions-panel__delete i {
-  background-position: -1px -207px;
-}
-.actions-panel__delete:hover a {
-  background-color: #ff3438;
-  color: #fff;
-}
-.actions-panel__delete:active a {
-  background-color: #ff5f5f;
-  color: #fff;
-}
-.actions-panel__delete:hover a i {
-  background-position: -41px -207px;
-}
-.actions-panel__delete:active a i {
-  background-position: -81px -207px;
-}
-.actions-panel__delete--active a {
-  background-color: #ff5f5f;
-  color: #fff;
-}
-.actions-panel__delete--active i {
-  background-position: -78px -207px;
-}
-
-.actions-panel__stop i {
-  background-position: -1px -561px;
-}
-.actions-panel__stop:hover a {
-  background-color: #ff3438;
-  color: #fff;
-}
-.actions-panel__stop:active a {
-  background-color: #ff5f5f;
-  color: #fff;
-}
-.actions-panel__stop:hover a i {
-  background-position: -41px -561px;
-}
-.actions-panel__stop:active a i {
-  background-position: -81px -561px;
-}
-.actions-panel__stop--active a {
-  background-color: #ff5f5f;
-  color: #fff;
-}
-.actions-panel__stop--active i {
-  background-position: -78px -561px;
-}
-
-.actions-panel__start i {
-  background-position: -1px -482px;
-}
-.actions-panel__start:hover a {
-  background-color: #3b9de8;
-  color: #fff;
-}
-.actions-panel__start:active a {
-  background-color: #54a6e5;
-  color: #4b4b4b;
-}
-.actions-panel__start:hover a i {
-  background-position: -41px -482px;
-}
-.actions-panel__start:active a i {
-  background-position: -81px -482px;
-}
-.actions-panel__start--active a {
-  background-color: #54a6e5;
-  color: #fff;
-}
-.actions-panel__start--active i {
-  background-position: -78px -482px;
-}
-
 .icon-pad-right {
   margin-right: 5px;
 }

+ 27 - 24
web/templates/admin/list_backup.html

@@ -49,6 +49,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide-5"><b><?php print __('File Name');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left text-center wide"><b><?php print __('Date');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Size');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Type');?></b></div>
@@ -77,29 +78,6 @@
 
       <div class="l-unit<? if($status == 'suspended') echo ' l-unit--outdated';?>">
         <div class="l-unit-toolbar clearfix">
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <? if ($data[$key]['UPDATED'] == 'no') {
-                   echo '<div class="actions-panel__col actions-panel__update shortcut-u" key-action="href"><a href="/update/hestia/?pkg='.$key.'&token='.$_SESSION['token'].'">'.__('update').'<i></i></a><span class="shortcut">&nbsp;U</span></div>';
-                 }
-              ?>
-              <div class="actions-panel__col actions-panel__download shortcut-d" key-action="href"><a href="/download/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"><?=__('download')?> <i></i></a><span class="shortcut">&nbsp;D</span></div>
-              <div class="actions-panel__col actions-panel__configure shortcut-enter" key-action="href"><a href="/list/backup/?backup=<?=$key?>"><?=__('configure restore settings')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_BACKUP_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-            </div>
-            <!-- /.actions-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
 
@@ -109,7 +87,32 @@
                       <input id="check<?php echo $i ?>" class="ch-toggle" type="checkbox" name="backup[]" value="<?php echo $key ?>">
                       <label for="check<?php echo $i ?>" class="check-label"></label>
                     </div>
-                  <div class="clearfix l-unit__stat-col--left wide-5"><b><a href="/download/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"><?=$key?></a></b></div>
+                  <div class="clearfix l-unit__stat-col--left wide-5"><b><a href="/list/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"><?=$key?></a></b></div>
+                  <div class="clearfix l-unit__stat-col--left compact text-right"><b>
+                      <!-- START QUICK ACTION TOOLBAR AREA -->
+        
+                        <!-- l-unit-toolbar__col -->
+                        <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                            <div class="actions-panel clearfix">
+                              <div class="actions-panel__col actions-panel__download shortcut-d" key-action="href"><a href="/download/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"><i class="fas fa-file-download status-icon-lightblue status-icon-dim"></i></a></div>
+
+                              <div class="actions-panel__col actions-panel__list shortcut-d" key-action="href"><a href="/list/backup/?backup=<?=$key?>"><i class="fas fa-cog status-icon-maroon status-icon-dim"></i></a></div>
+
+                              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                  <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                                  <input type="hidden" name="delete_url" value="/delete/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                    <p class="confirmation"><?=__('DELETE_BACKUP_CONFIRMATION',$key)?></p>
+                                  </div>
+                                </a>
+                              </div>
+                
+                            </div>
+                            <!-- /.actiona-panel -->
+                          </div>
+                        <!-- END QUICK ACTION TOOLBAR AREA -->
+                    </b></div>
                   <div class="clearfix l-unit__stat-col--left text-center wide"><b><?=translate_date($data[$key]['DATE'])?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?=humanize_usage_size($data[$key]['SIZE'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['SIZE'])?></span></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><?=$data[$key]['TYPE']?></div>

+ 1 - 1
web/templates/admin/list_backup_detail.html

@@ -1,7 +1,7 @@
     <div class="l-center">
       <div class="l-sort clearfix noselect">
         <div class="l-unit-toolbar__buttonstrip">
-          <a class="ui-button cancel" href="/list/mail/"><i class="fas fa-arrow-left status-icon-blue"></i> <?=__('Back')?></a>
+          <a class="ui-button cancel" href="/list/backup/"><i class="fas fa-arrow-left status-icon-blue"></i> <?=__('Back')?></a>
           <a href="/schedule/restore/?backup=<?=htmlentities($_GET['backup'])?>" class="ui-button cancel" title="<?=__('Restore All')?>"><i class="fas fa-undo status-icon-green"></i> <?=__('Restore All')?></a>
         </div>
         <div class="l-sort-toolbar clearfix">

+ 35 - 28
web/templates/admin/list_db.html

@@ -89,6 +89,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide-2"><b><?php print __('Database');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left text-right compact-2"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('Type');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center wide"><b><?php print __('Username');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Hostname');?></b></div>
@@ -125,34 +126,6 @@
 sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>" sort-name="<?=$key?>" sort-disk="<?=$data[$key]['U_DISK']?>"
 sort-user="<?=$data[$key]['DBUSER']?>" sort-server="<?=$data[$key]['HOST']?>" sort-star="<? if($_SESSION['favourites']['DB'][$key] == 1) echo '1'; else echo '0'; ?>">
         <div class="l-unit-toolbar clearfix">
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/db/?database=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/db/?database=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/db/?database=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_DATABASE_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
             <div class="l-unit__col l-unit__col--right">
@@ -162,6 +135,40 @@ sort-user="<?=$data[$key]['DBUSER']?>" sort-server="<?=$data[$key]['HOST']?>" so
                       <label for="check<?php echo $i ?>" class="check-label"></label>
                     </div>
                   <div class="clearfix l-unit__stat-col--left wide-2"><b><a href="/edit/db/?database=<?=$key?>"><?=$key?></a></b></div>
+
+                  <div class="clearfix l-unit__stat-col--left text-right compact-2"><b>
+                    <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                      <!-- l-unit-toolbar__col -->
+                      <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                          <div class="actions-panel clearfix">
+                            <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/db/?database=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+                            <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                              <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                                <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                                <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/db/?database=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                              <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                                <input type="hidden" name="delete_url" value="/delete/db/?database=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__('DELETE_DATABASE_CONFIRMATION',$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+              
+                          </div>
+                          <!-- /.actiona-panel -->
+                        </div>
+
+                      <!-- END QUICK ACTION TOOLBAR AREA -->
+                  </b></div>
+
                   <div class="clearfix l-unit__stat-col--left text-center compact"><?=$data[$key]['TYPE']?></div>
                   <div class="clearfix l-unit__stat-col--left text-center wide"><b><?=$data[$key]['DBUSER']?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?=$data[$key]['HOST']?></b></div>

+ 38 - 29
web/templates/admin/list_dns.html

@@ -61,6 +61,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide-2"><b><?php print __('Domain');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left text-right"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('Records');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Template');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('TTL');?></b></div>
@@ -89,35 +90,6 @@ v_section="dns" sort-ip="<?=str_replace('.', '', $data[$key]['IP'])?>" sort-date
 sort-expire="<?=strtotime($data[$key]['EXP'])?>" sort-records="<?=(int)$data[$key]['RECORDS']?>" sort-star="<?if($_SESSION['favourites']['DNS'][$key] == 1) echo '1'; else echo '0';?>">
         <div class="l-unit-toolbar clearfix">
           <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__logs shortcut-l" key-action="href"><a href="/list/dns/?domain=<?=$key?>"><?=__('list records',$data[$key]['RECORDS'])?> <i></i></a><span class="shortcut">&nbsp;L</span></div>
-              <div class="actions-panel__col actions-panel__add shortcut-n" key-action="href"><a href="/add/dns/?domain=<?=$key?>"><?=__('add record')?> <i></i></a><span class="shortcut">&nbsp;N</span></div>
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/dns/?domain=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/dns/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-            </div>
-            <!-- /.actions-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
             <div class="l-unit__col l-unit__col--right">
@@ -127,6 +99,43 @@ sort-expire="<?=strtotime($data[$key]['EXP'])?>" sort-records="<?=(int)$data[$ke
                       <label for="check<?php echo $i ?>" class="check-label"></label>
                     </div>
                   <div class="clearfix l-unit__stat-col--left wide-2"><b><a href="/list/dns/?domain=<?=$key?>"><?=$key?></a></b></div>
+
+                  <div class="clearfix l-unit__stat-col--left text-right"><b>
+                    <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                      <!-- l-unit-toolbar__col -->
+                      <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                          <div class="actions-panel clearfix">
+
+                              <div class="actions-panel__col actions-panel__logs shortcut-n" key-action="href"><a href="/add/dns/?domain=<?=$key?>"><i class="fas fa-plus-circle status-icon-green status-icon-dim"></i></a></div>
+                            <div class="actions-panel__col actions-panel__edit shortcut-l" key-action="href"><a href="/list/dns/?domain=<?=$key?>"><i class="fas fa-list status-icon-lightblue status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/dns/?domain=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+
+                            <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                              <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                                <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                                <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/dns/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                              <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                <i class="fas fa-trash-alt status-icon-red status-icon-dim do_delete"></i>
+                                <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+              
+                          </div>
+                          <!-- /.actiona-panel -->
+                        </div>
+
+                      <!-- END QUICK ACTION TOOLBAR AREA -->
+                  </b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><? if(!empty($data[$key]['SRC'])) echo "<span>⇢ ".$data[$key]['SRC']."</span>&nbsp; &nbsp; ";  if($data[$key]['RECORDS']) echo '<span>'.$data[$key]['RECORDS'].'</span>';?></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?=$data[$key]['TPL']?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><?=$data[$key]['TTL']?></div>

+ 26 - 20
web/templates/admin/list_dns_rec.html

@@ -56,6 +56,7 @@
       <div class="l-unit__col l-unit__col--right step-top">
         <div style="margin-bottom: 40px;">
           <div class="clearfix l-unit__stat-col--left small"><b><?php print __('Record');?></b></div>
+          <div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
           <div class="clearfix l-unit__stat-col--left compact"><b><?php print __('Type');?></b></div>
           <div class="clearfix l-unit__stat-col--left compact"><b><?php print __('Priority');?></b></div>
           <div class="clearfix l-unit__stat-col--left wide-4"><b><?php print __('IP or Value');?></b></div>
@@ -85,25 +86,6 @@ v_unit_id="<?=$key?>" v_section="dns_rec">
             <input id="check<?=$data[$key]['ID']?>" class="ch-toggle" type="checkbox" name="record[]" value="<?=$data[$key]['ID']?>">
             <label for="check<?=$data[$key]['ID']?>" class="check-label"></label>
           </div>
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/dns/?domain=<?=htmlspecialchars($_GET['domain'])?>&record_id=<?=$data[$key]['ID']?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?=htmlspecialchars($_GET['domain'])?>&record_id=<?=$data[$key]['ID']?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_RECORD_CONFIRMATION',$data[$key]['RECORD'])?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
 
@@ -117,7 +99,31 @@ v_unit_id="<?=$key?>" v_section="dns_rec">
         <div class="l-unit__col l-unit__col--right">
           <div class="l-unit__stats">
             <div class="clearfix l-unit__stat-col--left small"><b><a href="/edit/dns/?domain=<?=htmlspecialchars($_GET['domain'])?>&record_id=<?=$data[$key]['ID']?>"><? echo substr($data[$key]['RECORD'], 0, 12); if(strlen($data[$key]['RECORD']) > 12 ) echo '...'; ?></a></b></div>
-            <div class="clearfix l-unit__stat-col--left compact"><b><?=$data[$key]['TYPE']?></b></div>
+
+            <div class="clearfix l-unit__stat-col--left compact text-right"><b>
+              <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                <!-- l-unit-toolbar__col -->
+                <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                    <div class="actions-panel clearfix">
+                      <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/dns/?domain=<?=htmlspecialchars($_GET['domain'])?>&record_id=<?=$data[$key]['ID']?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+                      <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                        <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                          <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                          <input type="hidden" name="delete_url" value="/delete/dns/?domain=<?=htmlspecialchars($_GET['domain'])?>&record_id=<?=$data[$key]['ID']?>&token=<?=$_SESSION['token']?>" />
+                          <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                            <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
+                          </div>
+                        </a>
+                      </div>
+        
+                    </div>
+                    <!-- /.actiona-panel -->
+                  </div>
+
+                <!-- END QUICK ACTION TOOLBAR AREA -->
+            </b></div>
+            <div class="clearfix l-unit__stat-col--left compact text-center"><b><?=$data[$key]['TYPE']?></b></div>
             <div class="clearfix l-unit__stat-col--left compact"><?=$data[$key]['PRIORITY']?>&nbsp;</div>
             <div class="clearfix l-unit__stat-col--left wide-4"><?=htmlspecialchars($data[$key]['VALUE'], ENT_QUOTES, 'UTF-8')?></div>
           </div>

+ 35 - 29
web/templates/admin/list_firewall.html

@@ -55,6 +55,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide"><b><?php print __('Action');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left wide-1 text-center"><b><?php print __('Comment');?></b></div>   
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Protocol');?></b></div>
                   <div class="clearfix l-unit__stat-col--left wide-2 text-center"><b><?php print __('Port');?></b></div>
@@ -81,35 +82,6 @@
 sort-action="<?=$data[$key]['ACTION']?>" sort-protocol="<?=$data[$key]['PROTOCOL']?>" sort-port="<?=$data[$key]['PORT']?>"
 sort-ip="<?=str_replace('.', '', $data[$key]['IP'])?>" sort-comment="<?=$data[$key]['COMMENT']?>" sort-star="<? if($_SESSION['favourites']['FIREWALL'][$key] == 1) echo '1'; else echo '2'; ?>">
         <div class="l-unit-toolbar clearfix">
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/firewall/?rule=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__<?=$spnd_action?> shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action ?>/firewall/?rule=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/firewall/?rule=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_RULE_CONFIRMATION', $key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
 
@@ -136,6 +108,40 @@ sort-ip="<?=str_replace('.', '', $data[$key]['IP'])?>" sort-comment="<?=$data[$k
                 <? } ?>
               </a></b>
             </div>
+
+            <div class="clearfix l-unit__stat-col--left compact text-right"><b>
+                <!-- START QUICK ACTION TOOLBAR AREA -->
+  
+                  <!-- l-unit-toolbar__col -->
+                  <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                      <div class="actions-panel clearfix">
+                        <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/firewall/?rule=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+                        
+                        <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                            <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                              <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                              <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/firewall/?rule=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                              <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                              </div>
+                            </a>
+                        </div>
+                        <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                          <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                            <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                            <input type="hidden" name="delete_url" value="/delete/firewall/?rule=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                            <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                              <p class="confirmation"><?=__('DELETE_RULE_CONFIRMATION',$key)?></p>
+                            </div>
+                          </a>
+                        </div>
+          
+                      </div>
+                      <!-- /.actiona-panel -->
+                    </div>
+  
+                  <!-- END QUICK ACTION TOOLBAR AREA -->
+              </b></div>
             <div class="clearfix l-unit__stat-col--left wide-1 text-center"><b><? if(!empty($data[$key]['COMMENT'])) echo '' . $data[$key]['COMMENT']; else echo "&nbsp;"; ?></b></div>
             <div class="clearfix l-unit__stat-col--left text-center"><b><?=__($data[$key]['PROTOCOL'])?></b></div>
             <div class="clearfix l-unit__stat-col--left wide-2 text-center"><b><?=$data[$key]['PORT']?></b></div>

+ 27 - 22
web/templates/admin/list_firewall_banlist.html

@@ -41,10 +41,11 @@
       
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
+                  <div class="clearfix l-unit__stat-col--left wide"><b><?php print __('IP address');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
+                  <div class="clearfix l-unit__stat-col--left compact-4 text-center"><b><?php print __('Comment');?></b></div>
                   <div class="clearfix l-unit__stat-col--left"><b><?php print __('Date');?></b></div>
                   <div class="clearfix l-unit__stat-col--left"><b><?php print __('Time');?></b></div>
-                  <div class="clearfix l-unit__stat-col--left wide text-center"><b><?php print __('Comment');?></b></div>   
-                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('IP address');?></b></div>
               </div>
             </div>
           </div>
@@ -62,24 +63,6 @@
             <input id="check<?php echo $i ?>" class="ch-toggle" type="checkbox" name="ipchain[]" value="<?php echo $ip . ':' . $value['CHAIN'] ?>">
             <label for="check<?php echo $i ?>" class="check-label"></label>
           </div>
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/firewall/banlist/?ip=<?=$ip?>&chain=<?=$value['CHAIN']?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_IP_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
 
@@ -87,10 +70,32 @@
         <!-- /.l-unit__col -->
         <div class="l-unit__col l-unit__col--right">
           <div class="l-unit__stats">
+              <div class="clearfix l-unit__stat-col--left compact-4 text-center"><?=$ip?></div>
+               <div class="clearfix l-unit__stat-col--left compact text-right"><b>
+                <!-- START QUICK ACTION TOOLBAR AREA -->
+  
+                  <!-- l-unit-toolbar__col -->
+                  <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                      <div class="actions-panel clearfix">
+                        <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                          <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                            <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                            <input type="hidden" name="delete_url" value="/delete/firewall/banlist/?ip=<?=$ip?>&chain=<?=$value['CHAIN']?>&token=<?=$_SESSION['token']?>" />
+                            <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                              <p class="confirmation"><?=__('DELETE_IP_CONFIRMATION',$key)?></p>
+                            </div>
+                          </a>
+                        </div>
+          
+                      </div>
+                      <!-- /.actiona-panel -->
+                    </div>
+  
+                  <!-- END QUICK ACTION TOOLBAR AREA -->
+              </b></div>
+              <div class="clearfix l-unit__stat-col--left wide text-center"><b><?=__($value['CHAIN'])?></b></div>
               <div class="clearfix l-unit__stat-col--left"><b><?=__($data[$key]['DATE'])?></b></div>
               <div class="clearfix l-unit__stat-col--left"><b><?=$data[$key]['TIME']?></b></div>
-              <div class="clearfix l-unit__stat-col--left wide text-center"><b><?=__($value['CHAIN'])?></b></div>
-              <div class="clearfix l-unit__stat-col--left text-center"><?=$ip?></div>
           </div>
           <!-- /.l-unit__stats -->
         </div>

+ 21 - 19
web/templates/admin/list_ip.html

@@ -53,6 +53,7 @@
         <div class="l-unit__col l-unit__col--right step-top">
           <div style="margin-bottom: 40px;">
             <div class="clearfix l-unit__stat-col--left wide-2"><b><?php print __('IP Address');?></b></div>
+            <div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
             <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Netmask');?></b></div>
             <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Interface');?></b></div>
             <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Status');?></b></div>
@@ -72,25 +73,6 @@ v_section="ip" sort-ip="<?=str_replace('.', '', $key)?>" sort-date="<?=strtotime
 sort-netmask="<?=str_replace('.', '', $data[$key]['NETMASK'])?>" sort-interface="<?=$data[$key]['INTERFACE']?>" sort-domains="<?=$data[$key]['U_WEB_DOMAINS']?>"
 sort-owner="<?=$data[$key]['OWNER']?>" sort-star="<? if($_SESSION['favourites']['IP'][$key] == 1) echo '1'; else echo '0'; ?>">
         <div class="l-unit-toolbar clearfix">
-
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/ip/?ip=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/ip/?ip=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_IP_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-            </div>
-            <!-- /.actions-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
 
@@ -102,6 +84,26 @@ sort-owner="<?=$data[$key]['OWNER']?>" sort-star="<? if($_SESSION['favourites'][
                 <label for="check<?php echo $i ?>" class="check-label"></label>
               </div>
               <div class="clearfix l-unit__stat-col--left wide-2"><b><a href="/edit/ip/?ip=<?=$key?>"><?=$key?></a></b></div>
+              <div class="clearfix l-unit__stat-col--left compact text-right"><b>
+                  <!-- START QUICK ACTION TOOLBAR AREA -->
+                    <!-- l-unit-toolbar__col -->
+                    <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                        <div class="actions-panel clearfix">
+                          <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/ip/?ip=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+                          <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                            <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                              <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                              <input type="hidden" name="delete_url" value="/delete/ip/?ip=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                              <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
+                              </div>
+                            </a>
+                          </div>
+                        </div>
+                        <!-- /.actiona-panel -->
+                      </div>
+                    <!-- END QUICK ACTION TOOLBAR AREA -->
+                </b></div>
               <div class="clearfix l-unit__stat-col--left text-center"><b><?=$data[$key]['NETMASK']?></b></div>
               <div class="clearfix l-unit__stat-col--left text-center"><b><?=$data[$key]['INTERFACE']?></b></div>
               <div class="clearfix l-unit__stat-col--left text-center"><b><?=__($data[$key]['STATUS'])?></b></div>

+ 41 - 33
web/templates/admin/list_mail.html

@@ -69,6 +69,7 @@
                 <div class="l-unit__col l-unit__col--right step-top">
                   <div style="margin-bottom: 40px;">
                       <div class="clearfix l-unit__stat-col--left wide-3"><b><?php print __('Domain');?></b></div>
+                      <div class="clearfix l-unit__stat-col--left text-right compact-4"><b>&nbsp;</b></div>
                       <div class="clearfix l-unit__stat-col--left text-center compact-2"><b><?php print __('Accounts');?></b></div>
                       <div class="clearfix l-unit__stat-col--left text-center compact-2"><b><?php print __('Disk');?></b></div>
                       <div class="clearfix l-unit__stat-col--left text-center compact-3"><b><?php print __('Antivirus');?></b></div>
@@ -105,39 +106,6 @@
 sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>" sort-name="<?=$key?>" sort-disk="<?=$data[$key]['U_DISK']?>"
 sort-accounts="<?=$data[$key]['ACCOUNTS']?>" sort-star="<? if($_SESSION['favourites']['MAIL'][$key] == 1) echo "1"; else echo "0"; ?>">
         <div class="l-unit-toolbar clearfix">
-
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__logs shortcut-l" key-action="href"><a href="?domain=<?=$key?>"><?=__('list accounts',$data[$key]['ACCOUNTS'])?> <i></i></a><span class="shortcut">&nbsp;L</span></div>
-              <div class="actions-panel__col actions-panel__add shortcut-n" key-action="href"><a href="/add/mail/?domain=<?=$key?>"><?=__('add account')?> <i></i></a><span class="shortcut">&nbsp;N</span></div>
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/mail/?domain=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/mail/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-
-
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
             <div class="l-unit__col l-unit__col--right">
@@ -147,6 +115,46 @@ sort-accounts="<?=$data[$key]['ACCOUNTS']?>" sort-star="<? if($_SESSION['favouri
                       <label for="check<?php echo $i ?>" class="check-label"></label>
                     </div>
                   <div class="clearfix l-unit__stat-col--left wide-3"><b><a href="?domain=<?=$key?>"><?=$key?></a></b></div>
+
+
+                  <div class="clearfix l-unit__stat-col--left text-right compact-4"><b>
+                    <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                      <!-- l-unit-toolbar__col -->
+                      <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                          <div class="actions-panel clearfix">
+                            <div class="actions-panel__col actions-panel__logs shortcut-n" key-action="href"><a href="/add/mail/?domain=<?=$key?>"><i class="fas fa-plus-circle status-icon-green status-icon-dim"></i></a></div>
+                            <div class="actions-panel__col actions-panel__edit shortcut-l" key-action="href"><a href="?domain=<?=$key?>"><i class="fas fa-users status-icon-blue status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__edit" key-action="href"><a href="http://webmail.<?=$key?>/" target="_blank"><i class="fas fa-paper-plane status-icon-lightblue status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/mail/?domain=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+
+                            <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                              <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                                <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                                <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/mail/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                              <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+              
+                          </div>
+                          <!-- /.actiona-panel -->
+                        </div>
+
+                      <!-- END QUICK ACTION TOOLBAR AREA -->
+                  </b></div>
+
+
                   <div class="clearfix l-unit__stat-col--left text-center compact-2"><b>
                     <? if($data[$key]['ACCOUNTS']) { echo '<span>'.$data[$key]['ACCOUNTS'].'</span>'; ?>
                     <? } else {?>

+ 39 - 28
web/templates/admin/list_mail_acc.html

@@ -66,6 +66,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide-3"><b><?php print __('Username');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left text-right compact-4"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('Disk');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Quota');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Aliases');?></b></div>
@@ -95,34 +96,6 @@
  v_unit_id="<?=$key."@".$_GET['domain']?>" v_section="mail_acc" sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>" sort-name="<?=$key?>" sort-disk="<?$data[$key]['U_DISK']?>"
 sort-star="<? if($_SESSION['favourites']['MAIL_ACC'][$key."@".$_GET['domain']] == 1) echo '1'; else echo '0'; ?>">
         <div class="l-unit-toolbar clearfix">
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?php echo $key ?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_MAIL_ACCOUNT_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
         <!-- /.l-unit-toolbar -->
             <div class="l-unit__col l-unit__col--right">
@@ -133,6 +106,44 @@ sort-star="<? if($_SESSION['favourites']['MAIL_ACC'][$key."@".$_GET['domain']] =
                       <label for="check<?php echo $i ?>" class="check-label"></label>
                     </div>
                   <div class="clearfix l-unit__stat-col--left wide-3"><b><?=$key."@".$_GET['domain']?></b></div>
+
+
+                  <div class="clearfix l-unit__stat-col--left text-right compact-3"><b>
+                    <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                      <!-- l-unit-toolbar__col -->
+                      <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                          <div class="actions-panel clearfix">
+                            <div class="actions-panel__col actions-panel__edit" key-action="href"><a href="http://webmail.<?=htmlspecialchars($_GET['domain'])?>/?_user=<?=$key?>@<?=htmlspecialchars($_GET['domain'])?>&&_action=login" target="_blank"><i class="fas fa-envelope-open-text status-icon-maroon status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__logs shortcut-enter" key-action="href"><a href="/edit/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></a></div>
+
+                            <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                              <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                                <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                                <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?php echo $key ?>&token=<?=$_SESSION['token']?>" />
+                                <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                              <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                                <input type="hidden" name="delete_url" value="/delete/mail/?domain=<?=htmlspecialchars($_GET['domain'])?>&account=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__('DELETE_MAIL_ACCOUNT_CONFIRMATION',$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+              
+                          </div>
+                          <!-- /.actiona-panel -->
+                        </div>
+
+                      <!-- END QUICK ACTION TOOLBAR AREA -->
+                  </b></div>
+
+
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_DISK'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?=__(humanize_usage_size($data[$key]['QUOTA'])) ?></b> <span class="text-small"><?=__(humanize_usage_measure($data[$key]['QUOTA'])) ?></span></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b>

+ 41 - 39
web/templates/admin/list_web.html

@@ -60,6 +60,7 @@
             <div class="l-unit__col l-unit__col--right step-top">
               <div style="margin-bottom: 40px;">
                   <div class="clearfix l-unit__stat-col--left wide-5"><b><?php print __('Domain');?></b></div>
+                  <div class="clearfix l-unit__stat-col--left text-right"><b>&nbsp;</b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('IP address');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Disk');?></b></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?php print __('Bandwidth');?></b></div>
@@ -135,52 +136,53 @@ id="web-unit-<?=$i?>"  sort-ip="<?=str_replace('.', '', $data[$key]['IP'])?>"
 sort-date="<?=strtotime($data[$key]['DATE'].' '.$data[$key]['TIME'])?>"
 sort-name="<?=$key?>"  sort-bandwidth="<?=$data[$key]['U_BANDWIDTH']?>" sort-disk="<?=$data[$key]['U_DISK']?>" sort-star="<? if($_SESSION['WEB'][$key] == 1) echo '1'; else echo '0';?>">
         <div class="l-unit-toolbar clearfix">
-
-          <!-- l-unit-toolbar__col -->
-          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
-            <div class="actions-panel clearfix">
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/web/?domain=<?=$key?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <div class="actions-panel__col actions-panel__logs shortcut-l" key-action="href"><a href="/list/web-log/?domain=<?php echo $key ?>&type=access#"><?=__('view logs')?> <i></i></a><span class="shortcut">&nbsp;L</span></div>
-              <? if (!empty($data[$key]['STATS'])) { ?>
-                  <div class="actions-panel__col actions-panel__logs shortcut-w" key-action="href"><a href="http://<?=$key?>/vstats/"  target="_blank"><?=__('open webstats')?> <i></i></a><span class="shortcut">&nbsp;W</span></div>
-              <? } ?>
-              <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
-                <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
-                  <?=__($spnd_action)?> <i class="do_<?=$spnd_action?>"></i>
-                  <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/web/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut">&nbsp;S</span>
-              </div>
-              <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
-                <a id="delete_link_<?=$i?>" class="data-controls do_delete">
-                  <?=__('delete')?> <i class="do_delete"></i>
-                  <input type="hidden" name="delete_url" value="/delete/web/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
-
-            </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
         </div>
-        <!-- /.l-unit-toolbar -->
-
-
-
-            <div class="l-unit__col l-unit__col--right">
+          <div class="l-unit__col l-unit__col--right">
                 <div style="margin-bottom: 50px;">
               <div class="clearfix l-unit__stat-col--left">
                 <input id="check<?=$i?>" class="ch-toggle" type="checkbox" name="domain[]" value="<?=$key?>">
                 <label for="check<?=$i?>" class="check-label"></label>
               </div>
                   <div class="clearfix l-unit__stat-col--left wide-5"><b><a href="/edit/web/?domain=<?=$key?>" alt="<?=__('Edit')?>"><?=$key?></a></b></div>
+                  <div class="clearfix l-unit__stat-col--left text-right"><b>
+                    <!-- START QUICK ACTION TOOLBAR AREA -->
+
+                      <!-- l-unit-toolbar__col -->
+                      <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
+                          <div class="actions-panel clearfix">
+                            <div class="actions-panel__col actions-panel__view" key-action="href"><a href="http://<?=$key?>/" target="_blank"><i class="fas fa-external-link-square-alt status-icon-lightblue status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="/edit/web/?domain=<?=$key?>"><i class="fas fa-pencil-alt status-icon-orange status-icon-dim"></i></div>
+                            <div class="actions-panel__col actions-panel__logs shortcut-l" key-action="href"><a href="/list/web-log/?domain=<?php echo $key ?>&type=access#"><i class="fas fa-binoculars status-icon-purple status-icon-dim"></i></a></div>
+                            <? if (!empty($data[$key]['STATS'])) { ?>
+                                <div class="actions-panel__col actions-panel__logs shortcut-w" key-action="href"><a href="http://<?=$key?>/vstats/"  target="_blank"><i class="fas fa-chart-bar status-icon-maroon status-icon-dim"></i></a></div>
+                            <? } ?>
+                            <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                              <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_<?=$spnd_action?>">
+                                <i class="fas fa-pause status-icon-highlight status-icon-dim do_<?=$spnd_action?>"></i>
+                                <input type="hidden" name="<?=$spnd_action?>_url" value="/<?=$spnd_action?>/web/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__($spnd_confirmation,$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                              <a id="delete_link_<?=$i?>" class="data-controls do_delete">
+                                <i class="fas fa-trash status-icon-red status-icon-dim do_delete"></i>
+                                <input type="hidden" name="delete_url" value="/delete/web/?domain=<?=$key?>&token=<?=$_SESSION['token']?>" />
+                                <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                                  <p class="confirmation"><?=__('DELETE_DOMAIN_CONFIRMATION',$key)?></p>
+                                </div>
+                              </a>
+                            </div>
+              
+                          </div>
+                          <!-- /.actiona-panel -->
+                        </div>
+                        <!-- l-unit-toolbar__col -->
+
+
+                      <!-- END QUICK ACTION TOOLBAR AREA -->
+                  </b></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><?=empty($ips[$data[$key]['IP']]['NAT']) ? $data[$key]['IP'] : "{$ips[$data[$key]['IP']]['NAT']}"; ?></div>
                   <div class="clearfix l-unit__stat-col--left text-center"><b><?=humanize_usage_size($data[$key]['U_DISK'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span></div>
                   <div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_BANDWIDTH'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_BANDWIDTH'])?></span></div>