From 9ea588dd911bb2e37532b1f5ae2115b23dc9714e Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Fri, 19 Jul 2013 17:17:20 -0700
Subject: [PATCH] Added posters to edit and delete series

---
 UI/Series/Delete/DeleteSeriesTemplate.html |  39 ++++++--
 UI/Series/Edit/EditSeriesTemplate.html     | 102 +++++++++++----------
 UI/Series/series.less                      |  18 +++-
 3 files changed, 103 insertions(+), 56 deletions(-)

diff --git a/UI/Series/Delete/DeleteSeriesTemplate.html b/UI/Series/Delete/DeleteSeriesTemplate.html
index b0217df6f..18583bf1d 100644
--- a/UI/Series/Delete/DeleteSeriesTemplate.html
+++ b/UI/Series/Delete/DeleteSeriesTemplate.html
@@ -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">
diff --git a/UI/Series/Edit/EditSeriesTemplate.html b/UI/Series/Edit/EditSeriesTemplate.html
index bdee6563a..f43137fbc 100644
--- a/UI/Series/Edit/EditSeriesTemplate.html
+++ b/UI/Series/Edit/EditSeriesTemplate.html
@@ -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>
diff --git a/UI/Series/series.less b/UI/Series/series.less
index e02ff5f86..e4e55a590 100644
--- a/UI/Series/series.less
+++ b/UI/Series/series.less
@@ -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;
   }
 }
+