diff --git a/static/js/folderBrowserList.js b/static/js/folderBrowserList.js
index b037bd44..01e4a3da 100644
--- a/static/js/folderBrowserList.js
+++ b/static/js/folderBrowserList.js
@@ -15,7 +15,7 @@ pandora.ui.folderBrowserList = function(id, section) {
clickable: true,
format: function(value) {
return $('').attr({
- src: '/list/' + encodeURI(value) + '/icon.jpg'
+ src: '/list/' + encodeURIComponent(value) + '/icon.jpg'
}).css({
width: '14px',
height: '14px',
diff --git a/static/js/folderList.js b/static/js/folderList.js
index 49ff54e2..9c4f3073 100644
--- a/static/js/folderList.js
+++ b/static/js/folderList.js
@@ -18,7 +18,7 @@ pandora.ui.folderList = function(id, section) {
},
format: function(value, data) {
return $('').attr({
- src: '/' + folderItem.toLowerCase() + '/' + encodeURI(data.id) + '/icon.jpg?' + data.modified
+ src: '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(data.id) + '/icon.jpg?' + data.modified
}).css({
width: '14px',
height: '14px',
diff --git a/static/js/home.indiancinema.js b/static/js/home.indiancinema.js
index e0156a37..d8424b69 100644
--- a/static/js/home.indiancinema.js
+++ b/static/js/home.indiancinema.js
@@ -589,7 +589,7 @@ pandora.ui.home = function() {
function getImageURL(item) {
return '/' + item.type + '/' + item.user
- + ':' + encodeURI(item.name) + '/icon256.jpg?' + item.modified;
+ + ':' + encodeURIComponent(item.name) + '/icon256.jpg?' + item.modified;
}
function getTooltip(item) {
diff --git a/static/js/home.padma.js b/static/js/home.padma.js
index fe44da69..c75b59a7 100644
--- a/static/js/home.padma.js
+++ b/static/js/home.padma.js
@@ -561,7 +561,7 @@ pandora.ui.home = function() {
function getImageURL(item) {
return '/' + item.type + '/' + item.user
- + ':' + encodeURI(item.name) + '/icon256.jpg?' + item.modified;
+ + ':' + encodeURIComponent(item.name) + '/icon256.jpg?' + item.modified;
}
function getTooltip(item) {
diff --git a/static/js/info.js b/static/js/info.js
index df86f632..22fcffe3 100644
--- a/static/js/info.js
+++ b/static/js/info.js
@@ -183,7 +183,7 @@ pandora.ui.listInfo = function() {
$icon = Ox.Element('')
.attr({
src: list
- ? '/' + folderItem.toLowerCase() + '/' + encodeURI(list) + '/icon256.jpg?' + Ox.uid()
+ ? '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(list) + '/icon256.jpg?' + Ox.uid()
: '/static/png/icon.png'
})
.css(getIconCSS())
diff --git a/static/js/listDialog.js b/static/js/listDialog.js
index aee2100f..954f77db 100644
--- a/static/js/listDialog.js
+++ b/static/js/listDialog.js
@@ -168,7 +168,7 @@ pandora.ui.listGeneralPanel = function(listData) {
tooltip: Ox._('Doubleclick to edit icon')
})
.attr({
- src: '/' + folderItem.toLowerCase() + '/' + encodeURI(listData.id) + '/icon256.jpg?' + Ox.uid()
+ src: '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(listData.id) + '/icon256.jpg?' + Ox.uid()
})
.css({
position: 'absolute',
@@ -358,7 +358,7 @@ pandora.ui.listIconPanel = function(listData) {
$iconPanel = Ox.Element(),
$icon = $('')
- .attr({src: '/' + folderItem.toLowerCase() + '/' + encodeURI(listData.id) + '/icon256.jpg?' + Ox.uid()})
+ .attr({src: '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(listData.id) + '/icon256.jpg?' + Ox.uid()})
.css({position: 'absolute', borderRadius: '64px', margin: '16px'})
.appendTo($iconPanel),
@@ -544,12 +544,12 @@ pandora.ui.listIconPanel = function(listData) {
posterFrames: posterFrames
}, function() {
$icon.attr({
- src: '/' + folderItem.toLowerCase() + '/' + encodeURI(listData.id) + '/icon256.jpg?' + Ox.uid()
+ src: '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(listData.id) + '/icon256.jpg?' + Ox.uid()
});
pandora.$ui.folderList[listData.folder].$element
- .find('img[src*="/' + encodeURI(listData.id) + '/"]')
+ .find('img[src*="/' + encodeURIComponent(listData.id) + '/"]')
.attr({
- src: '/' + folderItem.toLowerCase() + '/' + encodeURI(listData.id) + '/icon.jpg?' + Ox.uid()
+ src: '/' + folderItem.toLowerCase() + '/' + encodeURIComponent(listData.id) + '/icon.jpg?' + Ox.uid()
});
pandora.$ui.info.updateListInfo();
});