Add components for generating sec keys

config_app/js/components/markdown/markdown-input.component.ts

@@ -0,0 +1,34 @@
+import { Component, Input, Output, EventEmitter } from 'ng-metadata/core';
+import './markdown-input.component.css';
+
+
+/**
+ * Displays editable Markdown content.
+ */
+@Component({
+  selector: 'markdown-input',
+  templateUrl: require('./markdown-input.component.html'),
+})
+export class MarkdownInputComponent {
+
+  @Input('<') public content: string;
+  @Input('<') public canWrite: boolean;
+  @Input('@') public fieldTitle: string;
+
+  @Output() public contentChanged: EventEmitter<{content: string}> = new EventEmitter();
+
+  private isEditing: boolean = false;
+
+  public editContent(): void {
+    this.isEditing = true;
+  }
+
+  public saveContent(event: {editedContent: string}): void {
+    this.contentChanged.emit({content: event.editedContent});
+    this.isEditing = false;
+  }
+
+  public discardContent(event: any): void {
+    this.isEditing = false;
+  }
+}