github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-08-21 14:03:29 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

show a basic spinner while the app is loading all the js files/series list.

Browse source
This commit is contained in:
Keivan Beigi 2013-08-01 18:02:55 -07:00 • committed by kay.one
commit 376b386b31
9 changed files with 159 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

62
UI/Navbar/NavbarTemplate.html Normal file
View file

@ -0,0 +1,62 @@
<div class="container">
<div class="row">
<div class="span12">
<ul id="main-menu-region">
<div class="pull-left logo">
<a href="/">
<img src="/Content/Images/logo.png" alt="NzbDrone">
</a>
</div>
<li>
<a href="/">
<i class="icon-play"></i>
<br>
Series
</a>
</li>
<li>
<a href="/calendar">
<i class="icon-calendar"></i>
<br>
Calendar
</a>
</li>
<li>
<a href="history">
<i class="icon-time"></i>
<br>
History
</a>
</li>
<li>
<a href="missing">
<i class="icon-warning-sign"></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-laptop"></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-heart"></i>
<br>
Donate
</a>
</li>
</ul>
</div>
</div>
</div>

41
UI/Navbar/NavbarView.js Normal file
View file

@ -0,0 +1,41 @@
'use strict';
define(
[
'marionette'
], function (Marionette) {
return Marionette.ItemView.extend({
events: {
'click a': 'onClick'
},
template : 'Navbar/NavbarTemplate',
onClick: function (event) {
event.preventDefault();
var target = $(event.target);
//look down for <a/>
var href = event.target.getAttribute('href');
//if couldn't find it look up
if (!href && target.parent('a') && target.parent('a')[0]) {
var linkElement = target.parent('a')[0];
href = linkElement.getAttribute('href');
this.setActive(linkElement);
}
else {
this.setActive(event.target);
}
},
setActive: function (element) {
//Todo: Set active on first load
this.$('a').removeClass('active');
$(element).addClass('active');
}
});
});