Update search page design for standard users

web/templates/user/list_search.html

@@ -1,199 +1,191 @@
-    <div class="l-center">
-      <div class="l-sort clearfix noselect">
-        <ul class="context-menu sort-order animated fadeIn" style="display:none;">
-          <li entity="sort-date" sort_as_int="1"><span class="name active"><?=__('Date')?></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
-          <li entity="sort-name"><span class="name"><?=__('Name')?></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
-          <li entity="sort-star" sort_as_int="1"><span class="name"><?=__('Starred')?></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
-        </ul>
-        <div class="l-sort-toolbar clearfix width-100p">
-          <span class="title edit display-inline-block float-left"><b><?=__('Search Results')?></b></span>
-          <table class="float-right">
-            <tr>
-              <td class="l-sort-toolbar__search-box">
-                <form action="/search/" method="get">
-                  <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
-                  <input type="text" name="q" class="search-input" value="<? echo isset($_POST['q']) ? htmlspecialchars($_POST['q']) : '' ?>" />
-                  <button type="submit" class="l-sort-toolbar__filter-apply" onclick="return doSearch('/search/')" value=""><i class="fas fa-search"></i></button>
-                </form>
-              </td>
-              <td class="sort-by">
-                <?=__('sort by');?>: <span><b><?=__('Date')?> <i class="fas fa-sort-amount-down"></i></b></span>
-              </td>
-            </tr>
-          </table>
-        </div>
+<div class="l-center">
+    <div class="l-sort clearfix noselect">
+      <div class="l-unit-toolbar__buttonstrip">
+        <a href="javascript:window.history.back();" class="ui-button cancel" title="<?=__('Back')?>"><i class="fas fa-arrow-left status-icon blue"></i> <?=__('Back')?></a>
+        <a href="javascript:location.reload();" class="ui-button cancel" title="<?=__('Refresh')?>"><i class="fas fa-sync status-icon green"></i> <?=__('Refresh')?></a>
+      </div>
+      <ul class="context-menu sort-order animated fadeIn" style="display:none;">
+        <li entity="sort-date" sort_as_int="1"><span class="name active"><?=__('Date')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
+        <li entity="sort-name"><span class="name"><?=__('Name')?> <i class="fas fa-sort-amount-down"></i></span><span class="up"><i class="fas fa-sort-amount-up"></i></span></li>
+      </ul>
+      <div class="l-sort-toolbar clearfix">
+        <table>
+          <tr>
+            <td class="sort-by">
+              <?=__('sort by');?>: <span><b><?=__('Date')?> <i class="fas fa-sort-amount-down"></i></b></span>
+            </td>
+            <td class="l-sort-toolbar__search-box">
+              <form action="/search/" method="get">
+                <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
+                <input type="text" name="q" class="search-input" value="<? echo isset($_POST['q']) ? htmlspecialchars($_POST['q']) : '' ?>" />
+                <button type="submit" class="l-sort-toolbar__filter-apply" onclick="return doSearch('/search/')" value=""><i class="fas fa-search"></i></button>
+              </form>
+            </td>
+          </tr>
+        </table>
       </div>
-      <!-- /.l-sort -->
     </div>
-
+  </div>
     <div class="l-separator"></div>
     <!-- /.l-separator -->
 
 
-
-
     <div class="l-center units animated fadeIn">
+        <div class="header table-header">     
+            <div class="l-unit__col l-unit__col--right step-top">
+                <div class="clearfix l-unit__stat-col--left super-compact">
+                    &nbsp;
+                </div> 
+              <div class="clearfix l-unit__stat-col--left wide-5"><b><?php print __('Search Results');?></b></div>
+              <div class="clearfix l-unit__stat-col--left compact-3"><b>&nbsp;</b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Date');?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Type');?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Owner');?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Status');?></b></div>
+            </div>
+          </div>
       <?
         foreach ($data as $key => $value) {
           ++$i;
           if ($value['SUSPENDED'] == 'yes') {
             $status = 'suspended';
-            $spnd_action = 'unsuspend' ;
+            $spnd_action = 'unsuspend';
           } else {
             $status = 'active';
             $spnd_action = 'suspend';
           }
-            if ($value['TYPE'] == 'db') {
+          if ($value['TYPE'] == 'db') {
             $object = 'database';
           } else {
-            $object = strtolower($value['TYPE']." ".$value['KEY']);
+            $object = strtolower($value['TYPE'] . ' ' . $value['KEY']);
           }
 
-          $uniq_id = $value['TYPE'].'-';
-          if($value['KEY'] == 'ACCOUNT'){
+          $uniq_id = $value['TYPE'] . '-';
+          if ($value['KEY'] == 'ACCOUNT'){
             $uniq_id .= 'acc-';
           }
           $uniq_id .= sha1($value['RESULT']);
         ?>
 
-      <div class="l-unit <? if($status == 'suspended') echo 'l-unit--suspended'; if($_COOKIE[$uniq_id] == 1) echo ' l-unit--starred';?>" id="web-unit-<?=$i?>" uniq-id="<?=$uniq_id?>" sort-date="<?=strtotime($value['DATE'].' '.$value['TIME'])?>" sort-name="<?=$value['RESULT']?>">
-        <div class="l-unit-toolbar clearfix">
-          <!--div class="l-unit-toolbar__col l-unit-toolbar__col--left">
-            <input id="check<?=$i?>" class="ch-toggle" type="checkbox" name="check" value="check<?=$i?>">
-            <label for="check<?=$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">
-
-            <?
-              if ($value['USER'] != $user && $value['KEY'] == 'ACCOUNT') {
-                if ($key == $user) {
-            ?>
-                  <div class="actions-panel__col actions-panel__loginas shortcut-l" key-action="href"><a href="/logout"><?=__('logout')?> <i></i></a><span class="shortcut">&nbsp;L</span></div>
-<?php
-                } else {
- ?>
-                  <div class="actions-panel__col actions-panel__loginas shortcut-l" key-action="href"><a href="/login/?loginas=<?=$data[$key]['USER']?>&token=<?=$_SESSION['token']?>"><?=__('login as')?> <i></i></a><span class="shortcut">&nbsp;L</span></div>
-            <?  }
-              }
-            ?>
-
-
-            <?
-              if ($value['KEY'] == 'RECORD') {
-                $edit_lnk = '/edit/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&record_id='.$value['LINK'].'&user='.$value['USER'];
-              }
-              if ($value['KEY'] == 'ACCOUNT') {
-                $edit_lnk = '/edit/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&account='.$value['LINK'].'&user='.$value['USER'];
-              }
-              if ($value['KEY'] == 'JOB') {
-                $edit_lnk = '/edit/'.$value['TYPE'].'/?job='.$value['LINK'].'&user='.$value['USER'];
-              }
-              if ($value['KEY'] == 'DATABASE') {
-                $edit_lnk = '/edit/'.$value['TYPE'].'/?database='.$value['RESULT'].'&user='.$value['USER'];
-              }
-              if (($value['KEY'] != 'RECORD') && ($value['KEY'] != 'ACCOUNT') && ($value['KEY'] != 'JOB') && ($value['KEY'] != 'DATABASE') ) {
-                $edit_lnk = '/edit/'.$value['TYPE'].'/?'.strtolower($value['KEY']).'='.$value['RESULT'].'&user='.$value['USER'];
-              }
-            ?>
-              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href"><a href="<?=$edit_lnk?>"><?=__('edit')?> <i></i></a><span class="shortcut enter">&nbsp;&#8629;</span></div>
-              <? if (!empty($value['STATS'])) { ?>
-                  <div class="actions-panel__col actions-panel__logs shortcut-w" key-action="href"><a href="http://<?=$value['RESULT']?>/vstats/"  target="_blank"><?=__('open webstats')?> <i></i></a><span class="shortcut">&nbsp;W</span></div>
-              <? } ?>
 
-              <?
+        <div class="l-unit <? if($status == 'suspended') echo 'l-unit--suspended'; if($_COOKIE[$uniq_id] == 1) echo ' l-unit--starred'; ?>" id="web-unit-<?=$i?>" uniq-id="<?=$uniq_id?>" sort-date="<?=strtotime($value['DATE'].' '.$value['TIME'])?>" sort-name="<?=$value['RESULT']?>" sort-type="<?=__($object)?>" sort-owner="<?=$value['USER']?>" sort-status="<?=$status?>">
+      
+      
+      <div class="l-unit__col l-unit__col--right">
+          <div class="clearfix l-unit__stat-col--left super-compact">
+              &nbsp;
+            </div>
+            <div class="clearfix l-unit__stat-col--left wide-5">
+                <!--<?
                 if ($value['KEY'] == 'RECORD') {
-                  $delete_lnk = '/delete/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&record_id='.$value['LINK'].'&user='.$value['USER'];
-                  $cnfrm = 'DELETE_RECORD_CONFIRMATION';
+                  $edit_lnk = '/edit/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&record_id='.$value['LINK'].'&user='.$value['USER'];
                 }
                 if ($value['KEY'] == 'ACCOUNT') {
-                  $delete_lnk = '/delete/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&account='.$value['LINK'].'&user='.$value['USER'];
-                  $cnfrm = 'DELETE_USER_CONFIRMATION';
+                  $edit_lnk = '/edit/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&account='.$value['LINK'].'&user='.$value['USER'];
                 }
                 if ($value['KEY'] == 'JOB') {
-                  $delete_lnk = '/delete/'.$value['TYPE'].'/?job='.$value['LINK'].'&user='.$value['USER'];
-                  $cnfrm = 'DELETE_CRON_CONFIRMATION';
+                  $edit_lnk = '/edit/'.$value['TYPE'].'/?job='.$value['LINK'].'&user='.$value['USER'];
                 }
                 if ($value['KEY'] == 'DATABASE') {
-                  $delete_lnk = '/delete/'.$value['TYPE'].'/?database='.$value['RESULT'].'&user='.$value['USER'];
-                  $cnfrm = 'DELETE_DATABASE_CONFIRMATION';
+                  $edit_lnk = '/edit/'.$value['TYPE'].'/?database='.$value['RESULT'].'&user='.$value['USER'];
                 }
                 if (($value['KEY'] != 'RECORD') && ($value['KEY'] != 'ACCOUNT') && ($value['KEY'] != 'JOB') && ($value['KEY'] != 'DATABASE') ) {
-                  $delete_lnk = '/delete/'.$value['TYPE'].'/?'.strtolower($value['KEY']).'='.$value['RESULT'].'&user='.$value['USER'];
-                  $cnfrm = 'DELETE_DOMAIN_CONFIRMATION';
+                  $edit_lnk = '/edit/'.$value['TYPE'].'/?'.strtolower($value['KEY']).'='.$value['RESULT'].'&user='.$value['USER'];
                 }
-              ?>
-              <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_lnk?>&token=<?=$_SESSION['token']?>" />
-                  <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
-                    <p class="confirmation"><?=__($cnfrm, $value['RESULT'])?></p>
-                  </div>
-                </a>
-                <span class="shortcut delete">&nbsp;Del</span>
-              </div>
+              ?>-->
+              <b>
+                <?=$value['RESULT']?>
+              </b>
             </div>
-            <!-- /.actiona-panel -->
-          </div>
-          <!-- l-unit-toolbar__col -->
-        </div>
-        <!-- /.l-unit-toolbar -->
-
-        <div class="l-unit__col l-unit__col--left clearfix">
-          <div class="l-unit__date" u_date="<?=strtotime($value['DATE'])?>">
-            <?=translate_date($value['DATE'])?>
-          </div>
-          <div class="l-unit__suspended"><?__('suspended')?></div>
-          <div class="text-center">
-            <i class="l-icon-star" title="<?=__('save to favorites')?>"></i>
-          </div>
-        </div>
-        <!-- /.l-unit__col -->
-        <div class="l-unit__col l-unit__col--right">
-          <div class="l-unit__name separate" u_name="<?=$value['RESULT']?>">
-            <?=$value['RESULT']?> <span><?=str_replace(',', ', ', $value['ALIAS'])?></span>
-          </div>
-          <!-- /.l-unit__name -->
-          <div class="l-unit__stats">
-            <table>
-              <tr>
-                <td>
-                  <div class="l-unit__stat-cols clearfix">
-                    <div class="l-unit__stat-col l-unit__stat-col--left uppercase"><?=__($object)?></div>
-                  </div>
-                </td>
-                <td>
-                  <div class="l-unit__stat-cols clearfix">
-                    <div class="l-unit__stat-col l-unit__stat-col--left"><?=__('Owner')?>:</div>
-                    <div class="l-unit__stat-col l-unit__stat-col--right">
-                      <b><?=$value['USER']?></b>
+             
+            <div class="clearfix l-unit__stat-col--left text-right compact-3">
+              &nbsp;
+              <!--
+                  <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_lnk?>"><i class="fas fa-pencil-alt status-icon orange status-icon dim"></i></a>
+                        </div>
+                        <? if (!empty($value['STATS'])) { ?>
+                          <div class="actions-panel__col actions-panel__logs shortcut-w" key-action="href"><a href="http://<?=$value['RESULT']?>/vstats/"  target="_blank"><i class="fas fa-binoculars status-icon purple status-icon dim"></i></div>
+                        <? } ?>
+                        <div class="actions-panel__col actions-panel__suspend shortcut-s" key-action="js">
+                            <?
+                            if ($value['KEY'] == 'RECORD') {
+                              $spnd_lnk = '/'.$spnd_action.'/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&record_id='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'SUSPEND_RECORD_CONFIRMATION';
+                            }
+                            if ($value['KEY'] == 'ACCOUNT') {
+                              $spnd_lnk = '/'.$spnd_action.'/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&account='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'SUSPEND_USER_CONFIRMATION';
+                            }
+                            if ($value['KEY'] == 'JOB') {
+                              $spnd_lnk = '/'.$spnd_action.'/'.$value['TYPE'].'/?job='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'SUSPEND_CRON_CONFIRMATION';
+                            }
+                              if ($value['KEY'] == 'DATABASE') {
+                              $spnd_lnk = '/'.$spnd_action.'/'.$value['TYPE'].'/?database='.$value['RESULT'].'&user='.$value['USER'];
+                              $cnfrm = 'SUSPEND_DATABASE_CONFIRMATION';
+                            }
+                            if (($value['KEY'] != 'RECORD') && ($value['KEY'] != 'ACCOUNT') && ($value['KEY'] != 'JOB') && ($value['KEY'] != 'DATABASE') ) {
+                              $spnd_lnk = '/'.$spnd_action.'/'.$value['TYPE'].'/?'.strtolower($value['KEY']).'='.$value['RESULT'].'&user='.$value['USER'];
+                              $cnfrm = 'SUSPEND_DOMAIN_CONFIRMATION';
+                            }
+                          ?>
+                          <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_lnk?>&token=<?=$_SESSION['token']?>" />
+                            <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-suspention hidden" title="<?=__('Confirmation')?>">
+                              <p class="confirmation"><?=__($cnfrm, $value['RESULT'])?></p>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="actions-panel__col actions-panel__delete shortcut-delete" key-action="js">
+                          <?
+                            if ($value['KEY'] == 'RECORD') {
+                              $delete_lnk = '/delete/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&record_id='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'DELETE_RECORD_CONFIRMATION';
+                            }
+                            if ($value['KEY'] == 'ACCOUNT') {
+                              $delete_lnk = '/delete/'.$value['TYPE'].'/?domain='.$value['PARENT'].'&account='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'DELETE_USER_CONFIRMATION';
+                            }
+                            if ($value['KEY'] == 'JOB') {
+                              $delete_lnk = '/delete/'.$value['TYPE'].'/?job='.$value['LINK'].'&user='.$value['USER'];
+                              $cnfrm = 'DELETE_CRON_CONFIRMATION';
+                            }
+                            if ($value['KEY'] == 'DATABASE') {
+                              $delete_lnk = '/delete/'.$value['TYPE'].'/?database='.$value['RESULT'].'&user='.$value['USER'];
+                              $cnfrm = 'DELETE_DATABASE_CONFIRMATION';
+                            }
+                            if (($value['KEY'] != 'RECORD') && ($value['KEY'] != 'ACCOUNT') && ($value['KEY'] != 'JOB') && ($value['KEY'] != 'DATABASE') ) {
+                              $delete_lnk = '/delete/'.$value['TYPE'].'/?'.strtolower($value['KEY']).'='.$value['RESULT'].'&user='.$value['USER'];
+                              $cnfrm = 'DELETE_DOMAIN_CONFIRMATION';
+                            }
+                          ?>
+                          <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_lnk?>&token=<?=$_SESSION['token']?>" />
+                            <div id="delete_dialog_<?=$i?>" class="confirmation-text-delete hidden" title="<?=__('Confirmation')?>">
+                              <p class="confirmation"><?=__($cnfrm, $value['RESULT'])?></p>
+                            </div>
+                          </a>
+                         </div>
+          
+                       </div>
                     </div>
-                  </div>
-                </td>
-                <td>
-                  <div class="l-unit__stat-cols clearfix last">
-                    <div class="l-unit__stat-col l-unit__stat-col--left"><?=__('Status')?>:</div>
-                    <div class="l-unit__stat-col l-unit__stat-col--right">
-                      <b><?=__($status)?></b>
-                    </div>
-                  </div>
-                </td>
-              </tr>
-            </table>
-          </div>
-          <!-- /.l-unit__stats -->
+                    END QUICK ACTION TOOLBAR AREA -->
+              </div>
+              
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?=translate_date($value['DATE'])?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?=__($object)?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?=$value['USER']?></b></div>
+              <div class="clearfix l-unit__stat-col--left text-center"><b><?=__($status)?></b></div>
+            </div>
         </div>
-        <!-- /.l-unit__col -->
-      </div>
-      <!-- /.l-unit -->
-      <!--div class="l-separator"></div-->
-      <!-- /.l-separator -->
+    
       <?}?>
-
-    </div>
-
+      </div>
 
     <div id="vstobjects">
       <div class="l-separator"></div>