141 lines
4.0 KiB
HTML
141 lines
4.0 KiB
HTML
<div class="main-reduce edit-page">
|
|
<div class="title">
|
|
Edit season
|
|
</div>
|
|
<div class="fill-all" *ngIf="itemIsRemoved">
|
|
<div class="message-big">
|
|
<br/><br/><br/>
|
|
The season has been removed
|
|
<br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
<div class="fill-all" *ngIf="itemIsNotFound">
|
|
<div class="message-big">
|
|
<br/><br/><br/>
|
|
The season does not exist
|
|
<br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
<div class="fill-all" *ngIf="itemIsLoading">
|
|
<div class="message-big">
|
|
<br/><br/><br/>
|
|
Loading ...<br/>
|
|
Please wait.
|
|
<br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
<div class="fill-all" *ngIf="!itemIsRemoved && !itemIsNotFound && !itemIsLoading">
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
Number:
|
|
</div>
|
|
<div class="input">
|
|
<input type="number"
|
|
placeholder="Id of the season"
|
|
[value]="numberVal"
|
|
(input)="onNumber($event.target.value)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
Description:
|
|
</div>
|
|
<div class="input">
|
|
<input type="text"
|
|
placeholder="Description of the Media"
|
|
[value]="description"
|
|
(input)="onDescription($event.target.value)"/>
|
|
</div>
|
|
</div>
|
|
<div class="send_value">
|
|
<button class="button fill-x color-button-validate color-shadow-black" (click)="sendValues()" type="submit"><i class="material-icons">save_alt</i> Save</button>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- ------------------------- Cover section --------------------------------- -->
|
|
<div class="title" *ngIf="!itemIsRemoved && !itemIsNotFound && !itemIsLoading">
|
|
Covers
|
|
</div>
|
|
<div class="fill-all" *ngIf="!itemIsRemoved && !itemIsNotFound && !itemIsLoading">
|
|
<div class="hide-element">
|
|
<input type="file"
|
|
#fileInput
|
|
(change)="onChangeCover($event.target)"
|
|
placeholder="Select a cover file"
|
|
accept=".png,.jpg,.jpeg,.webp"/>
|
|
</div>
|
|
<div class="request_raw">
|
|
<div class="input">
|
|
<div class="cover" *ngFor="let element of coversDisplay">
|
|
<div class="cover-image">
|
|
<img src="{{element.url}}"/>
|
|
</div>
|
|
<div class="cover-button">
|
|
<button (click)="removeCover(element.id)">
|
|
<i class="material-icons button-remove">highlight_off</i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="cover">
|
|
<div class="cover-no-image">
|
|
</div>
|
|
<div class="cover-button">
|
|
<button (click)="fileInput.click()">
|
|
<i class="material-icons button-add">add_circle_outline</i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- ------------------------- ADMIN section --------------------------------- -->
|
|
<div class="title" *ngIf="!itemIsRemoved && !itemIsNotFound && !itemIsLoading">
|
|
Administration
|
|
</div>
|
|
<div class="fill-all" *ngIf="!itemIsRemoved && !itemIsNotFound && !itemIsLoading">
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
<i class="material-icons">data_usage</i> ID:
|
|
</div>
|
|
<div class="input">
|
|
{{idSeason}}
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
Videos:
|
|
</div>
|
|
<div class="input">
|
|
{{videoCount}}
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
<i class="material-icons">delete_forever</i> Trash:
|
|
</div>
|
|
<div class="input" *ngIf="(videoCount == '0')">
|
|
<button class="button color-button-cancel color-shadow-black" (click)="removeItem()" type="submit">
|
|
<i class="material-icons">delete</i> Remove season
|
|
</button>
|
|
</div>
|
|
<div class="input" *ngIf="(videoCount != '0')">
|
|
<i class="material-icons">new_releases</i> Can not remove season, video depending on it
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<upload-progress [mediaTitle]="upload.labelMediaTitle"
|
|
[mediaUploaded]="upload.mediaSendSize"
|
|
[mediaSize]="upload.mediaSize"
|
|
[result]="upload.result"
|
|
[error]="upload.error"></upload-progress>
|
|
<delete-confirm
|
|
[comment]="confirmDeleteComment"
|
|
[imageUrl]=confirmDeleteImageUrl
|
|
(callback)="deleteConfirmed()"></delete-confirm>
|