mirror of
https://github.com/Readarr/Readarr.git
synced 2026-04-20 21:54:25 -04:00
rjs -> webpack
This commit is contained in:
@@ -1,65 +1,43 @@
|
||||
'use strict';
|
||||
define(
|
||||
[
|
||||
'marionette',
|
||||
'jquery',
|
||||
'Health/HealthView',
|
||||
'Activity/Queue/QueueView',
|
||||
'Navbar/Search'
|
||||
], function (Marionette, $, HealthView, QueueView) {
|
||||
return Marionette.Layout.extend({
|
||||
template: 'Navbar/NavbarLayoutTemplate',
|
||||
var Marionette = require('marionette');
|
||||
var $ = require('jquery');
|
||||
var HealthView = require('../Health/HealthView');
|
||||
var QueueView = require('../Activity/Queue/QueueView');
|
||||
require('./Search');
|
||||
|
||||
regions: {
|
||||
health : '#x-health',
|
||||
queue : '#x-queue-count'
|
||||
},
|
||||
|
||||
ui: {
|
||||
search: '.x-series-search',
|
||||
collapse: '.x-navbar-collapse'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click a': 'onClick'
|
||||
},
|
||||
|
||||
onRender: function () {
|
||||
this.ui.search.bindSearch();
|
||||
this.health.show(new HealthView());
|
||||
this.queue.show(new QueueView());
|
||||
},
|
||||
|
||||
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.closest('a') && target.closest('a')[0]) {
|
||||
|
||||
var linkElement = target.closest('a')[0];
|
||||
|
||||
href = linkElement.getAttribute('href');
|
||||
this.setActive(linkElement);
|
||||
}
|
||||
else {
|
||||
this.setActive(event.target);
|
||||
}
|
||||
|
||||
if ($(window).width() < 768) {
|
||||
this.ui.collapse.collapse('hide');
|
||||
}
|
||||
},
|
||||
|
||||
setActive: function (element) {
|
||||
//Todo: Set active on first load
|
||||
this.$('a').removeClass('active');
|
||||
$(element).addClass('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
module.exports = Marionette.Layout.extend({
|
||||
template : 'Navbar/NavbarLayoutTemplate',
|
||||
regions : {
|
||||
health : '#x-health',
|
||||
queue : '#x-queue-count'
|
||||
},
|
||||
ui : {
|
||||
search : '.x-series-search',
|
||||
collapse : '.x-navbar-collapse'
|
||||
},
|
||||
events : {"click a" : 'onClick'},
|
||||
onRender : function(){
|
||||
this.ui.search.bindSearch();
|
||||
this.health.show(new HealthView());
|
||||
this.queue.show(new QueueView());
|
||||
},
|
||||
onClick : function(event){
|
||||
event.preventDefault();
|
||||
var target = $(event.target);
|
||||
var href = event.target.getAttribute('href');
|
||||
if(!href && target.closest('a') && target.closest('a')[0]) {
|
||||
var linkElement = target.closest('a')[0];
|
||||
href = linkElement.getAttribute('href');
|
||||
this.setActive(linkElement);
|
||||
}
|
||||
else {
|
||||
this.setActive(event.target);
|
||||
}
|
||||
if($(window).width() < 768) {
|
||||
this.ui.collapse.collapse('hide');
|
||||
}
|
||||
},
|
||||
setActive : function(element){
|
||||
this.$('a').removeClass('active');
|
||||
$(element).addClass('active');
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user