hestiacp/web/templates/admin/list_services.html

    <div class="l-center">
      <div class="l-sort clearfix noselect">
        <div class="l-unit-toolbar__buttonstrip">
          <a href="/edit/server/" class="ui-button cancel" dir="ltr"><i class="fas fa-cog status-icon maroon"></i><?=_('Configure')?></a>
          <a href="/list/rrd/" class="ui-button cancel" dir="ltr"><i class="fas fa-chart-area status-icon green"></i><?=_('Graphs')?></a>
          <a href="/list/ip/" class="ui-button cancel" dir="ltr"><i class="fas fa-ethernet status-icon blue"></i><?=_('IP')?></a>
          <?php if ((isset($_SESSION['FIREWALL_SYSTEM'])) && (!empty($_SESSION['FIREWALL_SYSTEM']))) {?><a href="/list/firewall/" class="ui-button cancel" dir="ltr"><i class="fas fa-shield-alt status-icon red"></i><?=_('Firewall')?></a><?php }?>
          <a href="/list/updates/" class="ui-button cancel" dir="ltr"><i class="fas fa-sync status-icon green"></i><?=_('Updates')?></a>
          <div class="actions-panel display-inline-block" key-action="js">
              <a class="data-controls do_servicerestart ui-button danger cancel">
                <i class="do_servicerestart fas fa-undo status-icon red"></i><?=_('Restart')?>
                <input type="hidden" name="servicerestart_url" value="/restart/system/?hostname=<?php echo $sys['sysinfo']['HOSTNAME'] ?>&token=<?=$_SESSION['token']?>&system_reset_token=<?php echo time(); ?>" />
                  <div class="confirmation-text-servicerestart hidden" title="<?=_('Confirmation')?>">
                    <p class="confirmation"><?php print sprintf(_('RESTART_CONFIRMATION'), 'Server')?></p>
                  </div>
              </a>
          </div>
        </div>
        <div class="l-sort-toolbar clearfix">
          <table>
            <tr>
              <td>
                <form action="/bulk/service/" method="post" id="objects">
                <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
                <div class="l-select">
                    <select class="" name="action">
                      <option value=""><?php print _('apply to selected');?></option>
                      <option value="stop"><?php print _('stop');?></option>
                      <option value="start"><?php print _('start');?></option>
                      <option value="restart"><?php print _('restart');?></option>
                    </select>
                </div>
                <button type="submit" class="l-sort-toolbar__filter-apply" value="" title="<?=_('apply to selected')?>"><i class="fas fa-arrow-right"></i></button>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>

    <div class="l-separator"></div>
  
    <div class="l-center units">

      <div class="">
        <div class="l-unit__col l-unit__col--right server-info">
          <div class="icon-server-info"><i class="fas fa-server"></i></div>
          <div class="l-unit__servername separate server-info-name"><?=$sys['sysinfo']['HOSTNAME']?></div>
          <div class="server-info-data">
            <table class="text-small">
               <tr>
               <td>
                  <div class="l-unit__stat-cols clearfix">
                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><b><?=_('Hestia Control Panel')?>:</b></div>
                    <div class="l-unit__stat-col l-unit__stat-col--right">
                      <? if($sys['sysinfo']['RELEASE'] != 'release') { ?>
                        <i class="fas fa-flask icon-large status-icon red" title="<?php echo $sys['sysinfo']['RELEASE'];?>"></i>
                      <? } ?>
                      <? if($sys['sysinfo']['RELEASE'] == 'release') { ?>
                        <i class="fas fa-cube icon-large status-icon" title="<?=_('Production release')?>"></i>
                      <? } ?>
                      &nbsp;v<?=$sys['sysinfo']['HESTIA']?></div>
                  </div>
                </td>
                <td>
                  <div class="l-unit__stat-cols clearfix">
                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><b><?=_('Operating System')?>:</b></div>
                    <div class="l-unit__stat-col l-unit__stat-col--right"><?=$sys['sysinfo']['OS']?> <?=$sys['sysinfo']['VERSION']?> (<?=$sys['sysinfo']['ARCH']?>)</div>
                  </div>
                </td>
                <td>
                  <div class="l-unit__stat-cols clearfix">
                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><b><?=_('Load Average')?>:</b></div>
                    <div class="l-unit__stat-col l-unit__stat-col--right"><?=$sys['sysinfo']['LOADAVERAGE']?></div>
                  </div>
                </td>
                <td>
                  <div class="l-unit__stat-cols clearfix last">
                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><b><?=_('Uptime')?>:</b></div>
                    <div class="l-unit__stat-col l-unit__stat-col--right"><?=humanize_time($sys['sysinfo']['UPTIME'])?></div>
                  </div>
                </td>
              </tr>
             </table>
           </div>
         </div>
      </div>

      <div class="table-header"> 
        <div class="l-unit__col l-unit__col--right">
        <div class="clearfix l-unit__stat-col--left super-compact">
          <input id="toggle-all" type="checkbox" name="toggle-all" value="toggle-all" title="<?=_('Select all')?>" onChange="checkedAll('objects');">
        </div>
                    
        <div class="clearfix l-unit__stat-col--left wide-2"><b><?php print _('Service');?></b></div>
        <div class="clearfix l-unit__stat-col--left text-right compact-2">&nbsp;</div>
        <div class="clearfix l-unit__stat-col--left wide-3"><b><?php print _('Description');?></b></div>
        <div class="clearfix l-unit__stat-col--left text-center"><b><?php print _('Uptime');?></b></div>
        <div class="clearfix l-unit__stat-col--left text-center"><b><?php print _('CPU');?></b></div>
        <div class="clearfix l-unit__stat-col--left text-center"><b><?php print _('Memory');?></b></div>
      </div>
    </div>

      <?php
        foreach ($data as $key => $value) {
        ++$i;
          if ($data[$key]['STATE'] == 'running') {
            $status = 'active';
            $action = 'stop';
            $spnd_icon = 'fa-stop';
          } else {
            $status = 'suspended';
            $action = 'start';
            $spnd_icon = 'fa-play';
          }

          $cpu = $data[$key]['CPU'] / 10;
          $cpu = number_format($cpu, 1);
          if ($cpu == '0.0')  $cpu = 0;
      ?>

        <div class="l-unit <? if($status == 'suspended') echo 'l-unit--suspended';?> animated fadeIn">
          <div class="l-unit__col l-unit__col--right">
          <div class="clearfix l-unit__stat-col--left super-compact">
            <input id="check<?php echo $i ?>" class="ch-toggle" type="checkbox" title="<?=_('Select')?>" name="service[]" value="<?php echo $key ?>">
          </div>
          <div class="clearfix l-unit__stat-col--left wide-2">
            <? if($data[$key]['STATE'] == 'running'){ ?>
                <i class="fas fa-check-circle status-icon green icon-pad-right"></i>
            <? } else {?>
                <i class="fas fa-minus-circle status-icon red icon-pad-right"></i>
            <? } ?>
            <b><a href="/edit/server/<? echo $key ?>/" title="<?=_('edit')?>: <?=$key?>"><?=$key?></a></b>
          </div>
          <div class="clearfix l-unit__stat-col--left text-center compact-2">
            <div class="actions-panel clearfix">
              <div class="actions-panel__col actions-panel__edit shortcut-enter" key-action="href">
                  <a href="/edit/server/<? echo $key ?>/" title="<?=_('edit')?>"><i class="fas fa-pencil-alt status-icon orange status-icon dim icon-large"></i></a>
              </div>
              <div class="actions-panel__col actions-panel__stop shortcut-s" key-action="js">
                  <a id="<?=$spnd_action ?>_link_<?=$i?>" class="data-controls do_servicerestart" title="<?=_('restart')?>">
                    <i class="do_servicerestart data-controls fas fa-undo status-icon highlight status-icon dim icon-large"></i>
                  <input type="hidden" name="servicerestart_url" value="/restart/service/?srv=<?=$key?>&token=<?=$_SESSION['token']?>" />
                  <div id="<?=$spnd_action?>_dialog_<?=$i?>" class="confirmation-text-servicerestart hidden" title="<?=_('Confirmation')?>">
                    <p class="confirmation"><?php print sprintf(_('RESTART_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_servicestop" title="<?=_($action)?>">
                  <i class="do_servicestop fas <?=$spnd_icon?> status-icon red status-icon dim icon-large"></i>
                  <input type="hidden" name="servicestop_url" value="/<?php echo $action ?>/service/?srv=<?=$key?>&token=<?=$_SESSION['token']?>" />
                    <div id="delete_dialog_<?=$i?>" class="confirmation-text-servicestop hidden" title="<?=_('Confirmation')?>">
                      <p class="confirmation"><?php if($action == 'stop'){ echo sprintf(_('Are you sure you want to stop service'),$key); }else{ echo sprintf(_('Are you sure you want to start service'),$key); }?></p>
                    </div>
                </a>
              </div>
            </div>
          </div>
          <div class="clearfix l-unit__stat-col--left wide-3"><?=_($data[$key]['SYSTEM'])?></div>
          <div class="clearfix l-unit__stat-col--left text-center"><b><?=humanize_time($data[$key]['RTIME'])?></b></div>
          <div class="clearfix l-unit__stat-col--left text-center"><b><?=$cpu?></b></div>
          <div class="clearfix l-unit__stat-col--left text-center"><b><?=$data[$key]['MEM']?> <?=_('mb')?></b></div>
        </div>
      </div>
      <?}?>
    </div>

    <div id="vstobjects">
      <div class="l-separator visible"></div>
      <div class="l-center">
        <div class="l-unit-ft">
          <div class="l-unit__col l-unit__col--left clearfix"></div>
          <div class="data-count l-unit__col l-unit__col--right clearfix"></div>
        </div>
    </div>
  </div>