Macro editor (#87)

src/app.module.ts

@@ -1,14 +1,24 @@
 import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 
+import { DragulaModule } from 'ng2-dragula/ng2-dragula';
 import { Select2Component } from 'ng2-select2/ng2-select2';
 
-import { MainAppComponent, appRoutingProviders, routing }  from './main-app';
+import { ContenteditableDirective } from './directives/contenteditable';
 
 import { KeymapAddComponent, KeymapComponent } from './components/keymap';
 import { LayersComponent } from './components/layers';
 import { LegacyLoaderComponent } from './components/legacy-loader';
-import { MacroComponent } from './components/macro';
+import {
+    MacroActionEditorComponent,
+    MacroComponent,
+    MacroDelayTabComponent,
+    MacroItemComponent,
+    MacroKeyTabComponent,
+    MacroMouseTabComponent,
+    MacroTextTabComponent
+} from './components/macro';
 import { NotificationComponent } from './components/notification';
 import { PopoverComponent } from './components/popover';
 import {
@@ -19,7 +29,6 @@ import {
     MouseTabComponent,
     NoneTabComponent
 } from './components/popover/tab';
-import { MacroItemComponent } from './components/popover/tab/macro';
 import { CaptureKeystrokeButtonComponent } from './components/popover/widgets/capture-keystroke';
 import { IconComponent } from './components/popover/widgets/icon';
 import { SideMenuComponent } from './components/side-menu';
@@ -36,17 +45,17 @@ import {
 } from './components/svg/keys';
 import { SvgModuleComponent } from './components/svg/module';
 import { SvgKeyboardWrapComponent } from './components/svg/wrap';
+import { MainAppComponent, appRoutingProviders, routing }  from './main-app';
 
 import { DataProviderService } from './services/data-provider.service';
 import { MapperService } from './services/mapper.service';
-import {UhkConfigurationService} from './services/uhk-configuration.service';
+import { UhkConfigurationService } from './services/uhk-configuration.service';
 
 @NgModule({
     declarations: [
         Select2Component,
         MainAppComponent,
         KeymapComponent,
-        MacroComponent,
         LegacyLoaderComponent,
         NotificationComponent,
         SvgIconTextKeyComponent,
@@ -73,10 +82,19 @@ import {UhkConfigurationService} from './services/uhk-configuration.service';
         NoneTabComponent,
         CaptureKeystrokeButtonComponent,
         IconComponent,
-        MacroItemComponent
+        MacroComponent,
+        MacroItemComponent,
+        MacroActionEditorComponent,
+        MacroDelayTabComponent,
+        MacroKeyTabComponent,
+        MacroMouseTabComponent,
+        MacroTextTabComponent,
+        ContenteditableDirective
     ],
     imports: [
         BrowserModule,
+        FormsModule,
+        DragulaModule,
         routing
     ],
     providers: [