diff --git a/package-lock.json b/package-lock.json
index 1d3f003..e577e94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -319,6 +319,14 @@
"tslib": "^2.1.0"
}
},
+ "@angular/flex-layout": {
+ "version": "11.0.0-beta.33",
+ "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-11.0.0-beta.33.tgz",
+ "integrity": "sha512-unfhw3abZuKtdwQicRStHCYGbANPTHYg4WNRQk/RC5Mxq+4WOp4Q8HI7GqRHCGUYDCGUP7w1sU/oDt8f09nM8w==",
+ "requires": {
+ "tslib": "^2.0.0"
+ }
+ },
"@angular/forms": {
"version": "12.0.0",
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.0.0.tgz",
diff --git a/package.json b/package.json
index 9f1b2c0..54ba16f 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
"@angular/common": "~12.0.0",
"@angular/compiler": "~12.0.0",
"@angular/core": "~12.0.0",
+ "@angular/flex-layout": "^11.0.0-beta.33",
"@angular/forms": "~12.0.0",
"@angular/material": "^12.0.0",
"@angular/platform-browser": "~12.0.0",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 69b64cf..0b74ac7 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,12 @@
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 970800b..d672740 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -7,4 +7,15 @@ import { Component } from '@angular/core';
})
export class AppComponent {
title = 'TBConsoleClient';
+
+ logMessages = `Message output
+asd
+dsa
+Hmm`;
+
+ command: string;
+
+ sendCommand(command: string) {
+ alert(command);
+ }
}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b4fcc02..a97e0f6 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,16 +4,24 @@ import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { MatCardModule } from '@angular/material/card';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatInputModule } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
@NgModule({
declarations: [
AppComponent
],
- imports: [
- BrowserModule,
- NoopAnimationsModule,
- MatCardModule
- ],
+ imports: [
+ BrowserModule,
+ NoopAnimationsModule,
+ MatCardModule,
+ FlexLayoutModule,
+ MatInputModule,
+ FormsModule,
+ MatButtonModule
+ ],
providers: [],
bootstrap: [AppComponent]
})