mirror of
https://github.com/syncthing/syncthing.git
synced 2024-11-16 18:41:59 -07:00
9513e91d66
The very deep tree structure didn't really aggree with me, sorry. This makes the core module rather large, but on the other hand that just highlights that it is rather large.
562 lines
33 KiB
HTML
Executable File
562 lines
33 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--
|
|
// Copyright (C) 2014 The Syncthing Authors.
|
|
//
|
|
// This Source Code Form is subject to the terms of the Mozilla Public
|
|
// License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
// You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
-->
|
|
<html lang="en" ng-app="syncthing" ng-controller="SyncthingController" class="ng-cloak">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="shortcut icon" href="assets/img/favicon.png">
|
|
|
|
<title ng-bind="thisDeviceName() + ' | Syncthing'"></title>
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/font/raleway.css" rel="stylesheet">
|
|
<link href="assets/css/overrides.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Top bar -->
|
|
|
|
<nav class="navbar navbar-top navbar-default" role="navigation">
|
|
<div class="container">
|
|
<span class="navbar-brand"><img class="logo" src="assets/img/logo-horizontal.svg" height="32" width="117"/></span>
|
|
<p class="navbar-text hidden-xs" ng-class="{'hidden-sm':upgradeInfo && upgradeInfo.newer}">{{thisDeviceName()}}</p>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li ng-if="upgradeInfo && upgradeInfo.newer">
|
|
<button type="button" class="btn navbar-btn btn-primary btn-sm" href="" ng-click="upgrade()">
|
|
<span class="glyphicon glyphicon-chevron-up"></span>
|
|
<span translate translate-value-version="{{upgradeInfo.latest}}">Upgrade To {%version%}</span>
|
|
</button>
|
|
</li>
|
|
<li ng-if="upgradeInfo && upgradeInfo.majorNewer">
|
|
<button type="button" class="btn navbar-btn btn-danger btn-sm" href="" ng-click="upgradeMajor()">
|
|
<span class="glyphicon glyphicon-chevron-up"></span>
|
|
<span translate translate-value-version="{{upgradeInfo.latest}}">Upgrade To {%version%}</span>
|
|
</button>
|
|
</li>
|
|
<li class="dropdown" language-select></li>
|
|
<li class="hidden-xs">
|
|
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
|
|
<span class="glyphicon glyphicon-book"></span> <span translate>Help</span>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span> <span translate>Actions</span> <span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="" ng-click="editSettings()"><span class="glyphicon glyphicon-cog"></span> <span translate>Settings</span></a></li>
|
|
<li><a href="" ng-click="idDevice()"><span class="glyphicon glyphicon-qrcode"></span> <span translate>Show ID</span></a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="" ng-click="shutdown()"><span class="glyphicon glyphicon-off"></span> <span translate>Shutdown</span></a></li>
|
|
<li><a href="" ng-click="restart()"><span class="glyphicon glyphicon-refresh"></span> <span translate>Restart</span></a></li>
|
|
<li class="divider"></li>
|
|
<li class="visible-xs">
|
|
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
|
|
<span class="glyphicon glyphicon-book"></span> <span translate>Help</span>
|
|
</a>
|
|
</li>
|
|
<li><a href="" ng-click="about()"><span class="glyphicon glyphicon-heart-empty"></span> <span translate>About</span></a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="" ng-click="advanced()"><span class="glyphicon glyphicon-cog"></span> <span translate>Advanced</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
|
|
<!-- Panel: Restart Needed -->
|
|
|
|
<div ng-if="!configInSync" class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-warning">
|
|
<div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-exclamation-sign"></span><span translate>Restart Needed</span></h3></div>
|
|
<div class="panel-body">
|
|
<p translate>The configuration has been saved but not activated. Syncthing must restart to activate the new configuration.</p>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<button type="button" class="btn btn-sm btn-default pull-right" ng-click="restart()"><span class="glyphicon glyphicon-refresh"></span> <span translate>Restart</span></button>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: New Device -->
|
|
|
|
<div ng-repeat="(device, event) in deviceRejections" class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-warning">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">
|
|
<identicon data-value="device"></identicon> <span translate>New Device</span>
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<p>
|
|
<small>{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}:</small>
|
|
<span translate translate-value-device="{{ device }}" translate-value-address="{{ event.data.address }}">
|
|
Device {%device%} ({%address%}) wants to connect. Add new device?
|
|
<span>
|
|
</p>
|
|
</div>
|
|
<div class="panel-footer clearfix">
|
|
<div class="pull-right">
|
|
<button class="btn btn-sm btn-success" ng-click="addNewDeviceID(device)"><span class="glyphicon glyphicon-ok"></span> <span translate>Add</span></button>
|
|
<button class="btn btn-sm btn-danger" ng-click="ignoreRejectedDevice(device)"><span class="glyphicon glyphicon-remove"></span> <span translate>Ignore</span></button>
|
|
<button class="btn btn-sm btn-default" ng-click="dismissDeviceRejection(device)"><span class="glyphicon glyphicon-time"></span> <span translate>Later</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: New Folder -->
|
|
|
|
<div ng-repeat="(key, event) in folderRejections" class="row reject">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-warning">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><span class="glyphicon glyphicon-hdd"></span>
|
|
<span translate ng-if="!folders[event.data.folder]">New Folder</span>
|
|
<span translate ng-if="folders[event.data.folder]">Share Folder</span>
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<p>
|
|
<small>{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}:</small>
|
|
<span translate translate-value-device="{{ deviceName(findDevice(event.data.device)) }}" translate-value-folder="{{ event.data.folder }}">
|
|
{%device%} wants to share folder "{%folder%}".
|
|
</span>
|
|
<span translate ng-if="folders[event.data.folder]">Share this folder?</span>
|
|
<span translate ng-if="!folders[event.data.folder]">Add new folder?</span>
|
|
</p>
|
|
</div>
|
|
<div class="panel-footer clearfix">
|
|
<div class="pull-right">
|
|
<button class="btn btn-sm btn-success" ng-click="addFolderAndShare(event.data.folder, event.data.device)" ng-if="!folders[event.data.folder]">
|
|
<span class="glyphicon glyphicon-ok"></span> <span translate>Add</span>
|
|
</button>
|
|
<button class="btn btn-sm btn-success" ng-click="shareFolderWithDevice(event.data.folder, event.data.device)" ng-if="folders[event.data.folder]">
|
|
<span class="glyphicon glyphicon-ok"></span> <span translate>Share</span>
|
|
</button>
|
|
<button class="btn btn-sm btn-default" ng-click="dismissFolderRejection(event.data.folder, event.data.device)">
|
|
<span class="glyphicon glyphicon-time"></span> <span translate>Later</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: Notice -->
|
|
|
|
<div ng-if="errorList().length > 0" class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-warning">
|
|
<div class="panel-heading"><h3 class="panel-title"><span class="glyphicon glyphicon-exclamation-sign"></span><span translate>Notice</span></h3></div>
|
|
<div class="panel-body">
|
|
<p ng-repeat="err in errorList()"><small>{{err.time | date:"yyyy-MM-dd HH:mm:ss"}}:</small> {{friendlyDevices(err.error)}}</p>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<button type="button" class="pull-right btn btn-sm btn-default" ng-click="clearErrors()"><span class="glyphicon glyphicon-ok"></span> <span translate>OK</span></button>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- First regular row -->
|
|
|
|
<div class="row">
|
|
|
|
<!-- Folder list (top left) -->
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel-group" id="folders">
|
|
<div class="visible-xs"><h3><span translate>Folders</span></h3><hr></div>
|
|
<div class="panel panel-default" ng-repeat="folder in folderList()">
|
|
<div class="panel-heading" data-toggle="collapse" data-parent="#folders" href="#folder-{{$index}}" style="cursor: pointer">
|
|
<div class="panel-progress" ng-show="folderStatus(folder) == 'syncing'" ng-attr-style="width: {{syncPercentage(folder.id)}}%"></div>
|
|
<h3 class="panel-title">
|
|
<span class="glyphicon glyphicon-hdd hidden-xs"></span>{{folder.id}}
|
|
<span class="pull-right text-{{folderClass(folder)}}" ng-switch="folderStatus(folder)">
|
|
<span ng-switch-when="unknown"><span class="hidden-xs" translate>Unknown</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="unshared"><span class="hidden-xs" translate>Unshared</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="stopped"><span class="hidden-xs" translate>Stopped</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="scanning"><span class="hidden-xs" translate>Scanning</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="idle"><span class="hidden-xs" translate>Up to Date</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="syncing">
|
|
<span class="hidden-xs" translate>Syncing</span>
|
|
({{syncPercentage(folder.id)}}%)
|
|
</span>
|
|
<span ng-switch-when="outofsync"><span class="hidden-xs" translate>Out of Sync</span><span class="visible-xs">◼</span></span>
|
|
</span>
|
|
</h3>
|
|
</div>
|
|
<div id="folder-{{$index}}" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<table class="table table-condensed table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-folder-open"></span> <span translate>Folder Path</span></th>
|
|
<td class="text-right">{{folder.path}}</td>
|
|
</tr>
|
|
<tr ng-if="model[folder.id].invalid || model[folder.id].error">
|
|
<th><span class="glyphicon glyphicon-warning-sign"></span> <span translate>Error</span></th>
|
|
<td class="text-right">{{model[folder.id].invalid || model[folder.id].error}}</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-globe"></span> <span translate>Global State</span></th>
|
|
<td class="text-right">{{model[folder.id].globalFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].globalBytes | binary}}B</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-home"></span> <span translate>Local State</span></th>
|
|
<td class="text-right">{{model[folder.id].localFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].localBytes | binary}}B</td>
|
|
</tr>
|
|
<tr ng-if="model[folder.id].needFiles > 0">
|
|
<th><span class="glyphicon glyphicon-cloud-download"></span> <span translate>Out of Sync</span></th>
|
|
<td class="text-right">
|
|
<a ng-click="showNeed(folder.id)" href="">{{model[folder.id].needFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].needBytes | binary}}B</a>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="!folder.readOnly && (folderStatus(folder) === 'outofsync' || hasFailedFiles(folder.id))">
|
|
<th><span class="glyphicon glyphicon-exclamation-sign"></span> <span translate>Failed Items</span></th>
|
|
<!-- Show the number of failed items as a link to bring up the list. -->
|
|
<td ng-if="hasFailedFiles(folder.id)" class="text-right">
|
|
<a ng-click="showFailed(folder.id)" href="">{{failed[folder.id].length | alwaysNumber}} <span translate>items</span></a>
|
|
</td>
|
|
<!-- The list of failed items hasn't loaded yet; show an ellipsis for the time being. -->
|
|
<td ng-if="!hasFailedFiles(folder.id)" class="text-right">
|
|
...
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="folder.readOnly">
|
|
<th><span class="glyphicon glyphicon-lock"></span> <span translate>Folder Master</span></th>
|
|
<td class="text-right">
|
|
<span translate>Yes</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="model[folder.id].ignorePatterns">
|
|
<th><span class="glyphicon glyphicon-eye-close"></span> <span translate>Ignore Patterns</span></th>
|
|
<td class="text-right">
|
|
<span translate>Yes</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="folder.ignorePerms">
|
|
<th><span class="glyphicon glyphicon-unchecked"></span> <span translate>Ignore Permissions</span></th>
|
|
<td class="text-right">
|
|
<span translate>Yes</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="folder.rescanIntervalS != 60">
|
|
<th><span class="glyphicon glyphicon-refresh"></span> <span translate>Rescan Interval</span></th>
|
|
<td class="text-right">{{folder.rescanIntervalS}} s</td>
|
|
</tr>
|
|
<tr ng-if="folder.order != 'random'">
|
|
<th><span class="glyphicon glyphicon-sort"></span> <span translate>File Pull Order</span></th>
|
|
<td class="text-right" ng-switch="folder.order">
|
|
<span ng-switch-when="random" translate>Random</span>
|
|
<span ng-switch-when="alphabetic" translate>Alphabetic</span>
|
|
<span ng-switch-when="smallestFirst" translate>Smallest First</span>
|
|
<span ng-switch-when="largestFirst" translate>Largest First</span>
|
|
<span ng-switch-when="oldestFirst" translate>Oldest First</span>
|
|
<span ng-switch-when="newestFirst" translate>Newest First</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="folder.versioning.type">
|
|
<th><span class="glyphicon glyphicon-tags"></span> <span translate>File Versioning</span></th>
|
|
<td class="text-right" ng-switch="folder.versioning.type">
|
|
<span ng-switch-when="trashcan" translate>Trash Can File Versioning</span>
|
|
<span ng-switch-when="staggered" translate>Staggered File Versioning</span>
|
|
<span ng-switch-when="simple" translate>Simple File Versioning</span>
|
|
<span ng-switch-when="external" translate>External File Versioning</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-share-alt"></span> <span translate>Shared With</span></th>
|
|
<td class="text-right">{{sharesFolder(folder)}}</td>
|
|
</tr>
|
|
<tr ng-if="!folder.readOnly && folderStats[folder.id].lastFile && folderStats[folder.id].lastFile.filename">
|
|
<th><span class="glyphicon glyphicon-transfer"></span> <span translate>Last File Received</span></th>
|
|
<td class="text-right">
|
|
<span title="{{folderStats[folder.id].lastFile.filename}} @ {{folderStats[folder.id].lastFile.at | date:'yyyy-MM-dd HH:mm:ss'}}">
|
|
<span translate ng-if="!folderStats[folder.id].lastFile.deleted">Updated</span>
|
|
<span translate ng-if="folderStats[folder.id].lastFile.deleted">Deleted</span>
|
|
{{folderStats[folder.id].lastFile.filename | basename}}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<button class="btn btn-sm btn-danger pull-left" ng-if="folderStatus(folder) == 'outofsync' && folder.readOnly" ng-click="override(folder.id)" href=""><span class="glyphicon glyphicon-upload"></span> <span translate>Override Changes</span></button>
|
|
<span class="pull-right">
|
|
<button class="btn btn-sm btn-default" href="" ng-show="['idle', 'stopped'].indexOf(folderStatus(folder)) > -1" ng-click="rescanFolder(folder.id)"><span class="glyphicon glyphicon-refresh"></span> <span translate>Rescan</span></button>
|
|
<button class="btn btn-sm btn-default" href="" ng-click="editFolder(folder)"><span class="glyphicon glyphicon-pencil"></span> <span translate>Edit</span></button>
|
|
</span>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="pull-right">
|
|
<button class="btn btn-sm btn-default" ng-click="rescanAllFolders()"><span class="glyphicon glyphicon-repeat"></span> <span translate>Rescan All</span></button>
|
|
<button class="btn btn-sm btn-default" ng-click="addFolder()"><span class="glyphicon glyphicon-plus"></span> <span translate>Add Folder</span></button>
|
|
</span>
|
|
<div class="clearfix"></div>
|
|
<hr class="visible-sm"/>
|
|
</div>
|
|
|
|
<!-- Device list (top right) -->
|
|
|
|
<!-- This device -->
|
|
|
|
<div class="col-md-6">
|
|
<div class="visible-xs"><h3><span translate>Devices</span></h3><hr></div>
|
|
<div class="panel panel-default" ng-repeat="deviceCfg in [thisDevice()]">
|
|
<div class="panel-heading" data-toggle="collapse" href="#device-this" style="cursor: pointer">
|
|
<h3 class="panel-title">
|
|
<identicon data-value="deviceCfg.deviceID"></identicon> {{deviceName(deviceCfg)}}
|
|
</h3>
|
|
</div>
|
|
<div id="device-this" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<table class="table table-condensed table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-cloud-download"></span> <span translate>Download Rate</span></th>
|
|
<td class="text-right">{{connectionsTotal.inbps | binary}}B/s ({{connectionsTotal.inBytesTotal | binary}}B)</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-cloud-upload"></span> <span translate>Upload Rate</span></th>
|
|
<td class="text-right">{{connectionsTotal.outbps | binary}}B/s ({{connectionsTotal.outBytesTotal | binary}}B)</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-home"></span> <span translate>Local State (Total)</span></th>
|
|
<td class="text-right">{{localStateTotal.files | alwaysNumber}} <span translate>items</span>, ~{{localStateTotal.bytes | binary}}B</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-th"></span> <span translate>RAM Utilization</span></th>
|
|
<td class="text-right">{{system.sys | binary}}B</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-dashboard"></span> <span translate>CPU Utilization</span></th>
|
|
<td class="text-right">{{system.cpuPercent | alwaysNumber | natural:1}}%</td>
|
|
</tr>
|
|
<tr ng-if="system.extAnnounceOK != undefined && announceServersTotal > 0">
|
|
<th><span class="glyphicon glyphicon-bullhorn"></span> <span translate>Global Discovery</span></th>
|
|
<td class="text-right">
|
|
<span ng-if="announceServersFailed.length == 0" class="data text-success">
|
|
<span>OK</span>
|
|
</span>
|
|
<span ng-if="announceServersFailed.length != 0" class="data" ng-class="{'text-danger': announceServersFailed.length == announceServersTotal}">
|
|
<span popover data-trigger="hover" data-placement="bottom" data-content="{{announceServersFailed.join('\n')}}">
|
|
{{announceServersTotal-announceServersFailed.length}}/{{announceServersTotal}}
|
|
</span>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-time"></span> <span translate>Uptime</span></th>
|
|
<td class="text-right">{{system.uptime | duration:"m"}}</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-tag"></span> <span translate>Version</span></th>
|
|
<td class="text-right">{{versionString()}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Remote devices -->
|
|
|
|
<div class="panel-group" id="devices">
|
|
<div class="panel panel-default" ng-repeat="deviceCfg in otherDevices()">
|
|
<div class="panel-heading" data-toggle="collapse" data-parent="#devices" href="#device-{{$index}}" style="cursor: pointer">
|
|
<div class="panel-progress" ng-show="deviceStatus(deviceCfg) == 'syncing'" ng-attr-style="width: {{completion[deviceCfg.deviceID]._total | number:0}}%"></div>
|
|
<h3 class="panel-title">
|
|
<identicon data-value="deviceCfg.deviceID"></identicon> {{deviceName(deviceCfg)}}
|
|
<span ng-switch="deviceStatus(deviceCfg)" class="pull-right text-{{deviceClass(deviceCfg)}}">
|
|
<span ng-switch-when="insync"><span class="hidden-xs" translate>Up to Date</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="syncing">
|
|
<span class="hidden-xs" translate>Syncing</span> ({{completion[deviceCfg.deviceID]._total | number:0}}%)
|
|
</span>
|
|
<span ng-switch-when="disconnected"><span class="hidden-xs" translate>Disconnected</span><span class="visible-xs">◼</span></span>
|
|
<span ng-switch-when="unused"><span class="hidden-xs" translate>Unused</span><span class="visible-xs">◼</span></span>
|
|
</span>
|
|
</h3>
|
|
</div>
|
|
<div id="device-{{$index}}" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<table class="table table-condensed table-striped">
|
|
<tbody>
|
|
<tr ng-if="connections[deviceCfg.deviceID]">
|
|
<th><span class="glyphicon glyphicon-cloud-download"></span> <span translate>Download Rate</span></th>
|
|
<td class="text-right">{{connections[deviceCfg.deviceID].inbps | binary}}B/s ({{connections[deviceCfg.deviceID].inBytesTotal | binary}}B)</td>
|
|
</tr>
|
|
<tr ng-if="connections[deviceCfg.deviceID]">
|
|
<th><span class="glyphicon glyphicon-cloud-upload"></span> <span translate>Upload Rate</span></th>
|
|
<td class="text-right">{{connections[deviceCfg.deviceID].outbps | binary}}B/s ({{connections[deviceCfg.deviceID].outBytesTotal | binary}}B)</td>
|
|
</tr>
|
|
<tr>
|
|
<th><span class="glyphicon glyphicon-link"></span> <span translate>Address</span></th>
|
|
<td class="text-right">{{deviceAddr(deviceCfg)}}</td>
|
|
</tr>
|
|
<tr ng-if="deviceCfg.compression != 'metadata'">
|
|
<th><span class="glyphicon glyphicon-compressed"></span> <span translate>Compression</span></th>
|
|
<td class="text-right">
|
|
<span ng-if="deviceCfg.compression == 'always'" translate>All Data</span>
|
|
<span ng-if="deviceCfg.compression == 'never'" translate>Off</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="deviceCfg.introducer">
|
|
<th><span class="glyphicon glyphicon-thumbs-up"></span> <span translate>Introducer</span></th>
|
|
<td translate class="text-right">Yes</td>
|
|
</tr>
|
|
<tr ng-if="connections[deviceCfg.deviceID]">
|
|
<th><span class="glyphicon glyphicon-tag"></span> <span translate>Version</span></th>
|
|
<td class="text-right">{{connections[deviceCfg.deviceID].clientVersion}}</td>
|
|
</tr>
|
|
<tr ng-if="!connections[deviceCfg.deviceID]">
|
|
<th><span class="glyphicon glyphicon-eye-open"></span> <span translate>Last seen</span></th>
|
|
<td translate ng-if="!deviceStats[deviceCfg.deviceID].lastSeenDays || deviceStats[deviceCfg.deviceID].lastSeenDays >= 365" class="text-right">Never</td>
|
|
<td ng-if="deviceStats[deviceCfg.deviceID].lastSeenDays < 365" class="text-right">{{deviceStats[deviceCfg.deviceID].lastSeen | date:"yyyy-MM-dd HH:mm:ss"}}</td>
|
|
</tr>
|
|
<tr ng-if="deviceFolders(deviceCfg).length > 0">
|
|
<th><span class="glyphicon glyphicon-hdd"></span> <span translate>Folders</span></th>
|
|
<td class="text-right">{{deviceFolders(deviceCfg).join(", ")}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<span class="pull-right"><a class="btn btn-sm btn-default" href="" ng-click="editDevice(deviceCfg)"><span class="glyphicon glyphicon-pencil"></span> <span translate>Edit</span></a></span>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button class="btn btn-sm btn-default pull-right" ng-click="addDevice()"><span class="glyphicon glyphicon-plus"></span> <span translate>Add Device</span></button>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /row -->
|
|
|
|
</div> <!-- /container -->
|
|
|
|
<!-- Bottom bar -->
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-bottom">
|
|
<div class="container">
|
|
<ul class="nav navbar-nav">
|
|
<li><a class="navbar-link" href="http://syncthing.net/" target="_blank"><span class="glyphicon glyphicon-home"></span> <span translate>Home page</span></a></li>
|
|
<li><a class="navbar-link" href="http://docs.syncthing.net/" target="_blank"><span class="glyphicon glyphicon-book"></span> <span translate>Documentation</span></a></li>
|
|
<li><a class="navbar-link" href="https://forum.syncthing.net" target="_blank"><span class="glyphicon glyphicon-question-sign"></span> <span translate>Support</span></a></li>
|
|
<li><a class="navbar-link" href="https://data.syncthing.net/" target="_blank"><span class="glyphicon glyphicon-stats"></span> <span translate>Statistics</span></a></li>
|
|
|
|
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing/releases" target="_blank"><span class="glyphicon glyphicon-info-sign"></span> <span translate>Changelog</span></a></li>
|
|
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing/issues" target="_blank"><span class="glyphicon glyphicon-warning-sign"></span> <span translate>Bugs</span></a></li>
|
|
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing" target="_blank"><span class="glyphicon glyphicon-wrench"></span> <span translate>Source Code</span></a></li>
|
|
|
|
<li><a class="navbar-link" href="https://twitter.com/syncthing" target="_blank"><span class="glyphicon glyphicon-send"></span> Twitter</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div network-error-dialog></div>
|
|
<div http-error-dialog></div>
|
|
<div restarting-dialog></div>
|
|
<div upgrading-dialog></div>
|
|
<div shutdown-dialog></div>
|
|
<div idqr-modal></div>
|
|
<div major-upgrade-modal></div>
|
|
<div edit-device-modal></div>
|
|
<div edit-folder-modal></div>
|
|
<div edit-ignores-modal></div>
|
|
<div settings-modal></div>
|
|
<div advanced-settings-modal></div>
|
|
<div usage-report-modal></div>
|
|
<div usage-report-preview-modal></div>
|
|
<div needed-files-modal></div>
|
|
<div failed-files-modal></div>
|
|
<div about-modal></div>
|
|
|
|
<!-- vendor scripts -->
|
|
<script src="vendor/jquery/jquery-2.0.3.min.js"></script>
|
|
<script src="vendor/angular/angular.min.js"></script>
|
|
<script src="vendor/angular/angular-translate.min.js"></script>
|
|
<script src="vendor/angular/angular-translate-loader.min.js"></script>
|
|
<script src="vendor/angular/angular-dirPagination.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
<!-- / vendor scripts -->
|
|
|
|
<!-- gui application code -->
|
|
<script src="syncthing/core/module.js"></script>
|
|
<script src="syncthing/core/aboutModalDirective.js"></script>
|
|
<script src="syncthing/core/alwaysNumberFilter.js"></script>
|
|
<script src="syncthing/core/basenameFilter.js"></script>
|
|
<script src="syncthing/core/binaryFilter.js"></script>
|
|
<script src="syncthing/core/durationFilter.js"></script>
|
|
<script src="syncthing/core/eventService.js"></script>
|
|
<script src="syncthing/core/filterStabilize.js"></script>
|
|
<script src="syncthing/core/groupFilter.js"></script>
|
|
<script src="syncthing/core/httpErrorDialogDirective.js"></script>
|
|
<script src="syncthing/core/identiconDirective.js"></script>
|
|
<script src="syncthing/core/languageSelectDirective.js"></script>
|
|
<script src="syncthing/core/lastErrorComponentFilter.js"></script>
|
|
<script src="syncthing/core/localeService.js"></script>
|
|
<script src="syncthing/core/majorUpgradeModalDirective.js"></script>
|
|
<script src="syncthing/core/memoize.js"></script>
|
|
<script src="syncthing/core/modalDirective.js"></script>
|
|
<script src="syncthing/core/naturalFilter.js"></script>
|
|
<script src="syncthing/core/networkErrorDialogDirective.js"></script>
|
|
<script src="syncthing/core/popoverDirective.js"></script>
|
|
<script src="syncthing/core/restartingDialogDirective.js"></script>
|
|
<script src="syncthing/core/selectOnClickDirective.js"></script>
|
|
<script src="syncthing/core/shutdownDialogDirective.js"></script>
|
|
<script src="syncthing/core/syncthingController.js"></script>
|
|
<script src="syncthing/core/uniqueFolderDirective.js"></script>
|
|
<script src="syncthing/core/upgradingDialogDirective.js"></script>
|
|
<script src="syncthing/core/validDeviceidDirective.js"></script>
|
|
|
|
<script src="syncthing/device/module.js"></script>
|
|
<script src="syncthing/device/editDeviceModalDirective.js"></script>
|
|
<script src="syncthing/device/idqrModalDirective.js"></script>
|
|
|
|
<script src="syncthing/folder/module.js"></script>
|
|
<script src="syncthing/folder/editFolderModalDirective.js"></script>
|
|
<script src="syncthing/folder/editIgnoresModalDirective.js"></script>
|
|
|
|
<script src="syncthing/settings/module.js"></script>
|
|
<script src="syncthing/settings/settingsModalDirective.js"></script>
|
|
<script src="syncthing/settings/advancedSettingsModalDirective.js"></script>
|
|
|
|
<script src="syncthing/transfer/module.js"></script>
|
|
<script src="syncthing/transfer/failedFilesModalDirective.js"></script>
|
|
<script src="syncthing/transfer/neededFilesModalDirective.js"></script>
|
|
|
|
<script src="syncthing/usagereport/module.js"></script>
|
|
<script src="syncthing/usagereport/usageReportModalDirective.js"></script>
|
|
<script src="syncthing/usagereport/usageReportPreviewModalDirective.js"></script>
|
|
|
|
<script src="assets/lang/valid-langs.js"></script>
|
|
<script src="assets/lang/prettyprint.js"></script>
|
|
<script src="syncthing/app.js"></script>
|
|
<!-- / gui application code -->
|
|
|
|
</body>
|
|
</html>
|