``), resource at ``head/title`` is first inspected. * If it doesn't exist, this property is used accordingly; otherwise do nothing. * i.e. the title at ``head/title`` is included naturally. */ - jcr:title (String) /** * To redirect the page, this resource can be specified. * It will be included, where the redirect can be performed. */ + redirector /** * A folder to specify the content of ``<head>`` of the page. * Its child resources are iterated and included as is. */ + head /** * The component to render the title. * * This is optional, and if not specified, the title header is not displayed. * If the title is just a simple string, :doc:`../title/index` can be used. * * The only requirement of the component is to generate a simple text without any wrapping markup. * E.g. To have a title of "My Page", just make the component do something like ``out.print("My Page")``. * * Note if the title and breadcrumbs are provided, only the breadcrumbs will be generated. */ + title /** * The data source for the list of breadcrumbs. * * This is optional, and if not specified, the breadcrumbs are not displayed. * * Note that only the breadcrumbs can be rendered or the title, not both. The breadcrumbs * will take prescience over the title if both are provided. */ + breadcrumbs /** * The folder for the actions applicable in the context of the whole page. */ + actions (granite:ShellPageActions) /** * The path to the omnisearch configuration associated with the console. * * e.g. ``/libs/granite/omnisearch/content/metadata/site`` */ - omnisearchLocationPath (StringEL) /** * A folder to specify the panels of the rail. */ + rails (granite:ShellCollectionPageRails) /** * The actual content of the page. */ + content [granite:ShellPageActions] /** * The folder for primary actions. * * The action can be any action component such as :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/button/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/anchorbutton/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/pulldown/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/collection/index`. * * The ``actionBar`` variant of the components above SHOULD be used, unless ``primary`` variant is used. */ + primary /** * The folder for secondary actions. * * The action can be any action component such as :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/button/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/anchorbutton/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/pulldown/index`, * :doc:`/jcr_root/libs/granite/ui/components/coral/foundation/collection/index`. * * The ``actionBar`` variant of the components above SHOULD be used, unless ``primary`` variant is used. */ + secondary [granite:ShellCollectionPageRails] /** * ``true`` to activate the rail initially. * * Note that you need to also set ``active`` property of the rail panel to ``true`` accordingly. */ - active (BooleanEL) /** * The child resources are considered as the panels, where each MUST be a :doc:`../../coral/foundation/panel/railpanel/index` (or its derivative). */ + '*' (granite:PanelRailPanel) Example:: + mypage - sling:resourceType = "granite/ui/components/shell/page" - jcr:title = "My Page" + content - sling:resourceType = "granite/ui/components/coral/foundation/container" ###--%><% Config cfg = cmp.getConfig(); ExpressionHelper ex = cmp.getExpressionHelper(); if (!cfg.get("noMerge", false)) { ResourceMergerService resourceMerger = sling.getService(ResourceMergerService.class); if (resourceMerger != null) { Resource uiResource = resourceMerger.getMergedResource(resource); if (uiResource != null) { resource = uiResource; cfg = new Config(resource); } } } resource = new FilteringResourceWrapper(resource, sling.getService(ExpressionResolver.class), slingRequest); Resource redirector = resource.getChild("redirector"); if (redirector != null) { %><sling:include resource="<%= redirector %>" /><% if (response.isCommitted()) { return; } } // GRANITE-8258: Force the header to bypass the compatibility mode on intranet sites response.setHeader("X-UA-Compatible", "IE=edge"); String consoleId = cfg.get("consoleId", String.class); AttrBuilder htmlAttrs = new AttrBuilder(request, xssAPI); htmlAttrs.addClass("skipCoral2Validation"); htmlAttrs.add("lang", LocaleUtil.toRFC4646(request.getLocale()).toLowerCase()); htmlAttrs.add("data-i18n-dictionary-src", request.getContextPath() + "/libs/cq/i18n/dict.{+locale}.json"); Authorizable auth = resourceResolver.adaptTo(Authorizable.class); UserPropertiesManager upm = resourceResolver.adaptTo(UserPropertiesManager.class); UserProperties userPreferences = upm.getUserProperties(auth, UserPropertiesService.PREFERENCES_PATH); String userPreferencesPath = auth.getPath() + "/" + UserPropertiesService.PREFERENCES_PATH; %><!DOCTYPE html> <html <%= htmlAttrs %>> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="<%= request.getContextPath() %>/libs/granite/core/content/login/favicon.ico"><% String title = cfg.get("jcr:title", String.class); Resource headTitleRes = resource.getChild("head/title"); if (headTitleRes == null) { if (title != null) { %><title><%= outVar(xssAPI, i18n, title) %>

<% Resource titleRes = resource.getChild("title"); Resource breadcrumbs = resource.getChild("breadcrumbs"); if (titleRes != null || breadcrumbs != null || rails != null) { %>

<% if (breadcrumbs != null) { List crumbs = IteratorUtils.toList(cmp.asDataSource(breadcrumbs).iterator()); if (!crumbs.isEmpty()) { %><% for (int j = 0; j < crumbs.size(); j++) { Resource item = (Resource) crumbs.get(j); Config itemCfg = new Config(item); AttrBuilder itemAttrs = new AttrBuilder(request, xssAPI); String navigatorCollectionid = itemCfg.get("path", String.class); if (navigatorCollectionid != null) { itemAttrs.add("data-granite-collection-navigator-collectionid", navigatorCollectionid); } else { itemAttrs.add("data-granite-collection-navigator-href", itemCfg.get("href", String.class)); } %>><%= xssAPI.encodeForHTML(itemCfg.get("title")) %><% } %><% } } else { if (titleRes != null) { %><% } } %>

<% if (rails != null) { %> <%= xssAPI.encodeForHTML(i18n.get("Content Only")) %><% // we map all rail items to the numbers in the keyboard using control + {index} int railItemIndex = 1; for (Iterator it = rails.listChildren(); it.hasNext(); railItemIndex++) { Resource item = it.next(); if (cmp.getRenderCondition(item, true).check()) { Config itemCfg = new Config(item); AttrBuilder itemAttrs = new AttrBuilder(request, xssAPI); // we stop once we reach 9 since all available numbers have been used if (railItemIndex < 10) { itemAttrs.add("data-foundation-command", "alt+" + railItemIndex); } if (item.getName().equals("omnisearchfilter")) { itemAttrs.add("data-granite-toggleable-control-action", "hide"); itemAttrs.add("data-granite-toggleable-control-target", "#shell-collectionpage-rail"); itemAttrs.add("data-granite-omnisearch-filter", ""); } else { String href = ex.getString(itemCfg.get("href", String.class)); itemAttrs.add("icon", itemCfg.get("icon", String.class)); if (href != null) { itemAttrs.add("data-granite-toggleable-control-action", "navigate"); itemAttrs.addHref("data-granite-toggleable-control-href", href); } else { String railPanelTarget = ".shell-collectionpage-rail-panel[data-shell-collectionpage-rail-panel='" + item.getName() + "']"; itemAttrs.add("data-granite-toggleable-control-action", "show"); itemAttrs.add("data-granite-toggleable-control-target", railPanelTarget); } itemAttrs.addSelected(itemCfg.get("active", false)); if (!hasActiveRail && savedRailTarget != null && savedRailTarget.equals(item.getName())) { itemAttrs.addSelected(true); savedRailTargetFound = true; } } %>><%= outVar(xssAPI, i18n, itemCfg.get("jcr:title", String.class)) %><% } } %><% } Resource primary = resource.getChild("actions/primary"); if (primary != null) { for (Iterator it = primary.listChildren(); it.hasNext();) { %><% } } %>

<% Resource secondary = resource.getChild("actions/secondary"); if (secondary != null) { for (Iterator it = secondary.listChildren(); it.hasNext();) { %><% } } %>

<% } %>

<% if (rails != null) { AttrBuilder railAttrs = new AttrBuilder(request, xssAPI); railAttrs.add("id", "shell-page-rail"); railAttrs.addClass("foundation-toggleable foundation-layout-panel-rail granite-rail"); railAttrs.addClass("foundation-container-resizable"); railAttrs.add("data-granite-layout-panel-save-key", panelWidthSaveKey); railAttrs.add("data-granite-layout-panel-min-width", minRailSize); String panelStyle = ""; if (savedPanelWidth != null && !savedPanelWidth.isEmpty()) { panelStyle = "width: " + savedPanelWidth + "px;"; } if (cmp.getExpressionHelper().getBoolean(rails.getValueMap().get("active", "false")) || savedRailTargetFound) { railAttrs.addClass("foundation-layout-panel-rail-active"); railAttrs.addClass("foundation-layout-panel-rail-activate-panel"); } else { if (savedPanelWidth != null && !savedPanelWidth.isEmpty()) { panelStyle = panelStyle + "margin-left: -" + savedPanelWidth + "px;"; } } railAttrs.add("style", panelStyle); %>

> <% for (Iterator it = rails.listChildren(); it.hasNext();) { Resource item = it.next(); AttrBuilder itemAttrs = new AttrBuilder(request, xssAPI); itemAttrs.addClass("shell-collectionpage-rail-panel"); itemAttrs.add("data-shell-collectionpage-rail-panel", item.getName()); if (!hasActiveRail && savedRailTarget != null && savedRailTarget.equals(item.getName())) { itemAttrs.addSelected(true); } cmp.include(item, new Tag(itemAttrs)); } %>

<% } AttrBuilder panelContentAttrs = new AttrBuilder(request, xssAPI); panelContentAttrs.add("data-granite-layout-content-min-width", minContentSize); %>

><% Resource content = resource.getChild("content"); if (content != null) { %><% } %>