edit song GUI

WEB/src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { ODataModule } from 'odata-v4-ng';
 
 import { AppRoutingModule } from './app-routing.module';
@@ -9,29 +9,37 @@ import { AppComponent } from './app.component';
 import { HttpClientModule } from '@angular/common/http';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
+import { MatInputModule } from '@angular/material/input';
 import { MatTableModule } from '@angular/material/table';
 import { MatCardModule } from '@angular/material/card';
 import { MatButtonModule } from '@angular/material/button';
 import { MatChipsModule } from '@angular/material/chips';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
 
 import { TableComponent } from './components/songs/table/table.component';
 import { SongsComponent } from './components/songs/songs.component';
 import { SongComponent } from './components/songs/song/song.component';
+import { SongEditComponent } from './components/songs/song-edit/song-edit.component';
 
 @NgModule({
-  declarations: [AppComponent, SongsComponent, TableComponent, SongComponent],
+  declarations: [AppComponent, SongsComponent, TableComponent, SongComponent, SongEditComponent],
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
+    FormsModule,
     ReactiveFormsModule,
     AppRoutingModule,
     HttpClientModule,
     ODataModule,
 
+    MatInputModule,
     MatCardModule,
     MatTableModule,
     MatButtonModule,
     MatChipsModule,
+    MatRadioModule,
+    MatSelectModule,
 
     FontAwesomeModule
   ],