fix: marketplace-client component
MODIFY
src/app/components/marketplace-client-app/marketplace-client-app.component.html
src/app/components/marketplace-client-app/marketplace-client-app.component.html
<div class="container">
<form>
- <mat-form-field appearance="fill">
- <mat-label>Application Name</mat-label>
+ <mat-form-field>
+ <mat-label>Filter</mat-label>
<input
matInput
- placeholder="My-Application"
[(ngModel)]="clientName"
name="input"
(keyup)="applyFilter($event)"
/>
</mat-form-field>
</form>
- <button
- mat-raised-button
- color="primary"
- id="add-button"
- (click)="addClient()"
- >
+ <button mat-raised-button color="primary" (click)="addClient()">
Create
</button>
</div>
-<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+<p class="primary">Select from available Applications</p>
+<table mat-table [dataSource]="dataSource" class="mat-elevation-z2 mt-20">
<!-- Name Column -->
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef>Application Name</th>

MODIFY
src/app/components/marketplace-client-app/marketplace-client-app.component.scss
src/app/components/marketplace-client-app/marketplace-client-app.component.scss
.container {
display: grid;
- justify-items: start;
+ align-items: center;
+ grid-template-columns: 1fr 5fr;
+ width: 30%;
+ grid-column-gap: 1rem;
}
table {
- min-width: 50%;
- margin-top: 20px;
+ min-width: 30%;
}
-
-
-//#add-button {
-// margin-left: 20px;
-//}

MODIFY
src/app/components/marketplace-client-app/marketplace-client-app.component.ts
src/app/components/marketplace-client-app/marketplace-client-app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
import { BackendService, Client } from '../../services/backend/backend.service';
import { MatTableDataSource } from '@angular/material/table';
import { switchMap } from 'rxjs/operators';
+import { TranslateService } from '@ngx-translate/core';
@Component({
selector: 'app-marketplace-client-app',
@@ -14,7 +15,12 @@ export class MarketplaceClientAppComponent implements OnInit {
clickedRows = new Set<Client>();
clientName = '';
- constructor(private backend: BackendService) {}
+ constructor(
+ private backend: BackendService,
+ private translator: TranslateService
+ ) {
+ console.log(translator.instant('MPLACE.TITLE'));
+ }
ngOnInit(): void {
this.loadClients();
@@ -24,6 +30,7 @@ export class MarketplaceClientAppComponent implements OnInit {
// always clear, because at the moment we only allow one client to be selected
this.clickedRows.clear();
this.clickedRows.add(client);
+ this.clientName = client.name;
}
/**

fix: marketplace-client component