@@ -1,4 +1,4 @@
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
<table class="mdl-data-table mdl-js-data-table">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Task</th>
@@ -7,7 +7,7 @@
</tr>
</thead>
<tbody>
<tr *ngFor="let item of tasks" appRiskLevel [risk]="item.risk">
<tr *ngFor="let item of tasks" [attr.data-tag]="item.tag" appRiskLevel [tag]="item.tag">
<td class="mdl-data-table__cell--non-numeric">{{item.name}}</td>
<td class="mdl-data-table__cell--non-numeric">{{item.status}}</td>
<td class="mdl-data-table__cell--non-numeric">{{item.risk}}</td>
@@ -1,4 +1,3 @@
table {
width: 100%;
height: 100%;
}
@@ -1,4 +1,3 @@
import { setInterval } from 'timers';
import { Component, OnInit } from '@angular/core';

@Component({
@@ -8,11 +7,12 @@ import { Component, OnInit } from '@angular/core';
})
export class TaskOverviewComponent implements OnInit {

tasks: { name: string, status: string, risk: string }[] = [
{ name: 'Wash the deck', status: 'Pending', risk: 'Low' },
{ name: 'Unload the cargo', status: 'Not Started', risk: 'Medium' },
{ name: 'Board the ship', status: 'Done', risk: 'Low' },
{ name: 'Load the Cargo', status: 'Not Started', risk: 'High' }
tasks: { name: string, status: string, risk: string, tag: string }[] = [
{ name: 'Wash the deck', status: 'Pending', risk: 'Low', tag: 'cleaning' },
{ name: 'Unload the cargo', status: 'Not Started', risk: 'Medium', tag: 'cargo' },
{ name: 'Board the ship', status: 'Done', risk: 'Low', tag: 'boarding' },
{ name: 'Load the Cargo', status: 'Not Started', risk: 'High', tag: 'cargo' },
{ name: 'System Check', status: 'Not Started', risk: 'High', tag: 'online' }
];

constructor() {}
BIN +387 KB (440%) src/assets/ship.png 100644 → 100755
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
173 yarn.lock

Large diffs are not rendered by default.