1
0
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:
Taloth Saldono
2014-04-01 22:10:36 +02:00
committed by Mark McDowall
parent ad0e372c35
commit 28fa264c69
151 changed files with 9617 additions and 6299 deletions
@@ -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>
+3 -3
View File
@@ -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>
+30 -27
View File
@@ -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">&nbsp;</div>
<div class="row">
<div class="span8">
<div class="col-xs-12">
&nbsp;
</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>
+13 -3
View File
@@ -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;
}
}