deviceinfo.html 3.79 KB
<!--/*

  ADOBE CONFIDENTIAL
  __________________

   Copyright 2016 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.device="../device.js"
     data-sly-use.format="../../helper.format.html"/>

<div class="foundation-selections-item"
     itemscope
     itemtype="http://schema.org/Product"
     data-device-id="${device.properties['id']}">

    <sly data-sly-test.displayName="${device.properties['jcr:title']}">
        <h1 class="screens-dashboard-Tile-title screens-Device-title" itemprop="name">${device.properties['jcr:title']}</h1>
        <div class="screens-dashboard-Tile-subtitle screens-Device-description" itemprop="sku">${device.properties['id']}</div>
    </sly>
    <sly data-sly-test="${!displayName}">
        <h1 class="screens-dashboard-Tile-title screens-Device-title" itemprop="sku">${device.properties['id']}</h1>
    </sly>

    <img class="screens-Device-image" itemprop="image" data-sly-test="${device.photo}" src="${request.contextPath}${device.photo}.prof.thumbnail.128.png" alt=""/>

    <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">${'Config Update:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Device-configUpdate">${device.deviceManualConfigUpdate ? 'Manual' : 'Automatic' @ i18n, locale=request.locale}</td>
            </tr>
            <tr is="coral-table-row">
                <th is="coral-table-headercell">${'Device Model:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell">
                    <div class="screens-Device-brand" itemprop="brand" itemscope itemtype="http://schema.org/Brand" data-sly-test="${device.properties['brand']}">
                        <span itemprop="name">${device.properties['brand']}</span>
                    </div>
                    <div class="screens-Device-model" itemprop="model" data-sly-test="${device.properties['model']}">${device.properties['model']}</div>
                </td>
            </tr>
            <tr is="coral-table-row">
                <th is="coral-table-headercell">${'Device OS:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Device-platform">${device.properties['platform']} ${device.properties['version']}</td>
            </tr>
            <tr is="coral-table-row">
                <th is="coral-table-headercell">${'Shell Info:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Device-shellinfo">${device.properties['cordova']}</td>
            </tr>
            <tr is="coral-table-row" data-sly-test="${device.display.path}">
                <th is="coral-table-headercell">${'Display:' @ i18n, locale=request.locale}</th>
                <td is="coral-table-cell" class="screens-Device-display">
                    <a class="coral-Link" href="${request.contextPath}/screens.html${device.display.parent.path}">${device.display.parent.title}</a> /
                    <a class="coral-Link" href="${request.contextPath}/screens/dashboard/display.html${device.display.path}">${device.display.title}</a>
                </td>
            </tr>
        </tbody>
    </table>

</div>