devicedetails.html 3.65 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.helper="../device.js"
     data-sly-use.firmware="libs.screens.dcc.components.dashboard.Firmware"
     data-sly-use.format="../../helper.format.html"/>

<div class="foundation-selections-item"
     itemscope
     itemtype="http://schema.org/Product">

    <sly data-sly-call="${format.datetime @ datetime=helper.details.timestamp}"/>
    <table is="coral-table">
        <thead is="coral-table-head" sticky>
            <tr is="coral-table-row">
                <th is="coral-table-headercell">${'Detail' @ i18n, locale=request.locale}</th>
                <th is="coral-table-headercell">${'Info' @ i18n, locale=request.locale}</th>
                <th is="coral-table-headercell">${'Action' @ i18n, locale=request.locale}</th>
            </tr>
        </thead>
        <tbody is="coral-table-body">
            <tr is="coral-table-row">
                <td is="coral-table-cell" class="screens-Devicedetails-header">${'Device IP' @ i18n, locale=request.locale}</td>
                <td is="coral-table-cell" class="screens-Device-IP">${helper.details.remoteAddress}</td>
                <td is="coral-table-cell" class="screens-Devicedetails-empty">-</td>
            </tr>
            <tr is="coral-table-row">
                <td is="coral-table-cell" class="screens-Devicedetails-header">${'Storage Usage' @ i18n, locale=request.locale}</td>
                <td is="coral-table-cell" class="screens-Device-IP">${helper.details.usageString}</td>
                <td is="coral-table-cell" class="screens-Devicedetails-empty">
                    <a href="#" class="coral-Link screens-dcc-actions-Device-clear-activator">${'Clear cache' @ i18n, locale=request.locale}</a>
                </td>
            </tr>
            <tr is="coral-table-row">
                <td is="coral-table-cell" class="screens-Devicedetails-header">${'Firmware Version' @ i18n, locale=request.locale}</td>
                <td is="coral-table-cell" class="screens-Device-firmware-version">${helper.details.firmwareVersion}</td>
                <td is="coral-table-cell" class="screens-Devicedetails-action">
                    <a href="#" class="coral-Link screens-dcc-actions-Device-pushfirmware-activator">
                        ${'Update' @ i18n, locale=request.locale}
                    </a>
                    <span>(${firmware.getAll[0].properties.version})</span>
                </td>
            </tr>
            <tr is="coral-table-row">
                <td is="coral-table-cell" class="screens-Devicedetails-header">${'Player Uptime' @ i18n, locale=request.locale}</td>
                <td data-sly-test.uptimePresent="${helper.details.uptime}" is="coral-table-cell" class="screens-Device-uptime">
                    <sly data-sly-call="${format.duration @ interval=helper.details.uptime }"/>
                </td>
                <td data-sly-test="${!uptimePresent}" is="coral-table-cell" class="screens-Devicedetails-empty">-</td>
                <td is="coral-table-cell" class="screens-Devicedetails-empty">-</td>
            </tr>
        </tbody>
    </table>

</div>