From b1e172be9e8268532610b3e7fe2a4e339eccd1a2 Mon Sep 17 00:00:00 2001 From: Julie Lala Date: Thu, 17 Jul 2014 14:50:44 -0400 Subject: spinning projects on home view --- public/assets/javascripts/ui/site/HomeView.js | 11 ++++++++++ public/assets/javascripts/ui/site/ProfileView.js | 13 +---------- public/assets/javascripts/ui/site/ProjectList.js | 28 ++++++++++++++++++++++++ 3 files changed, 40 insertions(+), 12 deletions(-) create mode 100644 public/assets/javascripts/ui/site/HomeView.js create mode 100644 public/assets/javascripts/ui/site/ProjectList.js (limited to 'public/assets/javascripts/ui/site') diff --git a/public/assets/javascripts/ui/site/HomeView.js b/public/assets/javascripts/ui/site/HomeView.js new file mode 100644 index 0000000..02f9ab9 --- /dev/null +++ b/public/assets/javascripts/ui/site/HomeView.js @@ -0,0 +1,11 @@ + +var HomeView = View.extend({ + + initialize: function() { + }, + + load: function() { + this.projectList = new ProjectList () + } + +}) diff --git a/public/assets/javascripts/ui/site/ProfileView.js b/public/assets/javascripts/ui/site/ProfileView.js index 8661bcd..f3b35d9 100644 --- a/public/assets/javascripts/ui/site/ProfileView.js +++ b/public/assets/javascripts/ui/site/ProfileView.js @@ -11,18 +11,7 @@ var ProfileView = View.extend({ 'thirteen']; $(".bio").addClass(choice(classes)); - $("td.border").each(function() { - var iframe = $(this).find("iframe").get('0') - if (! iframe) return - $(this).on({ - mouseenter: function(e){ - iframe.contentWindow.postMessage("spin-on", window.location.origin) - }, - mouseleave: function(e){ - iframe.contentWindow.postMessage("spin-off", window.location.origin) - } - }) - }) + this.projectList = new ProjectList () } }) diff --git a/public/assets/javascripts/ui/site/ProjectList.js b/public/assets/javascripts/ui/site/ProjectList.js new file mode 100644 index 0000000..b72c832 --- /dev/null +++ b/public/assets/javascripts/ui/site/ProjectList.js @@ -0,0 +1,28 @@ + +var ProjectList = View.extend({ + + el: "#projectList", + + events: { + "mouseenter td.border": 'spinOn', + "mouseleave td.border": 'spinOff', + }, + + initialize: function(){ +console.log("PISS") + }, + + spinOn: function(e){ + var iframe = $(e.currentTarget).find("iframe").get('0') + if (! iframe) return + iframe.contentWindow.postMessage("spin-on", window.location.origin) + }, + + spinOff: function(e){ + var iframe = $(e.currentTarget).find("iframe").get('0') + if (! iframe) return + iframe.contentWindow.postMessage("spin-off", window.location.origin) + } + +}) + -- cgit v1.2.3-70-g09d2