' + this.getCaption() + ' ';*/
var html = ' ' + this.getCaption() + ' ' + ml('« Previous') + ' ';
} else {
paginatorHtml = '' + ml('« Previous') + ' ';
}
for(var i=0; i < pages.length; i++) {
var page = pages[i];
if(page == -1) {
paginatorHtml += '... ';
} else if(page == this.currentPage) {
paginatorHtml += '' + page + ' ';
} else {
paginatorHtml += '' + page + ' ';
}
}
var maxPage = pages[pages.length-1];
if(this.currentPage < maxPage) {
paginatorHtml += '' + ml('Next »') + ' ';
} else {
paginatorHtml += '' + ml('Next »') + ' ';
}
this.library.paginatorPagesElement.innerHTML = paginatorHtml;
this.library.paginatorContainerElement.style.display = "none";
} else {
this.library.paginatorContainerElement.style.display = "none";
}
},
//called by server response for each image
//doInstant= dont batch it (called after adding new image to server)
addImage: function(options, doInstant) {
var img = new DecorationLibraryImage(this, options);
this.images.add(img);
var html = this.getImageHtml(img);
if(doInstant == true) {
if(this.selected) {
new Insertion.Bottom(this.library.imageListElement, html);
img.loadImage();
}
} else {
this.decorationImageListHtml += html;
}
return img;
},
getImageHtml: function(img) {
var dims = img.scale(50);
var m_top=(50-dims[1])/2
var html = '' +
''+
'
'+
'
'+
' ';
return html;
},
//when a user has changed an image...
updateImage: function(options) {
var img = new DecorationLibraryImage(this, options);
var oldImage = this.images.byId[img.id];
img.uId = oldImage.uId;
this.images.replace(img);
img.loadImage();
return img;
},
//called once all the addImage() calls are done...
allImagesAdded: function() {
this.library.imageListElement.innerHTML = this.decorationImageListHtml;
for(var i=0; i < this.images.list.size(); i++) {
var img = this.images.list[i];
img.loadImage();
}
if(this.pages.length > 1) {
this.library.paginatorContainerElement.style.display = "";
}
var noResult = $("decoration_list_no_result_" + this.library.process);
if (this.images.list.size() == 0) {
if (noResult != null) {
noResult.style.display = "";
} else {
var dlContainer = null;
if (this.library.process == 0) {
dlContainer = $("decoration_list_container");
} else {
dlContainer = $("decoration_list_container_" + this.library.process);
}
new Insertion.Top(dlContainer, "No results
");
}
} else {
if (noResult != null) {
noResult.style.display = "none";
}
}
},
//to track selected image
selectImage: function(image) {
if(this.selectedImage != null) {
if(this.library.imageSelectionCallback != null) { //notify container we are deselecting the image
if(!this.library.imageSelectionCallback(false, this.selectedImage)) { //if returns false we cant deselect the image
return false;
}
}
this.selectedImage.deSelect();
}
this.selectedImage = image;
if(this.selectedImage != null) {
if(this.library.imageSelectionCallback != null) {
this.library.imageSelectionCallback(true, image);
}
}
return true;
},
changeImageCount: function(delta, direct) {
//get all instances of the category...
this.library.processCategory(this.id, function(cat) {
cat.assetCount += delta;
if(direct) {
cat.directAssetCount += delta;
}
cat.setCaption();
});
if(this.parent!=null) {
log(this.parent);
this.parent.changeImageCount(delta, false);
}
},
setCaption: function() {
if(this.nameEl != null) {
this.nameEl.innerHTML = this.name + " (" + this.assetCount + ")";
}
},
//called when deleting/moving cat
removeElement: function() {
this.beforeRemoveElement();
this.liEl.parentNode.removeChild(this.liEl);
this.liEl = null;
this.expanderEl = null;
this.nameEl = null;
this.childrenEl = null;
this.library.deRegisterCategory(this);
},
isVisible: function() {
return true;
},
toggleVisible: function(visible) {
if(visible) {
$("cat_" + this.uId).show();
} else {
$("cat_" + this.uId).hide();
}
},
beforeRemoveElement: function() {}
});
var RootCategory = Class.create({
CLASSDEF: {
name: 'RootCategory',
parent: LibraryCategory
},
getCaption: function() {
return this.name;
},
changeImageCount: function(delta, direct) {
//do nothing
}
});
var UserCategory = Class.create({
CLASSDEF: {
name: 'UserCategory',
parent: RootCategory
},
initialize: function(library, name, options) {
this.forProduct = options.for_product;
this.hidden = options.hidden;
this.forDigitize = (options.forDigitize == true);
this.userId = options.uid;
this.om = options.om;
UserCategory.parentClass.constructor().call(this, library, "user_images", name, library, options);
},
getImagesUrl: function(page) {
return "/shared/library/get_user_images?process=" + this.library.process + "&page=" + page + "&uid=" + this.uId + "&for_product=" + this.forProduct + "&for_digitize=" + this.forDigitize + "&user_id=" + this.userId + "&om=" + this.om;
},
isVisible: function() {
return (this.hidden != true);
}
});
var StoreRootCategory = Class.create({
CLASSDEF: {
name: 'StoreRootCategory',
parent: RootCategory
},
initialize: function(library, name, options) {
StoreRootCategory.parentClass.constructor().call(this, library, "store_images", name, library, options);
},
getImagesUrl: function(page) {
return "/shared/library/get_store_images?process=" + this.library.process + "&page=" + page + "&uid=" + this.uId;
}
});
var StoreCategory = Class.create({
CLASSDEF: {
name: 'StoreCategory',
parent: LibraryCategory
},
getImagesUrl: function(page) {
return "/shared/library/get_store_images?cat=" + this.id + "&process=" + this.library.process + "&page=" + page + "&uid=" + this.uId;
}
});
//used when the library co-exists with other categories (designer)
var DecorationLibraryRoot = Class.create({
CLASSDEF: {
name: 'DecorationLibraryRoot',
parent: RootCategory
},
initialize: function(library, name, options) {
DecorationLibraryRoot.parentClass.constructor().call(this, library, 0, name, library, options);
},
getImagesUrl: function(page) {
var id = this.id == null ? "0" : this.id;
return "/shared/library/get_images?id=0&uid=" + this.uId + "&process=" + this.library.process + "&page=" + page;
}
});
var DecorationLibrary = Class.create({
CLASSDEF: {
name: 'DecorationLibrary',
parent: RootCategory
},
initialize: function(categoryListElement, imageListElement, paginatorContainerElement, paginatorPagesElement, displayRoot, process, manager, searchElement) {
this.displayRoot = displayRoot;
this.id = 0;
this.uId = (manager == null)? 0 : manager.getNextId();
this.manager = manager; //when used from designer.. handles multiple processes
this.name = "Root";
this.hasChildren = false; //this will stop the expander from showing...
this.childrenLoaded = true; //stop check of expand info....
//this.expanded = true;
this.children = new MapList(this);
this.categoryListElement = categoryListElement;
this.imageListElement = imageListElement;
this.paginatorContainerElement = paginatorContainerElement;
this.paginatorPagesElement = paginatorPagesElement;
this.searchElement = searchElement;
this.library = this;
this.categories = {};
this.categoriesById = {}; //handle multiple instances of same cat....
this.nextId = -1;
this.process = process;
this.categories[0] = this;
this.categoriesById[0] = [this];
this.imageSelectionCallback = null;
this.imageUploadedCallback = null;
this.categorySelectionCallback = null;
this.doubleClickImageCallback = null;
this.autoExpandCats = false; //when a cat is selected expand it
this.childrenLoadCalled = true;
if(displayRoot) {
this.parent = new DecorationLibraryParent(this.categoryListElement);
this.buildElement();
this.getChildrenListElement().innerHTML = ""; //remove the Loading....
this.select();
}
},
getNextId: function() {
if(this.manager != null) {
return this.manager.getNextId();
} else {
return this.nextId--;
}
},
getChildrenListElement: function() {
if(this.displayRoot) {
return this.childrenEl;
} else {
return this.categoryListElement;
}
},
//track currenctly selected category
selectCategory: function(libraryCategory) {
if(this.selectedCat != null) {
if(this.categorySelectionCallback != null) {
if(!this.categorySelectionCallback(false, this.selectedCat)) {
return false;
}
}
this.selectedCat.deSelect();
}
this.selectedCat = libraryCategory;
if(this.categorySelectionCallback != null) {
this.categorySelectionCallback(true, libraryCategory);
}
return true;
},
//allow us to lookup a cat directly
registerCategory: function(category) {
this.categories[category.uId] = category;
if(this.categoriesById[category.id] == null) {
this.categoriesById[category.id] = [];
}
this.categoriesById[category.id].push(category);
},
deRegisterCategory: function(category) {
var cats = this.categoriesById[category.id];
var catIdx = -1;
for(var i=0; i < cats.length; i++) {
if(cats[i].uId == category.uId) {
catIdx = i;
break;
}
}
if(catIdx != -1) {
this.categoriesById[category.id].splice(catIdx,1);
} else {
log("ERROR: unable to deRegisterCategory");
}
},
//run a callback on each instance of a category
processCategory: function(id, callback) {
var cats = this.categoriesById[id];
//make a copy in case the array gets changed from the callback
var cats2 = [];
for(var i=0; i < cats.length; i++) {
cats2.push(cats[i]);
}
for(var i=0; i < cats2.length; i++) {
var cat = cats2[i];
callback(cat);
}
},
search: function() {
if(this.selectedCat != null) {
if(this.categorySelectionCallback != null) {
if(!this.categorySelectionCallback(false, this.selectedCat)) {
return false;
}
}
this.selectedCat.deSelect();
}
this.selectedCat = this;
this.getImages(1, this.searchElement.value);
},
paginate: function(page) {
if(this.selectedCat == this) {
DecorationLibrary.parentClass.method("paginate").call(this, page);
} else {
this.selectedCat.paginate(page);
}
},
//after making a change to an image it may need processing... lets track that...
startTrackingProcessing: function(imageId, isNew, catUid, inDesigner) {
this.processTrackingImageId = imageId;
this.processTrackingIsNew = isNew;
this.processTrackingCatUid = catUid;
this.failureCount = 0;
this.processTrackingInDesigner = (inDesigner == true)? 1 : 0;
this.updateTrackedProcess(imageId, "Processing....", 0);
popup("process_status");
},
updateTrackedProcess: function(imageId, caption, percent) {
if(imageId == this.processTrackingImageId) {
var totalWidth = parseInt($("process_status_bar").style.width);
var barWidth = totalWidth * percent / 100;
$("process_status_indicator").style.width = parseInt(barWidth) + "px";
$("process_status_message").innerHTML = caption;
var self = this;
if(percent >= 100) {
window.setTimeout( function() {
self.finishTrackingProcess(true);
}, 200);
} else {
window.setTimeout( function() {
var ajax = new Ajax.Request("/shared/library/processing_status?image_id=" + imageId + "&ts=" + new Date().getTime() , {asynchronous:true, evalScripts:true, method:'get',
onFailure: function() {
self.failureCount ++;
if(self.failureCount > 10) {
self.finishTrackingProcess(false);
} else {
self.updateTrackedProcess(imageId, caption, percent);
}
}
});
}, 500);
}
}
},
finishTrackingProcess: function(allOk) {
if(!allOk) {
alert("A Server error occured while tracking file processing.");
closePopup("process_status");
} else {
var ajax = new Ajax.Request("/shared/library/get_details?id=" + this.processTrackingImageId + "&is_new=" + this.processTrackingIsNew + "&category_uid=" + this.processTrackingCatUid + "&must_be_ok=1&ts=" + new Date().getTime()+ "&in_designer=" + this.processTrackingInDesigner, {asynchronous:true, evalScripts:true, method:'get',
onComplete: function() {
closePopup("process_status");
}
});
}
}
});
//placeholder class to hold a container el when root is shown
var DecorationLibraryParent = Class.create({
CLASSDEF: {
name: 'DecorationLibraryParent'
},
initialize: function(listElement) {
this.listElement = listElement;
},
getChildrenListElement: function() {
return this.listElement;
},
clearCatLoadingMessage: function() {
}
});
var DecorationLibraryImage = Class.create({
CLASSDEF: {
name: 'DecorationLibraryImage'
},
initialize: function(libraryCategory, options) {
this.libraryCategory = libraryCategory;
this.id = options.id;
this.sid = options.sid;
this.uId = libraryCategory.library.getNextId(); //we need a unique id because the same cat can appear twice in designer
this.urlOptions = {
bURL: options.bURL,
tURL: options.tURL,
sURL: options.sURL,
url: options.url
};
this.baseUrl = options.bURL; //base url
this.thumbUrl = this.baseUrl + "/" + options.tURL;
this.url = this.baseUrl + "/" + options.url;
this.smallUrl = this.baseUrl + "/" + options.sURL;
this.width = options.width;
this.height = options.height;
this.aspectRatio = parseFloat(this.width) / parseFloat(this.height);
this.type = options.type;
this.usesTransparency = options.trans;
this.name = options.name;
this.colors = options.c;
this.colorWays = options.cw;
this.defaultColorway = options.dcw;
this.threadCount = options.tc;
this.processes = options.p;
this.ownerType = options.ot;
this.imageType = options.it;
this.percentOpaque = options.po;
this.defaultColorCount = options.dcc;
this.metaData = options.meta;
this.decorationLibraryId = options.dl;
this.digitizedProcessId = options.dp;
this.digitizedState = options.dps;
this.hasColorsAlt = options.hc;
this.templated = options.t;
this.metaTitle = options.mt;
this.overrideMetaTitle = options.omt;
this.metaKeywords = options.mk;
this.overrideMetaKeywords = options.omk;
this.metaDescription = options.md;
this.overrideMetaDescription = options.omd;
},
//return width/height of thumb that fits in square of side
scale: function(side) {
if(this.aspectRatio > 1) { //width is greater...
side = (this.width < side) ? this.width : side;
return [side, parseInt(parseFloat(side) / this.aspectRatio)];
} else {
side = (this.height < side) ? this.height : side;
return [parseInt(parseFloat(side) * this.aspectRatio), side];
}
},
loadImage: function() {
log("loadImage");
var self =this;
if(this.el == null) {
this.el = $("dec_lib_img_" + this.uId);
this.el.className="protect";
myqueue.add(this.el);
this.liEl = $("dec_lib_li_" + this.uId);
this.liEl.onmousemove = function() {
if(this.liEl.className != "alt") {
//this.liEl.className = "product over";
}
}.bind(this);
this.liEl.onmouseleave = function() {
if(this.liEl.className != "alt") {
//this.liEl.className = "product";
}
}.bind(this);
this.liEl.onclick = function(el) {
self.select(el);
return false;
};
this.liEl.ondblclick = function(el) {
if(self.libraryCategory.library.doubleClickImageCallback != null) {
self.libraryCategory.selectImage(null); //not tracking selected image.. make sure state reflects this
self.libraryCategory.library.doubleClickImageCallback(self);
} else {
self.select(el);
}
return false;
};
}
var dims = this.scale(50);
queueImageLoading(this.el,this.thumbUrl,dims[0],dims[1], function() {self.el.alt = "Double Click To Add To Design"});
},
select: function(el) {
if(el != null) {
Event.stop(el);
}
if(this.libraryCategory.selectImage(this)) {
//this.liEl.className = "product alt";
this.selected=true;
}
},
deSelect: function() {
//this.liEl.className = "product";
this.selected=false;
},
uploadFinished: function() {
var result = {action:"select"};
if(this.libraryCategory.library.imageUploadedCallback != null) {
this.libraryCategory.library.imageUploadedCallback(this);
} else {
this.select();
}
},
allowsProcess: function(processId) {
for(var i=0; i < this.processes.length; i++) {
if(this.processes[i] == processId) {
return true;
}
}
return false;
},
hasColors: function() {
//if((this.colors == null || this.colors.length == 0)&&(this.defaultColorCount ==0)) {
// return false;
//}
//return true;
return this.hasColorsAlt;
},
isTemplate: function() {
return this.templated;
},
isVector: function() {
if(this.imageType == 1) return true;
if(this.imageType == 3 || this.imageType == 4) { //are all the components vector?
if(this.metaData != null && this.metaData.type == "vector") return true;
}
return false;
},
//called after delete image
remove: function() {
if(this.selected) {
this.libraryCategory.selectImage(null);
}
if(this.liEl != null) {
this.liEl.parentNode.removeChild(this.liEl);
}
this.libraryCategory.images.remove(this.id);
},
//get info a hash to init Asset
assetOptions: function() {
return {
id: this.id,
sid: this.sid,
bURL: this.urlOptions.bURL,
tURL: this.urlOptions.tURL,
sURL: this.urlOptions.sURL,
url: this.urlOptions.url,
width: this.width,
height: this.height,
type: this.type,
trans: this.usesTransparency,
name: this.name,
c: this.colors,
cw: this.colorWays,
tc: this.threadCount,
p: this.processes,
ot: this.ownerType,
it: this.imageType,
po: this.percentOpaque,
dcc: this.defaultColorCount,
meta: this.metaData,
dl: this.decorationLibraryId,
dp: this.digitizedProcessId,
dps: this.digitizedState,
hc: this.hasColorsAlt,
t: this.templated
};
}
});
var Pagination = Class.create({
CLASSDEF: {
name: 'Pagination'
},
initialize: function PG_initialize(parent, divId, callback, showEntriesInfo, entryName, pluralizedEntryName, prevLinkName, nextLinkName) {
this.parent = parent;
this.container = $(divId);
this.totalPages = 0;
this.totalEntries = 0;
this.perPage = 0;
this.currentPage = 1;
this.offset = 0;
this.length = 0;
this.callback = callback;
this.showEntriesInfo = showEntriesInfo;
this.entryName = (entryName) ? entryName : ml("item");
this.pluralizedEntryName = (pluralizedEntryName) ? pluralizedEntryName : ml("items");
this.prevLinkName = (prevLinkName) ? prevLinkName : "« Previous";
this.nextLinkName = (nextLinkName) ? nextLinkName : "Next »";
this.id = nextPaginationId;
nextPaginationId ++;
this.update();
},
reset: function PG_reset(totalPages, totalEntries, perPage, currentPage, offset, length) {
this.setTotalPages(totalPages);
this.setTotalEntries(totalEntries);
this.setPerPage(perPage);
this.setCurrentPage(currentPage);
this.setOffset(offset);
this.setLength(length);
this.update();
},
hide: function PG_hide() {
this.container.hide();
},
setTotalPages: function PG_setTotalPages(totalPages) {
this.totalPages = (totalPages) ? totalPages : 0;
},
setTotalEntries: function PG_setTotalEntries(totalEntries) {
this.totalEntries = (totalEntries) ? totalEntries : 0;
},
setPerPage: function PG_setPerPage(perPage) {
this.perPage = (perPage) ? perPage : 0;
},
setCurrentPage: function PG_setCurrentPage(currentPage) {
this.currentPage = (currentPage) ? currentPage : 1;
},
setOffset: function PG_setOffset(offset) {
this.offset = (offset) ? offset : 0;
},
setLength: function PG_setLength(length) {
this.length = (length) ? length : 0;
},
setEntryName: function PG_setEntryName(name) {
this.entryName = name;
},
setPluralizedEntryName: function PG_setPluralizedEntryName(name) {
this.pluralizedEntryName = name;
},
getTotalPages: function PG_getTotalPages() {
return this.totalPages;
},
getTotalEntries: function PG_getTotalEntries() {
return this.totalEntries;
},
getPerPage: function PG_getPerPage() {
return this.perPage;
},
getCurrentPage: function PG_getCurrentPage() {
return this.currentPage;
},
nextPage: function PG_nextPage() {
if (this.totalPages > this.currentPage) {
if (this.callback(this.parent, this.currentPage + 1)) {
this.currentPage += 1;
this.update();
}
}
return false;
},
prevPage: function PG_prevPage() {
if (this.currentPage > 1) {
if (this.callback(this.parent, this.currentPage - 1)) {
this.currentPage -= 1;
this.update();
}
}
return false;
},
toPage: function PG_toPage(page) {
if (typeof page != "number") {
var element = Event.element(page);
page = parseInt(element.innerHTML);
}
if (page > 0 && page <= this.totalPages) {
if (this.callback(this.parent, page)) {
this.currentPage = page;
this.update();
}
}
return false;
},
update: function PG_update() {
if (this.totalPages == 0) {
this.container.style.display = "none";
} else {
var html = "";
var links = {};
// page entries info
if (this.showEntriesInfo) {
html += '';
if (this.totalPages < 2) {
switch(this.totalEntries) {
case 0:
html += ml("No %s found", this.pluralizedEntryName);
break;
case 1:
html += ml("Displaying 1<\/b> %s", this.entryName);
break;
default:
html += ml("Displaying all %1s<\/b> %2s", [this.totalEntries, this.pluralizedEntryName]);
}
} else {
html += ml("Displaying %1s<\/b> to %2s<\/b> of %3s<\/b> %4s", [this.offset + 1, this.offset + this.length, this.totalEntries, this.pluralizedEntryName]);
}
html += ' ';
}
// prev link
if (this.currentPage != 1) {
html += '';
} else {
html += '' + this.prevLinkName + ' ';
}
// pages
var startPage = (this.currentPage - 4 < 1) ? 1 : this.currentPage - 4;
var endPage = (startPage + 8 > this.totalPages) ? this.totalPages : startPage + 8
var preEndPage = (startPage - 1 < 2) ? startPage - 1 : 2;
for (var i=1; i<=preEndPage; i++) {
html += '';
}
if (startPage > 3) html += '… ';
for (var i=startPage; i<=endPage; i++) {
if (i == this.currentPage) {
html += '' + i + ' ';
} else {
html += '';
}
}
if (this.totalPages - endPage > 2) html += '… ';
startPage = (this.totalPages - 2 > endPage) ? this.totalPages - 1 : endPage + 1;
for (var i=startPage; i<=this.totalPages; i++) {
html += '';
}
// next link
if (this.currentPage != this.totalPages) {
html += '';
} else {
html += '' + this.nextLinkName + ' ';
}
this.container.innerHTML = html;
this.container.style.display = "";
// bind events
var self = this;
$$('.pagination_' + this.id).each(function(item) {
if (item.hasClassName("prev_page")) {
Event.observe(item, "click", self.prevPage.bindAsEventListener(self));
} else if (item.hasClassName("next_page")) {
Event.observe(item, "click", self.nextPage.bindAsEventListener(self));
} else {
Event.observe(item, "click", self.toPage.bindAsEventListener(self));
}
});
}
}
});
var nextPaginationId = 1;
var PikiSearch = Class.create({
CLASSDEF: {
name: 'PikiSearch'
},
initialize: function(divId, caption, mode, selectedButtonCaption, callback, translate, filter) {
this.divId = divId;
this.caption = caption;
this.mode = mode;
this.callback = callback;
this.initDone = false;
this.id = nextPikiSearchId;
this.params = {};
this.page = 1;
this.sortKey = null;
this.sortOrder = null;
this.selectedItems = {};
this.selectedCount = 0;
this.selectedButtonCaption = selectedButtonCaption;
this.currentSelectorIds = [];
this.existingSelectedIds = null;
this.translate = translate;
this.filter = filter; // should be an array [filter_type, filter_id]
nextPikiSearchId ++;
},
showPopup: function(forceClear, existingSelectedIds) {
currentPikiSearch = this;
this.existingSelectedIds = existingSelectedIds;
if(!this.initDone || forceClear) {
$(this.divId).innerHTML = "Loading....";
popup(this.divId);
var self = this;
var t2 = new Ajax.Updater(this.divId, this.getInitUrl(), {asynchronous:true, evalScripts:true,
onComplete: function() {
repositionPopup(self.divId);
self.initDone = true;
}
});
} else {
this.clearSelected();
popup(this.divId);
}
},
clearSearch: function(fieldToKeep, includeCb) {
var inputs = $("site_search_form_" + this.id).getElementsByTagName("input");
for(var i =0; i < inputs.length;i++) {
var input = inputs[i];
if(input.name != fieldToKeep) {
if(input.type == "text") {
input.value = "";
} else if(includeCb == true && input.type == "checkbox") {
input.checked = false;
}
}
}
},
setSortState: function(sortKey, sortOrder) {
this.sortKey = sortKey;
this.sortOrder = sortOrder;
},
sortResults: function(sortOrder, sortKey) {
this.sortKey = sortKey;
this.sortOrder = sortOrder;
this.page = 1;
this.callSearch(this.params);
},
resetSearch: function() {
this.clearSearch(null, true);
this.page = 1;
this.search();
},
search: function() {
this.page = 1;
this.params = this.getSearchParams();
this.callSearch(this.params);
},
callSearch: function(params) {
this.currentSelectorIds = [];
params = hashClearEmpty(params); //copy (so we can add params below) as well as clearing empty params
if(hashSize(params)==0) {
$("search_clear_" + this.id ).style.display="none";
} else {
$("search_clear_" + this.id ).style.display="";
}
params["page"] = this.page;
params["s"] = this.sortKey;
params["d"] = this.sortOrder;
var self = this;
var aKey = null;
var t2 = new Ajax.Updater("search_results_" + this.id, this.getSearchUrl(), {asynchronous:true, evalScripts:true, parameters:params,
onComplete: function() {
asyncFinish(aKey);
repositionPopup(self.divId);
}
});
aKey = asyncStart($("search_results_" + this.id));
},
addSelected: function(id, value) {
if(this.selectedItems[id]== null) {
this.selectedCount ++;
this.selectedItems[id] = value;
this.updateSelectedButton();
}
},
removeSelected: function(id) {
if(this.selectedItems[id]!= null) {
this.selectedCount --;
delete this.selectedItems[id];
this.updateSelectedButton();
}
},
registerSelector: function(id, elId) {
this.currentSelectorIds.push([id, elId]);
},
isExistingSelected: function(id) {
if(this.existingSelectedIds!=null && this.existingSelectedIds[id] != null) {
return true;
}
return false;
},
isSelected: function(id) {
return (this.selectedItems[id]!= null);
},
clearSelected: function() {
this.selectedCount = 0;
this.selectedItems = {};
this.updateSelectedButton();
for(var i=0; i < this.currentSelectorIds.size(); i++) {
var id = this.currentSelectorIds[i][0]
var el = $(this.currentSelectorIds[i][1]);
if(el != null) {
if(this.isExistingSelected(id)) {
el.checked = true;
el.disabled = true;
//el.parentNode.className = "results_on_already";
} else {
el.checked = false;
el.disabled = false;
}
}
}
},
updateSelectedButton: function() {
if(this.selectedCount==0) {
$("search_add_selected_" + this.id).style.display="none";
} else {
$("search_add_selected_" + this.id).style.display="";
$("search_add_selected_" + this.id).value = this.selectedButtonCaption.replace("%d", this.selectedCount);
}
},
paginate: function(page) {
this.page = page;
this.callSearch(this.params);
},
close: function() {
closePopup(this.divId);
},
addSelectedItems: function() {
closePopup(this.divId);
this.callback(this.selectedItems);
}
});
var PikiSiteSearch = Class.create({
CLASSDEF: {
name: 'PikiSiteSearch',
parent: PikiSearch
},
initialize: function(divId, caption, mode, selectedButtonCaption, callback, translate, filter) {
PikiSiteSearch.parentClass.constructor().call(this, divId, caption, mode, selectedButtonCaption, callback, translate, filter);
},
getInitUrl: function() {
var filterParams = (this.filter) ? "&ft=" + this.filter[0] + "&fi=" + this.filter[1] : "";
return "/manage/search/select_sites?caption=" + encodeURIComponent(this.caption) + "&sbid=" + this.id + "&translate=" + this.translate + "&mode=" + this.mode + "&sl=" + encodeURIComponent(this.selectedButtonCaption) + filterParams;
},
getSearchUrl: function() {
var filterParams = (this.filter) ? "&ft=" + this.filter[0] + "&fi=" + this.filter[1] : "";
return "/manage/search/update_search?sbid=" + this.id + "&mode=" + this.mode + "&sl=" + encodeURIComponent(this.selectedButtonCaption) + filterParams;
},
getSearchParams: function() {
return Form.serialize("site_search_form_" + this.id, true);
},
searchSiteSelect: function(siteId, siteDomain, name, el) {
if(el.checked) {
this.addSelected(siteId, {
id:siteId,
domain: siteDomain,
name: name
});
} else {
this.removeSelected(siteId);
}
},
selectSite: function(siteId, siteDomain, name) {
closePopup(this.divId);
this.callback({
id:siteId,
domain: siteDomain,
name: name
});
}
});
var PikiGroupSearch = Class.create({
CLASSDEF: {
name: 'PikiGroupSearch',
parent: PikiSearch
},
initialize: function(divId, caption, mode, selectedButtonCaption, callback, translate, filter) {
PikiGroupSearch.parentClass.constructor().call(this, divId, caption, mode, selectedButtonCaption, callback, translate, filter);
},
getInitUrl: function() {
var filterParams = (this.filter) ? "&ft=" + this.filter[0] + "&fi=" + this.filter[1] : "";
return "/manage/search/select_groups?caption=" + encodeURIComponent(this.caption) + "&sbid=" + this.id + "&translate=" + this.translate + "&mode=" + this.mode + "&sl=" + encodeURIComponent(this.selectedButtonCaption) + filterParams;
},
getSearchUrl: function() {
var filterParams = (this.filter) ? "&ft=" + this.filter[0] + "&fi=" + this.filter[1] : "";
return "/manage/search/update_group_search?sbid=" + this.id + "&mode=" + this.mode + "&sl=" + encodeURIComponent(this.selectedButtonCaption) + filterParams;
},
getSearchParams: function() {
return Form.serialize("group_search_form_" + this.id, true);
},
searchGroupSelect: function(groupId, name, el) {
if(el.checked) {
this.addSelected(groupId, {
id:groupId,
name: name
});
} else {
this.removeSelected(groupId);
}
},
selectGroup: function(groupId, name) {
closePopup(this.divId);
this.callback({
id:groupId,
name: name
});
},
clearSearch: function(fieldToKeep, includeCb) {
var inputs = $("group_search_form_" + this.id).getElementsByTagName("input");
for(var i =0; i < inputs.length;i++) {
var input = inputs[i];
if(input.name != fieldToKeep) {
if(input.type == "text") {
input.value = "";
} else if(includeCb == true && input.type == "checkbox") {
input.checked = false;
}
}
}
}
});
var currentPikiSearch = null;
var nextPikiSearchId = 1;
var StoreAvailability = Class.create({
CLASSDEF: {
name: 'StoreAvailability'
},
initialize: function(divId, caption, availability, popupContainerId, translate) {
this.div = $(divId);
this.caption = caption;
this.availability = availability;
this.popupContainer = $(popupContainerId);
this.groupSearch = null;
this.storeSearch = null;
this.translate = translate;
this.initContainer();
},
initContainer: function() {
var html;
html = '' +
'' +
'
' + this.caption + ' ' +
'' +
''+
''+
''+
''+
'';
this.div.innerHTML = html;
var groups = this.availability.groups;
for (var i in groups) {
this.addGroupRow(i, groups[i][0], groups[i][1]);
}
this.checkNoGroupMessage();
var stores = this.availability.stores;
for (var i in stores) {
this.addStoreRow(i, stores[i][0], stores[i][1], stores[i][2]);
}
this.checkNoStoreMessage();
},
addStoreRow: function(id, name, domain, allow) {
html =
'' +
'' + name + ' ' + domain + ' ' +
'' +
' ' +
'' + ml("remove") + ' ';
new Insertion.Bottom("store_permissions", html);
},
addGroupRow: function(id, name, allow) {
html =
'' +
'' + name + ' ' +
' ' +
'' + ml("remove") + ' ';
new Insertion.Bottom("group_permissions", html);
},
addAvailableStore: function() {
if(this.storeSearch == null) {
var div = document.createElement("DIV");
div.className = "popup";
div.style.display="none";
div.style.width = "720px";
div.id = "store_search";
this.popupContainer.appendChild(div);
this.storeSearch = new PikiSiteSearch("store_search", ml("Select Stores"), 0, ml("Add Selected Stores(%d)"), function(ss) { storeAvailability.selectStores(ss);}, this.translate, this.availability.filter);
}
this.storeSearch.showPopup(false, this.availability.stores);
},
addAvailableGroup: function() {
if(this.groupSearch == null) {
var div = document.createElement("DIV");
div.className = "popup";
div.style.display="none";
div.style.width = "350px";
div.id = "group_search";
this.popupContainer.appendChild(div);
this.groupSearch = new PikiGroupSearch("group_search", ml("Select Groups"), 0, ml("Add Selected Groups(%d)"), function(sg) { storeAvailability.selectGroups(sg);}, this.translate, this.availability.filter);
}
this.groupSearch.showPopup(false, this.availability.groups);
},
selectStores: function(selectedStores) {
var stores = this.availability.stores;
for(s in selectedStores) {
if(stores[s] == null) {
var domain = selectedStores[s].domain;
var name = selectedStores[s].name;
stores[s] = [name, domain, true];
this.addStoreRow(s, name, domain, true);
}
}
this.checkNoStoreMessage();
},
selectGroups: function(selectedGroups) {
var groups = this.availability.groups;
for(g in selectedGroups) {
if(groups[g] == null) {
var name = selectedGroups[g].name;
groups[g] = [name, true];
this.addGroupRow(g, name, true);
}
}
this.checkNoGroupMessage();
},
removeAvailableStore: function(id) {
delete this.availability.stores[id];
var row = $("sp_" + id);
row.parentNode.removeChild(row);
this.checkNoStoreMessage();
},
removeAvailableGroup: function(id) {
delete this.availability.groups[id];
var row = $("gp_" + id);
row.parentNode.removeChild(row);
this.checkNoGroupMessage();
},
checkNoStoreMessage: function() {
if(hashEmpty(this.availability.stores)) {
if($('availability_no_stores_message') == null) {
html =
'' +
'' + ml('You have not overriden the default or group availability by adding a store.') + ' ' +
' ';
new Insertion.Bottom("store_permissions", html);
}
} else if($('availability_no_stores_message') != null) {
$('availability_no_stores_message').remove();
}
},
checkNoGroupMessage: function() {
if(hashEmpty(this.availability.groups)) {
if($('availability_no_groups_message') == null) {
html =
'' +
'' + ml('You have not overriden the default availability by adding a group.') + ' ' +
' ';
new Insertion.Bottom("group_permissions", html);
}
} else if($('availability_no_groups_message') != null) {
$('availability_no_groups_message').remove();
}
}
});
' + font.name + '
'+
'