Loading templates in places

ui/app/controllers/jobs/job/loading.js

@@ -0,0 +1,8 @@
+import Ember from 'ember';
+
+const { Controller, computed, inject } = Ember;
+
+export default Controller.extend({
+  jobController: inject.controller('jobs.job'),
+  breadcrumbs: computed.alias('jobController.breadcrumbs'),
+});

ui/app/templates/jobs/job/loading.hbs

@@ -0,0 +1,9 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb|}}
+    <a href="{{href-to-spread breadcrumb.args}}" class="breadcrumb">{{breadcrumb.label}}</a>
+  {{/each}}
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  {{partial "jobs/job/subnav"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}

ui/app/templates/jobs/loading.hbs

@@ -0,0 +1,6 @@
+{{#global-header class="page-header"}}
+  Jobs
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}

ui/app/templates/loading.hbs

@@ -0,0 +1,7 @@
+<div class="page-layout">
+  {{#global-header class="page-header"}}
+  {{/global-header}}
+  {{#gutter-menu class="page-body"}}
+    <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+  {{/gutter-menu}}
+</div>

ui/app/templates/nodes/loading.hbs

@@ -0,0 +1,6 @@
+{{#global-header class="page-header"}}
+  Nodes
+{{/global-header}}
+{{#gutter-menu class="page-body"}}
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>
+{{/gutter-menu}}

ui/app/templates/servers/loading.hbs

@@ -0,0 +1 @@
+  <section class="section has-text-centered">{{partial "partials/loading-spinner"}}</section>