From d1a251ced60317aa0a0f43e571a4185e654ca9f1 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Mar 2016 15:36:20 -0400 Subject: active class on menu --- public/assets/js/lib/NavView.js | 6 +++++- public/assets/js/lib/ProjectView.js | 2 ++ public/assets/ok.css | 2 +- 3 files changed, 8 insertions(+), 2 deletions(-) (limited to 'public') diff --git a/public/assets/js/lib/NavView.js b/public/assets/js/lib/NavView.js index a9fba25..b2fe341 100644 --- a/public/assets/js/lib/NavView.js +++ b/public/assets/js/lib/NavView.js @@ -49,7 +49,6 @@ var NavView = View.extend({ return } - console.log(view.page_number, view.project_id) direction = direction || "down" addClassForPeriod( document.body, direction, app.navigation_delay ) @@ -59,4 +58,9 @@ var NavView = View.extend({ app.view = view }, + setActive: function(id){ + this.$(".active").removeClass("active") + this.$("[data-id=" + id + "]").addClass("active") + }, + }) \ No newline at end of file diff --git a/public/assets/js/lib/ProjectView.js b/public/assets/js/lib/ProjectView.js index 061dcee..6ae581e 100644 --- a/public/assets/js/lib/ProjectView.js +++ b/public/assets/js/lib/ProjectView.js @@ -44,6 +44,8 @@ var ProjectView = View.extend({ else { app.router.pushState("/project/" + this.project_id) } + + app.nav.setActive( this.project_id ) this.showing = true addClassForPeriod( this.el, "showing", app.navigation_delay, function(){ diff --git a/public/assets/ok.css b/public/assets/ok.css index 51184d8..e84e2ad 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -504,7 +504,7 @@ button.previous { } .resizing .top { - background: url(img/tomato20dancing.gif)center; + background: url(img/tomato20dancing.gif) center !important; } .bottom { -- cgit v1.2.3-70-g09d2