91 lines
5.2 KiB
HTML
91 lines
5.2 KiB
HTML
<div ng-show="visible">
|
|
<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">{{title}}</h5>
|
|
</div>
|
|
<div style='padding-left: 1rem; padding-right: 1rem' >
|
|
|
|
<div class="form-group">
|
|
<label for="name">Filler Name:</label>
|
|
<input type="text" class="form-control" id="name" placeholder="Filler Name" ng-model="name" ></input>
|
|
</div>
|
|
|
|
<h6 style="margin-top: 10px;">Clips</h6>
|
|
|
|
<div class="flex-container">
|
|
<div class="programming-counter small" ng-show="content.length > 0">
|
|
<span class="small"><b>Total:</b> {{content.length}}</span>
|
|
</div>
|
|
<div class='flex-pull-right' />
|
|
<div>
|
|
<button class="btn btn-sm btn-secondary btn-programming-tools"
|
|
ng-click="showTools = !showTools"
|
|
ng-show="channel.programs.length !== 0">
|
|
<span
|
|
class="fa {{ showTools ? 'fa-chevron-down' : 'fa-chevron-right'}}"></span> Tools
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<button class="btn btn-sm btn-primary" ng-click="showPlexLibrary = true">
|
|
<span class="fa fa-plus"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div ng-show="showTools">
|
|
<div class="row">
|
|
<div class="input-group col-md-3" style="padding: 5px;">
|
|
<button class="btn btn-sm btn-warning form-control form-control-sm" type="button" ng-click="sortFillers()">
|
|
<i class='fa fa-sort-amount-down-alt'></i> Sort Lengths
|
|
</button>
|
|
</div>
|
|
<div class="input-group col-md-3" style="padding: 5px;">
|
|
<button class="btn btn-sm btn-danger form-control form-control-sm" type="button" ng-click="fillerRemoveDuplicates()">
|
|
<i class='fa fa-trash-alt'></i> Remove Duplicates
|
|
</button>
|
|
</div>
|
|
<div class="input-group col-md-6" style="padding: 5px;">
|
|
<button class="btn btn-sm btn-danger form-control form-control-sm" type="button" ng-click="fillerRemoveAllFiller()">
|
|
<i class='fa fa-trash-alt'></i> Remove All Filler
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div ng-show="content.length === 0">
|
|
<p class="text-center text-info">Click the <span class="fa fa-plus"></span> to import filler content from your Plex server(s).</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-body container list-group list-group-root filler-list" vs-repeat="options" dnd-list="content" ng-if="showList()">
|
|
<div class="list-group-item flex-container" style="cursor: default;" ng-repeat="x in content" dnd-draggable="x" dnd-moved="content.splice($index, 1)" dnd-effect-allowed="move">
|
|
<div class="program-start" >
|
|
{{durationString(x.duration)}}
|
|
</div>
|
|
<div ng-style="programSquareStyle(x, false)" />
|
|
<div class="title" >
|
|
{{x.title}}
|
|
</div>
|
|
<div class="flex-pull-right">
|
|
<button class="btn btn-sm btn-link" ng-click="content.splice($index,1)">
|
|
<i class="text-danger fa fa-trash-alt" ></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<div class='text-danger small'>{{error}}</div>
|
|
<button type="button" class="btn btn-sm btn-link" ng-click="finished(true)">Cancel</button>
|
|
<button type="button" class="btn btn-sm btn-primary" ng-click="finished(false);">Done</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<plex-library limit=1000000000 height="300" visible="showPlexLibrary" on-finish="importPrograms"></plex-library>
|
|
</div> |