88 lines
5.3 KiB
HTML
88 lines
5.3 KiB
HTML
<div ng-show="program">
|
|
<div class="modal" tabindex="-1" role="dialog" style="display: block; background-color: rgba(0, 0, 0, .5);">
|
|
<div class="modal-dialog modal-dialog-scrollable modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<div>
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Program Config</h5>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body container">
|
|
<select ng-model="program.type" class="pull-right">
|
|
<option>movie</option>
|
|
<option>episode</option>
|
|
</select>
|
|
<div ng-if="program.type === 'movie'">
|
|
<label>Movie Title
|
|
<span class="text-danger pull-right">{{error.title}}</span>
|
|
</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.title"/>
|
|
<label>Subtitle</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.subtitle"/>
|
|
<label>Summary</label>
|
|
<textarea class="form-control form-control-sm" ng-model="program.summary"></textarea>
|
|
<label>Rating</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.rating"/>
|
|
<label>Icon</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.icon"/>
|
|
<h6>Icon Preview</h6>
|
|
<div class="text-center">
|
|
<img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"/>
|
|
</div>
|
|
</div>
|
|
<div ng-if="program.type === 'episode'">
|
|
<label>Show Title
|
|
<span class="text-danger pull-right">{{error.showTitle}}</span>
|
|
</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.showTitle"/>
|
|
<label>Episode Title
|
|
<span class="text-danger pull-right">{{error.title}}</span>
|
|
</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.title"/>
|
|
<label>Season
|
|
<span class="text-danger pull-right">{{error.season}}</span>
|
|
</label>
|
|
<input class="form-control form-control-sm" type="number" ng-model="program.season"/>
|
|
<label>Episode
|
|
<span class="text-danger pull-right">{{error.episode}}</span>
|
|
</label>
|
|
<input class="form-control form-control-sm" type="number" ng-model="program.episode"/>
|
|
<label>Summary</label>
|
|
<textarea class="form-control form-control-sm" ng-model="program.summary"></textarea>
|
|
<label>Rating</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.rating"/>
|
|
<label>Icon</label>
|
|
<input class="form-control form-control-sm" type="text" ng-model="program.icon"/>
|
|
<h6>Icon Preview</h6>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="text-center">
|
|
<img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 row" ng-if="program.showIcon">
|
|
<div class="col-sm-6 text-center">
|
|
<label>Show</label>
|
|
<img class="img" ng-src="{{program.showIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.showIcon"/>
|
|
</div>
|
|
<div class="col-sm-6 text-center">
|
|
<label>Season</label>
|
|
<img class="img" ng-src="{{program.seasonIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.seasonIcon"/>
|
|
</div>
|
|
<div class="col-sm-12 text-center">
|
|
<label>Episode</label>
|
|
<img class="img" ng-src="{{program.episodeIcon}}" style="max-width: 150px; cursor: pointer;" ng-click="program.icon = program.episodeIcon"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-sm btn-link" ng-click="program = null">Cancel</button>
|
|
<button type="button" class="btn btn-sm btn-primary" ng-click="finished(program);">Done</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |