From 1b152e66ad8d7aa1c5511152991e648308f8918b Mon Sep 17 00:00:00 2001
From: Julie Lala <jules@okfoc.us>
Date: Tue, 14 Oct 2014 20:00:59 -0400
Subject: fixed-position close box fixed-position close box &c

---
 public/assets/javascripts/mx/extensions/mx.movements.js |  5 ++++-
 public/assets/javascripts/ui/editor/MediaViewer.js      | 11 +++++++++--
 public/assets/javascripts/ui/lib/ModalView.js           |  8 ++++++++
 public/assets/stylesheets/app.css                       | 16 +++++++++++++++-
 4 files changed, 36 insertions(+), 4 deletions(-)

(limited to 'public')

diff --git a/public/assets/javascripts/mx/extensions/mx.movements.js b/public/assets/javascripts/mx/extensions/mx.movements.js
index 268a1c7..5ba5d69 100644
--- a/public/assets/javascripts/mx/extensions/mx.movements.js
+++ b/public/assets/javascripts/mx/extensions/mx.movements.js
@@ -127,9 +127,12 @@ MX.Movements = function (cam) {
 						Scenery.nextWallpaper = null
 						app.tube('cancel-wallpaper')
 					}
-					else if (app.controller && app.controller.mediaViewer && app.controller.mediaViewer.$el.hasClass("active")) {
+					else if (app.controller.mediaViewer && app.controller.mediaViewer.$el.hasClass("active")) {
 						app.controller.mediaViewer.hide()
 					}
+					else if (app.controller.lightControl.$el.hasClass('active')) {
+						app.controller.lightControl.hide()
+					}
 					else {
 						app.controller.toolbar.toggleMap()
 					}
diff --git a/public/assets/javascripts/ui/editor/MediaViewer.js b/public/assets/javascripts/ui/editor/MediaViewer.js
index 2e76bec..10819af 100644
--- a/public/assets/javascripts/ui/editor/MediaViewer.js
+++ b/public/assets/javascripts/ui/editor/MediaViewer.js
@@ -6,6 +6,7 @@ var MediaViewer = ModalView.extend({
 	loaded: false,
 	perPage: 12,
 	offset: 0,
+	fixedClose: true,
 
 	events: {
 	  'mousedown': "stopPropagation",
@@ -106,6 +107,7 @@ var MediaViewer = ModalView.extend({
   },
 
 	populate: function(data){
+		var scrollTop = this.loaded ? $('.myMedia .container').height() : 0
 		if (data && data.length) {
 			if (data.length < this.perPage) {
 				this.$viewMore.hide()
@@ -122,8 +124,13 @@ var MediaViewer = ModalView.extend({
 		  this.$noMedia.show()
 		  this.$deleteMedia.hide()
 		}
-		this.loaded = true
-		this.__super__.show.call(this)
+		if (this.loaded) {
+			this.$el.delay(300).animate({ scrollTop: scrollTop }, 200)
+		}
+		else  {
+			this.loaded = true
+			this.__super__.show.call(this)
+		}
 	},
 	
 	addUploadedMedia: function(media){
diff --git a/public/assets/javascripts/ui/lib/ModalView.js b/public/assets/javascripts/ui/lib/ModalView.js
index d9b518a..1c41861 100644
--- a/public/assets/javascripts/ui/lib/ModalView.js
+++ b/public/assets/javascripts/ui/lib/ModalView.js
@@ -18,6 +18,10 @@ var ModalView = View.extend({
 		if (! this.usesFileUpload) {
 		  $(".fileUpload").removeClass("active")
 		}
+		if (this.fixedClose) {
+			$("#fixed_close").addClass("active")
+			$("#fixed_close").bind("click", this.hide.bind(this))
+		}
 		
 		this.$el.addClass("active")
     $("body").addClass("noOverflow")
@@ -25,6 +29,10 @@ var ModalView = View.extend({
 
 	hide: function(){
     // $(".mediaDrawer, .room1").removeClass("active editing");
+		if (this.fixedClose) {
+			$("#fixed_close").removeClass("active")
+			$("#fixed_close").unbind("click", this.hide.bind(this))
+		}
 		this.$el.removeClass("active");
     $("body").removeClass("noOverflow");
 	},
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index eec671a..038b0c4 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -2169,7 +2169,21 @@ form li textarea {
 	border: 1px solid black;
 	box-shadow: -3px 4px black;
 	line-height: 75px;
-
+	text-align: center;
+}
+#fixed_close {
+	display: none;
+	transform: translateY(-200px) translateZ(0);
+}
+#fixed_close.active {
+	animation: visibility 0.2s;
+	animation-fill-mode: forwards;
+	display: block;
+}
+@keyframes visibility {
+	100% {
+		transform: translateY(0px) translateZ(0);
+	}
 }
 
 
-- 
cgit v1.2.3-70-g09d2