generic.html 6.42 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.util="../../resource.util.js"
     data-sly-use.format="../../helper.format.html"/>
<coral-card class="${util.isOmnisearchRequest || util.canDrillDown || util.navigationHref ? 'foundation-collection-navigator' : ''}"
            data-foundation-collection-navigator-href="${util.navigationHref}"
            itemscope="itemscope"
            itemtype="http://schema.org/WebPage"
            colorhint="#ffffff">

    <coral-card-asset>
      <img src="${request.contextPath}${util.image}.thumb.319.319.png">
    </coral-card-asset>
    <coral-card-info>
        <coral-tag color="blue" class="u-coral-pullRight" data-sly-test="${util.isNew}">
            ${'New' @ i18n, locale=request.locale}
        </coral-tag>
        <sly data-sly-test="${util.isDevice}">
            <coral-tag color="chartreuse" class="u-coral-pullRight" data-sly-test="${util.properties.configPath}">
                ${'Assigned' @ i18n, locale=request.locale}
            </coral-tag>
            <coral-tag color="tangerine" class="u-coral-pullRight" data-sly-test="${!util.properties.configPath}">
                ${'Not Assigned' @ i18n, locale=request.locale}
            </coral-tag>
        </sly>
    </coral-card-info>

    <coral-card-content>

        <coral-card-context data-sly-test="${util.isLiveCopy}">
            ${'Live Copy' @ i18n, locale=request.locale}
        </coral-card-context>

        <coral-card-title class="foundation-collection-item-title" title="${!util.isDevice && util.properties['jcr:title'] || util.properties.id}" data-id="${util.properties.id}">
            <sly data-sly-call="${format.shortstring @ string=util.properties['jcr:title'] || util.properties.id, remove='screens-', keep=10, threshold=24}"/>
        </coral-card-title>

        <coral-card-propertylist>

            <coral-card-property icon="edit" data-sly-test="${util.properties['cq:lastModified'] || util.properties['jcr:created']}" title="${'Modified' @ i18n, locale=request.locale}">
                <sly data-sly-call="${format.datetime @ datetime=util.properties['cq:lastModified'] || util.properties['jcr:created']}"/>
            </coral-card-property>

        </coral-card-propertylist>

        <coral-card-propertylist data-sly-test="${util.properties['jcr:description'] || !util.isFolder}">
            <coral-card-property data-sly-test="${util.properties['jcr:title']}"><sly data-sly-call="${format.shortstring @ string=util.properties.id, remove='screens-', keep=10, threshold=24}"/></coral-card-property>
            <coral-card-property data-sly-test="${properties['jcr:description']}">${util.properties['jcr:description']}</coral-card-property>
            <coral-card-property data-sly-test="${util.device.brand}">${util.device.brand}</coral-card-property>
        </coral-card-propertylist>

        <coral-card-propertylist data-sly-test="${util.device.model}">
            <coral-card-property>${util.device.platform} &ndash; ${util.device.version} (${util.device.model})</coral-card-property>
        </coral-card-propertylist>

        <coral-card-propertylist data-sly-test.resolution="${util.device.resolution}">
            <coral-card-property>
                (
                <sly data-sly-test.resolution="${util.device.resolution}" data-sly-call="${format.resolution @ resolution=resolution, unit='pixels'}"/>
                <sly data-sly-test="${!resolution && util.device.width && util.device.height}" data-sly-call="${format.resolution @ width=util.device.width, height=util.device.height, unit='pixels'}"/>
                )
            </coral-card-property>
        </coral-card-propertylist>

        <!--/* Hidden meta data for the microformat schema */-->
        <div hidden>
            <meta data-sly-test="${util.device.dimensions}"
                                 itemprop="width"
                                 content="${util.device.dimensions[0]} ${'inches' @ i18n, locale=request.locale}"/>
            <meta data-sly-test="${util.device.dimensions}"
                                 itemprop="height"
                                 content="${util.device.dimensions[1]} ${'inches' @ i18n, locale=request.locale}"/>
            <meta data-sly-test="${util.properties['cq:lastModified'] || util.properties['jcr:created']}"
                                 itemprop="dateModified"
                                 content="${util.properties['cq:lastModified'].time.toString || util.properties['jcr:created'].time.toString}"/>
            <meta data-sly-test="${util.properties['cq:lastReplicated']}"
                                 itemprop="datePublished"
                                 content="${util.properties['cq:lastReplicated'].time.toString}"/>
        </div>

        <!--/* Hidden meta data for the microformat schema */-->
        <div itemprop="contentLocation"
                                 itemscope itemtype="http://schema.org/Place"
                                 data-sly-test.coords="${util.location.coordinates}"
                                 hidden>
            <div itemprop="geo"
                                 itemscope
                                 itemtype="http://schema.org/GeoCoordinates">
                <meta itemprop="latitude" content="${coords[0]}"/>
                <meta itemprop="longitude" content="${coords[1]}"/>
            </div>
        </div>

    </coral-card-content>

    <!--/* Add quickactions config */-->
    <meta class="foundation-collection-quickactions" data-foundation-collection-quickactions-rel="${util.actionRels.list}">

    <!-- Link for Omnisearch -->
    <link rel="properties" data-sly-test="${util.isDisplay || util.isChannel || util.isDevice}" href="${util.navigationHref}"></link>
    <link rel="properties" data-sly-test="${!util.isDisplay && !util.isChannel && !util.isDevice}" href="${request.contextPath}/screens/properties.html?item=${util.path}"></link>

</coral-card>

<sly data-sly-include="../quickactions.html"/>