diff --git a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.js b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.js index 99ffc5bd..59a3a37f 100644 --- a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.js +++ b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.js @@ -1,18 +1,25 @@ var InputfieldPageListSelectMultiple = { + + selectLabel: 'Select', + selectedLabel: 'Selected', init: function($inputfield) { + var $t; if($inputfield.hasClass('InputfieldPageListSelectMultipleData')) { - var $t = $inputfield; + $t = $inputfield; } else { - var $t = $inputfield.find(".InputfieldPageListSelectMultipleData"); + $t = $inputfield.find(".InputfieldPageListSelectMultipleData"); } if(!$t.length) return; if($t.hasClass('InputfieldPageListSelectMultipleInit')) return; + InputfieldPageListSelectMultiple.selectLabel = $t.attr('data-select'); + InputfieldPageListSelectMultiple.selectedLabel = $t.attr('data-selected'); $t.ProcessPageList({ mode: 'select', rootPageID: $t.attr('data-root'), showRootPage: true, + selectMultiple: true, selectShowPageHeader: false, selectSelectHref: $t.attr('data-href'), selectStartLabel: $t.attr('data-start'), @@ -23,6 +30,7 @@ var InputfieldPageListSelectMultiple = { labelName: $t.attr('data-labelName') }).hide().addClass('InputfieldPageListSelectMultipleInit'); $t.bind('pageSelected', $t, InputfieldPageListSelectMultiple.pageSelected); + $t.bind('pageListChildrenDone', $t, InputfieldPageListSelectMultiple.pageListChildrenDone); InputfieldPageListSelectMultiple.initList($('#' + $t.attr('id') + '_items')); }, @@ -63,12 +71,34 @@ var InputfieldPageListSelectMultiple = { var $ol = $li.parent(); var id = $li.children(".itemValue").text(); $li.remove(); + $ol.closest('.InputfieldPageListSelectMultiple').find('.pw-iplsm-disabled-' + id) + .removeClass('ui-state-disabled pw-iplsm-disabled-' + id) + .text(InputfieldPageListSelectMultiple.selectLabel); InputfieldPageListSelectMultiple.rebuildInput($ol); return false; }); }, - + + /** + * Callback when children have been listed in the pageList + * + * @param e + * @param data + */ + pageListChildrenDone: function(e, data) { + var $t = $(this); + var $inputfield = $t.closest('.Inputfield'); + var ids = $t.val().split(','); + for(var n = 0; n < ids.length; n++) { + var id = ids[n]; + var $item = $inputfield.find('.PageListID' + id); + // mark items already selected + if($item.length) $item.find('.PageListActionSelect').children('a') + .addClass('ui-state-disabled pw-iplsm-disabled-' + id) + .text(InputfieldPageListSelectMultiple.selectedLabel); + } + }, /** * Callback function executed when a page is selected from PageList @@ -80,6 +110,10 @@ var InputfieldPageListSelectMultiple = { var $ol = $('#' + $input.attr('id') + '_items'); var $li = $ol.children(".itemTemplate").clone(); + + page.actionLink + .addClass('ui-state-disabled pw-iplsm-disabled-' + page.id) + .text(InputfieldPageListSelectMultiple.selectedLabel); $li.removeClass("itemTemplate"); $li.children('.itemValue').text(page.id); diff --git a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.min.js b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.min.js index f7c6b958..2cbe75cb 100644 --- a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.min.js +++ b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.min.js @@ -1 +1 @@ -var InputfieldPageListSelectMultiple={init:function($inputfield){if($inputfield.hasClass("InputfieldPageListSelectMultipleData")){var $t=$inputfield}else{var $t=$inputfield.find(".InputfieldPageListSelectMultipleData")}if(!$t.length)return;if($t.hasClass("InputfieldPageListSelectMultipleInit"))return;$t.ProcessPageList({mode:"select",rootPageID:$t.attr("data-root"),showRootPage:true,selectShowPageHeader:false,selectSelectHref:$t.attr("data-href"),selectStartLabel:$t.attr("data-start"),selectCancelLabel:$t.attr("data-cancel"),selectSelectLabel:$t.attr("data-select"),selectUnselectLabel:$t.attr("data-unselect"),moreLabel:$t.attr("data-more"),labelName:$t.attr("data-labelName")}).hide().addClass("InputfieldPageListSelectMultipleInit");$t.bind("pageSelected",$t,InputfieldPageListSelectMultiple.pageSelected);InputfieldPageListSelectMultiple.initList($("#"+$t.attr("id")+"_items"))},initList:function($ol){var makeSortable=function($ol){$ol.sortable({axis:"y",update:function(e,data){InputfieldPageListSelectMultiple.rebuildInput($(this));$ol.trigger("sorted",[data.item])},start:function(e,data){data.item.addClass("ui-state-highlight")},stop:function(e,data){data.item.removeClass("ui-state-highlight")}});$ol.addClass("InputfieldPageListSelectMultipleSortable")};$("#"+$ol.attr("id")).on("mouseover",">li",function(){$(this).removeClass("ui-state-default").addClass("ui-state-hover");if(!$ol.is(".InputfieldPageListSelectMultipleSortable"))makeSortable($ol)}).on("mouseout",">li",function(){$(this).removeClass("ui-state-hover").addClass("ui-state-default")});$ol.on("click","a.itemRemove",function(){var $li=$(this).parent();var $ol=$li.parent();var id=$li.children(".itemValue").text();$li.remove();InputfieldPageListSelectMultiple.rebuildInput($ol);return false})},pageSelected:function(e,page){$input=e.data;var $ol=$("#"+$input.attr("id")+"_items");var $li=$ol.children(".itemTemplate").clone();$li.removeClass("itemTemplate");$li.children(".itemValue").text(page.id);$li.children(".itemLabel").text(page.title);$ol.append($li);InputfieldPageListSelectMultiple.rebuildInput($ol)},rebuildInput:function($ol){var id=$ol.attr("id");id=id.substring(0,id.lastIndexOf("_"));var $input=$("#"+id);var value="";var selected={};$ol.children(":not(.itemTemplate)").each(function(){var $li=$(this);var v=$li.children(".itemValue").text();if(typeof selected[v]!="undefined"){if(jQuery.ui)selected[v].effect("highlight",1e3);$li.remove()}else{selected[v]=$li;if(value.length>0)value+=",";value+=v}});$input.val(value);$input.change()}};$(document).ready(function(){$(".InputfieldPageListSelectMultiple").each(function(){InputfieldPageListSelectMultiple.init($(this))});$(document).on("reloaded",".InputfieldPageListSelectMultiple, .InputfieldPage",function(){InputfieldPageListSelectMultiple.init($(this))})}); \ No newline at end of file +var InputfieldPageListSelectMultiple={selectLabel:"Select",selectedLabel:"Selected",init:function($inputfield){var $t;if($inputfield.hasClass("InputfieldPageListSelectMultipleData")){$t=$inputfield}else{$t=$inputfield.find(".InputfieldPageListSelectMultipleData")}if(!$t.length)return;if($t.hasClass("InputfieldPageListSelectMultipleInit"))return;InputfieldPageListSelectMultiple.selectLabel=$t.attr("data-select");InputfieldPageListSelectMultiple.selectedLabel=$t.attr("data-selected");$t.ProcessPageList({mode:"select",rootPageID:$t.attr("data-root"),showRootPage:true,selectMultiple:true,selectShowPageHeader:false,selectSelectHref:$t.attr("data-href"),selectStartLabel:$t.attr("data-start"),selectCancelLabel:$t.attr("data-cancel"),selectSelectLabel:$t.attr("data-select"),selectUnselectLabel:$t.attr("data-unselect"),moreLabel:$t.attr("data-more"),labelName:$t.attr("data-labelName")}).hide().addClass("InputfieldPageListSelectMultipleInit");$t.bind("pageSelected",$t,InputfieldPageListSelectMultiple.pageSelected);$t.bind("pageListChildrenDone",$t,InputfieldPageListSelectMultiple.pageListChildrenDone);InputfieldPageListSelectMultiple.initList($("#"+$t.attr("id")+"_items"))},initList:function($ol){var makeSortable=function($ol){$ol.sortable({axis:"y",update:function(e,data){InputfieldPageListSelectMultiple.rebuildInput($(this));$ol.trigger("sorted",[data.item])},start:function(e,data){data.item.addClass("ui-state-highlight")},stop:function(e,data){data.item.removeClass("ui-state-highlight")}});$ol.addClass("InputfieldPageListSelectMultipleSortable")};$("#"+$ol.attr("id")).on("mouseover",">li",function(){$(this).removeClass("ui-state-default").addClass("ui-state-hover");if(!$ol.is(".InputfieldPageListSelectMultipleSortable"))makeSortable($ol)}).on("mouseout",">li",function(){$(this).removeClass("ui-state-hover").addClass("ui-state-default")});$ol.on("click","a.itemRemove",function(){var $li=$(this).parent();var $ol=$li.parent();var id=$li.children(".itemValue").text();$li.remove();$ol.closest(".InputfieldPageListSelectMultiple").find(".pw-iplsm-disabled-"+id).removeClass("ui-state-disabled pw-iplsm-disabled-"+id).text(InputfieldPageListSelectMultiple.selectLabel);InputfieldPageListSelectMultiple.rebuildInput($ol);return false})},pageListChildrenDone:function(e,data){var $t=$(this);var $inputfield=$t.closest(".Inputfield");var ids=$t.val().split(",");for(var n=0;n0)value+=",";value+=v}});$input.val(value);$input.change()}};$(document).ready(function(){$(".InputfieldPageListSelectMultiple").each(function(){InputfieldPageListSelectMultiple.init($(this))});$(document).on("reloaded",".InputfieldPageListSelectMultiple, .InputfieldPage",function(){InputfieldPageListSelectMultiple.init($(this))})}); \ No newline at end of file diff --git a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.module b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.module index c3476a42..6dfd51cd 100644 --- a/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.module +++ b/wire/modules/Inputfield/InputfieldPageListSelect/InputfieldPageListSelectMultiple.module @@ -5,7 +5,7 @@ * * A Page List Selector for selecting multiple pages * - * ProcessWire 3.x, Copyright 2016 by Ryan Cramer + * ProcessWire 3.x, Copyright 2022 by Ryan Cramer * https://processwire.com * * @property string $removeLabel @@ -27,9 +27,9 @@ class InputfieldPageListSelectMultiple extends Inputfield return array( 'title' => __('Page List Select Multiple', __FILE__), // Module Title 'summary' => __('Selection of multiple pages from a ProcessWire page tree list', __FILE__), // Module Summary - 'version' => 102, + 'version' => 103, 'permanent' => true, - ); + ); } public function init() { @@ -94,8 +94,9 @@ class InputfieldPageListSelectMultiple extends Inputfield $attrs['data-root'] = $this->parent_id; // rootPageID $attrs['data-href'] = "#wrap_{$this->id}"; // selectSelectHref $attrs['data-start'] = $this->startLabel; // selectStartLabel - $attrs['data-cancel'] = $this->cancelLabel; // selectCancelLabel + $attrs['data-cancel'] = $this->_('Close'); // $this->cancelLabel; // selectCancelLabel $attrs['data-select'] = $this->selectLabel; // selectSelectLabel + $attrs['data-selected'] = $this->_('Selected'); $attrs['data-unselect'] = $this->unselectLabel; // selectUnselectLabel $attrs['data-more'] = $this->moreLabel; // moreLabel $attrs['data-labelName'] = $this->attr('name'); diff --git a/wire/modules/Process/ProcessPageList/ProcessPageList.js b/wire/modules/Process/ProcessPageList/ProcessPageList.js index 76dcf639..e285ff6b 100644 --- a/wire/modules/Process/ProcessPageList/ProcessPageList.js +++ b/wire/modules/Process/ProcessPageList/ProcessPageList.js @@ -60,6 +60,9 @@ $(document).ready(function() { // show the parent path in the selected page label? selectShowPath: true, + + // use multiple mode enhancements when select mode enabled? + selectMultiple: false, // the label to click on to change the currently selected page selectStartLabel: 'Change', @@ -560,10 +563,12 @@ $(document).ready(function() { $children.show(); loaded(); if(callback != undefined) callback(); + $container.trigger('pageListChildrenDone', data); } else { $children.slideDown(options.speed, function() { loaded(); if(callback != undefined) callback(); + $container.trigger('pageListChildrenDone', data); }); } @@ -803,11 +808,12 @@ $(document).ready(function() { * */ function getNumChildren($item, getTotal) { - if(typeof getTotal == "undefined") var getTotal = false; + if(typeof getTotal == "undefined") getTotal = false; + var n; if(getTotal) { - var n = $item.attr('data-numTotal'); + n = $item.attr('data-numTotal'); } else { - var n = $item.attr('data-numChild'); + n = $item.attr('data-numChild'); } return n && n.length > 0 ? parseInt(n) : 0; } @@ -822,8 +828,8 @@ $(document).ready(function() { */ function setNumChildren($item, numChildren, numTotal, addNew) { - if(typeof numTotal == "undefined") var numTotal = numChildren; - if(typeof addNew == "undefined") var addNew = false; + if(typeof numTotal == "undefined") numTotal = numChildren; + if(typeof addNew == "undefined") addNew = false; var $numChildren = addNew ? '' : $item.children('.PageListNumChildren'); var n = numChildren === false ? numTotal : numChildren; @@ -854,16 +860,17 @@ $(document).ready(function() { } var numLabel = ''; + var slash; switch(options.qtyType) { case 'total': numLabel = numTotal; break; case 'total/children': - var slash = "/"; + slash = "/"; numLabel = numTotal > 0 && numTotal != numChildren ? numTotal + slash + numChildren : numTotal; break; case 'children/total': - var slash = "/"; + slash = "/"; numLabel = numTotal > 0 && numTotal != numChildren ? numChildren + slash + numTotal : numTotal; break; case 'id': @@ -1162,7 +1169,7 @@ $(document).ready(function() { if(typeof start == "undefined" || start === null) { start = 0; } else { - var start = parseInt(start); + start = parseInt(start); } if(jQuery.inArray(id, currentOpenPageIDs) == -1) { currentOpenPageIDs.push(id + '-' + start); // id.start @@ -1479,18 +1486,20 @@ $(document).ready(function() { id: id, url: url, title: title, - a: $a + a: $a, + actionLink: $t }); - - $header.find(".PageListSelectActionToggle").click(); // close the list + if(!options.selectMultiple) { + $header.find(".PageListSelectActionToggle").click(); // close the list + } // jump to specified anchor, if provided - if(options.selectSelectHref == '#') return false; + if(options.selectMultiple || options.selectSelectHref == '#') return false; + return true; } - // initialize the plugin init(); diff --git a/wire/modules/Process/ProcessPageList/ProcessPageList.min.js b/wire/modules/Process/ProcessPageList/ProcessPageList.min.js index be5d36d3..1db64b5a 100644 --- a/wire/modules/Process/ProcessPageList/ProcessPageList.min.js +++ b/wire/modules/Process/ProcessPageList/ProcessPageList.min.js @@ -1 +1 @@ -function ProcessPageListInit(){if(ProcessWire.config.ProcessPageList){$("#"+ProcessWire.config.ProcessPageList.containerID).ProcessPageList(ProcessWire.config.ProcessPageList)}}$(document).ready(function(){ProcessPageListInit()});(function($){$.fn.ProcessPageList=function(customOptions){var options={mode:"",limit:35,rootPageID:0,showRootPage:true,selectedPageID:0,adminPageID:2,trashPageID:7,langID:0,selectAllowUnselect:false,selectShowPageHeader:true,selectShowPath:true,selectStartLabel:"Change",selectCancelLabel:"Cancel",selectSelectLabel:"Select",selectUnselectLabel:"Unselect",moreLabel:"More",trashLabel:"Trash",moveInstructionLabel:"Click and drag to move",selectSelectHref:"#",selectUnselectHref:"#",ajaxURL:ProcessWire.config.urls.admin+"page/list/",ajaxMoveURL:ProcessWire.config.urls.admin+"page/sort/",paginationClass:"PageListPagination",paginationCurrentClass:"PageListPaginationCurrent",paginationLinkClass:"ui-state-default",paginationLinkCurrentClass:"ui-state-active",paginationHoverClass:"ui-state-hover",paginationDisabledClass:"ui-priority-secondary",openPagination:0,openPageIDs:[],openPageData:{},speed:200,useHoverActions:false,hoverActionDelay:250,hoverActionFade:150,useNarrowActions:$("body").hasClass("pw-narrow-width"),spinnerMarkup:"",labelName:"",qtyType:""};var currentOpenPageIDs=[];var ignoreClicks=false;var isModal=$("body").hasClass("modal")||$("body").hasClass("pw-iframe");if(typeof ProcessWire.config.ProcessPageList!="undefined"){$.extend(options,ProcessWire.config.ProcessPageList)}$.extend(options,customOptions);return this.each(function(index){var $container=$(this);var $outer;var $root;var $loading=$(options.spinnerMarkup);var firstPagination=0;var curPagination=0;function init(){$root=$("
");if($container.is(":input")){options.selectedPageID=$container.val();if(!options.selectedPageID.length)options.selectedPageID=0;options.mode="select";$container.before($root);$outer=$container.closest(".InputfieldContent");setupSelectMode()}else{options.mode="actions";$container.append($root);$outer=$container;loadChildren(options.rootPageID>0?options.rootPageID:1,$root,0,true)}$(document).on("pageListRefresh",function(e,pageID){refreshList(pageID)});if(options.useHoverActions){$root.addClass("PageListUseHoverActions");setupHoverActions()}}function setupHoverActions(){var hoverTimeout=null;var hoverOutTimeout=null;var $hoveredItem=null;function showItem($item){var $actions=$item.find(".PageListActions");if(!$actions.is(":visible")||$item.hasClass("PageListItemOpen")){$item.addClass("PageListItemHover");$actions.css("display","inline").css("opacity",0).animate({opacity:1},options.hoverActionFade)}}function hideItem($item){var $actions=$item.find(".PageListActions");$item.removeClass("PageListItemHover");if($actions.is(":visible")){$actions.animate({opacity:0},options.hoverActionFade,function(){$actions.hide()})}}$outer.on("keydown",".PageListItem",function(e){e=e||window.event;if(e.keyCode==0||e.keyCode==32){var $actions=$(this).find(".PageListActions");if($actions.is(":visible")){$actions.css("display","none")}else{$actions.css("display","inline-block")}return false}});$outer.on("mouseover",".PageListItem",function(e){if($root.is(".PageListSorting")||$root.is(".PageListSortSaving"))return;if(!$(this).children("a:first").is(":hover"))return;$hoveredItem=$(this);if($hoveredItem.hasClass("PageListItemHover"))return;var $item=$(this);if(hoverTimeout)clearTimeout(hoverTimeout);var delay=options.hoverActionDelay;hoverTimeout=setTimeout(function(){if($hoveredItem.attr("class")==$item.attr("class")){if(!$hoveredItem.children("a:first").is(":hover"))return;var $hideItems=$outer.find(".PageListItemHover");showItem($hoveredItem);$hideItems.each(function(){hideItem($(this))})}},delay)}).on("mouseout",".PageListItem",function(e){if($root.is(".PageListSorting")||$root.is(".PageListSortSaving"))return;var $item=$(this);if($item.hasClass("PageListItemOpen"))return;if(!$item.hasClass("PageListItemHover"))return;var delay=options.hoverActionDelay*.7;hoverOutTimeout=setTimeout(function(){if($item.is(":hover"))return;if($item.attr("class")==$hoveredItem.attr("class"))return;hideItem($item)},delay)})}function setupSelectMode(){var $actions=$("").addClass("PageListActions PageListSelectActions actions");var $pageLabel=$("

").addClass("PageListSelectName");if(options.selectShowPageHeader)$pageLabel.append($loading);var $action=$("").addClass("PageListSelectActionToggle").addClass("PageListSelectActionToggleStart").attr("href","#").text(options.selectStartLabel).click(function(){if($(this).text()==options.selectStartLabel){loadChildren(options.rootPageID>0?options.rootPageID:1,$root,0,true);$(this).text(options.selectCancelLabel).removeClass("PageListSelectActionToggleStart").addClass("PageListSelectActionToggleCancel")}else{$(this).addClass("PageListSelectActionToggleStart").removeClass("PageListSelectActionToggleCancel");$root.children(".PageList").slideUp(options.speed,function(){$(this).remove()});$(this).text(options.selectStartLabel)}return false});$actions.append($("
  • ").append($action));$root.append($("
    ").addClass("PageListSelectHeader").append($pageLabel).append($actions));if(options.selectShowPageHeader){var ajaxURL=options.ajaxURL+"?id="+options.selectedPageID+"&render=JSON&start=0&limit=0&lang="+options.langID+"&mode="+options.mode;if(options.labelName.length)ajaxURL+="&labelName="+options.labelName;$.getJSON(ajaxURL,function(data){var parentPath="";if(options.selectShowPath){parentPath=data.page.path;if(parentPath.substring(-1)=="/")parentPath=parentPath.substring(0,parentPath.length-1);parentPath=parentPath.substring(0,parentPath.lastIndexOf("/")+1);parentPath=''+parentPath+" "}var label=options.selectedPageID>0?parentPath+data.page.label:"";$root.children(".PageListSelectHeader").find(".PageListSelectName").html(label)})}}function loaded(){ignoreClicks=false}function getPaginationList(id,start,limit,total){var maxPaginationLinks=9;var numPaginations=Math.ceil(total/limit);curPagination=start>=limit?Math.floor(start/limit):0;if(curPagination==0){firstPagination=0}else if(curPagination-maxPaginationLinks+1>firstPagination){firstPagination=curPagination-Math.floor(maxPaginationLinks/2)}else if(firstPagination>0&&curPagination==firstPagination){firstPagination=curPagination-Math.ceil(maxPaginationLinks/2)}if(firstPagination>numPaginations-maxPaginationLinks)firstPagination=numPaginations-maxPaginationLinks;if(firstPagination<0)firstPagination=0;var $list=$("").addClass(options.paginationClass).data("paginationInfo",{start:start,limit:limit,total:total});var paginationClick=function(e){var $curList=$(this).parents("ul."+options.paginationClass);var info=$curList.data("paginationInfo");if(!info)return false;var start=parseInt($(this).attr("href"))*info.limit;if(start===NaN)start=0;var $newList=getPaginationList(id,start,info.limit,info.total);var $spinner=$(options.spinnerMarkup);var $loading=$("
  •  
    • ").addClass(options.paginationDisabledClass).append($spinner.hide());$curList.siblings(".PageList").remove();$curList.replaceWith($newList);$newList.append($loading);$spinner.fadeIn("fast");var $siblings=$newList.siblings().css("opacity",.5);loadChildren(id,$newList.parent(),start,false,false,true,function(){$spinner.fadeOut("fast",function(){$loading.remove()});$newList.parent(".PageList").prev(".PageListItem").data("start",start);updateOpenPageIDs()});return false};var $separator=null;var $blankItem=null;for(var pagination=firstPagination,cnt=0;pagination").html(pagination+1).attr("href",pagination).addClass(options.paginationLinkClass);var $item=$("
  • ").addClass(options.paginationClass+cnt).append($a);if(pagination==curPagination){$item.addClass(options.paginationCurrentClass).find("a").removeClass(options.paginationLinkClass).addClass(options.paginationLinkCurrentClass)}$list.append($item);if(!$blankItem){$blankItem=$item.clone().removeClass(options.paginationCurrentClass+" "+options.paginationLinkCurrentClass);$blankItem.find("a").removeClass(options.paginationLinkCurrentClass).addClass(options.paginationLinkClass)}if(!$separator)$separator=$blankItem.clone().removeClass(options.paginationLinkClass).addClass(options.paginationDisabledClass).html("…");if(cnt>=maxPaginationLinks&&pagination0){$firstItem=$blankItem.clone();$firstItem.find("a").text("1").attr("href","0").click(paginationClick);$list.prepend($separator.clone()).prepend($firstItem)}if(curPagination+1").attr("href",curPagination+1);$list.append($nextBtn)}if(curPagination>0){$prevBtn=$blankItem.clone();$prevBtn.find("a").attr("href",curPagination-1).html("");$list.prepend($prevBtn)}$list.find("a").click(paginationClick).hover(function(){$(this).addClass(options.paginationHoverClass)},function(){$(this).removeClass(options.paginationHoverClass)});return $list}function loadChildren(id,$target,start,beginList,pagination,replace,callback){if(pagination==undefined)pagination=true;if(replace==undefined)replace=false;var processChildren=function(data){if(data&&data.error){ProcessWire.alert(data.message);$loading.hide();ignoreClicks=false;return}var $children=listChildren($(data.children));var nextStart=data.start+data.limit;if($target.hasClass("PageListItem")){setNumChildren($target,data.page.numChildren,data.page.numTotal)}if(data.page.numChildren>nextStart){var $a=$("").attr("href",nextStart).data("pageId",id).text(options.moreLabel).click(clickMore);$children.append($("
      ").addClass("PageListActions actions").append($("
    • ").addClass("PageListActionMore").append($a)))}if(pagination&&(data.page.numChildren>nextStart||data.start>0)){$children.prepend(getPaginationList(id,data.start,data.limit,data.page.numChildren))}$children.hide();if(beginList){var $listRoot;$listRoot=listChildren($(data.page));if(options.showRootPage)$listRoot.children(".PageListItem").addClass("PageListItemOpen");else $listRoot.children(".PageListItem").hide().parent(".PageList").addClass("PageListRootHidden");$listRoot.append($children);$target.append($listRoot)}else if($target.hasClass("PageList")){var $newChildren=$children.children(".PageListItem, .PageListActions");if(replace){$target.children(".PageListItem, .PageListActions").remove()}$target.append($newChildren)}else{$target.after($children)}if($loading.parent().is(".PageListRoot")){$loading.hide()}else{$loading.fadeOut("fast")}if(replace){$children.show();loaded();if(callback!=undefined)callback()}else{$children.slideDown(options.speed,function(){loaded();if(callback!=undefined)callback()})}$children.prev(".PageListItem").data("start",data.start)};if(!replace)$target.append($loading.fadeIn("fast"));var key=id+"-"+start;if(typeof options.openPageData[key]!="undefined"&&!$target.hasClass("PageListID7")&&!$target.hasClass("PageListForceReload")){processChildren(options.openPageData[key]);return}var ajaxURL=options.ajaxURL+"?id="+id+"&render=JSON&start="+start+"&lang="+options.langID+"&open="+options.openPageIDs[0]+"&mode="+options.mode;if(options.labelName.length)ajaxURL+="&labelName="+options.labelName;$.getJSON(ajaxURL).done(function(data,textStatus,jqXHR){processChildren(data)}).fail(function(jqXHR,textStatus,errorThrown){processChildren({error:1,message:!jqXHR.status?options.ajaxNetworkError:options.ajaxUnknownError})})}function listChildren($children){var $list=$("
      ").addClass("PageList");var $ul=$list;$children.each(function(n,child){$ul.append(listChild(child))});addClickEvents($ul);return $list}function setForceReload($pageListItem,reloadNow){if($pageListItem.hasClass("PageList"))$pageListItem=$pageListItem.prev(".PageListItem");$pageListItem.addClass("PageListForceReload");var id=$pageListItem.data("pageId");var prefix=id+"-";if(typeof options.openPageData!="undefined"){var openPageData={};for(var key in options.openPageData){if(key.indexOf(prefix)===0){}else{openPageData[key]=options.openPageData[key]}}options.openPageData=openPageData}if(typeof reloadNow!="undefined"&&reloadNow){var $a=$pageListItem.children("a.PageListPage");if($pageListItem.hasClass("PageListItemOpen")){$a.click();setTimeout(function(){$a.click()},250)}else{$a.click()}}}function addClickEvents($ul){$("a.PageListPage",$ul).click(clickChild);$ul.on("click",".PageListActionMove a",clickMove);$(".PageListActionSelect a",$ul).click(clickSelect);$(".PageListTriggerOpen:not(.PageListID1) > a.PageListPage",$ul).click();$(".PageListActionExtras > a:not(.clickExtras)",$ul).addClass("clickExtras").on("click",clickExtras)}function listChild(child){var $li=$("
      ").data("pageId",child.id).addClass("PageListItem").addClass("PageListTemplate_"+child.template);var $a=$("").attr("href","#").attr("title",child.path).html(child.label).addClass("PageListPage label");$li.addClass(child.numChildren>0?"PageListHasChildren":"PageListNoChildren").addClass("PageListID"+child.id);if(child.status==0)$li.addClass("PageListStatusOff disabled");if(child.status&2048)$li.addClass("PageListStatusUnpublished secondary");if(child.status&1024)$li.addClass("PageListStatusHidden secondary");if(child.status&512)$li.addClass("PageListStatusTemp secondary");if(child.status&16)$li.addClass("PageListStatusSystem");if(child.status&8)$li.addClass("PageListStatusSystem");if(child.status&4)$li.addClass("PageListStatusLocked");if(child.addClass&&child.addClass.length)$li.addClass(child.addClass);if(child.type&&child.type.length>0)if(child.type=="System")$li.addClass("PageListStatusSystem");$(options.openPageIDs).each(function(n,id){id=parseInt(id);if(child.id==id)$li.addClass("PageListTriggerOpen")});$li.append($a);setNumChildren($li,child.numChildren,child.numTotal,true);if(child.note&&child.note.length)$li.append($(""+child.note+"").addClass("PageListNote detail"));var $actions=$("
        ").addClass("PageListActions actions");var links=options.rootPageID==child.id?[]:[{name:options.selectSelectLabel,url:options.selectSelectHref}];if(options.mode=="actions"){links=child.actions}else if(options.selectAllowUnselect){if(child.id==$container.val())links=[{name:options.selectUnselectLabel,url:options.selectUnselectHref}]}var $lastAction=null;var $extrasLink=null;var extras={};var hasExtrasLink=false;if(options.useNarrowActions){for(var n=0;n").html(action.name).attr("href",action.url);if(!isModal){if(action.cn=="Edit"){$a.addClass("pw-modal pw-modal-large pw-modal-longclick");$a.attr("data-buttons","#ProcessPageEdit > .Inputfields > .InputfieldSubmit .ui-button")}else if(action.cn=="View"){$a.addClass("pw-modal pw-modal-large pw-modal-longclick")}}if(typeof action.extras!="undefined"){for(var key in action.extras){extras[key]=action.extras[key]}$extrasLink=$a}var $action=$("
      • ").addClass("PageListAction"+actionName).append($a);if(actionName=="Extras")$lastAction=$action;else $actions.append($action)});if($extrasLink)$extrasLink.data("extras",extras);if($lastAction){$actions.append($lastAction);$lastAction.addClass("ui-priority-secondary")}$li.append($actions);return $li}function getNumChildren($item,getTotal){if(typeof getTotal=="undefined")var getTotal=false;if(getTotal){var n=$item.attr("data-numTotal")}else{var n=$item.attr("data-numChild")}return n&&n.length>0?parseInt(n):0}function getNumTotal($item){return getNumChildren($item,true)}function setNumChildren($item,numChildren,numTotal,addNew){if(typeof numTotal=="undefined")var numTotal=numChildren;if(typeof addNew=="undefined")var addNew=false;var $numChildren=addNew?"":$item.children(".PageListNumChildren");var n=numChildren===false?numTotal:numChildren;if(addNew||!$numChildren.length){$numChildren=$("").addClass("PageListNumChildren detail");addNew=true}if(n<1){$item.removeClass("PageListHasChildren").addClass("PageListNoChildren");if(numTotal!==false)numTotal=0}else{$item.removeClass("PageListNoChildren").addClass("PageListHasChildren")}if(numTotal===false){numTotal=getNumTotal($item)}else{$item.attr("data-numTotal",numTotal)}if(numChildren===false){numChildren=getNumChildren($item)}else{if(numChildren<0)numChildren=0;$item.attr("data-numChild",numChildren)}var numLabel="";switch(options.qtyType){case"total":numLabel=numTotal;break;case"total/children":var slash="/";numLabel=numTotal>0&&numTotal!=numChildren?numTotal+slash+numChildren:numTotal;break;case"children/total":var slash="/";numLabel=numTotal>0&&numTotal!=numChildren?numChildren+slash+numTotal:numTotal;break;case"id":numLabel=$item.data("pageId");break;default:numLabel=numChildren}if(!numLabel)numLabel="";$numChildren.html(numLabel);if(addNew)$item.append($numChildren)}function setNumTotal($item,numTotal){setNumChildren($item,false,numTotal)}function adjustNumTotal($item,n){var numTotal=getNumTotal($item);numTotal+=n;if(numTotal<0)numTotal=0;setNumTotal($item,numTotal);var $parentItem=$item.closest(".PageList").prev(".PageListItem");if($parentItem.length)adjustNumTotal($parentItem,n)}function clickExtras(e){var $a=$(this);var extras=$a.data("extras");if(typeof extras=="undefined")return false;var $li=$a.closest(".PageListItem");var $actions=$a.closest(".PageListActions");var $lastItem=null;var $icon=$a.children("i.fa");var $extraActions=$actions.find("li.PageListActionExtra");$icon.toggleClass("fa-flip-horizontal");if($extraActions.length){$extraActions.fadeOut(100,function(){$extraActions.remove()});return false}for(var extraKey in extras){var extra=extras[extraKey];var $extraLink=$("").addClass("PageListActionExtra PageListAction"+extra.cn).attr("href",extra.url).html(extra.name);if(typeof extra.ajax!="undefined"&&extra.ajax==true){$extraLink.click(function(){$li.find(".PageListActions").hide();var $spinner=$(options.spinnerMarkup);var href=$(this).attr("href");var actionName=href.match(/[\?&]action=([-_a-zA-Z0-9]+)/)[1];var pageID=parseInt(href.match(/[\?&]id=([0-9]+)/)[1]);var tokenName=$("#PageListContainer").attr("data-token-name");var tokenValue=$("#PageListContainer").attr("data-token-value");var postData={action:actionName,id:pageID};postData[tokenName]=tokenValue;$li.append($spinner);$.post(href+"&render=json",postData,function(data){if(data.success){$li.fadeOut("fast",function(){var addNew=false;var removeItem=data.remove;var refreshChildren=data.refreshChildren;var $liNew=false;if(typeof data.child!="undefined"){$liNew=listChild(data.child)}else if(typeof data.newChild!="undefined"){$liNew=listChild(data.newChild);addNew=true}if($liNew){var $msg=$("").addClass("notes").html(data.message);$msg.prepend("  ");$liNew.append($msg);addClickEvents($liNew)}if(addNew){$spinner.fadeOut("normal",function(){$spinner.remove()});$liNew.hide();$li.after($liNew);$liNew.slideDown();setForceReload($liNew.closest(".PageList"))}else if($liNew){if($li.hasClass("PageListItemOpen"))$liNew.addClass("PageListItemOpen");$li.replaceWith($liNew)}$li.fadeIn("fast",function(){setTimeout(function(){$msg.fadeOut("normal",function(){var $parentItem=$liNew.closest(".PageList").prev(".PageListItem");var numChildren=getNumChildren($parentItem);var numTotal=getNumTotal($parentItem);if(removeItem){numChildren--;adjustNumTotal($parentItem,-1)}else if(addNew){numChildren++;adjustNumTotal($parentItem,1)}setNumChildren($parentItem,numChildren,false);setForceReload($parentItem);if(removeItem){$liNew.next(".PageList").fadeOut("fast");$liNew.fadeOut("fast",function(){$liNew.remove()})}else{$msg.remove()}})},1e3)});if(refreshChildren){var $refreshParent=$(".PageListID"+refreshChildren);if($refreshParent.length)setForceReload($refreshParent,true)}})}else{$spinner.remove();ProcessWire.alert(data.message)}});return false})}else{}var $extraLinkItem=$("
      • ").addClass("PageListActionExtra PageListAction"+extra.cn).append($extraLink);$extraLink.hide();if(extra.cn=="Trash"){$li.addClass("trashable");$lastItem=$extraLinkItem}else{$actions.append($extraLinkItem)}}if($lastItem)$actions.append($lastItem);$actions.find(".PageListActionExtra a").fadeIn(50,function(){$(this).css("display","inline-block")});return false}function clickChild(e){var $t=$(this);var $li=$t.parent(".PageListItem");var id=$li.data("pageId");if(ignoreClicks&&!$li.hasClass("PageListTriggerOpen"))return false;if($root.is(".PageListSorting")||$root.is(".PageListSortSaving")){return false}if($li.hasClass("PageListItemOpen")){var collapseThis=true;if($li.hasClass("PageListID1")&&!$li.hasClass("PageListForceReload")&&options.mode!="select"){var $collapseItems=$(this).closest(".PageListRoot").find(".PageListItemOpen:not(.PageListID1)");if($collapseItems.length){$root.find(".PageListItemOpen:not(.PageListID1)").each(function(){$(this).children("a.PageListPage").click()});collapseThis=false}}if(collapseThis){$li.removeClass("PageListItemOpen").next(".PageList").slideUp(options.speed,function(){$(this).remove()})}}else{$li.addClass("PageListItemOpen");var numChildren=getNumChildren($li);if(numChildren>0||$li.hasClass("PageListForceReload")){ignoreClicks=true;var start=getOpenPageStart(id);loadChildren(id,$li,start,false)}}if(options.mode!="select"){setTimeout(function(){updateOpenPageIDs()},250)}return false}function getOpenPageStart(id){var start=0;for(n=0;n1&&$(this).next().find(".PageList:visible").length==0){return}var $ul=$("
        ").addClass("PageListPlaceholder").addClass("PageList");$ul.append($("
        ").addClass("PageListItem PageListPlaceholderItem").html(" "));$(this).after($ul)});var sortOptions={stop:stopMove,helper:"PageListItemHelper",items:".PageListItem:not(.PageListItemOpen)",placeholder:"PageListSortPlaceholder",start:function(e,ui){$(".PageListSortPlaceholder").css("width",ui.item.children(".PageListPage").outerWidth()+"px")}};var $sortRoot=$root.children(".PageList").children(".PageList");var $cancelLink=$("        "+options.selectCancelLabel+"").click(function(){return cancelMove($li)});var $actions=$li.children("ul.PageListActions");var $moveAction=$(" "+options.moveInstructionLabel+"");$moveAction.append($cancelLink);$actions.before($moveAction);$li.addClass("PageListSortItem");$li.parent(".PageList").attr("id","PageListMoveFrom");$root.addClass("PageListSorting");$sortRoot.addClass("PageListSortingList").sortable(sortOptions);return false}function cancelMove($li){var $sortRoot=$root.find(".PageListSortingList");$sortRoot.sortable("destroy").removeClass("PageListSortingList");$li.removeClass("PageListSortItem").parent(".PageList").removeAttr("id");$li.find(".PageListMoveNote").remove();$root.find(".PageListPlaceholder").remove();$root.removeClass("PageListSorting");return false}function trashPage($li){var $trash=$root.find(".PageListID"+options.trashPageID);if(!$trash.hasClass("PageListItemOpen")){$root.removeClass("PageListSorting");$trash.children("a").click();$root.addClass("PageListSorting")}var $trashList=$trash.next(".PageList");if($trashList.length==0){$trashList=$("
        ");$trash.after($trashList)}$trashList.prepend($li);var ui={item:$li};stopMove(null,ui)}function stopMove(e,ui){var $li=ui.item;var $a=$li.children(".PageListPage");var id=parseInt($li.data("pageId"));var $ul=$li.parent(".PageList");var $from=$("#PageListMoveFrom");var $ulPrev=$ul.prev().is(".PageListItem")?$ul.prev():$ul.prev().prev();var parent_id=parseInt($ulPrev.data("pageId"));var $liPrev=$li.prev(".PageListItem");if($liPrev.is(".PageListItemOpen"))return false;if($ul.is(".PageListPlaceholder")){var $ulNext=$ul.next();if($ulNext.is(".PageList:visible")){$ulNext.prepend($li);$ul=$ulNext}else{$ul.removeClass("PageListPlaceholder").children(".PageListPlaceholderItem").remove()}}$root.addClass("PageListSortSaving");cancelMove($li);$li.append($loading.fadeIn("fast"));var sortCSV="";$ul.children(".PageListItem").each(function(){sortCSV+=$(this).data("pageId")+","});var postData={id:id,parent_id:parent_id,sort:sortCSV};postData[$("#PageListContainer").attr("data-token-name")]=$("#PageListContainer").attr("data-token-value");var success="unknown";$.post(options.ajaxMoveURL,postData,function(data){$loading.fadeOut("fast");$a.fadeOut("fast",function(){$(this).fadeIn("fast");$li.removeClass("PageListSortItem");$root.removeClass("PageListSorting")});if(data&&data.error){ProcessWire.alert(data.message)}if(!$ul.is("#PageListMoveFrom")){var $fromItem=$from.prev(".PageListItem");var numChildren=getNumChildren($fromItem);var numTotal=getNumTotal($fromItem);if(numChildren>0){numChildren--;adjustNumTotal($fromItem,-1)}else{$from.remove()}setNumChildren($fromItem,numChildren,false);setForceReload($fromItem);var $toItem=$ul.prev(".PageListItem");numChildren=getNumChildren($toItem)+1;adjustNumTotal($toItem,1);setNumChildren($toItem,numChildren,false);setForceReload($toItem)}$from.attr("id","");$root.removeClass("PageListSortSaving")},"json");$li.trigger("pageMoved");return true}function clickSelect(){var $t=$(this);var $li=$t.parent("li").parent("ul.PageListActions").parent(".PageListItem");var id=$li.data("pageId");var $a=$li.children(".PageListPage");var title=$a.text();var url=$a.attr("title");var $header=$root.children(".PageListSelectHeader");if($t.text()==options.selectUnselectLabel){id=0;title=""}if(id!=$container.val())$container.val(id).change();if(options.selectShowPageHeader){$header.children(".PageListSelectName").text(title)}$container.trigger("pageSelected",{id:id,url:url,title:title,a:$a});$header.find(".PageListSelectActionToggle").click();if(options.selectSelectHref=="#")return false;return true}init()})}})(jQuery); \ No newline at end of file +function ProcessPageListInit(){if(ProcessWire.config.ProcessPageList){$("#"+ProcessWire.config.ProcessPageList.containerID).ProcessPageList(ProcessWire.config.ProcessPageList)}}$(document).ready(function(){ProcessPageListInit()});(function($){$.fn.ProcessPageList=function(customOptions){var options={mode:"",limit:35,rootPageID:0,showRootPage:true,selectedPageID:0,adminPageID:2,trashPageID:7,langID:0,selectAllowUnselect:false,selectShowPageHeader:true,selectShowPath:true,selectMultiple:false,selectStartLabel:"Change",selectCancelLabel:"Cancel",selectSelectLabel:"Select",selectUnselectLabel:"Unselect",moreLabel:"More",trashLabel:"Trash",moveInstructionLabel:"Click and drag to move",selectSelectHref:"#",selectUnselectHref:"#",ajaxURL:ProcessWire.config.urls.admin+"page/list/",ajaxMoveURL:ProcessWire.config.urls.admin+"page/sort/",paginationClass:"PageListPagination",paginationCurrentClass:"PageListPaginationCurrent",paginationLinkClass:"ui-state-default",paginationLinkCurrentClass:"ui-state-active",paginationHoverClass:"ui-state-hover",paginationDisabledClass:"ui-priority-secondary",openPagination:0,openPageIDs:[],openPageData:{},speed:200,useHoverActions:false,hoverActionDelay:250,hoverActionFade:150,useNarrowActions:$("body").hasClass("pw-narrow-width"),spinnerMarkup:"",labelName:"",qtyType:""};var currentOpenPageIDs=[];var ignoreClicks=false;var isModal=$("body").hasClass("modal")||$("body").hasClass("pw-iframe");if(typeof ProcessWire.config.ProcessPageList!="undefined"){$.extend(options,ProcessWire.config.ProcessPageList)}$.extend(options,customOptions);return this.each(function(index){var $container=$(this);var $outer;var $root;var $loading=$(options.spinnerMarkup);var firstPagination=0;var curPagination=0;function init(){$root=$("
        ");if($container.is(":input")){options.selectedPageID=$container.val();if(!options.selectedPageID.length)options.selectedPageID=0;options.mode="select";$container.before($root);$outer=$container.closest(".InputfieldContent");setupSelectMode()}else{options.mode="actions";$container.append($root);$outer=$container;loadChildren(options.rootPageID>0?options.rootPageID:1,$root,0,true)}$(document).on("pageListRefresh",function(e,pageID){refreshList(pageID)});if(options.useHoverActions){$root.addClass("PageListUseHoverActions");setupHoverActions()}}function setupHoverActions(){var hoverTimeout=null;var hoverOutTimeout=null;var $hoveredItem=null;function showItem($item){var $actions=$item.find(".PageListActions");if(!$actions.is(":visible")||$item.hasClass("PageListItemOpen")){$item.addClass("PageListItemHover");$actions.css("display","inline").css("opacity",0).animate({opacity:1},options.hoverActionFade)}}function hideItem($item){var $actions=$item.find(".PageListActions");$item.removeClass("PageListItemHover");if($actions.is(":visible")){$actions.animate({opacity:0},options.hoverActionFade,function(){$actions.hide()})}}$outer.on("keydown",".PageListItem",function(e){e=e||window.event;if(e.keyCode==0||e.keyCode==32){var $actions=$(this).find(".PageListActions");if($actions.is(":visible")){$actions.css("display","none")}else{$actions.css("display","inline-block")}return false}});$outer.on("mouseover",".PageListItem",function(e){if($root.is(".PageListSorting")||$root.is(".PageListSortSaving"))return;if(!$(this).children("a:first").is(":hover"))return;$hoveredItem=$(this);if($hoveredItem.hasClass("PageListItemHover"))return;var $item=$(this);if(hoverTimeout)clearTimeout(hoverTimeout);var delay=options.hoverActionDelay;hoverTimeout=setTimeout(function(){if($hoveredItem.attr("class")==$item.attr("class")){if(!$hoveredItem.children("a:first").is(":hover"))return;var $hideItems=$outer.find(".PageListItemHover");showItem($hoveredItem);$hideItems.each(function(){hideItem($(this))})}},delay)}).on("mouseout",".PageListItem",function(e){if($root.is(".PageListSorting")||$root.is(".PageListSortSaving"))return;var $item=$(this);if($item.hasClass("PageListItemOpen"))return;if(!$item.hasClass("PageListItemHover"))return;var delay=options.hoverActionDelay*.7;hoverOutTimeout=setTimeout(function(){if($item.is(":hover"))return;if($item.attr("class")==$hoveredItem.attr("class"))return;hideItem($item)},delay)})}function setupSelectMode(){var $actions=$("
          ").addClass("PageListActions PageListSelectActions actions");var $pageLabel=$("

          ").addClass("PageListSelectName");if(options.selectShowPageHeader)$pageLabel.append($loading);var $action=$("").addClass("PageListSelectActionToggle").addClass("PageListSelectActionToggleStart").attr("href","#").text(options.selectStartLabel).click(function(){if($(this).text()==options.selectStartLabel){loadChildren(options.rootPageID>0?options.rootPageID:1,$root,0,true);$(this).text(options.selectCancelLabel).removeClass("PageListSelectActionToggleStart").addClass("PageListSelectActionToggleCancel")}else{$(this).addClass("PageListSelectActionToggleStart").removeClass("PageListSelectActionToggleCancel");$root.children(".PageList").slideUp(options.speed,function(){$(this).remove()});$(this).text(options.selectStartLabel)}return false});$actions.append($("
        • ").append($action));$root.append($("
          ").addClass("PageListSelectHeader").append($pageLabel).append($actions));if(options.selectShowPageHeader){var ajaxURL=options.ajaxURL+"?id="+options.selectedPageID+"&render=JSON&start=0&limit=0&lang="+options.langID+"&mode="+options.mode;if(options.labelName.length)ajaxURL+="&labelName="+options.labelName;$.getJSON(ajaxURL,function(data){var parentPath="";if(options.selectShowPath){parentPath=data.page.path;if(parentPath.substring(-1)=="/")parentPath=parentPath.substring(0,parentPath.length-1);parentPath=parentPath.substring(0,parentPath.lastIndexOf("/")+1);parentPath=''+parentPath+" "}var label=options.selectedPageID>0?parentPath+data.page.label:"";$root.children(".PageListSelectHeader").find(".PageListSelectName").html(label)})}}function loaded(){ignoreClicks=false}function getPaginationList(id,start,limit,total){var maxPaginationLinks=9;var numPaginations=Math.ceil(total/limit);curPagination=start>=limit?Math.floor(start/limit):0;if(curPagination==0){firstPagination=0}else if(curPagination-maxPaginationLinks+1>firstPagination){firstPagination=curPagination-Math.floor(maxPaginationLinks/2)}else if(firstPagination>0&&curPagination==firstPagination){firstPagination=curPagination-Math.ceil(maxPaginationLinks/2)}if(firstPagination>numPaginations-maxPaginationLinks)firstPagination=numPaginations-maxPaginationLinks;if(firstPagination<0)firstPagination=0;var $list=$("
            ").addClass(options.paginationClass).data("paginationInfo",{start:start,limit:limit,total:total});var paginationClick=function(e){var $curList=$(this).parents("ul."+options.paginationClass);var info=$curList.data("paginationInfo");if(!info)return false;var start=parseInt($(this).attr("href"))*info.limit;if(start===NaN)start=0;var $newList=getPaginationList(id,start,info.limit,info.total);var $spinner=$(options.spinnerMarkup);var $loading=$("
          •  
            • ").addClass(options.paginationDisabledClass).append($spinner.hide());$curList.siblings(".PageList").remove();$curList.replaceWith($newList);$newList.append($loading);$spinner.fadeIn("fast");var $siblings=$newList.siblings().css("opacity",.5);loadChildren(id,$newList.parent(),start,false,false,true,function(){$spinner.fadeOut("fast",function(){$loading.remove()});$newList.parent(".PageList").prev(".PageListItem").data("start",start);updateOpenPageIDs()});return false};var $separator=null;var $blankItem=null;for(var pagination=firstPagination,cnt=0;pagination").html(pagination+1).attr("href",pagination).addClass(options.paginationLinkClass);var $item=$("
          • ").addClass(options.paginationClass+cnt).append($a);if(pagination==curPagination){$item.addClass(options.paginationCurrentClass).find("a").removeClass(options.paginationLinkClass).addClass(options.paginationLinkCurrentClass)}$list.append($item);if(!$blankItem){$blankItem=$item.clone().removeClass(options.paginationCurrentClass+" "+options.paginationLinkCurrentClass);$blankItem.find("a").removeClass(options.paginationLinkCurrentClass).addClass(options.paginationLinkClass)}if(!$separator)$separator=$blankItem.clone().removeClass(options.paginationLinkClass).addClass(options.paginationDisabledClass).html("…");if(cnt>=maxPaginationLinks&&pagination0){$firstItem=$blankItem.clone();$firstItem.find("a").text("1").attr("href","0").click(paginationClick);$list.prepend($separator.clone()).prepend($firstItem)}if(curPagination+1").attr("href",curPagination+1);$list.append($nextBtn)}if(curPagination>0){$prevBtn=$blankItem.clone();$prevBtn.find("a").attr("href",curPagination-1).html("");$list.prepend($prevBtn)}$list.find("a").click(paginationClick).hover(function(){$(this).addClass(options.paginationHoverClass)},function(){$(this).removeClass(options.paginationHoverClass)});return $list}function loadChildren(id,$target,start,beginList,pagination,replace,callback){if(pagination==undefined)pagination=true;if(replace==undefined)replace=false;var processChildren=function(data){if(data&&data.error){ProcessWire.alert(data.message);$loading.hide();ignoreClicks=false;return}var $children=listChildren($(data.children));var nextStart=data.start+data.limit;if($target.hasClass("PageListItem")){setNumChildren($target,data.page.numChildren,data.page.numTotal)}if(data.page.numChildren>nextStart){var $a=$("").attr("href",nextStart).data("pageId",id).text(options.moreLabel).click(clickMore);$children.append($("
              ").addClass("PageListActions actions").append($("
            • ").addClass("PageListActionMore").append($a)))}if(pagination&&(data.page.numChildren>nextStart||data.start>0)){$children.prepend(getPaginationList(id,data.start,data.limit,data.page.numChildren))}$children.hide();if(beginList){var $listRoot;$listRoot=listChildren($(data.page));if(options.showRootPage)$listRoot.children(".PageListItem").addClass("PageListItemOpen");else $listRoot.children(".PageListItem").hide().parent(".PageList").addClass("PageListRootHidden");$listRoot.append($children);$target.append($listRoot)}else if($target.hasClass("PageList")){var $newChildren=$children.children(".PageListItem, .PageListActions");if(replace){$target.children(".PageListItem, .PageListActions").remove()}$target.append($newChildren)}else{$target.after($children)}if($loading.parent().is(".PageListRoot")){$loading.hide()}else{$loading.fadeOut("fast")}if(replace){$children.show();loaded();if(callback!=undefined)callback();$container.trigger("pageListChildrenDone",data)}else{$children.slideDown(options.speed,function(){loaded();if(callback!=undefined)callback();$container.trigger("pageListChildrenDone",data)})}$children.prev(".PageListItem").data("start",data.start)};if(!replace)$target.append($loading.fadeIn("fast"));var key=id+"-"+start;if(typeof options.openPageData[key]!="undefined"&&!$target.hasClass("PageListID7")&&!$target.hasClass("PageListForceReload")){processChildren(options.openPageData[key]);return}var ajaxURL=options.ajaxURL+"?id="+id+"&render=JSON&start="+start+"&lang="+options.langID+"&open="+options.openPageIDs[0]+"&mode="+options.mode;if(options.labelName.length)ajaxURL+="&labelName="+options.labelName;$.getJSON(ajaxURL).done(function(data,textStatus,jqXHR){processChildren(data)}).fail(function(jqXHR,textStatus,errorThrown){processChildren({error:1,message:!jqXHR.status?options.ajaxNetworkError:options.ajaxUnknownError})})}function listChildren($children){var $list=$("
              ").addClass("PageList");var $ul=$list;$children.each(function(n,child){$ul.append(listChild(child))});addClickEvents($ul);return $list}function setForceReload($pageListItem,reloadNow){if($pageListItem.hasClass("PageList"))$pageListItem=$pageListItem.prev(".PageListItem");$pageListItem.addClass("PageListForceReload");var id=$pageListItem.data("pageId");var prefix=id+"-";if(typeof options.openPageData!="undefined"){var openPageData={};for(var key in options.openPageData){if(key.indexOf(prefix)===0){}else{openPageData[key]=options.openPageData[key]}}options.openPageData=openPageData}if(typeof reloadNow!="undefined"&&reloadNow){var $a=$pageListItem.children("a.PageListPage");if($pageListItem.hasClass("PageListItemOpen")){$a.click();setTimeout(function(){$a.click()},250)}else{$a.click()}}}function addClickEvents($ul){$("a.PageListPage",$ul).click(clickChild);$ul.on("click",".PageListActionMove a",clickMove);$(".PageListActionSelect a",$ul).click(clickSelect);$(".PageListTriggerOpen:not(.PageListID1) > a.PageListPage",$ul).click();$(".PageListActionExtras > a:not(.clickExtras)",$ul).addClass("clickExtras").on("click",clickExtras)}function listChild(child){var $li=$("
              ").data("pageId",child.id).addClass("PageListItem").addClass("PageListTemplate_"+child.template);var $a=$("").attr("href","#").attr("title",child.path).html(child.label).addClass("PageListPage label");$li.addClass(child.numChildren>0?"PageListHasChildren":"PageListNoChildren").addClass("PageListID"+child.id);if(child.status==0)$li.addClass("PageListStatusOff disabled");if(child.status&2048)$li.addClass("PageListStatusUnpublished secondary");if(child.status&1024)$li.addClass("PageListStatusHidden secondary");if(child.status&512)$li.addClass("PageListStatusTemp secondary");if(child.status&16)$li.addClass("PageListStatusSystem");if(child.status&8)$li.addClass("PageListStatusSystem");if(child.status&4)$li.addClass("PageListStatusLocked");if(child.addClass&&child.addClass.length)$li.addClass(child.addClass);if(child.type&&child.type.length>0)if(child.type=="System")$li.addClass("PageListStatusSystem");$(options.openPageIDs).each(function(n,id){id=parseInt(id);if(child.id==id)$li.addClass("PageListTriggerOpen")});$li.append($a);setNumChildren($li,child.numChildren,child.numTotal,true);if(child.note&&child.note.length)$li.append($(""+child.note+"").addClass("PageListNote detail"));var $actions=$("
                ").addClass("PageListActions actions");var links=options.rootPageID==child.id?[]:[{name:options.selectSelectLabel,url:options.selectSelectHref}];if(options.mode=="actions"){links=child.actions}else if(options.selectAllowUnselect){if(child.id==$container.val())links=[{name:options.selectUnselectLabel,url:options.selectUnselectHref}]}var $lastAction=null;var $extrasLink=null;var extras={};var hasExtrasLink=false;if(options.useNarrowActions){for(var n=0;n").html(action.name).attr("href",action.url);if(!isModal){if(action.cn=="Edit"){$a.addClass("pw-modal pw-modal-large pw-modal-longclick");$a.attr("data-buttons","#ProcessPageEdit > .Inputfields > .InputfieldSubmit .ui-button")}else if(action.cn=="View"){$a.addClass("pw-modal pw-modal-large pw-modal-longclick")}}if(typeof action.extras!="undefined"){for(var key in action.extras){extras[key]=action.extras[key]}$extrasLink=$a}var $action=$("
              • ").addClass("PageListAction"+actionName).append($a);if(actionName=="Extras")$lastAction=$action;else $actions.append($action)});if($extrasLink)$extrasLink.data("extras",extras);if($lastAction){$actions.append($lastAction);$lastAction.addClass("ui-priority-secondary")}$li.append($actions);return $li}function getNumChildren($item,getTotal){if(typeof getTotal=="undefined")getTotal=false;var n;if(getTotal){n=$item.attr("data-numTotal")}else{n=$item.attr("data-numChild")}return n&&n.length>0?parseInt(n):0}function getNumTotal($item){return getNumChildren($item,true)}function setNumChildren($item,numChildren,numTotal,addNew){if(typeof numTotal=="undefined")numTotal=numChildren;if(typeof addNew=="undefined")addNew=false;var $numChildren=addNew?"":$item.children(".PageListNumChildren");var n=numChildren===false?numTotal:numChildren;if(addNew||!$numChildren.length){$numChildren=$("").addClass("PageListNumChildren detail");addNew=true}if(n<1){$item.removeClass("PageListHasChildren").addClass("PageListNoChildren");if(numTotal!==false)numTotal=0}else{$item.removeClass("PageListNoChildren").addClass("PageListHasChildren")}if(numTotal===false){numTotal=getNumTotal($item)}else{$item.attr("data-numTotal",numTotal)}if(numChildren===false){numChildren=getNumChildren($item)}else{if(numChildren<0)numChildren=0;$item.attr("data-numChild",numChildren)}var numLabel="";var slash;switch(options.qtyType){case"total":numLabel=numTotal;break;case"total/children":slash="/";numLabel=numTotal>0&&numTotal!=numChildren?numTotal+slash+numChildren:numTotal;break;case"children/total":slash="/";numLabel=numTotal>0&&numTotal!=numChildren?numChildren+slash+numTotal:numTotal;break;case"id":numLabel=$item.data("pageId");break;default:numLabel=numChildren}if(!numLabel)numLabel="";$numChildren.html(numLabel);if(addNew)$item.append($numChildren)}function setNumTotal($item,numTotal){setNumChildren($item,false,numTotal)}function adjustNumTotal($item,n){var numTotal=getNumTotal($item);numTotal+=n;if(numTotal<0)numTotal=0;setNumTotal($item,numTotal);var $parentItem=$item.closest(".PageList").prev(".PageListItem");if($parentItem.length)adjustNumTotal($parentItem,n)}function clickExtras(e){var $a=$(this);var extras=$a.data("extras");if(typeof extras=="undefined")return false;var $li=$a.closest(".PageListItem");var $actions=$a.closest(".PageListActions");var $lastItem=null;var $icon=$a.children("i.fa");var $extraActions=$actions.find("li.PageListActionExtra");$icon.toggleClass("fa-flip-horizontal");if($extraActions.length){$extraActions.fadeOut(100,function(){$extraActions.remove()});return false}for(var extraKey in extras){var extra=extras[extraKey];var $extraLink=$("").addClass("PageListActionExtra PageListAction"+extra.cn).attr("href",extra.url).html(extra.name);if(typeof extra.ajax!="undefined"&&extra.ajax==true){$extraLink.click(function(){$li.find(".PageListActions").hide();var $spinner=$(options.spinnerMarkup);var href=$(this).attr("href");var actionName=href.match(/[\?&]action=([-_a-zA-Z0-9]+)/)[1];var pageID=parseInt(href.match(/[\?&]id=([0-9]+)/)[1]);var tokenName=$("#PageListContainer").attr("data-token-name");var tokenValue=$("#PageListContainer").attr("data-token-value");var postData={action:actionName,id:pageID};postData[tokenName]=tokenValue;$li.append($spinner);$.post(href+"&render=json",postData,function(data){if(data.success){$li.fadeOut("fast",function(){var addNew=false;var removeItem=data.remove;var refreshChildren=data.refreshChildren;var $liNew=false;if(typeof data.child!="undefined"){$liNew=listChild(data.child)}else if(typeof data.newChild!="undefined"){$liNew=listChild(data.newChild);addNew=true}if($liNew){var $msg=$("").addClass("notes").html(data.message);$msg.prepend("  ");$liNew.append($msg);addClickEvents($liNew)}if(addNew){$spinner.fadeOut("normal",function(){$spinner.remove()});$liNew.hide();$li.after($liNew);$liNew.slideDown();setForceReload($liNew.closest(".PageList"))}else if($liNew){if($li.hasClass("PageListItemOpen"))$liNew.addClass("PageListItemOpen");$li.replaceWith($liNew)}$li.fadeIn("fast",function(){setTimeout(function(){$msg.fadeOut("normal",function(){var $parentItem=$liNew.closest(".PageList").prev(".PageListItem");var numChildren=getNumChildren($parentItem);var numTotal=getNumTotal($parentItem);if(removeItem){numChildren--;adjustNumTotal($parentItem,-1)}else if(addNew){numChildren++;adjustNumTotal($parentItem,1)}setNumChildren($parentItem,numChildren,false);setForceReload($parentItem);if(removeItem){$liNew.next(".PageList").fadeOut("fast");$liNew.fadeOut("fast",function(){$liNew.remove()})}else{$msg.remove()}})},1e3)});if(refreshChildren){var $refreshParent=$(".PageListID"+refreshChildren);if($refreshParent.length)setForceReload($refreshParent,true)}})}else{$spinner.remove();ProcessWire.alert(data.message)}});return false})}else{}var $extraLinkItem=$("
              • ").addClass("PageListActionExtra PageListAction"+extra.cn).append($extraLink);$extraLink.hide();if(extra.cn=="Trash"){$li.addClass("trashable");$lastItem=$extraLinkItem}else{$actions.append($extraLinkItem)}}if($lastItem)$actions.append($lastItem);$actions.find(".PageListActionExtra a").fadeIn(50,function(){$(this).css("display","inline-block")});return false}function clickChild(e){var $t=$(this);var $li=$t.parent(".PageListItem");var id=$li.data("pageId");if(ignoreClicks&&!$li.hasClass("PageListTriggerOpen"))return false;if($root.is(".PageListSorting")||$root.is(".PageListSortSaving")){return false}if($li.hasClass("PageListItemOpen")){var collapseThis=true;if($li.hasClass("PageListID1")&&!$li.hasClass("PageListForceReload")&&options.mode!="select"){var $collapseItems=$(this).closest(".PageListRoot").find(".PageListItemOpen:not(.PageListID1)");if($collapseItems.length){$root.find(".PageListItemOpen:not(.PageListID1)").each(function(){$(this).children("a.PageListPage").click()});collapseThis=false}}if(collapseThis){$li.removeClass("PageListItemOpen").next(".PageList").slideUp(options.speed,function(){$(this).remove()})}}else{$li.addClass("PageListItemOpen");var numChildren=getNumChildren($li);if(numChildren>0||$li.hasClass("PageListForceReload")){ignoreClicks=true;var start=getOpenPageStart(id);loadChildren(id,$li,start,false)}}if(options.mode!="select"){setTimeout(function(){updateOpenPageIDs()},250)}return false}function getOpenPageStart(id){var start=0;for(n=0;n1&&$(this).next().find(".PageList:visible").length==0){return}var $ul=$("
                ").addClass("PageListPlaceholder").addClass("PageList");$ul.append($("
                ").addClass("PageListItem PageListPlaceholderItem").html(" "));$(this).after($ul)});var sortOptions={stop:stopMove,helper:"PageListItemHelper",items:".PageListItem:not(.PageListItemOpen)",placeholder:"PageListSortPlaceholder",start:function(e,ui){$(".PageListSortPlaceholder").css("width",ui.item.children(".PageListPage").outerWidth()+"px")}};var $sortRoot=$root.children(".PageList").children(".PageList");var $cancelLink=$("                "+options.selectCancelLabel+"").click(function(){return cancelMove($li)});var $actions=$li.children("ul.PageListActions");var $moveAction=$(" "+options.moveInstructionLabel+"");$moveAction.append($cancelLink);$actions.before($moveAction);$li.addClass("PageListSortItem");$li.parent(".PageList").attr("id","PageListMoveFrom");$root.addClass("PageListSorting");$sortRoot.addClass("PageListSortingList").sortable(sortOptions);return false}function cancelMove($li){var $sortRoot=$root.find(".PageListSortingList");$sortRoot.sortable("destroy").removeClass("PageListSortingList");$li.removeClass("PageListSortItem").parent(".PageList").removeAttr("id");$li.find(".PageListMoveNote").remove();$root.find(".PageListPlaceholder").remove();$root.removeClass("PageListSorting");return false}function trashPage($li){var $trash=$root.find(".PageListID"+options.trashPageID);if(!$trash.hasClass("PageListItemOpen")){$root.removeClass("PageListSorting");$trash.children("a").click();$root.addClass("PageListSorting")}var $trashList=$trash.next(".PageList");if($trashList.length==0){$trashList=$("
                ");$trash.after($trashList)}$trashList.prepend($li);var ui={item:$li};stopMove(null,ui)}function stopMove(e,ui){var $li=ui.item;var $a=$li.children(".PageListPage");var id=parseInt($li.data("pageId"));var $ul=$li.parent(".PageList");var $from=$("#PageListMoveFrom");var $ulPrev=$ul.prev().is(".PageListItem")?$ul.prev():$ul.prev().prev();var parent_id=parseInt($ulPrev.data("pageId"));var $liPrev=$li.prev(".PageListItem");if($liPrev.is(".PageListItemOpen"))return false;if($ul.is(".PageListPlaceholder")){var $ulNext=$ul.next();if($ulNext.is(".PageList:visible")){$ulNext.prepend($li);$ul=$ulNext}else{$ul.removeClass("PageListPlaceholder").children(".PageListPlaceholderItem").remove()}}$root.addClass("PageListSortSaving");cancelMove($li);$li.append($loading.fadeIn("fast"));var sortCSV="";$ul.children(".PageListItem").each(function(){sortCSV+=$(this).data("pageId")+","});var postData={id:id,parent_id:parent_id,sort:sortCSV};postData[$("#PageListContainer").attr("data-token-name")]=$("#PageListContainer").attr("data-token-value");var success="unknown";$.post(options.ajaxMoveURL,postData,function(data){$loading.fadeOut("fast");$a.fadeOut("fast",function(){$(this).fadeIn("fast");$li.removeClass("PageListSortItem");$root.removeClass("PageListSorting")});if(data&&data.error){ProcessWire.alert(data.message)}if(!$ul.is("#PageListMoveFrom")){var $fromItem=$from.prev(".PageListItem");var numChildren=getNumChildren($fromItem);var numTotal=getNumTotal($fromItem);if(numChildren>0){numChildren--;adjustNumTotal($fromItem,-1)}else{$from.remove()}setNumChildren($fromItem,numChildren,false);setForceReload($fromItem);var $toItem=$ul.prev(".PageListItem");numChildren=getNumChildren($toItem)+1;adjustNumTotal($toItem,1);setNumChildren($toItem,numChildren,false);setForceReload($toItem)}$from.attr("id","");$root.removeClass("PageListSortSaving")},"json");$li.trigger("pageMoved");return true}function clickSelect(){var $t=$(this);var $li=$t.parent("li").parent("ul.PageListActions").parent(".PageListItem");var id=$li.data("pageId");var $a=$li.children(".PageListPage");var title=$a.text();var url=$a.attr("title");var $header=$root.children(".PageListSelectHeader");if($t.text()==options.selectUnselectLabel){id=0;title=""}if(id!=$container.val())$container.val(id).change();if(options.selectShowPageHeader){$header.children(".PageListSelectName").text(title)}$container.trigger("pageSelected",{id:id,url:url,title:title,a:$a,actionLink:$t});if(!options.selectMultiple){$header.find(".PageListSelectActionToggle").click()}if(options.selectMultiple||options.selectSelectHref=="#")return false;return true}init()})}})(jQuery); \ No newline at end of file diff --git a/wire/modules/Process/ProcessPageList/ProcessPageList.module b/wire/modules/Process/ProcessPageList/ProcessPageList.module index c9b2462c..27fcff35 100644 --- a/wire/modules/Process/ProcessPageList/ProcessPageList.module +++ b/wire/modules/Process/ProcessPageList/ProcessPageList.module @@ -8,7 +8,7 @@ * For more details about how Process modules work, please see: * /wire/core/Process.php * - * ProcessWire 3.x, Copyright 2021 by Ryan Cramer + * ProcessWire 3.x, Copyright 2022 by Ryan Cramer * https://processwire.com * * @property bool $showRootPage Whether root page (like home) should be shown. @@ -41,7 +41,7 @@ class ProcessPageList extends Process implements ConfigurableModule { return array( 'title' => 'Page List', 'summary' => 'List pages in a hierarchical tree structure', - 'version' => 123, + 'version' => 124, 'permanent' => true, 'permission' => 'page-edit', 'icon' => 'sitemap',