From 67df4dd304cae22b33e4260ccfb899de5c07cf42 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Thu, 19 Apr 2018 10:16:58 -0700
Subject: [PATCH] Common error component for job pages

---
 ui/app/components/job-page/parts/error.js           |  8 ++++++++
 .../templates/components/job-page/parts/error.hbs   | 13 +++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 ui/app/components/job-page/parts/error.js
 create mode 100644 ui/app/templates/components/job-page/parts/error.hbs

diff --git a/ui/app/components/job-page/parts/error.js b/ui/app/components/job-page/parts/error.js
new file mode 100644
index 000000000..241bb1662
--- /dev/null
+++ b/ui/app/components/job-page/parts/error.js
@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: '',
+
+  errorMessage: null,
+  onDismiss() {},
+});
diff --git a/ui/app/templates/components/job-page/parts/error.hbs b/ui/app/templates/components/job-page/parts/error.hbs
new file mode 100644
index 000000000..168e2979c
--- /dev/null
+++ b/ui/app/templates/components/job-page/parts/error.hbs
@@ -0,0 +1,13 @@
+{{#if errorMessage}}
+  <div class="notification is-danger">
+    <div class="columns">
+      <div class="column">
+        <h3 data-test-force-error-title class="title is-4">{{errorMessage.title}}</h3>
+        <p data-test-force-error-body>{{errorMessage.description}}</p>
+      </div>
+      <div class="column is-centered is-minimum">
+        <button data-test-force-error-close class="button is-danger" onclick={{action onDismiss}}>Okay</button>
+      </div>
+    </div>
+  </div>
+{{/if}}