Added posters to edit and delete series

This commit is contained in:
Mark McDowall 2013-07-19 17:17:20 -07:00
parent bb86e20bed
commit 9ea588dd91
3 changed files with 103 additions and 56 deletions

View File

@ -2,15 +2,38 @@
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>Delete: {{title}}</h3> <h3>Delete: {{title}}</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body delete-series-modal">
<p>Are you sure you want to delete '{{title}}'?</p>
<p>{{path}}</p>
<div class="series-delete-files"> <div class="row">
<label class="checkbox"> <div class="span2">
<input class="x-delete-files" type="checkbox" value="true"> <img class="series-poster" src="{{poster}}" {{defaultImg}}>
Delete all files from disk? </div>
</label> <div class="span7">
<div class="form-horizontal">
<h3 class="path">{{path}}</h3>
<div class="control-group">
<label class="control-label">Delete all files</label>
<div class="controls">
<label class="checkbox toggle well">
<input type="checkbox" class="x-delete-files"/>
<p>
<span>Yes</span>
<span>No</span>
</p>
<div class="btn btn-primary slide-button"/>
</label>
<span class="help-inline-checkbox">
<i class="icon-question-sign" title="Do you want to delete all files from disk?"/>
<i class="icon-form-danger" title="This option is irreversible, use with extreme caution"/>
</span>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">

View File

@ -3,82 +3,90 @@
<h3>Edit: {{title}}</h3> <h3>Edit: {{title}}</h3>
</div> </div>
<div class="modal-body edit-series-modal"> <div class="modal-body edit-series-modal">
<div class="form-horizontal"> <div class="row">
<div class="span2">
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
</div>
<div class="span7">
<div class="form-horizontal">
<div class="control-group"> <div class="control-group">
<label class="control-label">Monitored</label> <label class="control-label">Monitored</label>
<div class="controls"> <div class="controls">
<label class="checkbox toggle well"> <label class="checkbox toggle well">
<input type="checkbox" name="monitored"/> <input type="checkbox" name="monitored"/>
<p> <p>
<span>Yes</span> <span>Yes</span>
<span>No</span> <span>No</span>
</p> </p>
<div class="btn btn-primary slide-button"/> <div class="btn btn-primary slide-button"/>
</label> </label>
<span class="help-inline-checkbox"> <span class="help-inline-checkbox">
<i class="icon-question-sign" title="Should NzbDrone download episodes for this series?"/> <i class="icon-question-sign" title="Should NzbDrone download episodes for this series?"/>
</span> </span>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">
<label class="control-label">Use Season Folder</label> <label class="control-label">Use Season Folder</label>
<div class="controls"> <div class="controls">
<label class="checkbox toggle well"> <label class="checkbox toggle well">
<input type="checkbox" name="seasonFolder"/> <input type="checkbox" name="seasonFolder"/>
<p> <p>
<span>Yes</span> <span>Yes</span>
<span>No</span> <span>No</span>
</p> </p>
<div class="btn btn-primary slide-button"/> <div class="btn btn-primary slide-button"/>
</label> </label>
<span class="help-inline-checkbox"> <span class="help-inline-checkbox">
<i class="icon-question-sign" title="Should downloaded episodes be stored in season folders?"/> <i class="icon-question-sign" title="Should downloaded episodes be stored in season folders?"/>
</span> </span>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputQualityProfile">Quality Profile</label> <label class="control-label" for="inputQualityProfile">Quality Profile</label>
<div class="controls"> <div class="controls">
<select class="x-quality-profile" id="inputQualityProfile" name="qualityProfileId"> <select class="x-quality-profile" id="inputQualityProfile" name="qualityProfileId">
{{#each qualityProfiles.models}} {{#each qualityProfiles.models}}
<option value="{{id}}">{{attributes.name}}</option> <option value="{{id}}">{{attributes.name}}</option>
{{/each}} {{/each}}
</select> </select>
<span class="help-inline"> <span class="help-inline">
<i class="icon-question-sign" title="Which Quality Profile should NzbDrone use to download episodes?"/> <i class="icon-question-sign" title="Which Quality Profile should NzbDrone use to download episodes?"/>
</span> </span>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputPath">Path</label> <label class="control-label" for="inputPath">Path</label>
<div class="controls"> <div class="controls">
<input type="text" id="inputPath" class="x-path" placeholder="Path" name="path"> <input type="text" id="inputPath" class="x-path" placeholder="Path" name="path">
<span class="help-inline"> <span class="help-inline">
<i class="icon-question-sign" title="Where should NzbDrone store episodes for this series?"/> <i class="icon-question-sign" title="Where should NzbDrone store episodes for this series?"/>
</span> </span>
</div> </div>
</div> </div>
<div class="control-group">
<label class="control-label" for="inputCustomStartDate">Custom Start Date</label>
<div class="controls"> <div class="control-group">
<input type="date" id="inputCustomStartDate" name="customStartDate"> <label class="control-label" for="inputCustomStartDate">Custom Start Date</label>
<div class="controls">
<input type="date" id="inputCustomStartDate" name="customStartDate">
<span class="help-inline"> <span class="help-inline">
<i class="icon-question-sign" title="Should NzbDrone only download episodes after your preferred start date?"/> <i class="icon-question-sign" title="Should NzbDrone only download episodes after your preferred start date?"/>
</span> </span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,8 +2,23 @@
@import "../Shared/Styles/clickable.less"; @import "../Shared/Styles/clickable.less";
@import "../Content/prefixer"; @import "../Content/prefixer";
.edit-series-modal { .edit-series-modal, .delete-series-modal {
overflow : visible; overflow : visible;
.series-poster {
.card;
width : 168px;
}
.form-horizontal {
margin-top: 10px;
}
}
.delete-series-modal {
.path {
margin-left: 30px;
}
} }
.series-item { .series-item {
@ -196,3 +211,4 @@
.clickable; .clickable;
} }
} }