Clients.html

<div class="row">
  <h1 translate lib="web">clients</h1>
</div>
<div class="row">
  <div class="col-md-6">
  </div>
  <div class=" col-md-6 text-right">
    <em class="fas fa-cog fa-spin" ng-show="ctrl.loading==true" title="Hang on, loading data"></em>
    <!-- <em class="fas fa-cog" ng-show="ctrl.loading!=true" title="I spin, while loading data"></em> -->
    <input type="checkbox" ng-model="ctrl.showinactive" ng-change="ctrl.loadData()"> <span translate lib="web"
      ng-click="ctrl.showinactive = !ctrl.showinactive; ctrl.loadData()">showinactive</span>
    <input type="radio" name="show" value="openrpa" ng-model="ctrl.show" ng-change="ctrl.loadData()"> <span translate
      lib="web" ng-click="ctrl.show = 'openrpa'; ctrl.loadData()">openrpa</span>
    <input type="radio" name="show" value="nodered" ng-model="ctrl.show" ng-change="ctrl.loadData()"> <span translate
      lib="web" ng-click="ctrl.show = 'nodered'; ctrl.loadData()">nodered</span>
    <input type="radio" name="show" value="webapp" ng-model="ctrl.show" ng-change="ctrl.loadData()"> <span translate
      lib="web" ng-click="ctrl.show = 'webapp'; ctrl.loadData()">web</span>
    <input type="radio" name="show" value="all" ng-model="ctrl.show" ng-change="ctrl.loadData()"> <span translate
      lib="web" ng-click="ctrl.show = 'all'; ctrl.loadData()">showall</span>
  </div>
</div>
<div ng-show="ctrl.errormessage != ''"" class=" alert alert-danger" role="alert">{{ctrl.errormessage}}</div>
<table id="table1" class="table table-striped table-hover table-sm" when-scrolled="ctrl.more()" style="width: 100%;">
  <thead class="thead-dark">
    <tr>
      <th scope="col" ng-click="ctrl.ToggleOrder('name')"><b translate lib="web">name</b></th>
      <th scope="col" ng-click="ctrl.ToggleOrder('_rpaheartbeat')"><b translate lib="web">robot</b></th>
      <th scope="col" ng-click="ctrl.ToggleOrder('_noderedheartbeat')"><b translate lib="web">nodered</b></th>
      <th scope="col" ng-click="ctrl.ToggleOrder('_webheartbeat')"><b translate lib="web">web</b></th>
      <th scope="col" ng-click="ctrl.ToggleOrder('_lastopenrpaclientversion')"><b translate
          lib="web">lastclientversion</b>
      </th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="model in ctrl.models">
      <td>{{model.name}}</td>
      <td>
        <timesince ng-model="model._rpaheartbeat" />
      </td>
      <td>
        <timesince ng-model="model._noderedheartbeat" />
      </td>
      <td>
        <timesince ng-model="model._webheartbeat" />
      </td>
      <td>
        <div ng-show="ctrl.show == 'openrpa'">{{model._lastopenrpaclientversion}}</div>
        <div ng-show="ctrl.show == 'nodered'">{{model._lastnoderedclientversion}}</div>
        <div ng-show="ctrl.show == 'webapp'">{{model._lastwebappclientversion}}</div>
        <div ng-show="ctrl.show == 'all'">{{model._lastclientversion}}</div>
      </td>
      <td>
        <a href ng-click="ctrl.ShowWorkflows(model)" class="btn">workflows</a>
        <a ng-href ng-click="model._id == ctrl.WebSocketClientService.user._id || ctrl.Impersonate(model)" class="btn"
          ng-class="{disabled: model._id == ctrl.WebSocketClientService.user._id}">
          <em class="fas fa-user-secret"></em></a>
        <a href ng-click="model.hasnodered!=true || ctrl.OpenNodered(model)" ng-disabled="model.hasnodered==true"
          class="btn" ng-class="{disabled: model.hasnodered!=true}">
          <em class="fas fa-project-diagram"></em></a>
        <a ng-href="#/Payment/{{model._id}}" class="btn" ng-disabled=""
          ng-class="{disabled: !(menuctrl.WebSocketClientService.stripe_api_key != '' && menuctrl.hasrole('admins') && model._hasbilling == true)}">
          <em class="fas fa-money-bill-wave"></em></a>
        <a ng-href="#/Nodered/{{model._id}}" class="btn" ng-disabled=""
          ng-class="{disabled: menuctrl.WebSocketClientService.allow_personal_nodered != true}">
          <em class="fas fa-tools"></em></a>
        <a ng-href="#/Entity/{{ctrl.collection}}/{{model._id}}" class="btn">
          <em class="fas fa-edit"></em></a>
      </td>
    </tr>
  </tbody>
</table>