Set up responsive admin layout

framework/core/ember/common/app/components/application/back-button.js

@@ -0,0 +1,43 @@
+import Ember from 'ember';
+
+/**
+  The back/pin button group in the top-left corner of Flarum's interface.
+ */
+export default Ember.Component.extend({
+  classNames: ['back-button'],
+  classNameBindings: ['active', 'className'],
+
+  active: Ember.computed.or('target.paneIsShowing', 'target.paneIsPinned'),
+
+  mouseEnter: function() {
+    var target = this.get('target');
+    if (target) {
+      target.send('showPane');
+    }
+  },
+
+  mouseLeave: function() {
+    var target = this.get('target');
+    if (target) {
+      target.send('hidePane');
+    }
+  },
+
+  actions: {
+    // WE HAVE TO GO BACK. WAAAAAALLLLLLTTTTT
+    back: function() {
+      this.sendAction('goBack');
+    },
+
+    togglePinned: function() {
+      var target = this.get('target');
+      if (target) {
+        target.send('togglePinned');
+      }
+    },
+
+    toggleDrawer: function() {
+      this.sendAction('toggleDrawer');
+    }
+  }
+});

framework/core/ember/common/app/controllers/alerts.js

@@ -0,0 +1,17 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  alerts: [],
+
+  actions: {
+    alert: function(message) {
+      this.get('alerts').pushObject(message);
+    },
+    dismissAlert: function(message) {
+      this.get('alerts').removeObject(message.constructor);
+    },
+    clearAlerts: function() {
+      this.get('alerts').clear();
+    }
+  }
+});

framework/core/ember/common/app/initializers/inject-components.js

@@ -3,7 +3,6 @@ export default {
   initialize: function(container, application) {
     application.inject('adapter', 'alerts', 'controller:alerts')
     application.inject('component', 'alerts', 'controller:alerts')
-    application.inject('component', 'composer', 'controller:composer')
     application.inject('model', 'session', 'simple-auth-session:main')
     application.inject('component', 'session', 'simple-auth-session:main')
     application.inject('component', 'store', 'store:main')

framework/core/ember/common/app/templates/alerts.hbs

@@ -0,0 +1,7 @@
+<div class="alerts">
+  {{#each alert in alerts}}
+    <div class="alert-wrapper">
+      {{view alert dismiss="dismissAlert"}}
+    </div>
+  {{/each}}
+</div>

framework/core/ember/common/app/templates/components/application/back-button.hbs

@@ -0,0 +1,10 @@
+{{#if canGoBack}}
+  <div class="btn-group">
+    <button class="btn btn-default btn-icon back" {{action "back"}}>{{fa-icon "chevron-left" class="icon-glyph"}}</button>
+    {{#if target.paned}}
+      <button {{bind-attr class=":btn :btn-default :btn-icon :pin target.panePinned:active"}} {{action "togglePinned"}}>{{fa-icon "thumb-tack" class="icon-glyph"}}</button>
+    {{/if}}
+  </div>
+{{else if toggleDrawer}}
+  <button class="btn btn-default btn-icon drawer-toggle" {{action "toggleDrawer"}}>{{fa-icon "reorder" class="icon-glyph"}}</button>
+{{/if}}

framework/core/ember/common/app/templates/components/application/user-dropdown.hbs

@@ -0,0 +1,5 @@
+<a href="#" {{bind-attr class=":dropdown-toggle buttonClass"}} data-toggle="dropdown" {{action "buttonClick"}}>
+  {{user-avatar user}}
+  <span class="label">{{label}}</span>
+</a>
+{{ui/item-list items=items class=dropdownMenuClass}}