settings modal

src/app/accounts/settings.component.html

@@ -0,0 +1,19 @@
+<div class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-body">
+                <div class="box">
+                    <div class="box-header">
+                        {{'settings' | i18n}}
+                    </div>
+                    <div class="box-content">
+                        Something.
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" data-dismiss="modal">{{'close' | i18n}}</button>
+            </div>
+        </div>
+    </div>
+</div>

src/app/accounts/settings.component.ts

@@ -0,0 +1,29 @@
+import * as template from './settings.component.html';
+
+import {
+    Component,
+    OnInit,
+} from '@angular/core';
+
+import { ToasterService } from 'angular2-toaster';
+import { Angulartics2 } from 'angulartics2';
+
+import { I18nService } from 'jslib/abstractions/i18n.service';
+import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
+
+@Component({
+    selector: 'app-settings',
+    template: template,
+})
+export class SettingsComponent implements OnInit {
+    constructor(private analytics: Angulartics2, private toasterService: ToasterService,
+        private i18nService: I18nService, private platformUtilsService: PlatformUtilsService) { }
+
+    ngOnInit() {
+
+    }
+
+    submit() {
+
+    }
+}