<kubernetes-view-header title="Application list" state="kubernetes.applications" view-ready="ctrl.state.viewReady">
  Applications
</kubernetes-view-header>

<kubernetes-view-loading view-ready="ctrl.state.viewReady"></kubernetes-view-loading>

<div ng-if="ctrl.state.viewReady">
  <div ng-include="'app/kubernetes/templates/advancedDeploymentPanel.html'"></div>

  <div class="row">
    <div class="col-sm-12" data-cy="k8sApp-appList">
      <rd-widget>
        <rd-widget-body classes="no-padding">
          <uib-tabset active="ctrl.state.activeTab" justified="true" type="pills">
            <uib-tab index="0" classes="btn-sm" select="ctrl.selectTab(0)">
              <uib-tab-heading> <i class="fa fa-laptop-code space-right" aria-hidden="true"></i> Applications </uib-tab-heading>
              <kubernetes-applications-datatable
                dataset="ctrl.applications"
                table-key="kubernetes.applications"
                order-by="Name"
                remove-action="ctrl.removeAction"
                refresh-callback="ctrl.getApplications"
                on-publishing-mode-click="(ctrl.onPublishingModeClick)"
              >
              </kubernetes-applications-datatable>
            </uib-tab>
            <uib-tab index="1" classes="btn-sm" select="ctrl.selectTab(1)">
              <uib-tab-heading> <i class="fa fa-exchange-alt space-right" aria-hidden="true"></i> Port mappings </uib-tab-heading>
              <kubernetes-applications-ports-datatable dataset="ctrl.ports" table-key="kubernetes.applications.ports" order-by="Name" refresh-callback="ctrl.getApplications">
              </kubernetes-applications-ports-datatable>
            </uib-tab>
            <uib-tab index="2" classes="btn-sm" select="ctrl.selectTab(2)">
              <uib-tab-heading> <i class="fa fa-th-list space-right" aria-hidden="true"></i> Stacks </uib-tab-heading>
              <kubernetes-applications-stacks-datatable
                dataset="ctrl.stacks"
                table-key="kubernetes.applications.stacks"
                order-by="Name"
                refresh-callback="ctrl.getApplications"
                remove-action="ctrl.removeStacksAction"
              >
              </kubernetes-applications-stacks-datatable>
            </uib-tab>
          </uib-tabset>
        </rd-widget-body>
      </rd-widget>
    </div>
  </div>
</div>
