use view iframe on profile, spins on hover

6 files changed, 63 insertions, 8 deletions

diff --git a/public/assets/javascripts/mx/primitives/mx.youtube.js b/public/assets/javascripts/mx/primitives/mx.youtube.js
index 9925c22..118623b 100644
--- a/public/assets/javascripts/mx/primitives/mx.youtube.js
+++ b/public/assets/javascripts/mx/primitives/mx.youtube.js
@@ -41,7 +41,6 @@ MX.Youtube = MX.Object3D.extend({
   defer: function (uid){
 		if (! YT || ! YT.loaded) {
 			setTimeout(function(){
-				console.log("hwat")
 				this.defer(uid)
 			}.bind(this), 300)
 		}
@@ -127,5 +126,5 @@ MX.Youtube = MX.Object3D.extend({
 })
 
 window.onYouTubePlayerAPIReady = function(){
-	console.log("youtube ready")
+	// console.log("youtube api ready")
 }
diff --git a/public/assets/javascripts/ui/_router.js b/public/assets/javascripts/ui/_router.js
index ce18b2a..b3e868a 100644
--- a/public/assets/javascripts/ui/_router.js
+++ b/public/assets/javascripts/ui/_router.js
@@ -49,6 +49,7 @@ var SiteRouter = Router.extend({
 		this.editProfileModal = new EditProfileModal()
 		this.passwordForgotModal = new PasswordForgot()
 		this.documentModal = new DocumentModal()
+		this.profileView = new ProfileView()
 		
 		this.route()
 		
@@ -155,11 +156,7 @@ var SiteRouter = Router.extend({
 	},
 	
 	profile: function(e){
-		var classes = ['one', 'two', 'three', 'four',
-		               'five', 'six', 'seven', 'eight',
-		               'nine', 'ten', 'eleven', 'twelve',
-		               'thirteen'];
-		$(".bio").addClass(choice(classes));
+		this.profileView.load()
 	},
 	
 	editProfile: function(e){
diff --git a/public/assets/javascripts/ui/editor/EditorSettings.js b/public/assets/javascripts/ui/editor/EditorSettings.js
index 35bcbe0..1d68b1b 100644
--- a/public/assets/javascripts/ui/editor/EditorSettings.js
+++ b/public/assets/javascripts/ui/editor/EditorSettings.js
@@ -32,7 +32,7 @@ var EditorSettings = FormView.extend({
 		data.startPosition && scene.camera.move(data.startPosition)
 		
 		if (! data.isNew) {
-			console.log(data)
+			// console.log(data)
 			
 			this.$id.val( data._id )
 			this.$name.val( data.name )
diff --git a/public/assets/javascripts/ui/reader/ReaderView.js b/public/assets/javascripts/ui/reader/ReaderView.js
index 860cc04..e86856c 100644
--- a/public/assets/javascripts/ui/reader/ReaderView.js
+++ b/public/assets/javascripts/ui/reader/ReaderView.js
@@ -26,6 +26,35 @@ var ReaderView = View.extend({
 		data.startPosition && scene.camera.move(data.startPosition)
 		
 		editor.permissions.clear()
+		
+		//
+		
+		var base = this
+		
+		$(window).on('message', function(event){
+			if (event.origin !== window.location.origin) {
+				return
+			}
+			var message = event.originalEvent.data
+			switch (message) {
+				case "spin-on":
+					base.spinning = true
+					break
+				case "spin-off":
+					base.spinning = false
+					break
+			}
+		})
+		
+		requestAnimationFrame(this.spin.bind(this))
+	},
+	
+	spinning: false,
+	spin: function(){
+		requestAnimationFrame(this.spin.bind(this))
+		if (this.spinning) {
+			scene.camera.rotationY -= 1/180
+		}
 	}
 
 })
diff --git a/public/assets/javascripts/ui/site/ProfileView.js b/public/assets/javascripts/ui/site/ProfileView.js
new file mode 100644
index 0000000..41f04ef
--- /dev/null
+++ b/public/assets/javascripts/ui/site/ProfileView.js
@@ -0,0 +1,29 @@
+
+var ProfileView = View.extend({
+
+	initialize: function(){
+	},
+
+	load: function(){
+		var classes = ['one', 'two', 'three', 'four',
+		               'five', 'six', 'seven', 'eight',
+		               'nine', 'ten', 'eleven', 'twelve',
+		               'thirteen'];
+		$(".bio").addClass(choice(classes));
+		
+		$("td.border").each(function(){
+			var iframe = $(this).find("iframe").get('0')
+			if (! iframe) return
+			console.log(iframe)
+			$(this).on({
+				mouseenter: function(e){
+					iframe.contentWindow.postMessage("spin-on", window.location.origin)
+				},
+				mouseleave: function(e){
+					iframe.contentWindow.postMessage("spin-off", window.location.origin)
+				}
+			})
+		})
+	}
+
+})
diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs
index 9f0c2f2..6dd4480 100644
--- a/views/partials/scripts.ejs
+++ b/views/partials/scripts.ejs
@@ -72,6 +72,7 @@
 <script type="text/javascript" src="/assets/javascripts/ui/site/EditProjectModal.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/site/EditProfileModal.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/site/DocumentModal.js"></script>
+<script type="text/javascript" src="/assets/javascripts/ui/site/ProfileView.js"></script>
 
 <script type="text/javascript" src="/assets/javascripts/ui/builder/BuilderSettings.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/builder/BuilderToolbar.js"></script>