Made genre exclusion a drop down

pull/4199/head
first last 3 years ago
parent c217235d56
commit e899428feb

@ -28,47 +28,41 @@
<mat-chip-list #chipList> <mat-chip-list #chipList>
<mat-chip *ngFor="let key of excludedKeywords" [selectable]="false" [removable]="true" <mat-chip *ngFor="let key of excludedKeywords" [selectable]="false" [removable]="true"
(removed)="remove(key)"> (removed)="remove(key, 'keyword')">
{{key.name}} {{key.name}}
<i matChipRemove class="fas fa-times fa-lg"></i> <i matChipRemove class="fas fa-times fa-lg"></i>
</mat-chip> </mat-chip>
</mat-chip-list> </mat-chip-list>
<mat-form-field class="example-full-width"> <mat-form-field appearance="outline" >
<input type="text" placeholder="Excluded Genres for Movie Suggestions" matInput <mat-label>Movie Genres</mat-label>
formControlName="input" [matAutocomplete]="auto" <mat-select formControlName="excludedMovieGenres" multiple>
matTooltip="Prevent movies with certain genres from being suggested. May require a restart to take effect."> <mat-option *ngFor="let genre of filteredMovieGenres" [value]="genre.id">
<mat-autocomplete (optionSelected)="optionSelected($event.option.value)" autoActiveFirstOption {{genre.name}}
#auto="matAutocomplete">
<mat-option *ngFor="let option of filteredMovieGenres" [value]="option">
{{option.name}}
</mat-option> </mat-option>
</mat-autocomplete> </mat-select>
</mat-form-field> </mat-form-field>
<mat-chip-list #chipList> <mat-chip-list #chipList>
<mat-chip *ngFor="let key of excludedMovieGenres" [selectable]="false" [removable]="true" <mat-chip *ngFor="let key of excludedMovieGenres" [selectable]="false" [removable]="true"
(removed)="remove(key)"> (removed)="remove(key, 'movieGenre')">
{{key.name}} {{key.name}}
<i matChipRemove class="fas fa-times fa-lg"></i> <i matChipRemove class="fas fa-times fa-lg"></i>
</mat-chip> </mat-chip>
</mat-chip-list> </mat-chip-list>
<mat-form-field class="example-full-width"> <mat-form-field appearance="outline" >
<input type="text" placeholder="Excluded Genres for TV Suggestions" matInput <mat-label>Tv Genres</mat-label>
formControlName="input" [matAutocomplete]="auto" <mat-select formControlName="excludedTvGenres" multiple>
matTooltip="Prevent TV Shows with certain genres from being suggested. May require a restart to take effect."> <mat-option *ngFor="let genre of filteredTvGenres" [value]="genre.id">
<mat-autocomplete (optionSelected)="optionSelected($event.option.value)" autoActiveFirstOption {{genre.name}}
#auto="matAutocomplete">
<mat-option *ngFor="let option of filteredTvGenres" [value]="option">
{{option.name}}
</mat-option> </mat-option>
</mat-autocomplete> </mat-select>
</mat-form-field> </mat-form-field>
<mat-chip-list #chipList> <mat-chip-list #chipList>
<mat-chip *ngFor="let key of excludedTvGenres" [selectable]="false" [removable]="true" <mat-chip *ngFor="let key of excludedTvGenres" [selectable]="false" [removable]="true"
(removed)="remove(key)"> (removed)="remove(key, 'tvGenre')">
{{key.name}} {{key.name}}
<i matChipRemove class="fas fa-times fa-lg"></i> <i matChipRemove class="fas fa-times fa-lg"></i>
</mat-chip> </mat-chip>

Loading…
Cancel
Save