Initial commit

[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / imagebrowser / browser / browser.js

var CkEditorImageBrowser = {};\r
\r
CkEditorImageBrowser.folders = [];\r
CkEditorImageBrowser.images = {}; //folder => list of images\r
CkEditorImageBrowser.ckFunctionNum = null;\r
\r
CkEditorImageBrowser.$folderSwitcher = null;\r
CkEditorImageBrowser.$imagesContainer = null;\r
\r
CkEditorImageBrowser.init = function () {\r
	CkEditorImageBrowser.$folderSwitcher = $('#js-folder-switcher');\r
	CkEditorImageBrowser.$imagesContainer = $('#js-images-container');\r
\r
	var baseHref = CkEditorImageBrowser.getQueryStringParam("baseHref");\r
	if (baseHref) {\r
		var h = (document.head || document.getElementsByTagName("head")[0]),\r
			el = h.getElementsByTagName("link")[0];\r
		el.href = location.href.replace(/\/[^\/]*$/,"/browser.css");\r
		(h.getElementsByTagName("base")[0]).href = baseHref;\r
	}\r
\r
	CkEditorImageBrowser.ckFunctionNum = CkEditorImageBrowser.getQueryStringParam('CKEditorFuncNum');\r
\r
	CkEditorImageBrowser.initEventHandlers();\r
\r
	CkEditorImageBrowser.loadData(CkEditorImageBrowser.getQueryStringParam('listUrl'), function () {\r
		CkEditorImageBrowser.initFolderSwitcher();\r
	});\r
};\r
\r
CkEditorImageBrowser.loadData = function (url, onLoaded) {\r
	CkEditorImageBrowser.folders = [];\r
	CkEditorImageBrowser.images = {};\r
\r
	$.getJSON(url, function (list) {\r
		$.each(list, function (_idx, item) {\r
			if (typeof(item.folder) === 'undefined') {\r
				item.folder = 'Images';\r
			}\r
\r
			if (typeof(item.thumb) === 'undefined') {\r
				item.thumb = item.image;\r
			}\r
\r
			CkEditorImageBrowser.addImage(item.folder, item.image, item.thumb);\r
		});\r
\r
		onLoaded();\r
	}).error(function(jqXHR, textStatus, errorThrown) {\r
		var errorMessage;\r
		if (jqXHR.status < 200 || jqXHR.status >= 400) {\r
			errorMessage = 'HTTP Status: ' + jqXHR.status + '/' + jqXHR.statusText + ': "<strong style="color: red;">' + url + '</strong>"';\r
		} else if (textStatus === 'parsererror') {\r
			errorMessage = textStatus + ': invalid JSON file: "<strong style="color: red;">' + url + '</strong>": ' + errorThrown.message;\r
		} else {\r
			errorMessage = textStatus + ' / ' + jqXHR.statusText + ' / ' + errorThrown.message;\r
		}\r
		CkEditorImageBrowser.$imagesContainer.html(errorMessage);\r
    });\r
};\r
\r
CkEditorImageBrowser.addImage = function (folderName, imageUrl, thumbUrl) {\r
	if (typeof(CkEditorImageBrowser.images[folderName]) === 'undefined') {\r
		CkEditorImageBrowser.folders.push(folderName);\r
		CkEditorImageBrowser.images[folderName] = [];\r
	}\r
\r
	CkEditorImageBrowser.images[folderName].push({\r
		"imageUrl": imageUrl,\r
		"thumbUrl": thumbUrl\r
	});\r
};\r
\r
CkEditorImageBrowser.initFolderSwitcher = function () {\r
	var $switcher = CkEditorImageBrowser.$folderSwitcher;\r
\r
	$switcher.find('li').remove();\r
\r
	$.each(CkEditorImageBrowser.folders, function (idx, folderName) {\r
		var $option = $('<li></li>').data('idx', idx).text(folderName);\r
		$option.appendTo($switcher);\r
	});\r
\r
\r
	if (CkEditorImageBrowser.folders.length === 0) {\r
		$switcher.remove();\r
		CkEditorImageBrowser.$imagesContainer.text('No images.');\r
	} else {\r
		if (CkEditorImageBrowser.folders.length === 1) {\r
			$switcher.hide();\r
		}\r
\r
		$switcher.find('li:first').click();\r
	}\r
};\r
\r
CkEditorImageBrowser.renderImagesForFolder = function (folderName) {\r
	var images = CkEditorImageBrowser.images[folderName],\r
		templateHtml = $('#js-template-image').html();\r
\r
	CkEditorImageBrowser.$imagesContainer.html('');\r
\r
	$.each(images, function (_idx, imageData) {\r
		var html = templateHtml;\r
		html = html.replace('%imageUrl%', imageData.imageUrl);\r
		html = html.replace('%thumbUrl%', imageData.thumbUrl);\r
\r
		var $item = $($.parseHTML(html));\r
\r
		CkEditorImageBrowser.$imagesContainer.append($item);\r
	});\r
};\r
\r
CkEditorImageBrowser.initEventHandlers = function () {\r
	$(document).on('click', '#js-folder-switcher li', function () {\r
		var idx = parseInt($(this).data('idx'), 10),\r
			folderName = CkEditorImageBrowser.folders[idx];\r
\r
		$(this).siblings('li').removeClass('active');\r
		$(this).addClass('active');\r
\r
		CkEditorImageBrowser.renderImagesForFolder(folderName);\r
	});\r
\r
	$(document).on('click', '.js-image-link', function () {\r
		window.opener.CKEDITOR.tools.callFunction(CkEditorImageBrowser.ckFunctionNum, $(this).data('url'));\r
		window.close();\r
	});\r
};\r
\r
CkEditorImageBrowser.getQueryStringParam = function (name) {\r
	var regex = new RegExp('[?&]' + name + '=([^&]*)'),\r
		result = window.location.search.match(regex);\r
\r
	return (result && result.length > 1 ? decodeURIComponent(result[1]) : null);\r
};\r