Folder restructuring (#86)

src/main-app/index.ts

@@ -0,0 +1,2 @@
+export * from './main-app.component';
+export * from './main-app.routes';

src/main-app/main-app.component.html

@@ -0,0 +1,8 @@
+<notification></notification>
+<side-menu></side-menu>
+<div id="main-content" class="split split-horizontal container-fluid main-content">
+    <router-outlet></router-outlet>
+</div>
+<div class="github-fork-ribbon">
+    <a class="" href="https://github.com/UltimateHackingKeyboard/agent" title="Fork me on GitHub">Fork me on GitHub</a>
+</div>

src/main-app/main-app.component.scss

@@ -0,0 +1,59 @@
+main-app {
+    display: block;
+    height: 100vh;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+
+    .select2-container--default .select2-selection--single .select2-selection__rendered {
+        line-height: 26px;
+    }
+}
+
+.main-content {
+    height: 100%;
+    margin-left: 250px;
+}
+
+.select2 {
+    &-container {
+        z-index: 100000;
+    }
+
+    &-results {
+        text-align: center;
+    }
+}
+
+/* GitHub ribbon */
+.github-fork-ribbon {
+    background-color: #a00;
+    overflow: hidden;
+    white-space: nowrap;
+    position: fixed;
+    right: -50px;
+    bottom: 40px;
+    z-index: 999999;
+    /* stylelint-disable indentation */
+    -webkit-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    -o-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    -webkit-box-shadow: 0 0 10px #888;
+    -moz-box-shadow: 0 0 10px #888;
+    box-shadow: 0 0 10px #888;
+    /* stylelint-enable indentation */
+
+    a {
+        border: 1px solid #faa;
+        color: #fff;
+        display: block;
+        font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        margin: 1px 0;
+        padding: 10px 50px;
+        text-align: center;
+        text-decoration: none;
+        text-shadow: 0 0 5px #444;
+    }
+}

src/main-app/main-app.component.ts

@@ -0,0 +1,17 @@
+import {Component, ViewEncapsulation} from '@angular/core';
+import { ROUTER_DIRECTIVES } from '@angular/router';
+
+import { SideMenuComponent } from '../components/side-menu';
+
+@Component({
+    moduleId: module.id,
+    selector: 'main-app',
+    template: require('./main-app.component.html'),
+    styles: [require('./main-app.component.scss')],
+    directives: [SideMenuComponent, ROUTER_DIRECTIVES],
+    encapsulation: ViewEncapsulation.None
+})
+export class MainAppComponent  {
+    constructor() {
+    }
+}

src/main-app/main-app.routes.ts

@@ -0,0 +1,14 @@
+import { provideRouter, RouterConfig }  from '@angular/router';
+import { keymapRoutes } from '../components/keymap';
+import { macroRoutes } from '../components/macro';
+import { legacyRoutes } from '../components/legacy-loader';
+
+export const routes: RouterConfig = [
+    ...keymapRoutes,
+    ...macroRoutes,
+    ...legacyRoutes
+];
+
+export const APP_ROUTER_PROVIDERS = [
+    provideRouter(routes)
+];