diff options
Diffstat (limited to 'frontend/src/app/_elements/item-dataset')
4 files changed, 55 insertions, 0 deletions
| diff --git a/frontend/src/app/_elements/item-dataset/item-dataset.component.css b/frontend/src/app/_elements/item-dataset/item-dataset.component.css new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/frontend/src/app/_elements/item-dataset/item-dataset.component.css diff --git a/frontend/src/app/_elements/item-dataset/item-dataset.component.html b/frontend/src/app/_elements/item-dataset/item-dataset.component.html new file mode 100644 index 00000000..c1dc2609 --- /dev/null +++ b/frontend/src/app/_elements/item-dataset/item-dataset.component.html @@ -0,0 +1,15 @@ +<div class="card" style="width: 18rem;"> +    <div class="card-header"> +        {{dataset.name}} +    </div> +    <div class="card-body"> +        <p class="card-text"> +            {{dataset.description}} +        </p> +        <table class="table table-bordered table-sm"> +            <thead> +                <th scope="col" *ngFor="let column of dataset.header">{{column}}</th> +            </thead> +        </table> +    </div> +</div>
\ No newline at end of file diff --git a/frontend/src/app/_elements/item-dataset/item-dataset.component.spec.ts b/frontend/src/app/_elements/item-dataset/item-dataset.component.spec.ts new file mode 100644 index 00000000..603889b2 --- /dev/null +++ b/frontend/src/app/_elements/item-dataset/item-dataset.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ItemDatasetComponent } from './item-dataset.component'; + +describe('ItemDatasetComponent', () => { +  let component: ItemDatasetComponent; +  let fixture: ComponentFixture<ItemDatasetComponent>; + +  beforeEach(async () => { +    await TestBed.configureTestingModule({ +      declarations: [ ItemDatasetComponent ] +    }) +    .compileComponents(); +  }); + +  beforeEach(() => { +    fixture = TestBed.createComponent(ItemDatasetComponent); +    component = fixture.componentInstance; +    fixture.detectChanges(); +  }); + +  it('should create', () => { +    expect(component).toBeTruthy(); +  }); +}); diff --git a/frontend/src/app/_elements/item-dataset/item-dataset.component.ts b/frontend/src/app/_elements/item-dataset/item-dataset.component.ts new file mode 100644 index 00000000..e12de34d --- /dev/null +++ b/frontend/src/app/_elements/item-dataset/item-dataset.component.ts @@ -0,0 +1,15 @@ +import { Component, Input, OnInit } from '@angular/core'; +import Dataset from 'src/app/_data/Dataset'; + +@Component({ +  selector: 'app-item-dataset', +  templateUrl: './item-dataset.component.html', +  styleUrls: ['./item-dataset.component.css'] +}) +export class ItemDatasetComponent { + +  @Input() dataset: Dataset = new Dataset(); + +  constructor() { +  } +} | 
