mirror of
https://github.com/Sonarr/Sonarr.git
synced 2026-04-27 23:06:29 -04:00
Initial Bootstrap 3 migration
This commit is contained in:
committed by
Mark McDowall
parent
ad0e372c35
commit
28fa264c69
@@ -5,14 +5,14 @@
|
||||
<div class="modal-body delete-series-modal">
|
||||
|
||||
<div class="row">
|
||||
<div class="span2">
|
||||
<div class="col-md-2">
|
||||
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
|
||||
</div>
|
||||
<div class="span7">
|
||||
<div class="col-md-7">
|
||||
<div class="form-horizontal">
|
||||
<h3 class="path">{{path}}</h3>
|
||||
|
||||
<div class="control-group">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Delete all files</label>
|
||||
|
||||
<div class="controls">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="row series-page-header">
|
||||
<div class="span11">
|
||||
<div class="col-md-11">
|
||||
<div class="row">
|
||||
<h1>
|
||||
<i class="x-monitored" title="Toggle monitored state for entire series"/>
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
</div>
|
||||
<div class="modal-body edit-series-modal">
|
||||
<div class="row">
|
||||
<div class="span2">
|
||||
<div class="col-md-2">
|
||||
<img class="series-poster" src="{{poster}}"
|
||||
{{defaultImg}}>
|
||||
</div>
|
||||
<div class="span7">
|
||||
<div class="col-md-7">
|
||||
<div class="form-horizontal">
|
||||
|
||||
<div class="control-group">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Monitored</label>
|
||||
|
||||
<div class="controls">
|
||||
@@ -31,7 +31,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Use Season Folder</label>
|
||||
|
||||
<div class="controls">
|
||||
@@ -51,7 +51,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="inputQualityProfile">Quality Profile</label>
|
||||
|
||||
<div class="controls">
|
||||
@@ -67,7 +67,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="inputPath">Path</label>
|
||||
|
||||
<div class="controls">
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
<div class="series-editor-footer">
|
||||
<div class="row">
|
||||
<div class="span2">Monitored</div>
|
||||
<div class="span2">Quality Profile</div>
|
||||
<div class="span2">Season Folder</div>
|
||||
<div class="span4">Root Folder</div>
|
||||
<div class="col-md-2">Monitored</div>
|
||||
<div class="col-md-2">Quality Profile</div>
|
||||
<div class="col-md-2">Season Folder</div>
|
||||
<div class="col-md-4">Root Folder</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span2">
|
||||
<select class="span2 x-monitored">
|
||||
<div class="col-md-2">
|
||||
<select class="col-md-2 x-monitored">
|
||||
<option value="noChange">No change</option>
|
||||
<option value="true">Monitored</option>
|
||||
<option value="false">Unmonitored</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="span2">
|
||||
<select class="span2 x-quality-profiles">
|
||||
<div class="col-md-2">
|
||||
<select class="col-md-2 x-quality-profiles">
|
||||
<option value="noChange">No change</option>
|
||||
{{#each qualityProfiles.models}}
|
||||
<option value="{{id}}">{{attributes.name}}</option>
|
||||
@@ -24,16 +24,16 @@
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="span2">
|
||||
<select class="span2 x-season-folder">
|
||||
<div class="col-md-2">
|
||||
<select class="col-md-2 x-season-folder">
|
||||
<option value="noChange">No change</option>
|
||||
<option value="true">Yes</option>
|
||||
<option value="false">No</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="span3">
|
||||
<select class="span3 x-root-folder" validation-name="RootFolderPath">
|
||||
<div class="col-md-3">
|
||||
<select class="col-md-3 x-root-folder" validation-name="RootFolderPath">
|
||||
<option value="noChange">No change</option>
|
||||
{{#each rootFolders}}
|
||||
<option value="{{id}}">{{path}}</option>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div id="x-toolbar"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<div class="col-md-12">
|
||||
<div id="x-series-editor" class="series-"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,11 +1,11 @@
|
||||
<div class="row">
|
||||
<div class="well span11">
|
||||
<div class="well col-md-11">
|
||||
<i class="icon-comment"/>
|
||||
You must be new around here, You should add some series.
|
||||
</div>
|
||||
</div>
|
||||
<div class="row span3 offset4">
|
||||
<a href="/addseries" class='btn btn-large btn-block btn-success x-add-series'>
|
||||
<div class="row col-md-3 offset4">
|
||||
<a href="/addseries" class='btn btn-lg btn-block btn-success x-add-series'>
|
||||
<i class='icon-nd-add'></i>
|
||||
Add Series
|
||||
</a>
|
||||
|
||||
@@ -1,42 +1,45 @@
|
||||
<div class="row">
|
||||
<div class="series-legend legend span3">
|
||||
<div class="series-legend legend col-xs-6 col-sm-4">
|
||||
<ul class='legend-labels'>
|
||||
<li><span class="progress-primary"></span>Continuing (All Episodes downloaded)</li>
|
||||
<li><span class="progress-success"></span>Ended (All Episodes downloaded)</li>
|
||||
<li><span class="progress-danger"></span>Missing Episodes</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-5 col-sm-7">
|
||||
<div class="row">
|
||||
<div class="series-stats col-sm-4">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Series</dt>
|
||||
<dd>{{series}}</dd>
|
||||
|
||||
<div class="series-stats span2">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Series</dt>
|
||||
<dd>{{series}}</dd>
|
||||
<dt>Ended</dt>
|
||||
<dd>{{ended}}</dd>
|
||||
|
||||
<dt>Ended</dt>
|
||||
<dd>{{ended}}</dd>
|
||||
<dt>Continuing</dt>
|
||||
<dd>{{continuing}}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<dt>Continuing</dt>
|
||||
<dd>{{continuing}}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="series-stats col-sm-4">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Monitored</dt>
|
||||
<dd>{{monitored}}</dd>
|
||||
|
||||
<div class="series-stats span2">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Monitored</dt>
|
||||
<dd>{{monitored}}</dd>
|
||||
<dt>Unmonitored</dt>
|
||||
<dd>{{unmonitored}}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<dt>Unmonitored</dt>
|
||||
<dd>{{unmonitored}}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="series-stats col-sm-4">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Episodes</dt>
|
||||
<dd>{{episodes}}</dd>
|
||||
|
||||
<div class="series-stats span2">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>Episodes</dt>
|
||||
<dd>{{episodes}}</dd>
|
||||
|
||||
<dt>Files</dt>
|
||||
<dd>{{episodeFiles}}</dd>
|
||||
</dl>
|
||||
<dt>Files</dt>
|
||||
<dd>{{episodeFiles}}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1 @@
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<div id="x-series-list"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="x-series-list"/>
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<div class="series-item">
|
||||
<div class="row">
|
||||
<div class="span2">
|
||||
<div class="col-xs-2">
|
||||
<a href="{{route}}">
|
||||
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
|
||||
</a>
|
||||
</div>
|
||||
<div class="span10">
|
||||
<div class="col-xs-10">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<div class="col-xs-10">
|
||||
<a href="{{route}}" target="_blank">
|
||||
<h2>{{title}}</h2>
|
||||
</a>
|
||||
</div>
|
||||
<div class="span1">
|
||||
<div class="col-xs-2">
|
||||
<div class="pull-right">
|
||||
<i class="icon-cog x-edit" title="Edit Series"/>
|
||||
<i class="icon-remove x-remove" title="Delete Series"/>
|
||||
@@ -20,15 +20,21 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="{{route}}">
|
||||
<div class="span10">
|
||||
{{overview}}
|
||||
</div>
|
||||
</a>
|
||||
<div class="col-xs-12">
|
||||
<a href="{{route}}">
|
||||
<div>
|
||||
{{overview}}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
<div class="col-xs-12">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-10">
|
||||
{{#if_eq status compare="continuing"}}
|
||||
{{#if nextAiring}}
|
||||
<span class="label">{{NextAiring nextAiring}}</span>
|
||||
@@ -41,7 +47,7 @@
|
||||
|
||||
{{qualityProfile qualityProfileId}}
|
||||
</div>
|
||||
<div class="span2">
|
||||
<div class="col-xs-2">
|
||||
{{> EpisodeProgressPartial }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1 @@
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul id="x-series-posters" class="series-posters"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<ul id="x-series-posters" class="series-posters"></ul>
|
||||
@@ -1,32 +1,28 @@
|
||||
<div class="series-posters-item">
|
||||
<div class="row">
|
||||
<div class="span2">
|
||||
<div class="center">
|
||||
<div class="series-poster-container x-series-poster">
|
||||
<div class="series-controls">
|
||||
<i class="icon-cog x-edit" title="Edit Series"/>
|
||||
<i class="icon-remove x-remove" title="Delete Series"/>
|
||||
</div>
|
||||
{{#unless_eq status compare="continuing"}}
|
||||
<div class="ended-banner">Ended</div>
|
||||
{{/unless_eq}}
|
||||
<a href="{{route}}">
|
||||
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
|
||||
<div class="center title">{{title}}</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="center">
|
||||
<div class="series-poster-container x-series-poster">
|
||||
<div class="series-controls">
|
||||
<i class="icon-cog x-edit" title="Edit Series"/>
|
||||
<i class="icon-remove x-remove" title="Delete Series"/>
|
||||
</div>
|
||||
{{#unless_eq status compare="continuing"}}
|
||||
<div class="ended-banner">Ended</div>
|
||||
{{/unless_eq}}
|
||||
<a href="{{route}}">
|
||||
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
|
||||
<div class="center title">{{title}}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="center">
|
||||
<div class="labels">
|
||||
{{#if_eq status compare="continuing"}}
|
||||
{{#if nextAiring}}
|
||||
<span class="label label-inverse">{{NextAiring nextAiring}}</span>
|
||||
{{/if}}
|
||||
{{/if_eq}}
|
||||
{{> EpisodeProgressPartial }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="center">
|
||||
<div class="labels">
|
||||
{{#if_eq status compare="continuing"}}
|
||||
{{#if nextAiring}}
|
||||
<span class="label label-inverse">{{NextAiring nextAiring}}</span>
|
||||
{{/if}}
|
||||
{{/if_eq}}
|
||||
{{> EpisodeProgressPartial }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<div class="col-md-12">
|
||||
<div id="x-series"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,13 @@
|
||||
@import "../Content/Bootstrap/variables";
|
||||
@import "../Shared/Styles/card.less";
|
||||
@import "../Shared/Styles/clickable.less";
|
||||
@import "../Content/prefixer";
|
||||
|
||||
.series-poster {
|
||||
min-width: 56px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.edit-series-modal, .delete-series-modal {
|
||||
overflow : visible;
|
||||
|
||||
@@ -63,7 +69,11 @@
|
||||
}
|
||||
|
||||
.series-posters {
|
||||
list-style-type : none;
|
||||
list-style-type: none;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
li {
|
||||
display : inline-block;
|
||||
@@ -75,7 +85,7 @@
|
||||
.card;
|
||||
.clickable;
|
||||
margin-bottom : 20px;
|
||||
height : 295px;
|
||||
height : 315px;
|
||||
|
||||
.center {
|
||||
display : block;
|
||||
@@ -316,7 +326,7 @@
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
.span2 {
|
||||
.col-md-2 {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user