Adding an identify panel

This commit is contained in:
Zoe Roux 2020-04-19 15:42:31 +02:00
parent aad61bfb43
commit aa8b50d167
2 changed files with 90 additions and 73 deletions

View File

@ -38,6 +38,7 @@ import {CollectionsListComponent} from "./collection-list/collections-list.compo
import { MetadataEditComponent } from './metadata-edit/metadata-edit.component'; import { MetadataEditComponent } from './metadata-edit/metadata-edit.component';
import {MatChipsModule} from "@angular/material/chips"; import {MatChipsModule} from "@angular/material/chips";
import {MatAutocompleteModule} from "@angular/material/autocomplete"; import {MatAutocompleteModule} from "@angular/material/autocomplete";
import {MatExpansionModule} from "@angular/material/expansion";
@NgModule({ @NgModule({
@ -83,7 +84,8 @@ import {MatAutocompleteModule} from "@angular/material/autocomplete";
MatCheckboxModule, MatCheckboxModule,
AuthModule, AuthModule,
MatChipsModule, MatChipsModule,
MatAutocompleteModule MatAutocompleteModule,
MatExpansionModule
], ],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })

View File

@ -1,5 +1,11 @@
<h2 mat-dialog-title>Editing metadata of {{this.show.title}}</h2> <h2 mat-dialog-title>Editing metadata of {{this.show.title}}</h2>
<div matDialogContent> <div matDialogContent class="pb-2">
<mat-accordion>
<mat-expansion-panel expanded="true">
<mat-expansion-panel-header>
<mat-panel-title>Edit metadata</mat-panel-title>
<mat-panel-description>Manually edit each property</mat-panel-description>
</mat-expansion-panel-header>
<form #showForm="ngForm"> <form #showForm="ngForm">
<mat-form-field class="w-100"> <mat-form-field class="w-100">
<mat-label>Title</mat-label> <mat-label>Title</mat-label>
@ -72,6 +78,15 @@
</mat-autocomplete> </mat-autocomplete>
</mat-form-field> </mat-form-field>
</form> </form>
</mat-expansion-panel>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>Identify show</mat-panel-title>
<mat-panel-description>Search on metadata providers</mat-panel-description>
</mat-expansion-panel-header>
<p>Comming soon</p>
</mat-expansion-panel>
</mat-accordion>
</div> </div>
<div mat-dialog-actions align="end"> <div mat-dialog-actions align="end">
<button mat-button mat-dialog-close>Cancel</button> <button mat-button mat-dialog-close>Cancel</button>