Replace Ember app with Mithril app

js/admin/src/app.js

@@ -0,0 +1,18 @@
+import App from 'flarum/utils/app';
+import store from 'flarum/initializers/store';
+import preload from 'flarum/initializers/preload';
+import session from 'flarum/initializers/session';
+import routes from 'flarum/initializers/routes';
+import timestamps from 'flarum/initializers/timestamps';
+import boot from 'flarum/initializers/boot';
+
+var app = new App();
+
+app.initializers.add('store', store);
+app.initializers.add('preload', preload);
+app.initializers.add('session', session);
+app.initializers.add('routes', routes);
+app.initializers.add('timestamps', timestamps);
+app.initializers.add('boot', boot, {last: true});
+
+export default app;

js/admin/src/components/admin-nav-item.js

@@ -0,0 +1,14 @@
+import Component from 'flarum/component';
+import icon from 'flarum/helpers/icon';
+import NavItem from 'flarum/components/nav-item';
+
+export default class AdminNavItem extends NavItem {
+  view() {
+    var active = this.constructor.active(this.props);
+    return m('li'+(active ? '.active' : ''), m('a', {href: this.props.href, config: m.route}, [
+      icon(this.props.icon+' icon'),
+      m('span.label', this.props.label),
+      m('div.description', this.props.description)
+    ]))
+  }
+}

js/admin/src/components/admin-nav.js

@@ -0,0 +1,54 @@
+import Component from 'flarum/component';
+import UserDropdown from 'flarum/components/user-dropdown';
+import AdminNavItem from 'flarum/components/admin-nav-item';
+import DropdownSelect from 'flarum/components/dropdown-select';
+
+import ItemList from 'flarum/utils/item-list';
+import listItems from 'flarum/helpers/list-items';
+
+export default class AdminNav extends Component {
+  view() {
+    return DropdownSelect.component({ items: this.items().toArray() });
+  }
+
+  items() {
+    var items = new ItemList();
+
+    items.add('dashboard', AdminNavItem.component({
+      href: app.route('dashboard'),
+      icon: 'bar-chart',
+      label: 'Dashboard',
+      description: 'Your forum at a glance.'
+    }));
+
+    items.add('basics', AdminNavItem.component({
+      href: app.route('basics'),
+      icon: 'pencil',
+      label: 'Basics',
+      description: 'Set your forum title, language, and other basic settings.'
+    }));
+
+    items.add('permissions', AdminNavItem.component({
+      href: app.route('permissions'),
+      icon: 'key',
+      label: 'Permissions',
+      description: 'Configure who can see and do what.'
+    }));
+
+    items.add('appearance', AdminNavItem.component({
+      href: app.route('appearance'),
+      icon: 'paint-brush',
+      label: 'Appearance',
+      description: 'Customize your forum\'s colors, logos, and other variables.'
+    }));
+
+    items.add('extensions', AdminNavItem.component({
+      href: app.route('extensions'),
+      icon: 'puzzle-piece',
+      label: 'Extensions',
+      description: 'Add extra functionality to your forum and make it your own.'
+    }));
+
+    return items;
+  }
+}

js/admin/src/components/appearance-page.js

@@ -0,0 +1,7 @@
+import Component from 'flarum/component';
+
+export default class AppearancePage extends Component {
+  view() {
+    return m('div', 'appearance');
+  }
+};

js/admin/src/components/basics-page.js

@@ -0,0 +1,7 @@
+import Component from 'flarum/component';
+
+export default class BasicsPage extends Component {
+  view() {
+    return m('div', 'basics');
+  }
+};

js/admin/src/components/dashboard-page.js

@@ -0,0 +1,7 @@
+import Component from 'flarum/component';
+
+export default class DashboardPage extends Component {
+  view() {
+    return m('div', 'dashboard');
+  }
+};

js/admin/src/components/extensions-page.js

@@ -0,0 +1,7 @@
+import Component from 'flarum/component';
+
+export default class ExtensionsPage extends Component {
+  view() {
+    return m('div', 'extensions');
+  }
+};

js/admin/src/components/header-primary.js

@@ -0,0 +1,15 @@
+import Component from 'flarum/component';
+import ItemList from 'flarum/utils/item-list';
+import listItems from 'flarum/helpers/list-items';
+
+export default class HeaderPrimary extends Component {
+  view() {
+    return m('ul.header-controls', listItems(this.items().toArray()));
+  }
+
+  items() {
+    var items = new ItemList();
+
+    return items;
+  }
+}

js/admin/src/components/header-secondary.js

@@ -0,0 +1,19 @@
+import Component from 'flarum/component';
+import UserDropdown from 'flarum/components/user-dropdown';
+
+import ItemList from 'flarum/utils/item-list';
+import listItems from 'flarum/helpers/list-items';
+
+export default class HeaderSecondary extends Component {
+  view() {
+    return m('ul.header-controls', listItems(this.items().toArray()));
+  }
+
+  items() {
+    var items = new ItemList();
+
+    items.add('user', UserDropdown.component({ user: app.session.user() }));
+
+    return items;
+  }
+}

js/admin/src/components/permissions-page.js

@@ -0,0 +1,7 @@
+import Component from 'flarum/component';
+
+export default class PermissionsPage extends Component {
+  view() {
+    return m('div', 'permissions');
+  }
+};

js/admin/src/components/user-dropdown.js

@@ -0,0 +1,35 @@
+import Component from 'flarum/component';
+import avatar from 'flarum/helpers/avatar';
+import username from 'flarum/helpers/username';
+import DropdownButton from 'flarum/components/dropdown-button';
+import ActionButton from 'flarum/components/action-button';
+import ItemList from 'flarum/utils/item-list';
+import Separator from 'flarum/components/separator';
+
+export default class UserDropdown extends Component {
+  view() {
+    var user = this.props.user;
+
+    return DropdownButton.component({
+      buttonClass: 'btn btn-default btn-naked btn-rounded btn-user',
+      menuClass: 'pull-right',
+      buttonContent: [avatar(user), ' ', m('span.label', username(user))],
+      items: this.items().toArray()
+    });
+  }
+
+  items() {
+    var items = new ItemList();
+    var user = this.props.user;
+
+    items.add('logOut',
+      ActionButton.component({
+        icon: 'sign-out',
+        label: 'Log Out',
+        onclick: app.session.logout.bind(app.session)
+      })
+    );
+
+    return items;
+  }
+}

js/admin/src/initializers/boot.js

@@ -0,0 +1,38 @@
+import ScrollListener from 'flarum/utils/scroll-listener';
+import mapRoutes from 'flarum/utils/map-routes';
+
+import BackButton from 'flarum/components/back-button';
+import HeaderPrimary from 'flarum/components/header-primary';
+import HeaderSecondary from 'flarum/components/header-secondary';
+import Modal from 'flarum/components/modal';
+import Alerts from 'flarum/components/alerts';
+import AdminNav from 'flarum/components/admin-nav';
+
+export default function(app) {
+  var id = id => document.getElementById(id);
+
+  app.history = {
+    back: function() {
+      window.location = 'http://flarum.dev';
+    },
+    canGoBack: function() {
+      return true;
+    }
+  };
+
+  m.mount(id('back-control'), BackButton.component({ className: 'back-control', drawer: true }));
+  m.mount(id('back-button'), BackButton.component());
+
+  m.mount(id('header-primary'), HeaderPrimary.component());
+  m.mount(id('header-secondary'), HeaderSecondary.component());
+
+  m.mount(id('admin-nav'), AdminNav.component());
+
+  app.modal = m.mount(id('modal'), Modal.component());
+  app.alerts = m.mount(id('alerts'), Alerts.component());
+
+  m.route.mode = 'hash';
+  m.route(id('content'), '/', mapRoutes(app.routes));
+
+  new ScrollListener(top => $('body').toggleClass('scrolled', top > 0)).start();
+}

js/admin/src/initializers/routes.js

@@ -0,0 +1,15 @@
+import DashboardPage from 'flarum/components/dashboard-page';
+import BasicsPage from 'flarum/components/basics-page';
+import PermissionsPage from 'flarum/components/permissions-page';
+import AppearancePage from 'flarum/components/appearance-page';
+import ExtensionsPage from 'flarum/components/extensions-page';
+
+export default function(app) {
+  app.routes = {
+    'dashboard': ['/', DashboardPage.component()],
+    'basics': ['/basics', BasicsPage.component()],
+    'permissions': ['/permissions', PermissionsPage.component()],
+    'appearance': ['/appearance', AppearancePage.component()],
+    'extensions': ['/extensions', ExtensionsPage.component()]
+  };
+}