strong-arc/client/www/scripts/modules/pm/templates/pm.processes.html

A visual suite for the StrongLoop API Platform

<div class="sl-profiler-processes" ng-show="processes.length">
  <div class="pull-right" ng-show="multiple">
    <button ng-click="selectAll()" class="ui-btn small accessory"
      ng-show="selectCount < processes.length">
      Select All
    </button>
    <button ng-click="deselectAll()" class="ui-btn small accessory"
      ng-show="selectCount === processes.length">
      Deselect All
    </button>
  </div>
  <span class="title">Processes</span>
  <div class="loading"
       sl-common-loading-indicator
       size="small"
       ng-show="isShowPidDisplaySpinner()"></div>
  <ul>
    <li ng-repeat="process in processes | filter:processHidden | limitTo:8"
            class="process"
            ng-class="{ active: isActive(process) }"
            ng-click="toggleSelect(process)">
      <div class="pid">{{process.pid}}</div>
      <div class="status" ng-class="process.status.toLowerCase()">{{process.status}}</div>
    </li>
  </ul>

  <div class="sl-select-more" ng-show="processes.length > 8">
    <div class="sl-ui-select more"
         data-ui-type="select"
         ng-class="{ open: isOpen }"
         ng-mouseleave="hideMenu()">
            <span class="selected"
                  ng-class="{ 'selected-item': isProcessFromMore }"
                  data-id="{{activeProcess.processId}}"
                  ng-click="isOpen = !isOpen">
              <span ng-show="activeProcess && isProcessFromMore">
                {{activeProcess.pid}}
                {{activeProcess.status}}
              </span>
              <span ng-hide="isProcessFromMore">
                More
              </span>
              <i class="sl-icon sl-icon-chevron-down"></i>
            </span>
      <ul ng-class="{ hide: !isOpen }">
        <li ng-repeat="process in processes | offset:8">
          <a href
             data-id="{{process.pid}}"
             ng-click="setActiveProcess(process, true); hideMenu()"
             ng-class="{ selected: activeProcess.pid == process.pid }">
            {{process.pid}}
            {{process.status}}
            <i class="sl-icon sl-icon-checkmark" ng-show="activeProcess.pid == process.pid"></i>
          </a>
        </li>
      </ul>
    </div>
  </div>

  <div class="sl-profiler-status"
       ng-show="activeProcess.status == 'Saving' || activeProcess.status == 'Profiling'">
    <div sl-common-loading-indicator size="small"></div>
  </div>
</div>