diff --git a/src/app/components/metadata/categories/categories.component.ts b/src/app/components/metadata/categories/categories.component.ts index 580b803..633212b 100644 --- a/src/app/components/metadata/categories/categories.component.ts +++ b/src/app/components/metadata/categories/categories.component.ts @@ -18,7 +18,6 @@ export class CategoriesComponent { public constructor(private readonly categoryService: CategoryService) { } public async updateCategory(category: Category): Promise { - await this.categoryService.updateCategory(category); - await this.categoryService.fetchCategories(); + console.log('updated category', category); // TODO: Remove } } diff --git a/src/app/components/metadata/metadata-form/metadata-form.component.html b/src/app/components/metadata/metadata-form/metadata-form.component.html index a93b42e..b89bc21 100644 --- a/src/app/components/metadata/metadata-form/metadata-form.component.html +++ b/src/app/components/metadata/metadata-form/metadata-form.component.html @@ -1,25 +1,7 @@
- @if (!editing()) { -
{{ metadata().name }}
+
{{ metadata().name }}
- - } @else { - - } +
diff --git a/src/app/components/metadata/metadata-form/metadata-form.component.scss b/src/app/components/metadata/metadata-form/metadata-form.component.scss index 102e1f0..fc26b52 100644 --- a/src/app/components/metadata/metadata-form/metadata-form.component.scss +++ b/src/app/components/metadata/metadata-form/metadata-form.component.scss @@ -3,14 +3,3 @@ gap: 0.5rem; align-items: center; } - -.metadata-edit { - display: flex; - gap: 0.5rem; - - .metadata-edit-buttons { - padding-top: 0.5rem; - display: flex; - gap: 0.5rem; - } -} diff --git a/src/app/components/metadata/metadata-form/metadata-form.component.ts b/src/app/components/metadata/metadata-form/metadata-form.component.ts index 1be9daa..5cf848f 100644 --- a/src/app/components/metadata/metadata-form/metadata-form.component.ts +++ b/src/app/components/metadata/metadata-form/metadata-form.component.ts @@ -1,8 +1,7 @@ -import { Component, computed, input, model, OnInit, output, signal } from '@angular/core'; +import {Component, input, output, signal} from '@angular/core'; +import { MatCardModule } from '@angular/material/card'; import { MatIconModule } from '@angular/material/icon'; import { MatButtonModule } from '@angular/material/button'; -import { MatFormField, MatInput } from '@angular/material/input'; -import { FormsModule } from '@angular/forms'; interface MetaData { id: string; @@ -12,42 +11,17 @@ interface MetaData { @Component({ selector: 'app-metadata-form', imports: [ + MatCardModule, MatIconModule, - MatButtonModule, - MatFormField, - MatInput, - FormsModule + MatButtonModule ], templateUrl: './metadata-form.component.html', styleUrl: './metadata-form.component.scss' }) -export class MetadataFormComponent implements OnInit { +export class MetadataFormComponent { public metadata = input.required(); + public newMetaData = output(); - public name = model(''); - public nameValid = computed(() => { - const existingName = this.metadata().name; - const newName = this.name(); - - return !!newName && newName !== existingName; - }); public editing = signal(false); - - public ngOnInit(): void { - this.reset(); - } - - public saveMetaData(): void { - this.editing.set(false); - this.newMetaData.emit({ - ...this.metadata(), - name: this.name() - }); - } - - public reset(): void { - this.editing.set(false); - this.name.set(this.metadata().name); - } } diff --git a/src/app/services/category.service.ts b/src/app/services/category.service.ts index ede6e17..9c2da93 100644 --- a/src/app/services/category.service.ts +++ b/src/app/services/category.service.ts @@ -16,17 +16,9 @@ export class CategoryService { public async fetchCategories(): Promise { this.internalCategories.set(await this.http.get(this.categoryPath)); } - - public async updateCategory(category: Category): Promise { - return await this.http.put(this.categoryPath, category); - } } export interface Category { id: string; name: string; } - -export interface CreateCategory { - name: string; -}