mirror of https://github.com/Sonarr/Sonarr
overview and series title in series list is now click-able,
use backbone navigation to bring up episode page instead of page reload.
This commit is contained in:
kay.one
Keivan Beigi
parent
9a42e305ad
commit
662ad28cc6
|
|
@ -5,4 +5,9 @@
|
|||
i {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#in-sub-nav li a {
|
||||
color: #b9b9b9;
|
||||
|
||||
}
|
||||
|
|
|
|||
101
UI/Index.html
101
UI/Index.html
|
|
@ -25,58 +25,69 @@
|
|||
<link href="/content/base.css" rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="in-sub-nav">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul id="main-menu-region">
|
||||
<li><a href="/"><i class="icon-film"></i>
|
||||
<br>
|
||||
Series</a></li>
|
||||
<li><a href="/calendar"><i class="icon-calendar"></i>
|
||||
<br>
|
||||
Calendar</a></li>
|
||||
<li><span class="label label-important pull-right">08</span><a href="history"><i class="icon-time"></i><br>
|
||||
History</a></li>
|
||||
<li><span class="label label-important pull-right">04</span><a href="missing"><i class="icon-folder-open"></i><br>
|
||||
Missing</a></li>
|
||||
<li><a href="settings"><i class="icon-cogs"></i>
|
||||
<br>
|
||||
Settings</a></li>
|
||||
<li><a href="system"><i class="icon-plane"></i>
|
||||
<br>
|
||||
System</a></li>
|
||||
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KRTE52U3XJDSQ" target="_blank"><i class="icon-star"></i>
|
||||
<br>
|
||||
Donate</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="in-sub-nav">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul id="main-menu-region">
|
||||
<li><a href="/"><i class="icon-film"></i>
|
||||
<br>
|
||||
Series</a></li>
|
||||
<li><a href="/calendar"><i class="icon-calendar"></i>
|
||||
<br>
|
||||
Calendar</a></li>
|
||||
<li><span class="label label-important pull-right">08</span><a href="history"><i class="icon-time"></i><br>
|
||||
History</a></li>
|
||||
<li><span class="label label-important pull-right">04</span><a href="missing"><i class="icon-folder-open"></i><br>
|
||||
Missing</a></li>
|
||||
<li><a href="settings"><i class="icon-cogs"></i>
|
||||
<br>
|
||||
Settings</a></li>
|
||||
<li><a href="system"><i class="icon-plane"></i>
|
||||
<br>
|
||||
System</a></li>
|
||||
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KRTE52U3XJDSQ" target="_blank"><i class="icon-star"></i>
|
||||
<br>
|
||||
Donate</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div class="page-container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12 header">
|
||||
<h4 id="title-region">NZBDRONE</h4>
|
||||
</div>
|
||||
<div class="span12" id="notification-region"/>
|
||||
</div>
|
||||
|
||||
<!--<div style="background: red">
|
||||
awdawdawdawdawdawdadaw
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
</div>-->
|
||||
<div class="page">
|
||||
<div class="page-container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12 header">
|
||||
<h4 id="title-region">NZBDRONE</h4>
|
||||
</div>
|
||||
<div class="span12" id="main-region"></div>
|
||||
<div id="modal-region"></div>
|
||||
<div class="span12" id="notification-region"/>
|
||||
</div>
|
||||
<div class="span12" id="main-region"></div>
|
||||
<div id="modal-region"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<p>© Copyright 2013 NzbDrone</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<p>© Copyright 2013 NzbDrone</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
</body>
|
||||
<script src="/JsLibraries/jquery.js"></script>
|
||||
<script src="/JsLibraries/bootstrap.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
define(['app'], function () {
|
||||
"use strict";
|
||||
define(['app'], function () {
|
||||
NzbDrone.MainMenuView = Backbone.Marionette.ItemView.extend({
|
||||
ui: {
|
||||
seriesSearch: '.search input'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click a': 'onClick'
|
||||
},
|
||||
|
|
@ -13,10 +10,9 @@
|
|||
event.preventDefault();
|
||||
|
||||
var target = $(event.target);
|
||||
var href = undefined;
|
||||
|
||||
//look down for <a/>
|
||||
href = event.target.getAttribute('href');
|
||||
var href = event.target.getAttribute('href');
|
||||
|
||||
//if couldn't find it look up
|
||||
if (!href && target.parent('a') && target.parent('a')[0]) {
|
||||
|
|
@ -32,7 +28,7 @@
|
|||
if (href && href.startsWith('http')) {
|
||||
window.location.href = href;
|
||||
} else {
|
||||
NzbDrone.Router.navigate(href, { trigger: true, replace: true });
|
||||
NzbDrone.Router.navigate(href, { trigger: true });
|
||||
}
|
||||
|
||||
},
|
||||
|
|
|
|||
|
|
@ -8,7 +8,9 @@
|
|||
<div class="span10">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<h2>{{title}}</h2>
|
||||
<a href="/series/details/{{id}}" target="_blank">
|
||||
<h2>{{title}}</h2>
|
||||
</a>
|
||||
</div>
|
||||
<div class="span1">
|
||||
<div class="pull-right">
|
||||
|
|
@ -18,23 +20,25 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span10">
|
||||
{{overview}}
|
||||
</div>
|
||||
<a href="/series/details/{{id}}" target="_blank">
|
||||
<div class="span10">
|
||||
{{overview}}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
{{#if isContinuing}}
|
||||
{{#if bestDateString}}
|
||||
<span class="label">{{bestDateString}}</span>
|
||||
{{else}}
|
||||
<span class="label label-inverse">{{statusText}}</span>
|
||||
{{/if}}
|
||||
<span class="label label-info">Season {{seasonCount}}</span>
|
||||
{{#if bestDateString}}
|
||||
<span class="label">{{bestDateString}}</span>
|
||||
{{else}}
|
||||
<span class="label label-important">{{statusText}}</span>
|
||||
<span class="label label-info">{{seasonCount}} Seasons</span>
|
||||
<span class="label label-inverse">{{statusText}}</span>
|
||||
{{/if}}
|
||||
<span class="label label-info">Season {{seasonCount}}</span>
|
||||
{{else}}
|
||||
<span class="label label-important">{{statusText}}</span>
|
||||
<span class="label label-info">{{seasonCount}} Seasons</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="span2">
|
||||
|
|
@ -47,4 +51,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,8 @@ define([
|
|||
|
||||
events: {
|
||||
'click .x-edit' : 'editSeries',
|
||||
'click .x-remove': 'removeSeries'
|
||||
'click .x-remove': 'removeSeries',
|
||||
'click a' : 'showEpisodeList'
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
|
|
@ -38,6 +39,12 @@ define([
|
|||
NzbDrone.vent.trigger(NzbDrone.Events.OpenModalDialog, {
|
||||
view: view
|
||||
});
|
||||
},
|
||||
|
||||
showEpisodeList: function (e) {
|
||||
e.preventDefault();
|
||||
NzbDrone.Router.navigate('/series/details/' + this.model.get('id'), { trigger: true});
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,9 +1,17 @@
|
|||
.series-item {
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 30px;
|
||||
|
||||
:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
|
||||
.series-posters {
|
||||
|
|
|
|||
Loading…
Reference in New Issue