Merge branch 'hotfix/0.10.3'

Author: jamescdavis

addon/components/maintenance-banner/component.js

@@ -0,0 +1,55 @@
+import Ember from 'ember';
+import layout from './template';
+import config from 'ember-get-config';
+
+const levelMap = {
+    1: 'info',
+    2: 'warning',
+    3: 'danger'
+};
+
+export default Ember.Component.extend({
+    layout,
+    classNames: ['alert', 'alert-dismissible', 'alert-maintenance'],
+    classNameBindings: ['alertClass'],
+
+    attributeBindings: [
+        'hidden'
+    ],
+
+    hidden: 'true',
+
+    alertClass: 'alert-info',
+
+    maintenance: {
+        start: new Date(),
+        end: new Date(),
+    },
+
+    init() {
+        this._super(...arguments);
+
+        if (!sessionStorage.getItem('maintenance-dismissed')) {
+            Ember.$.ajax({
+                url: `${config.OSF.apiUrl}/v2/status/`,
+                crossDomain: true
+            })
+                .then(({maintenance}) => {
+                    if (maintenance) {
+                        this.setProperties({
+                            hidden: false,
+                            maintenance
+                        });
+                        this.set('alertClass', `alert-${levelMap[maintenance.level] || 'info'}`);
+                    }
+                });
+        }
+    },
+
+    actions: {
+        dismiss() {
+            sessionStorage.setItem('maintenance-dismissed', true);
+            this.set('hidden', true);
+        }
+    }
+});

addon/components/maintenance-banner/template.hbs

@@ -0,0 +1,18 @@
+<button type="button" class="close" data-dismiss="alert" aria-label="Close" {{action 'dismiss'}}>
+    <span aria-hidden="true">&times;</span>
+</button>
+<strong>Notice:</strong>
+<span>
+    {{#if maintenance.message}}
+        {{maintenance.message}}
+    {{else}}
+        The site will undergo maintenance between
+        <strong>
+            <time>{{moment-format maintenance.start 'lll'}}</time>
+            and
+            <time>{{moment-format maintenance.end 'lll'}}</time>
+        </strong>
+        ({{moment-format maintenance.start 'ZZ'}} UTC).
+        Thank you for your patience.
+    {{/if}}
+</span>

app/components/maintenance-banner/component.js

@@ -0,0 +1 @@
+export { default } from 'ember-osf/components/maintenance-banner/component';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centerforopenscience/ember-osf",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "Reusable ember models and components for interacting with the Open Science Framework",
   "directories": {
     "doc": "docs",

tests/integration/components/maintenance-banner/component-test.js

@@ -0,0 +1,16 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('maintenance-banner', 'Integration | Component | maintenance banner', {
+  integration: true
+});
+
+test('it renders', function(assert) {
+
+  // Set any properties with this.set('myProperty', 'value');
+  // Handle any actions with this.on('myAction', function(val) { ... });
+
+  this.render(hbs`{{maintenance-banner}}`);
+
+  assert.equal(this.$().text().trim(), '');
+});