" + text.substring(0, chop) + (text.length > chop ? "..." : "") + "
"); }); }); // The RSS Macro displays badly in columns, so redo it here AJS.toInit( function ($) { $(".zen-column .rssMacro a").each( function () { // Remove wacky &xxx; html characters var text = $(this).text().replace(/"/gi, '').replace(/"/gi, ''); // Long links in titles consistently mess up the word wrapping, so just remove links // The first group captures the hostname, so replace the second parameter with "$1 " to display the host name // (not done here because some host names can be super long) text = text.replace(/http:\/\/([^\/^\\]+)\S*/gi, " "); $(this).text(text); }); }); // Hide the unused menu items in the space admin area -- they have no effect on Zen, so don't confuse the user AJS.toInit( function ($) { // Only bother when not viewing a page if (!pageId) { // Color Schemes $("#space-admin-menu li a[href*='lookandfeel.action']").parent().remove(); // Layout $("#space-admin-menu li a[href*='listdecorators.action']").parent().remove(); // Stylesheets $("#space-admin-menu li a[href*='viewstylesheet.action']").parent().remove(); } }); // This is a major hack to get pages like the "restore page" (restoretrashitem.action) to display reasonably. AJS.toInit( function ($) { // At least add a white background if (spaceAdminAction) $("#header").next().wrap($("").attr("id", "content")); }); // This is another hack to get miscellaneous pages to display with a canvas AJS.toInit( function ($) { // Hack to avoid affecting the create space form if (window.location.toString().indexOf("/spaces/createspace") != -1) return; if (!$("#content").length && $("div[align='center']").length) $("#header").next().wrap($("").attr("id", "content")); }); // Import Word's second panel draws its form outside the content AJS.toInit( function ($) { // If the import word form is there, move it inside the zen-bin for better presentation if (importWord && $("#importwordform").length) { $("#canvas #zen-main .zen-bin").append($("#importwordform")); } }); // Broken links (making it better for users without permissions) AJS.toInit( function ($) { // The error class is used on broken links or create-page links when the user doesn't have permissions $(".error").each(function() { // Remove the square brackets around the broken link (we test for them first, just in case any render without // Confluence adding the square brackets). var text = $(this).text(); // Regexp looks for a left bracket at the beginning, and a right bracket at the end of the link text if (text.search(/^\[.*\]$/) != -1) $(this).text(text.substring(1, text.length - 1)); // Remove css class that add the pink background $(this).removeClass("error"); }); }); // Ensure the fullscreen rich text editor displays above the toolbar AJS.toInit( function ($) { $("#wysiwygTextarea_fullscreen").click( function () { $("#mce_fullscreen_container").css("z-index", 50000) }); }); // Block the autosave feature in the editor AJS.toInit( function ($) { // Prevent the auto-save from interfering with Zen Drafts if (typeof(DraftAjax) == "undefined") { // DraftAjax disappeared in Confluence 3.3.x AJS.params.saveDrafts = false; } else { // In Confluence 3.2.x, the saveDraft function controls the auto-save on drafts DraftAjax.saveDraft = function () { $("#draft-status").empty(); }; } }); // Fix the wizards and dark blanket on the iPad AJS.toInit(function ($) { if (!Zen.ios) return; // Fix the blanket by overriding the dim() method and making the blanket huge after it displays // The massive height offsets the ability for a user to scroll on long pages, which could get past the // blanket if they work real hard. Zen.dim = AJS.dim; AJS.dim = function () { var result = Zen.dim(); $(".aui-blanket").width(10000).height(200000); return result; } }); /** * This a direct copy of linkpage.js from Confluence, but patched to remove dependency on the ajs-drop-down menu system. * Search for "Stepstone" to see specific changes */ AJS.toInit(function($) { var dialog = new AJS.Dialog(600, 210, "link-page-popup") .addHeader(AJS.params.linkToThisPageHeading) .addPanel(AJS.params.linkToThisPageHeading, "") .addButton(AJS.params.linkToThisPageClose, function(e) { hideDialog(e); }, "link-page-close-button"); var keydownHandler = function(e) { if (e.which == Event.KEY_ESC) { hideDialog(dialog); } }; var links = [ { label: AJS.params.linkToThisPageLink, id: "link", value: $("link[rel=canonical]").attr("href") }, { label: AJS.params.linkToThisPageTinyLink, id: "tiny-link", value: $("link[rel=shortlink]").attr("href") }, { label: AJS.params.linkToThisPageWikiMarkup, id: "wiki-markup", value: $("meta[name=wikilink]").attr("content") } ]; $.each(links, function() { $("#link-page-popup-form fieldset").append(AJS.format( "" + msg + "
"; }); html += "" + msg + "
"; }); html += "Sorry, the {task-list} macro is not supported by Zen (yet).
"); }); // Remove the .zen pages from the recently updated macro results. This is an imperfect solution. See ZEN-185. AJS.toInit(function ($) { $(".recently-updated li.update-item").filter(function() {return $("a", this).text().indexOf(".zen") == 0}).remove(); }); // Team Calendars patch AJS.toInit(function ($) { $(".user-calendar").prepend($("#team-calendars-buttons").show()); }); /******************** expando.js ********************/ AJS.toInit( function ($) { // When the expando toolbar button is clicked, toggle the mode between normal and expando $("#expando").click( function() { var speed = "medium"; if ($("#expando").hasClass("expando")) { // Turn off expando mode: // Animate narrowing the canvas to the configured width; remove .expando class // from all elements; and fade in the columns $("#wrapper").animate({width: zenCanvasWidth}, speed, function () { $(".expando").removeClass("expando"); $("#canvas").css({width: Zen.canvasFixedWidth}); $(".zen-column").fadeIn(speed); }); } else { // Turn on expando mode: // Fade out the columns; add the .expando class to the main content column; // animate widening the canvas to full-browser width; add .expando class // to the toolbar, expando toolbar button, the canvas, and the columns; and finally // remove the width: number (needed for the animation) from the canvas so it // can continue to size with the browser window $(".zen-column").fadeOut(speed); $("#canvas, #zen-main, .zen-column, #zen-footer").toggleClass("expando"); $("#canvas").css({width: "auto"}); var wide = $("body").width(); $("#wrapper").animate({width: wide}, speed, function () { $("#zen-toolbar-holder, #expando").toggleClass("expando"); // Make the canvas stretchy to follow window resizing $("#wrapper").css({width: "auto"}); }); } return false; }); // If not in expando state, and there's nothing to expand, don't display the expando button // $zenShowLeftColumn $zenShowRightColumn $zenCanvasWidth $zenMainColumnWidth if (isStretchy) $("#expando").remove(); }); /******************** cookies.js ********************/ // Set a browser cookie with name and value function setCookie(name, value) { document.cookie = name + "=" + value + "" + "; path=/"; } // Return the value of the browser cookie name, or null if none function getCookie(name) { var cookies = document.cookie.split(';'); var name = name + "="; for(var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; // Remove the spaces in the cookie while (cookie.charAt(0)==' ') { cookie = cookie.substring(1, cookie.length); } if (cookie.indexOf(name) == 0) { return cookie.substring(name.length, cookie.length); } } return null; } // Delete the browser cookie name function removeCookie(name) { document.cookie = name + "=''; expires=Fri, 13 Jul 2001 00:00:00 UTC; path=/"; } /******************** crumbs.js ********************/ // Prune breadcrumbs to lose the dashboard link and redundant space home/home page links AJS.toInit( function ($) { // Strip off the wrapping if present, and trim white space. var linkText = function (html) { return html.replace(/Hi
"); * dialog.show(); * * or the convenience method Zen.Dialog.dialogWithUrl() (which shows automatically unless the initializer callback says not to) * * Also note: a dialog doesn't go away when it closes, which, depending on usage, can cause of strange behavior when opening * the same dialog a second time. To blast the previous dialog, use: * Zen.Dialog.clearPrevious(); * * Once you have a dialog, you can access DOM elements using the "$" method, like so: dialog.$("#cancel-button") */ /** * @constructor * @param html {string} [required] the html that will be inserted into the the dialog, wrapped into a single containing DIV with class="zen-bin" * @param options {array} [optional] * selector {string} only the matching elements in the html will be displayed * width: {number} desired width of the dialog in pixels, subject to browser window size; default is 800 * height: {number} desired height of the dialog in pixels, subject to browser window size; default is 450 * title: {string} title for the dialog * noZenBin: {boolean} don't add a zen-bin class to the top-level DIV element in the panel * cssId: {string} the CSS id to add to the top-level panel DIV element; default is none * panelClass: {string} class to add to the panel; default is "panel1" * step: {string} the title for the dialog panel (only needed if more than one panel is expected); default is "Step 1" */ Zen.Dialog = function (html, options) { // If there's a previous, uncleaned up dialog, finish it off // Get rid of stuff that interferes with the next open var old = Zen.$("#zen-dialog"); old.prev(".shadow").remove(); old.remove(); /* Instance variables */ // The underlying AJS.dialog that does the actual presentation this.ajsDialog; // Process the options options = options || {}; // Set up the dialog with the desired size var width = Math.min(Zen.$(window).width() - 48, options.width || 800); var height = Math.min(Zen.$(window).height() - 48, options.height || 450); this.ajsDialog = new AJS.Dialog(width, height, "zen-dialog"); // Add the title var title = (options.title || ""); this.ajsDialog.addHeader(title, "wizard-header"); // Add the close button // var title = (options.title || "") + ; Zen.$(".dialog-components", this.ajsDialog.popup.element).append("x"); // Add the html as the first panel this.addPanel(html, options); }; /** * Toss the previous dialog found with dialogSelector. If no dialogSelector is given, "#zen-dialog" is used. */ // Zen.Dialog.clearPrevious = function(dialogSelector) { // // Lose any previous dialog and its shadow // var old = Zen.$(dialogSelector == null ? "#zen-dialog" : dialogSelector); // old.prev(".shadow").remove(); // old.remove(); // } /** * Convenience method to create a new Zen.Dialog using the results of an AJAX call to url with data. * The parameters are the same as new Zen.Dialog(), with an additional one to do any post-loading cleanup. * But note that the dialog is NOT returned -- it's created by the AJAX callback and sent to the * initializer. * @param url {string} [required] the URL that will be called via AJAX * @param data {array} [optional] the data that will be sent along with the AJAX call * @param initializer {function} [optional] a method that will called after the dialog is constructed * but before it is shown; with the dialog as the sole parameter; * if the initializer returns true, the dialog won't be shown automatically */ Zen.Dialog.dialogWithUrl = function (url, data, options, initializer) { // Invoke the url via AJAX and put the results into a dialog jQuery.ajax({ url: url, data: data, success: function (response) { var newDialog = new Zen.Dialog(response, options); var show = true; if (initializer) show = !initializer.call(this, newDialog); if (show) newDialog.show(); }, error: function (xhRequest, textStatus, errorThrown) { ZW.alert(textStatus, errorThrown, {title: "Error Received from Server", width: 640, height: 360}); } }); }; /** * Return the top-level DOM element for the dialog as a jQuery match set. * Note: this returns all elements in ALL panels. If you need to just look at the currently displayed panel, * use this.currentPanel() instead. * @param selector {string} only the matching elements in the dialog will be returned */ Zen.Dialog.prototype.$ = function (selector) { var element = this.ajsDialog.popup.element; return selector ? element.find(selector) : element; }; /** * Add a new button to the underlying AJS.dialog * @param label {string} [required] the text displayed on the button * @param onclick {function} [required] the method that will be invoked when the button is clicked * @param className {string} [optional] an optional css class for the button */ Zen.Dialog.prototype.addButton = function (label, onclick, className) { this.ajsDialog.addButton(label, onclick, className); }; /** * Add a new panel to the dialog * @param html {string} [required] the html that will be inserted into the the dialog, wrapped into a single containing DIV with class="zen-bin" * @param options {array} [optional] * selector {string} only the matching elements in the html will be displayed * noZenBin: {boolean} don't add a zen-bin class to the top-level DIV element in the panel * cssId: {string} the CSS id to add to the top-level panel DIV element; default is none * panelClass: {string} class to add to the panel; default is "panel1" * step: {string} the title for the dialog panel (only needed if more than one panel is expected); default is "Step 1" */ Zen.Dialog.prototype.addPanel = function (html, options) { // Extract the desired bits from the html if a selector was provided if (options.selector) html = Zen.$(html).find(options.selector); // Wrap the html in a div with the desired CSS selectors var contents = Zen.$(""); if (!options.noZenBin) contents.addClass("zen-bin"); if (options.cssId) contents.attr("id", options.cssId); contents.html(html); // This simple dialog has just one page/panel this.ajsDialog.addPanel(options.step ? options.step : "Step 1", options.panelClass ? options.panelClass : "panel1"); // Add the content to the dialog's panel and display it this.ajsDialog.getCurrentPanel().html(contents); }; /** * Hide the dialog. */ Zen.Dialog.prototype.close = function () { if (this.ajsDialog && this.ajsDialog.popup) { this.ajsDialog.popup.element.prev(".shadow").remove(); this.ajsDialog.popup.element.remove(); } // Close the underlying AJS dialog this.ajsDialog.hide(); // Make sure the toolbar is re-enabled Zen.Toolbar.enableToolbar(); }; /** * Return the top-level DOM element for the panel currently being displayed. * @param selector {string} only the matching elements in the current panel will be returned */ Zen.Dialog.prototype.currentPanel = function (selector) { var element = this.$(".panel-body:visible"); return selector ? element.find(selector) : element; }; /** * Go to the panel with className */ Zen.Dialog.prototype.gotoPanel = function (panel) { this.ajsDialog.gotoPanel(panel); }; /** * Return true if the dialog is currently being displayed. */ Zen.Dialog.prototype.isShowing = function () { return this.currentPanel(":visible").length; }; /** * Display the dialog. */ Zen.Dialog.prototype.show = function () { // Make sure the toolbar is properly disabled Zen.Toolbar.disableToolbar(); // Show the underlying AJS dialog this.ajsDialog.show(); // Make sure the close button is wired // alert(this.$().length); var dialog = this; this.$("#wizard-close-button, .dialog-close-button").click(function () { dialog.close(); return false; }); }; /** * The following are "private" methods and are subject to change. Do not invoke them from outside this class. */ /** * Handle key presses while the dialog is displaying. * TODO: This doesn't appear to be called anymore! */ Zen.Dialog.prototype._keyListener = function (event) { // If I'm not visible, ignore the event if (!this.isShowing()) return true; // Try to click the "cancel" object when the user presses ESC if (event.which === Event.KEY_ESC) { this.close(); // Needed to prevent endless loop in Safari 4 when dismissing the discard-changes panel with the ESC key event.preventDefault(); return AJS.stopEvent(event); } // If the user hit return, and there's a default button, click it else if (event.which === Event.KEY_RETURN && this.$(".default-button").length) { event.preventDefault(); AJS.stopEvent(event); return this.$(".default-button").addClass("click-state").click(); } // Otherwise, disable the "submit" object when the user presses Return else if (event.which === Event.KEY_RETURN) { event.preventDefault(); return AJS.stopEvent(event); } // Don't interfere with events we don't care about return true; }; /******************** create-page-links.js ********************/ // Adjust the createPage links to use the including page, rather than the included page, as parent AJS.toInit(function ($) { $(".createlink").each(function () { var cpHREF = $(this).attr("href"); cpHREF = cpHREF.replace(new RegExp("fromPageId=[0-9]+"), "key=" + spaceKey + "&fromPageId=" + pageId); $(this).attr("href", cpHREF); }); }); /******************** page-editor.js ********************/ /** * Zen Foundation * * Copyright Stepstone Technologies Inc. */ /** * The shortcut for Zen.PageEditor is: ZPE */ var ZPE = Zen.PageEditor = { // Return the contents of the page title field currentPageTitle: function () { return Zen.$.trim(Zen.$("#content-title").val()); }, // Return the pageId associated with editableContent pageId: function (editableContent) { return Zen.$(editableContent).attr("data-page-id"); }, // Return the page sections (zen-section elements) on the page, but omit any fixed ones (coming from a master page) // If column is specified, return only those sections in that column ("left", "right", or "main") pageSections: function (column) { return Zen.$((column ? "#" + column.trim() + " " : "") + ".zen-editable-content > .zen-section").not(".from-master"); }, // Return the page sections (zen-section elements) on the page, but omit any fixed ones (coming from a master page) pageSectionsFromMaster: function () { return Zen.$(".zen-editable-content > .zen-section.from-master"); }, // Publish the entire page publishPage: function () { if (!isLicensed) return ZW.unlicensed("Publishing is available with a Zen license."); // If labels are required, confirm that the page is labelled if (requireLabel && !Zen.$("#labelsList .confluence-label").length) { ZW.alert("You must add at least one label to this page before it can be published.", "Label Required"); return; } // Give the user a chance to change their mind, but use a special panel so it's visually different and requires an explicit click ZW.dialog(Zen.$("#publish-draft-form").clone().show(), {title: "Publish Draft", height: 300, width: 750, noZenBin: true, okButton: "Publish"}, function () { Zen.$("#zen-dialog #publish-draft-form").submit(); }); Zen.$("#zen-dialog #publish-draft-form").submit( function () { Zen.$("#zen-dialog button.confirm").addClass("click-state"); }); return false; }, // Revert all changes on the page revertPage: function () { // Give the user a chance to change their mind, but use a special panel so it's visually different and requires an explicit click ZW.dialog(Zen.$("#discard-draft-form").clone().show(), {title: "Permanently Discard Draft", height: 300, width: 750, noZenBin: true, okButton: "Permanently Discard Changes"}, function () { Zen.$("#discard-draft-form").submit(); }); // var dialog = new Zen.Dialog(Zen.$("#discard-draft-form").clone().show(), {title: "Permanently Discard Draft", height: 300}); // dialog.$("#discard-draft-form"); // dialog.show(); return false; }, // Stop all other animations so edit buttons don't go nuts during spastic mousing stopAnimations: function () { Zen.$(".zen-editable-content .control-panel").stop(true, true); }, // Return the actual edit control embedded near the page title (once it's in place) titleEditControl: function () { return Zen.$("#edit-title-control"); }, // Check pageTitle for blanks and invalid characters. Display warnings to the user for failed tests. // Return true if pageTitle is valid validTitle: function(pageTitle) { // Page titles cannot be blank if (!Zen.$.trim(pageTitle).length) { ZW.alert("Titles can't be blank."); return false; } // Page titles cannot contain: @ / \ | ^ # ; : [ ] { } < > var pattern = /[@\/\\\|^#;:\[\]{}<>]/; if (pattern.exec(pageTitle)) { ZW.alert("Titles cannot contain: @ / \ | ^ # ; : [ ] { } < >"); return false; } // Page titles cannot start with any of these three sequences: $ .. ~ pattern = /^[$~]|^\.\./; if (pattern.exec(pageTitle)) { ZW.alert("Titles cannot start with: $ .. ~"); return false; } return true; } }; (function ($) { // Add the edit/publish control panel to the editable item (used by menu & footer) jQuery.fn.addControlPanel = function () { return this.each(function() { // Stop if the control panel is already there var $item = Zen.$(this); if ($item.find(".control-panel").length) return; // Add the control panel to the top of object that contains the editable page contents $item.prepend(""); var $panel = $item.find(".control-panel"); // Add the edit control and set its click action (the editable object is the control panel's parent) var title = "View the page that provides content for this section"; var pageUrl; if ($(this).attr("id") == "zen-menu") pageUrl = Zen.menuPageUrl; else if ($(this).attr("id") == "zen-header") pageUrl = Zen.headerPageUrl; else pageUrl = Zen.footerPageUrl; $panel.append(""); // Activate the control panel when the user hovers over the zen-section $item.activateOnHover($panel); }); }; // Add the edit control panel to the zen section jQuery.fn.addEditControl = function () { return this.each(function() { // Stop if the control panel is already there var $item = Zen.$(this); if ($item.find(".control-panel").length) return; // Add the control panel to the top of object that contains the editable page contents $item.prepend(""); var $panel = $item.find(".control-panel"); // Add the edit control and set its click action if (!isHistoricalVersion) { $panel.append(""); $panel.find(".edit-control").click( function () { window.location = contextPath + "/zen/classic/edit" + context + "section.action" + "?pageId=" + pageId + "§ionId=" + $item.attr("data-section-id"); return false; } ); } // Activate the control panel when the user hovers over the zen-section // Don't hide the button if the brand overrides it to be always visible if (Zen.alwaysShowEditButtons) $panel.show(); else $item.activateOnHover($panel); }); }; // Add the edit control panel to the zen sections that are supplied by a Zen master page jQuery.fn.addNoEditMasterControl = function () { return this.each(function() { // Stop if the control panel is already there var $item = Zen.$(this); if ($item.find(".control-panel").length) return; // Add the control panel to the top of object that contains the editable page contents $item.prepend(""); var $panel = $item.find(".control-panel"); // Add the edit control and set its click action (the editable object is the control panel's parent) $panel.append(""); $panel.find(".blocked-edit-control").click( function () { ZW.alert("This section is defined by a master page.", "Visit the Zen master page to change it.", {title: "Content Defined by Master"}); return false; }); // Activate the control panel when the user hovers over the zen-section (longer delay to not annoy the user) $item.activateOnHover($panel, "medium", 1000); }); }; // Add the blocked indicator to the editable item jQuery.fn.addBlockedPanel = function () { return this.each(function () { // Stop if the control panel is already there var $item = Zen.$(this); if ($item.find(".control-panel").length) return; // Add the control panel to the top of object that contains the editable page contents $item.prepend(""); var $panel = $item.find(".control-panel"); // Add the edit control and set its click action (the editable object is the control panel's parent) $panel.append(""); $panel.find(".blocked-edit-control").click( function () { ZW.alert("This section is shared by all pages in the space. Contact the space administrator to make changes."); return false; }); // Activate the control panel when the user hovers over the zen-section $item.activateOnHover($panel); }); }; // Add the edit control to the page title jQuery.fn.addTitleEditControl = function () { // Add the edit controls to each of the editable Zen theme content areas, making sure there's a pageId to support it return this.each(function () { var $this = $(this); // Add the title editor control to title if it's displayed, otherwise, append it to the regular control panel var $titleArea = $("#zen-page-title:visible", $this); if (!$titleArea.length) $titleArea = $(".control-panel", $this); $titleArea.append(" "); // The parent of $item is the regular zen-bin that users are used to editing ZPE.titleEditControl().click( function () { // Ignore if the user can't edit if (!canEdit) return false; // Send an ajax call to get the page title form var pageType = isBlog ? "Blog Post" : "Page"; Zen.Dialog.dialogWithUrl(ZW.zenActionUrl("edit" + context + "title"), {pageId: pageId}, {title: "Edit " + pageType + " Title", height: 220}, function (dialog) { // Make the user acknowledge an immediate (non-draft) change to the title dialog.$("#title-editor").submit(function () { var newTitle = dialog.$("#content-title").val().trim(); // If no change was made, stop if (dialog.$("#title-editor input[name='originalTitle']").val().trim() == newTitle) { ZW.alert("It doesn't look like you've made any changes."); return false; } // Validate the title if (!ZPE.validTitle(newTitle)) return false; // Invoke the url via AJAX and add errors to the dialog, or redirect if successful var form = dialog.$("#title-editor"); jQuery.ajax({ url: form.attr("action"), data: form.serialize(), success: function (response) { if (response.indexOf("errorMessage") == -1) { window.location = response.trim(); } else { if (!$("#errors", form).length) form.prepend(""); $("#errors", form).html(response); } }, error: function (xhRequest, textStatus, errorThrown) { ZW.alert(textStatus, errorThrown, {title: "Error Received from Server", width: 640, height: 360}); } }); return false; }); }); return false; } ); // If we're displaying in the title, animate it. Otherwise, let the regular control panel animate it. // Don't hide the button if the brand overrides it to be always visible if (!Zen.alwaysShowEditButtons && $("#zen-page-title:visible", $this).length) { ZPE.titleEditControl().hide(); $titleArea.activateOnHover(ZPE.titleEditControl()); } }); }; // Publish the current draft (it's already on the server) jQuery.fn.publish = function () { return this.filter(".zen-preview-draft").each(function () { // If labels are required, confirm that the page is labelled if (requireLabel && !Zen.$("#labelsList .confluence-label").length) { ZW.alert("You must add at least one label to this page before it can be published.", "Label Required"); return; } // Give the user a chance to change their mind if (!ZW.confirm("This draft will be published for others to see.", "Click 'OK' to publish, or 'Cancel' to keep editing.")) return; // Tell the server to publish the current draft window.location = contextPath + "/zen/classic/publish" + context + ".action?pageId=" + ZPE.pageId(this) + "&viewPageId=" + pageId; }); }; })(jQuery); AJS.toInit(function ($) { // No editing if: // 1) the user doesn't have edit permission, or // 2) Zen isn't licensed if (!canEdit) return; // Add the edit controls to each of the editable Zen content areas ZPE.pageSections().addEditControl(); ZPE.pageSectionsFromMaster().addNoEditMasterControl(); // Wire the page publish/revert buttons $("#publishing-control-panel .publish-control").click(ZPE.publishPage); $("#publishing-control-panel .revert-control").click(ZPE.revertPage); if (hasDraft) $("#publishing-control-panel").css("display", "block"); else $("#canvas #canvas-control-panel").activateOnHover($("#publishing-control-panel")); // Add the edit controls to menu and footer, but just make a simple pencil that links to the actual page $(".zen-editable-content[data-page-id]").each(function () { // Do nothing if the user isn't allowed to edit the underlying page if ($(this).attr("id") == "zen-menu" && !Zen.canEditMenu) return; if ($(this).attr("id") == "zen-header" && !Zen.canEditHeader) return; if ($(this).attr("id") == "zen-footer" && !Zen.canEditFooter) return; $(this).addControlPanel(); }); // Add the control panel to support editing, which is activated when the mouse enters the editable content area $("#zen-main .zen-section:first").addTitleEditControl(); }); /******************** page-tree.js ********************/ function zenTreeId(treeId) { return "#zen-tree-" + treeId; } function nodeId(pageId) { return "#node-" + pageId; } function toggleZenTreeChild(contextPath, treeId, pageId) { if (jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .toggle.open").size() > 0) { closeZenTreeChild(treeId, pageId); } else { if (jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .child ul").size() > 0) { openZenTreeChild(treeId, pageId); } else { loadZenTreeChild(contextPath, treeId, pageId); } } } function loadZenTreeChild(contextPath, treeId, pageId) { jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .child").html("Loading..."); jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .child").load(contextPath + "/plugins/zen/pagetree.action?pageId=" + pageId + "&treeId=" + treeId); jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .toggle").addClass("open"); } function openZenTreeChild(treeId, pageId) { jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .child > ul").slideDown("fast", function () { jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .toggle").addClass("open"); }); } function closeZenTreeChild(treeId, pageId) { jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .child > ul").slideUp("fast", function () { jQuery(zenTreeId(treeId) + " " + nodeId(pageId) + " > .toggle").removeClass("open"); }); } /******************** textarea.js ********************/ AJS.toInit(function ($) { // Insert text at the cursor (or replace the current selection), and select the text when finished if // selectAfterInsert is true jQuery.fn.insertText = function (text, selectAfterInsert) { var textarea = $(this).get(0); var oldText = this.val(); if (document.selection && document.selection.createRange) { // for ie try { // Focus the textarea so IE will get the correct selection range. textarea.focus(); } catch (e) { // ignore } var ieRange = document.selection.createRange(); var caretPos = ieRange.duplicate(); caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text; // currentForm.selectedText.value = ieRange.text; } else { // for netscape, mozilla, gecko // For Safari, if no selection, move to end of text var sel = ""; var sel1 = oldText; var sel2 = ""; if (textarea.selectionEnd) { // Strange Safari bug that doesn't allow user to go to the end of the content and carriage return // down to insert something on the first edit. // textarea.selectionEnd shows a number smaller than the textarea content length (appears constrained // by the textarea's value's length before editing; one less if no return at the end of the original value, // and equal to the original value's length if there is a return) // alert($(this).attr("originalValue").length + " : " + oldText.length + " : " + textarea.selectionEnd); sel = oldText.substr(textarea.selectionStart, textarea.selectionEnd - textarea.selectionStart); sel1 = textarea.value.substr(0, textarea.selectionStart); sel2 = textarea.value.substr(textarea.selectionEnd); } // currentForm.selectedText.value = textAreaObject.sel; this.val(sel1 + text + sel2); textarea.focus(); textarea.selectionStart = sel1.length + (selectAfterInsert ? 0 : text.length); textarea.selectionEnd = sel1.length + text.length; } }; }); /******************** page-view.js ********************/ // {new-window} macro support: // Make sure all "new window" links open in a new window, and by default, all external links open a new window AJS.toInit( function ($) { $(".new_window a, .external-link").attr("target", "_blank"); }); // Override the default search form to add the spacekey AJS.toInit( function ($) { $("#quick-search .hidden.parameters").append(""); }); // Adjust the labels AJS.toInit( function ($) { var title = $("#labels-section .section-header .section-title").remove(); $("#labels-section .labels-editor").prepend("