Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

btn modified & bugfix

Browse source
This commit is contained in:
Chneemann 2024-08-23 00:23:33 +02:00
parent e3d02d2866
commit e49820af4a
4 changed files with 23 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/home/browse/categories/categories.component.scss
View file

@ -19,7 +19,7 @@ section {
.movie { .movie {
width: 213px; width: 213px;
height: 120px; height: 120px;
padding: 6px 6px 6px 0; padding: 6px;
img { img {
width: 213px; width: 213px;
height: 120px; height: 120px;

36
frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
View file

@ -1,15 +1,7 @@
<div class="overlay" (click)="uploadMovieOverview()"> <div class="overlay" (click)="uploadMovieOverview()">
<div class="center" (click)="stopPropagation($event)"> <div class="center" (click)="stopPropagation($event)">
<div class="content"> <div class="content">
<div class="headline"> <div class="headline">Upload Movie</div>
Upload Movie
<app-btn-small
[imgPath]="'close'"
[btnRadius]="'32px'"
[imgRadius]="'24px'"
(click)="uploadMovieOverview()"
></app-btn-small>
</div>
<form <form
#movieForm="ngForm" #movieForm="ngForm"
(ngSubmit)="onSubmit(movieForm)" (ngSubmit)="onSubmit(movieForm)"
@ -86,16 +78,22 @@
required required
/> />
<div class="error-msg"></div> <div class="error-msg"></div>
<app-btn-large <div class="buttons">
[value]="'Upload Movie'" <app-btn-large
[disabled]=" [value]="'Close'"
!movieData.title || (click)="uploadMovieOverview()"
!movieData.description || ></app-btn-large>
!movieData.filmGenre || <app-btn-large
!movieData.videoFile || [value]="'Upload Movie'"
movieData.send [disabled]="
" !movieData.title ||
></app-btn-large> !movieData.description ||
!movieData.filmGenre ||
!movieData.videoFile ||
movieData.send
"
></app-btn-large>
</div>
</form> </form>
</div> </div>
</div> </div>

9
frontend/src/app/components/home/browse/upload-movie/upload-movie.component.scss
View file

@ -13,10 +13,11 @@
position: relative; position: relative;
} }
app-btn-small { .buttons {
position: absolute; display: flex;
top: 24px; justify-content: center;
right: 24px; width: 100%;
gap: 24px;
} }
// Overlay // Overlay

2
frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
View file

@ -5,7 +5,6 @@ import { ErrorService } from '../../../../services/error.service';
import { BtnLargeComponent } from '../../../../shared/components/buttons/btn-large/btn-large.component'; import { BtnLargeComponent } from '../../../../shared/components/buttons/btn-large/btn-large.component';
import { MovieService } from '../../../../services/movie.service'; import { MovieService } from '../../../../services/movie.service';
import { LoadingDialogComponent } from '../../../../shared/components/loading-dialog/loading-dialog.component'; import { LoadingDialogComponent } from '../../../../shared/components/loading-dialog/loading-dialog.component';
import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-small/btn-small.component';
@Component({ @Component({
selector: 'app-upload-movie', selector: 'app-upload-movie',
@ -15,7 +14,6 @@ import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-sma
FormsModule, FormsModule,
BtnLargeComponent, BtnLargeComponent,
LoadingDialogComponent, LoadingDialogComponent,
BtnSmallComponent,
], ],
templateUrl: './upload-movie.component.html', templateUrl: './upload-movie.component.html',
styleUrl: './upload-movie.component.scss', styleUrl: './upload-movie.component.scss',