displayinfo.html 5 KB
<!--/*

  ADOBE CONFIDENTIAL
  __________________

   Copyright 2015 Adobe Systems Incorporated
   All Rights Reserved.

  NOTICE:  All information contained herein is, and remains
  the property of Adobe Systems Incorporated and its suppliers,
  if any.  The intellectual and technical concepts contained
  herein are proprietary to Adobe Systems Incorporated and its
  suppliers and are protected by trade secret or copyright law.
  Dissemination of this information or reproduction of this material
  is strictly forbidden unless prior written permission is obtained
  from Adobe Systems Incorporated.

*/-->

<sly data-sly-use.helper="../display.js"
     data-sly-use.format="../../helper.format.html"/>

<div class="foundation-selections-item">
    <h1 class="screens-dashboard-Tile-title screens-Display-title" itemprop="name">${helper.properties['jcr:title']}</h1>
    <div class="screens-dashboard-Tile-subtitle screens-Display-description" itemprop="description" data-sly-test="${helper.properties['jcr:description']}">${helper.properties['jcr:description']}</div>
    <h2 class="screens-dashboard-Tile-sectiontitle">${'Properties' @ i18n, locale=request.locale}</h2>

    <table is="coral-table">
        <tbody is="coral-table-body">
            <tr is="coral-table-row">
                <th is="coral-table-headercell">${'Current Channel:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-activechannel">
                    <sly data-sly-test.channel="${helper.activeChannel}">${channel.jcr:title}</sly>
                    <sly data-sly-test="${!channel}">${'auto' @ i18n, locale=request.locale}</sly>
                    <button title="${'Edit the active channel' @ i18n, locale=request.locale}"
                            is="coral-button" icon="edit" variant="minimal" iconsize="XS"
                            class="foundation-collection-action screens-dcc-actions-Display-activechannel-activator"
                            data-foundation-collection-action="{&quot;target&quot;:&quot;.screens-Display&quot;,&quot;action&quot;:&quot;foundation.dialog&quot;,&quot;data&quot;:{&quot;nesting&quot;:&quot;hide&quot;,&quot;src&quot;:&quot;${request.contextPath}/mnt/overlay/screens/dcc/content/changeactivechanneldialog.html${request.requestPathInfo.suffix}&quot;}}">
                    </button>
                </td>
            </tr>
            <tr
                is="coral-table-row"
                data-sly-test.resolution="${helper.properties.resolution}">
                <th is="coral-table-headercell">${'Resolution:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-resolution"><sly data-sly-call="${format.resolution @ resolution=helper.properties.resolution}"/></td>
            </tr>
            <tr
                is="coral-table-row"
                data-sly-test.resolutionAlt="${!resolution && helper.properties.width && helper.properties.height}">
                <th is="coral-table-headercell">${'Resolution:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-resolution"><sly data-sly-call="${format.resolution @ width=helper.properties.width, height=helper.properties.height}"/></td>
            </tr>
            <tr
                is="coral-table-row"
                data-sly-test.resolutionAlt="${!resolution && !resolutionAlt}">
                <th is="coral-table-headercell">${'Resolution:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-resolution">${'n/a' @ i18n, locale=request.locale}</td>
            </tr>
            <tr
                is="coral-table-row"
                data-sly-test.lastModified="${helper.properties.cq:lastModified || helper.properties.jcr:created}">
                <th is="coral-table-headercell">${'Last Modified:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-lastmodified" itemprop="dateModified">
                    <sly data-sly-call="${format.datetime @ datetime=lastModified}"/>
                </td>
            </tr>
            <tr
                is="coral-table-row"
                data-sly-test.lastReplicated="${helper.properties.cq:lastReplicated}">
                <th is="coral-table-headercell">${'Last Published:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Display-lastpublished" itemprop="datePublished">
                    <sly data-sly-call="${format.datetime @ datetime=lastReplicated}"/>
                </td>
            </tr>
        </tbody>
    </table>

    <sly data-sly-test="${channel.path}">
        <h2 class="screens-dashboard-Tile-sectiontitle">${'Preview' @ i18n, locale=request.locale}</h2>
        <img class="screens-Display-image" itemprop="image" src="${request.contextPath}${channel.path}.thumb.319.319.png" alt=""/>
    </sly>

    <em data-sly-test="${helper.properties.isEmpty}">${'No content page has been set for this helper' @ i18n, locale=request.locale}</em>
</div>