%PDF- %PDF-
Direktori : /home/lightco1/www/quoizel.com.au/plugins/system/jsnframework/assets/joomlashine/js/ |
Current File : /home/lightco1/www/quoizel.com.au/plugins/system/jsnframework/assets/joomlashine/js/iconselector.js |
define([ 'jquery', 'jquery.select2', 'jquery.ui'], function ($) { var JSNIconSelector = function (params) { this.params = params; this.lang = params.language; } JSNIconSelector.prototype = { GenerateSelector:function (container, actionSelector, value) { var self = this; var resultsFilter = $("<ul/>", {"class":"jsn-items-list"}); $("#jsn-quicksearch-icons").val(""); $(container).find(".jsn-reset-search").hide(); self.renderListIconSelector(resultsFilter, self.Icomoon(), actionSelector, value); $.fn.delayKeyup = function (callback, ms) { var timer = 0; var el = $(this); $(this).keyup(function () { clearTimeout(timer); timer = setTimeout(function () { callback(el) }, ms); }); return $(this); }; var oldIconFilter = ""; return $("<div/>", {"class":"jsn-iconselector"}).append( $("<div/>", {"class":"jsn-fieldset-filter"}).append( $("<fieldset/>").append( $("<div/>", {"class":"pull-right jsn-quick-search"}).append( $("<input/>", {"class":"input search-query", "type":"text", "id":"jsn-quicksearch-icons", "placeholder":"Search…"}).delayKeyup(function (el) { if ($(el).val() != oldIconFilter) { oldIconFilter = $(el).val(); self.filterResults($(el).val(), resultsFilter); } if ($(el).val() == "") { $(el).parents(".jsn-iconselector").find(".jsn-reset-search").hide(); } else { $(el).parents(".jsn-iconselector").find(".jsn-reset-search").show(); } }, 500) ).append( $("<a/>", {"href":"javascript:void(0);", "title":"Clear Search", "class":"jsn-reset-search"}).append($("<i/>", {"class":"icon-remove"})).click(function () { $(this).parents(".jsn-iconselector").find("#jsn-quicksearch-icons").val(""); oldIconFilter = ""; self.filterResults("", resultsFilter); $(this).hide(); }) ) ) ) ).append(resultsFilter); }, filterResults:function (value, resultsFilter) { $(resultsFilter).find("li").hide(); if (value != "") { $(resultsFilter).find("li").each(function () { var textField = $(this).find("a").attr("data-value").toLowerCase(); if (textField.search(value.toLowerCase()) == -1) { $(this).hide(); } else { $(this).fadeIn(1200); } }); } else { $(resultsFilter).find("li").each(function () { $(this).fadeIn(1200); }); } }, renderListIconSelector:function ( container, list, actionSelector, valueDefault) { $(container).find("li").removeClass("active"); $(container).html(""); $.each(list, function (value, title) { var classActive = {"class":"jsn-item"}; if ($.inArray(value, valueDefault) > -1) { classActive = {"class":"jsn-item active"}; } $(container).append( $("<li/>", classActive).append( $("<a/>", {"href":"javascript:void(0)", "class":"icons-item", "data-value":value}).append($("<i/>", {"class":value})).append(title).click(function () { actionSelector(this); }) ) ) }) }, Icomoon:function () { return { "icon-home":"home", "icon-user":"user", "icon-locked":"locked", "icon-comments":"comments", "icon-comments-2":"comments-2", "icon-out":"out", "icon-redo":"redo", "icon-undo":"undo", "icon-file-add":"file-add", "icon-plus":"plus", "icon-pencil":"pencil", "icon-pencil-2":"pencil-2", "icon-folder":"folder", "icon-folder-2":"folder-2", "icon-picture":"picture", "icon-pictures":"pictures", "icon-list-view":"list-view", "icon-power-cord":"power-cord", "icon-cube":"cube", "icon-puzzle":"puzzle", "icon-flag":"flag", "icon-tools":"tools", "icon-cogs":"cogs", "icon-cog":"cog", "icon-equalizer":"equalizer", "icon-wrench":"wrench", "icon-brush":"brush", "icon-eye":"eye", "icon-checkbox-unchecked":"checkbox-unchecked", "icon-checkbox":"checkbox", "icon-checkbox-partial":"checkbox-partial", "icon-star":"star", "icon-star-2":"star-2", "icon-star-empty":"star-empty", "icon-calendar":"calendar", "icon-calendar-2":"calendar-2", "icon-help":"help", "icon-support":"support", "icon-warning":"warning", "icon-checkmark":"checkmark", "icon-cancel":"cancel", "icon-minus":"minus", "icon-remove":"remove", "icon-mail":"mail", "icon-mail-2":"mail-2", "icon-drawer":"drawer", "icon-drawer-2":"drawer-2", "icon-box-add":"box-add", "icon-box-remove":"box-remove", "icon-search":"search", "icon-filter":"filter", "icon-camera":"camera", "icon-play":"play", "icon-music":"music", "icon-grid-view":"grid-view", "icon-grid-view-2":"grid-view-2", "icon-menu":"menu", "icon-thumbs-up":"thumbs-up", "icon-thumbs-down":"thumbs-down", "icon-cancel-2":"cancel-2", "icon-plus-2":"plus-2", "icon-minus-2":"minus-2", "icon-key":"key", "icon-quote":"quote", "icon-quote-2":"quote-2", "icon-database":"database", "icon-location":"location", "icon-zoom-in":"zoom-in", "icon-zoom-out":"zoom-out", "icon-expand":"expand", "icon-contract":"contract", "icon-expand-2":"expand-2", "icon-contract-2":"contract-2", "icon-health":"health", "icon-wand":"wand", "icon-refresh":"refresh", "icon-vcard":"vcard", "icon-clock":"clock", "icon-compass":"compass", "icon-address":"address", "icon-feed":"feed", "icon-flag-2":"flag-2", "icon-pin":"pin", "icon-lamp":"lamp", "icon-chart":"chart", "icon-bars":"bars", "icon-pie":"pie", "icon-dashboard":"dashboard", "icon-lightning":"lightning", "icon-move":"move", "icon-next":"next", "icon-previous":"previous", "icon-first":"first", "icon-last":"last", "icon-loop":"loop", "icon-shuffle":"shuffle", "icon-arrow-first":"arrow-first", "icon-arrow-last":"arrow-last", "icon-arrow-up":"arrow-up", "icon-arrow-right":"arrow-right", "icon-arrow-down":"arrow-down", "icon-arrow-left":"arrow-left", "icon-arrow-up-2":"arrow-up-2", "icon-arrow-right-2":"arrow-right-2", "icon-arrow-down-2":"arrow-down-2", "icon-arrow-left-2":"arrow-left-2", "icon-play-2":"play-2", "icon-menu-2":"menu-2", "icon-arrow-up-3":"arrow-up-3", "icon-arrow-right-3":"arrow-right-3", "icon-arrow-down-3":"arrow-down-3", "icon-arrow-left-3":"arrow-left-3", "icon-printer":"printer", "icon-color-palette":"color-palette", "icon-camera-2":"camera-2", "icon-file":"file", "icon-file-remove":"file-remove", "icon-copy":"copy", "icon-cart":"cart", "icon-basket":"basket", "icon-broadcast":"broadcast", "icon-screen":"screen", "icon-tablet":"tablet", "icon-mobile":"mobile", "icon-users":"users", "icon-briefcase":"briefcase", "icon-download":"download", "icon-upload":"upload", "icon-bookmark":"bookmark", "icon-out-2":"out-2" } } } return JSNIconSelector; })