From 995d07efc27d0d73974b0e566cf8bf6d34951c3a Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Thu, 25 Jan 2018 14:19:18 -0800
Subject: [PATCH] New job page components for parent jobs and batch jobs

---
 .../templates/components/job-page/batch.hbs   | 35 +++++++++++++++++++
 .../components/job-page/parameterized.hbs     | 32 +++++++++++++++++
 .../components/job-page/periodic.hbs          | 33 +++++++++++++++++
 3 files changed, 100 insertions(+)
 create mode 100644 ui/app/templates/components/job-page/batch.hbs
 create mode 100644 ui/app/templates/components/job-page/parameterized.hbs
 create mode 100644 ui/app/templates/components/job-page/periodic.hbs

diff --git a/ui/app/templates/components/job-page/batch.hbs b/ui/app/templates/components/job-page/batch.hbs
new file mode 100644
index 000000000..74b7f5c28
--- /dev/null
+++ b/ui/app/templates/components/job-page/batch.hbs
@@ -0,0 +1,35 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb index|}}
+    <li class="{{if (eq (inc index) breadcrumbs.length) "is-active"}}">
+      {{#link-to data-test-breadcrumb=breadcrumb.label params=breadcrumb.args}}{{breadcrumb.label}}{{/link-to}}
+    </li>
+  {{/each}}
+{{/global-header}}
+{{#job-page/parts/body job=job onNamespaceChange=onNamespaceChange}}
+  <h1 class="title">
+    {{job.name}}
+    <span class="bumper-left tag {{job.statusClass}}" data-test-job-status>{{job.status}}</span>
+  </h1>
+
+  <div class="boxed-section job-stats">
+    <div class="boxed-section-body">
+      <span data-test-job-stat="type"><strong>Type:</strong> {{job.type}} | </span>
+      <span data-test-job-stat="priority"><strong>Priority:</strong> {{job.priority}} </span>
+      {{#if (and job.namespace system.shouldShowNamespaces)}}
+        <span data-test-job-stat="namespace"> | <strong>Namespace:</strong> {{job.namespace.name}}</span>
+      {{/if}}
+    </div>
+  </div>
+
+  {{job-page/parts/summary job=job}}
+
+  {{job-page/parts/placement-failures job=job}}
+
+  {{job-page/parts/task-groups
+    job=job
+    sortProperty=sortProperty
+    sortDescending=sortDescending
+    gotoTaskGroup=gotoTaskGroup}}
+
+  {{job-page/parts/evaluations job=job}}
+{{/job-page/parts/body}}
diff --git a/ui/app/templates/components/job-page/parameterized.hbs b/ui/app/templates/components/job-page/parameterized.hbs
new file mode 100644
index 000000000..a8e3ed47f
--- /dev/null
+++ b/ui/app/templates/components/job-page/parameterized.hbs
@@ -0,0 +1,32 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb index|}}
+    <li class="{{if (eq (inc index) breadcrumbs.length) "is-active"}}">
+      {{#link-to data-test-breadcrumb=breadcrumb.label params=breadcrumb.args}}{{breadcrumb.label}}{{/link-to}}
+    </li>
+  {{/each}}
+{{/global-header}}
+{{#job-page/parts/body job=job onNamespaceChange=onNamespaceChange}}
+  <h1 class="title">
+    {{job.name}}
+    <span class="bumper-left tag {{job.statusClass}}" data-test-job-status>{{job.status}}</span>
+    <span class="tag is-hollow">Parameterized</span>
+  </h1>
+
+  <div class="boxed-section job-stats">
+    <div class="boxed-section-body">
+      <span data-test-job-stat="version"><strong>Version:</strong> {{job.version}} | </span>
+      <span data-test-job-stat="priority"><strong>Priority:</strong> {{job.priority}} </span>
+      {{#if (and job.namespace system.shouldShowNamespaces)}}
+        <span data-test-job-stat="namespace"> | <strong>Namespace:</strong> {{job.namespace.name}}</span>
+      {{/if}}
+    </div>
+  </div>
+
+  {{job-page/parts/summary job=job}}
+  {{job-page/parts/children
+    job=job
+    sortProperty=sortProperty
+    sortDescending=sortDescending
+    currentPage=currentPage
+    gotoJob=gotoJob}}
+{{/job-page/parts/body}}
diff --git a/ui/app/templates/components/job-page/periodic.hbs b/ui/app/templates/components/job-page/periodic.hbs
new file mode 100644
index 000000000..c172bc9c1
--- /dev/null
+++ b/ui/app/templates/components/job-page/periodic.hbs
@@ -0,0 +1,33 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb index|}}
+    <li class="{{if (eq (inc index) breadcrumbs.length) "is-active"}}">
+      {{#link-to data-test-breadcrumb=breadcrumb.label params=breadcrumb.args}}{{breadcrumb.label}}{{/link-to}}
+    </li>
+  {{/each}}
+{{/global-header}}
+{{#job-page/parts/body job=job onNamespaceChange=onNamespaceChange}}
+  <h1 class="title">
+    {{job.name}}
+    <span class="bumper-left tag {{job.statusClass}}" data-test-job-status>{{job.status}}</span>
+    <span class="tag is-hollow">periodic</span>
+  </h1>
+
+  <div class="boxed-section job-stats">
+    <div class="boxed-section-body">
+      <span data-test-job-stat="version"><strong>Version:</strong> {{job.version}} | </span>
+      <span data-test-job-stat="priority"><strong>Priority:</strong> {{job.priority}} </span>
+      {{#if (and job.namespace system.shouldShowNamespaces)}}
+        <span data-test-job-stat="namespace"> | <strong>Namespace:</strong> {{job.namespace.name}}</span>
+      {{/if}}
+      <span data-test-job-stat="cron"> | <strong>Cron:</strong> <code>{{job.periodicDetails.Spec}}</code></span>
+    </div>
+  </div>
+
+  {{job-page/parts/summary job=job}}
+  {{job-page/parts/children
+    job=job
+    sortProperty=sortProperty
+    sortDescending=sortDescending
+    currentPage=currentPage
+    gotoJob=gotoJob}}
+{{/job-page/parts/body}}