feat: added link to create a container in container list

leonardochaia · Oct 25, 2018 · 60c79a7 · 60c79a7
1 parent 9e53f19
commit 60c79a7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/app/daemon-tools/container-list-container/container-list-container.component.html b/src/app/daemon-tools/container-list-container/container-list-container.component.html
@@ -1,5 +1,14 @@
-<div fxLayout="column"
-     style="padding:16px;">
+<div style="padding:16px;">
+
+  <div style="margin-bottom:16px; text-align: right">
+    <button type="button"
+            mat-raised-button
+            color="primary"
+            (click)="createContainer()">
+      <mat-icon>add_to_queue</mat-icon>
+      Create Container
+    </button>
+  </div>
 
   <div>
     <tim-container-list></tim-container-list>

diff --git a/src/app/daemon-tools/container-list-container/container-list-container.component.ts b/src/app/daemon-tools/container-list-container/container-list-container.component.ts
@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { TimoneerTabs } from '../../timoneer-tabs';
+import { TabService } from '../../tabs/tab.service';
 
 @Component({
   selector: 'tim-container-list-container',
@@ -7,4 +9,9 @@ import { Component } from '@angular/core';
 })
 export class ContainerListContainerComponent {
 
+  constructor(private readonly tab: TabService) { }
+
+  public createContainer() {
+    this.tab.add(TimoneerTabs.DOCKER_CONTAINER_NEW);
+  }
 }