162 lines
4.6 KiB
HTML
162 lines
4.6 KiB
HTML
<div class="main-reduce edit-page">
|
|
<div class="title">
|
|
Edit series
|
|
</div>
|
|
<div class="fill-all" *ngIf="itemIsRemoved">
|
|
<div class="message-big">
|
|
<br/><br/><br/>
|
|
The series has been removed
|
|
<br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
<div class="fill-all" *ngIf="itemIsNotFound">
|
|
<div class="message-big">
|
|
<br/><br/><br/>
|
|
The series 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">
|
|
Type:
|
|
</div>
|
|
<div class="input">
|
|
<select [ngModel]="type_id"
|
|
(ngModelChange)="onChangeType($event)">
|
|
<option *ngFor="let element of listType" [ngValue]="element.value">{{element.label}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
Name:
|
|
</div>
|
|
<div class="input">
|
|
<input type="text"
|
|
placeholder="Name of the Series"
|
|
[value]="name"
|
|
(input)="onName($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="clear"></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 covers_display">
|
|
<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">
|
|
{{id_series}}
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="request_raw">
|
|
<div class="label">
|
|
Seasons:
|
|
</div>
|
|
<div class="input">
|
|
{{seasonsCount}}
|
|
</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' && seasonsCount == '0')">
|
|
<button class="button color-button-cancel color-shadow-black" (click)="removeItem()" type="submit">
|
|
<i class="material-icons">delete</i> Remove Series
|
|
</button>
|
|
</div>
|
|
<div class="input" *ngIf="(videoCount != '0' || seasonsCount != '0')">
|
|
<i class="material-icons">new_releases</i> Can not remove season or 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> |