jellyfish-web/src/dashboard.html

<div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage fullWidthContent">

    <div class="content-primary">

        <div class="dashboardSections" style="padding-top:.5em;">

            <div class="dashboardColumn dashboardColumn-2-60 dashboardColumn-3-46">
                <div class="dashboardSection" style="padding-left: 0;">
                    <div class="flex align-items-center">

                        <h3 class="serverNameHeader" style="margin: 0;"></h3>
                        <button is="paper-icon-button-light" type="button" class="btnEditServerName" style="margin-left: .5em;">
                            <i class="md-icon">mode_edit</i>
                        </button>

                    </div>
                    <div class="paperList" style="padding: 1em;">
                        <p id="appVersionNumber">
                        </p>
                        <p id="ports"></p>

                        <p class="localUrl"></p>

                        <p class="externalUrl"></p>
                        <p class="hide">
                            <a class="btnConnectionHelp" href="#" is="emby-linkbutton">${HowToConnectFromEmbyApps}</a>
                        </p>
                    </div>

                    <div style="margin-top:1em;">
                        <button is="emby-button" type="button" id="btnRestartServer" class="raised hide" onclick="DashboardPage.restart(this);" style="margin-left:0;">
                            <span>${ButtonRestart}</span>
                        </button>
                        <button is="emby-button" type="button" id="btnShutdown" class="raised" onclick="DashboardPage.shutdown(this);">
                            <span>${ButtonShutdown}</span>
                        </button>
                    </div>


                    <div style="margin-top: 2em;" class="runningTasksContainer hide">
                        <h3>${HeaderRunningTasks}</h3>
                        <div id="divRunningTasks" class="paperList" style="padding: 1em;">
                        </div>
                    </div>

                </div>

                <div class="dashboardSection" style="padding-left: 0;">
                    <a is="emby-linkbutton" href="devices/devices.html" style="margin-left:.8em!important;" class="button-flat sectionTitleTextButton">
                        <h3 style="margin:0;">${HeaderActiveDevices}</h3>
                        <i class="md-icon">&#xE5CC;</i>
                    </a>
                    <div class="activeDevices itemsContainer vertical-wrap">
                    </div>
                </div>
            </div>

            <div class="dashboardColumn dashboardColumn-2-40 dashboardColumn-3-27">
                <div class="dashboardSection">
                    <a is="emby-linkbutton" href="serveractivity.html?useractivity=true" class="button-flat sectionTitleTextButton">
                        <h3>${HeaderActivity}</h3>
                        <i class="md-icon">&#xE5CC;</i>
                    </a>
                    <div class="paperList userActivityItems" data-activitylimit="7" data-useractivity="true">
                    </div>
                </div>
            </div>
            <div class="dashboardColumn dashboardColumn-3-27">

                <div class="dashboardSection activeRecordingsSection hide">
                    <h3>${HeaderActiveRecordings}</h3>
                    <div class="activeRecordingItems vertical-wrap" is="emby-itemscontainer">
                    </div>
                </div>

                <div class="dashboardSection serverActivitySection hide activityContainer">
                    <a is="emby-linkbutton" href="serveractivity.html?useractivity=false" class="button-flat sectionTitleTextButton">
                        <h3>${Alerts}</h3>
                        <i class="md-icon">&#xE5CC;</i>
                    </a>
                    <div class="paperList serverActivityItems" data-activitylimit="4" data-useractivity="false">
                    </div>
                </div>

                <div class="dashboardSection">
                    <a is="emby-linkbutton" href="dashboardgeneral.html" class="button-flat sectionTitleTextButton">
                        <h3>${HeaderPaths}</h3>
                        <i class="md-icon">&#xE5CC;</i>
                    </a>
                    <div class="paperList">
                        <div class="listItem listItem-border">
                            <div class="listItemBody two-line">
                                <div class="listItemBodyText secondary" style="margin:0;">${LabelCache}</div>
                                <div class="listItemBodyText" id="cachePath"></div>
                            </div>
                        </div>
                        <div class="listItem listItem-border">
                            <div class="listItemBody two-line">
                                <div class="listItemBodyText secondary" style="margin:0;">${LabelLogs}</div>
                                <div class="listItemBodyText" id="logPath"></div>
                            </div>
                        </div>
                        <div class="listItem listItem-border">
                            <div class="listItemBody two-line">
                                <div class="listItemBodyText secondary" style="margin:0;">${LabelMetadata}</div>
                                <div class="listItemBodyText" id="metadataPath"></div>
                            </div>
                        </div>
                        <div class="listItem listItem-border">
                            <div class="listItemBody two-line">
                                <div class="listItemBodyText secondary" style="margin:0;">${LabelTranscodingTemporaryFiles}</div>
                                <div class="listItemBodyText" id="transcodePath"></div>
                            </div>
                        </div>
                        <div class="listItem listItem-border">
                            <div class="listItemBody two-line">
                                <div class="listItemBodyText secondary" style="margin:0;">${LabelWeb}</div>
                                <div class="listItemBodyText" id="webPath"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>

        <div class="dashboardFooter">
            <div style="height:1px;" class="ui-bar-inherit"></div>
            <div style="margin-top:1em;">
                <a is="emby-linkbutton" class="button-link" href="http://jellyfin.media" target="_blank">Jellyfin</a>
            </div>
        </div>
    </div>

</div>