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>
<h3>Delete: {{title}}</h3>
</div>
<div class="modal-body">
<p>Are you sure you want to delete '{{title}}'?</p>
<p>{{path}}</p>
<div class="modal-body delete-series-modal">
<div class="series-delete-files">
<label class="checkbox">
<input class="x-delete-files" type="checkbox" value="true">
Delete all files from disk?
</label>
<div class="row">
<div class="span2">
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
</div>
<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 class="modal-footer">

View File

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

View File

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