From 30e9240e6b288b17596caf98d37f9151e28bdb18 Mon Sep 17 00:00:00 2001 From: NorbiPeti Date: Fri, 14 May 2021 02:20:32 +0200 Subject: [PATCH] Add command output and input and button and some layout changes --- package-lock.json | 8 ++++++++ package.json | 1 + src/app/app.component.html | 10 ++++++++-- src/app/app.component.ts | 11 +++++++++++ src/app/app.module.ts | 18 +++++++++++++----- 5 files changed, 41 insertions(+), 7 deletions(-) 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 @@
- + Techblox console - Hmm + +
+
{{ logMessages }}
+
+ + +
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] })