overview and series title in series list is now click-able,

use backbone navigation to bring up episode page instead of page reload.
pull/23/head
kay.one 12 years ago committed by Keivan Beigi
parent 9a42e305ad
commit 662ad28cc6

@ -5,4 +5,9 @@
i {
width: 40px;
}
}
}
#in-sub-nav li a {
color: #b9b9b9;
}

@ -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>
<footer>
<div class="container">
<div class="row">
<div class="span12">
<p>&copy; Copyright 2013 NzbDrone</p>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="span12">
<p>&copy; Copyright 2013 NzbDrone</p>
</div>
</div>
</footer>
</div>
</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">&nbsp;</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-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>
<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…
Cancel
Save