109 lines
6.0 KiB
HTML
109 lines
6.0 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>
|
|
<div>
|
|
<button class="btn btn-sm btn-secondary btn-programming-tools"
|
|
ng-click="showTools = !showTools"
|
|
ng-show="content.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="sortFillersCorrectly()">
|
|
<i class='fa fa-sort-alpha-down'></i> Sort Clips
|
|
</button>
|
|
</div>
|
|
|
|
<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="sortFillersByLength()">
|
|
<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-3" 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 vs-repeat class="modal-body container list-group list-group-root filler-list"
|
|
dnd-list="content" ng-if="showList()"
|
|
vs-repeat-reinitialized="vsReinitialized(event, startIndex, endIndex)"
|
|
ng-init="setUpWatcher()"
|
|
dnd-drop="dropFunction(index , item)"
|
|
dnd-list=""
|
|
|
|
>
|
|
<div class="list-group-item flex-container filler-row" style="cursor: default; height:1.1em; overflow:hidden" ng-repeat="x in content" track-by="x.$index" dnd-draggable="x"
|
|
"
|
|
dnd-effect-allowed="move"
|
|
dnd-moved="movedFunction(x.$index)"
|
|
>
|
|
<div class="program-start" >
|
|
{{durationString(x.duration)}}
|
|
</div>
|
|
<div ng-style="programSquareStyle(x, false)" ></div>
|
|
<div class="title" >
|
|
{{ getText(x) }}
|
|
</div>
|
|
<div class="flex-pull-right">
|
|
<button class="btn btn-sm btn-link" ng-click="contentSplice(x.$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>
|