From d2968b8bdeeb5b6fb4cd6f9d78ca762496ab36ea Mon Sep 17 00:00:00 2001
From: alekseybobkov <aleksey.bobkov@gmail.com>
Date: Sun, 19 Apr 2015 11:19:36 -0700
Subject: [PATCH] Minor fix in the Media Manager file selecting behavior. Added
 some audio types to .htaccess.

---
 .htaccess                                       |  2 ++
 .../assets/js/mediamanager-browser-min.js       | 11 +++++++----
 .../mediamanager/assets/js/mediamanager.js      | 17 +++++++++++------
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/.htaccess b/.htaccess
index 47840a30f..ec4a30a28 100644
--- a/.htaccess
+++ b/.htaccess
@@ -50,6 +50,8 @@
     RewriteCond %{REQUEST_URI} !\.ttf
     RewriteCond %{REQUEST_URI} !\.svg
     RewriteCond %{REQUEST_URI} !\.wmv
+    RewriteCond %{REQUEST_URI} !\.mp3
+    RewriteCond %{REQUEST_URI} !\.wav
     RewriteCond %{REQUEST_URI} !\.avi
     RewriteCond %{REQUEST_URI} !\.mov
     RewriteCond %{REQUEST_URI} !\.mp4
diff --git a/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser-min.js b/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser-min.js
index a63e2381f..847f1b9e2 100644
--- a/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser-min.js
+++ b/modules/cms/widgets/mediamanager/assets/js/mediamanager-browser-min.js
@@ -115,9 +115,8 @@ this.selectTimer=null}
 MediaManager.prototype.selectItem=function(node,expandSelection){if(!expandSelection){var items=this.$el.get(0).querySelectorAll('[data-type="media-item"].selected')
 for(var i=0,len=items.length;i<len;i++)
 items[i].setAttribute('class','')}
-else{var rootItem=this.$el.get(0).querySelector('[data-type="media-item"][data-root].selected')
-if(rootItem)
-rootItem.setAttribute('class','')}
+else
+this.unselectRoot()
 if(!expandSelection)
 node.setAttribute('class','selected')
 else{if(node.getAttribute('class')=='selected')
@@ -127,6 +126,9 @@ node.setAttribute('class','selected')}
 node.focus()
 this.clearSelectTimer()
 if(this.isPreviewSidebarVisible()){this.selectTimer=setTimeout(this.proxy(this.updateSidebarPreview),100)}}
+MediaManager.prototype.unselectRoot=function(){var rootItem=this.$el.get(0).querySelector('[data-type="media-item"][data-root].selected')
+if(rootItem)
+rootItem.setAttribute('class','')}
 MediaManager.prototype.clearDblTouchTimer=function(){if(this.dblTouchTimer===null)
 return
 clearTimeout(this.dblTouchTimer)
@@ -417,7 +419,8 @@ this.selectionStarted=false}
 MediaManager.prototype.onListMouseUp=function(ev){this.itemListElement.removeEventListener('mousemove',this.proxy(this.onListMouseMove))
 document.removeEventListener('mouseup',this.proxy(this.onListMouseUp))
 $(document.body).removeClass('no-select')
-if(this.selectionStarted){var items=this.itemListElement.querySelectorAll('[data-type="media-item"]:not([data-root])'),selectionPosition=$.oc.foundation.element.absolutePosition(this.selectionMarker,true)
+if(this.selectionStarted){this.unselectRoot()
+var items=this.itemListElement.querySelectorAll('[data-type="media-item"]:not([data-root])'),selectionPosition=$.oc.foundation.element.absolutePosition(this.selectionMarker,true)
 for(var index=0,len=items.length;index<len;index++){var item=items[index],itemPosition=$.oc.foundation.element.absolutePosition(item,true)
 if(this.doObjectsCollide(selectionPosition.top,selectionPosition.left,this.selectionMarker.offsetWidth,this.selectionMarker.offsetHeight,itemPosition.top,itemPosition.left,item.offsetWidth,item.offsetHeight)){if(!ev.shiftKey)
 item.setAttribute('class','selected')
diff --git a/modules/cms/widgets/mediamanager/assets/js/mediamanager.js b/modules/cms/widgets/mediamanager/assets/js/mediamanager.js
index 4fce7cd16..3bf9ae680 100644
--- a/modules/cms/widgets/mediamanager/assets/js/mediamanager.js
+++ b/modules/cms/widgets/mediamanager/assets/js/mediamanager.js
@@ -251,12 +251,8 @@
             for (var i = 0, len = items.length; i < len; i++)
                 items[i].setAttribute('class', '')
         } 
-        else {
-            var rootItem = this.$el.get(0).querySelector('[data-type="media-item"][data-root].selected')
-
-            if (rootItem)
-                rootItem.setAttribute('class', '')
-        }
+        else 
+            this.unselectRoot()
 
         if (!expandSelection)
             node.setAttribute('class', 'selected')
@@ -278,6 +274,13 @@
         }
     }
 
+    MediaManager.prototype.unselectRoot = function() {
+        var rootItem = this.$el.get(0).querySelector('[data-type="media-item"][data-root].selected')
+
+        if (rootItem)
+            rootItem.setAttribute('class', '')
+    }
+
     MediaManager.prototype.clearDblTouchTimer = function() {
         if (this.dblTouchTimer === null)
             return
@@ -1115,6 +1118,8 @@
         $(document.body).removeClass('no-select')
 
         if (this.selectionStarted) {
+            this.unselectRoot()
+
             var items = this.itemListElement.querySelectorAll('[data-type="media-item"]:not([data-root])'),
                 selectionPosition = $.oc.foundation.element.absolutePosition(this.selectionMarker, true)