octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2024-11-18 19:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity
6379d50f07
syncthing/gui/index.html

642 lines
37 KiB
HTML
Raw Normal View History

Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
<!DOCTYPE html>
Add license header
2014-06-01 20:50:14 +00:00
<!--
Use more inclusive copyright header
2014-11-16 20:13:20 +00:00
// Copyright (C) 2014 The Syncthing Authors.
Relicense to GPL
2014-09-29 19:43:32 +00:00
//
MPLv2
2015-03-07 20:36:35 +00:00
// 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/.
Add license header
2014-06-01 20:50:14 +00:00
-->
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<html lang="en" ng-app="syncthing" ng-controller="SyncthingController" class="ng-cloak">
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
<head>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<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="">
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<link rel="shortcut icon" href="assets/img/favicon.png">
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
Double curly brace notation displaying Prevent double curly brace notation from displaying momentarily before angular.js compiles/interpolates document
2015-07-20 09:18:48 +00:00
<title ng-bind="thisDeviceName() + ' | Syncthing'"></title>
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/font/raleway.css" rel="stylesheet">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<link href="assets/css/overrides.css" rel="stylesheet">
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
</head>
Show node name in title/header (fixes #221)
2014-05-16 16:42:22 +00:00
<body>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<!-- Top bar -->
<nav class="navbar navbar-top navbar-default" role="navigation">
Footer with links
2014-01-08 12:52:17 +00:00
<div class="container">
Use SVG format logos
2015-03-18 11:51:23 +00:00
<span class="navbar-brand"><img class="logo" src="assets/img/logo-horizontal.svg" height="32" width="117"/></span>
Add language select menu in webgui (fixes #981)
2015-04-02 12:48:59 +00:00
<p class="navbar-text hidden-xs" ng-class="{'hidden-sm':upgradeInfo && upgradeInfo.newer}">{{thisDeviceName()}}</p>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
<ul class="nav navbar-nav navbar-right">
Disable autoupgrade if not supported (fixes #763)
2014-09-30 22:01:32 +00:00
<li ng-if="upgradeInfo && upgradeInfo.newer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn navbar-btn btn-primary btn-sm" ng-click="upgrade()">
<span class="fa fa-arrow-circle-up"></span>&nbsp;<span translate translate-value-version="{{upgradeInfo.latest}}">Upgrade To {%version%}</span>
Basic GUI translation support. Conflicts: gui/index.html
2014-07-20 11:49:26 +00:00
</button>
Upgrade from within GUI (fixes #190)
2014-07-14 08:45:29 +00:00
</li>
Allow major upgrades
2015-04-22 12:41:08 +00:00
<li ng-if="upgradeInfo && upgradeInfo.majorNewer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn navbar-btn btn-danger btn-sm" ng-click="upgradeMajor()">
<span class="fa fa-arrow-circle-up"></span>&nbsp;<span translate translate-value-version="{{upgradeInfo.latest}}">Upgrade To {%version%}</span>
Allow major upgrades
2015-04-22 12:41:08 +00:00
</button>
</li>
Add language select menu in webgui (fixes #981)
2015-04-02 12:48:59 +00:00
<li class="dropdown" language-select></li>
fix webgui top menu for small screen devices
2015-06-02 14:48:31 +00:00
<li class="hidden-xs">
Show help link, add icons, tweak icon spacing
2015-05-27 19:54:00 +00:00
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="fa fa-book"></span>&nbsp;<span translate>Help</span>
Show help link, add icons, tweak icon spacing
2015-05-27 19:54:00 +00:00
</a>
</li>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
<li class="dropdown">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-cog"></span>&nbsp;<span translate>Actions</span> <span class="caret"></span></a>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
<ul class="dropdown-menu">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<li><a href="" ng-click="editSettings()"><span class="fa fa-fw fa-cog"></span>&nbsp;<span translate>Settings</span></a></li>
<li><a href="" ng-click="idDevice()"><span class="fa fa-fw fa-qrcode"></span>&nbsp;<span translate>Show ID</span></a></li>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
<li class="divider"></li>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<li><a href="" ng-click="shutdown()"><span class="fa fa-fw fa-power-off"></span>&nbsp;<span translate>Shutdown</span></a></li>
<li><a href="" ng-click="restart()"><span class="fa fa-fw fa-refresh"></span>&nbsp;<span translate>Restart</span></a></li>
About dialog
2014-07-07 10:58:56 +00:00
<li class="divider"></li>
fix webgui top menu for small screen devices
2015-06-02 14:48:31 +00:00
<li class="visible-xs">
<a href="http://docs.syncthing.net/intro/gui.html" target="_blank">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="fa fa-fw fa-book"></span>&nbsp;<span translate>Help</span>
fix webgui top menu for small screen devices
2015-06-02 14:48:31 +00:00
</a>
</li>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<li><a href="" ng-click="about()"><span class="fa fa-fw fa-heart-o"></span>&nbsp;<span translate>About</span></a></li>
Implement "advanced configuration" dialog (fixes #2010)
2015-07-03 12:07:38 +00:00
<li class="divider"></li>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<li><a href="" ng-click="advanced()"><span class="fa fa-fw fa-cogs"></span>&nbsp;<span translate>Advanced</span></a></li>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
</ul>
</li>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
</ul>
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</nav>
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
Add space for scrolling (fixes #2351) Add space at bottom for scrolling on small resolutions
2015-10-03 10:18:19 +00:00
<div class="container" id="content">
Show warnings in GUI (fixes #66)
2014-02-12 22:18:41 +00:00
Warn the user if they're running with an insecure looking setup (fixes #2139)
2015-11-16 20:33:55 +00:00
<!-- Panel: Open, no auth -->
<div ng-if="openNoAuth" class="row">
<div class="col-md-12">
<div class="panel panel-danger">
<div class="panel-heading"><h3 class="panel-title"><span class="fa fa-exclamation-circle"></span><span translate>Danger!</span></h3></div>
<div class="panel-body">
<p>
<span translate>The Syncthing admin interface is configured to allow remote access without a password.</span>
<b><span translate>This can easily give hackers access to read and change any files on your computer.</span></b>
<span translate>Please set a GUI Authentication User and Password in the Settings dialog.</span>
</p>
</div>
<div class="panel-footer">
<button type="button" class="btn btn-sm btn-default pull-right" ng-click="editSettings()">
<span class="fa fa-cog"></span>&nbsp;<span translate>Settings</span>
</button>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<!-- Panel: Restart Needed -->
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<div ng-if="!configInSync" class="row">
<div class="col-md-12">
<div class="panel panel-warning">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<div class="panel-heading"><h3 class="panel-title"><span class="fa fa-exclamation-circle"></span><span translate>Restart Needed</span></h3></div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<div class="panel-body">
Basic GUI translation support. Conflicts: gui/index.html
2014-07-20 11:49:26 +00:00
<p translate>The configuration has been saved but not activated. Syncthing must restart to activate the new configuration.</p>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
<div class="panel-footer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-default pull-right" ng-click="restart()">
<span class="fa fa-refresh"></span>&nbsp;<span translate>Restart</span>
</button>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<div class="clearfix"></div>
</div>
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
</div>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<!-- 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">
Show help link, add icons, tweak icon spacing
2015-05-27 19:54:00 +00:00
<identicon data-value="device"></identicon>&nbsp;<span translate>New Device</span>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</h3>
</div>
<div class="panel-body">
<p>
Show date and time for web GUI notification (fixes #1833)
2015-05-21 08:40:46 +00:00
<small>{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}:</small>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<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">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-success" ng-click="addNewDeviceID(device)">
<span class="fa fa-check"></span>&nbsp;<span translate>Add</span>
</button>
<button type="button" class="btn btn-sm btn-danger" ng-click="ignoreRejectedDevice(device)">
<span class="fa fa-times"></span>&nbsp;<span translate>Ignore</span>
</button>
<button type="button" class="btn btn-sm btn-default" ng-click="dismissDeviceRejection(device)">
<span class="fa fa-clock-o"></span>&nbsp;<span translate>Later</span>
</button>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</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">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<h3 class="panel-title"><span class="fa fa-folder"></span>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<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>
Show date and time for web GUI notification (fixes #1833)
2015-05-21 08:40:46 +00:00
<small>{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}:</small>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<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">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-success" ng-click="addFolderAndShare(event.data.folder, event.data.device)" ng-if="!folders[event.data.folder]">
<span class="fa fa-check"></span>&nbsp;<span translate>Add</span>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</button>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-success" ng-click="shareFolderWithDevice(event.data.folder, event.data.device)" ng-if="folders[event.data.folder]">
<span class="fa fa-check"></span>&nbsp;<span translate>Share</span>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</button>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-default" ng-click="dismissFolderRejection(event.data.folder, event.data.device)">
<span class="fa fa-clock-o"></span>&nbsp;<span translate>Later</span>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</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">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<div class="panel-heading"><h3 class="panel-title"><span class="fa fa-exclamation-circle"></span><span translate>Notice</span></h3></div>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<div class="panel-body">
Log/error fields changed name
2015-10-12 05:18:40 +00:00
<p ng-repeat="err in errorList()"><small>{{err.when | date:"yyyy-MM-dd HH:mm:ss"}}:</small> {{friendlyDevices(err.message)}}</p>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
</div>
<div class="panel-footer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-default pull-right" ng-click="clearErrors()">
<span class="fa fa-check"></span>&nbsp;<span translate>OK</span>
</button>
Move panels to top of page - Move panels (new device, new folder, notice) to top of page - Add icons to panel headers (restart, new folder, notice)
2015-01-23 15:28:30 +00:00
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<!-- First regular row -->
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
<div class="row">
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<!-- Folder list (top left) -->
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<div class="col-md-6">
Always show columns headers (accessibility)
2015-09-10 13:05:08 +00:00
<h3 translate>Folders</h3>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div class="panel-group" id="folders">
Only color status text, not panel headings (fixes #1039)
2014-11-29 12:08:00 +00:00
<div class="panel panel-default" ng-repeat="folder in folderList()">
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div class="panel-heading" data-toggle="collapse" data-parent="#folders" href="#folder-{{$index}}" style="cursor: pointer">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<div class="panel-progress" ng-show="folderStatus(folder) == 'syncing'" ng-attr-style="width: {{syncPercentage(folder.id)}}%"></div>
Add scan percentages (fixes #1030)
2015-08-26 22:49:06 +00:00
<div class="panel-progress" ng-show="folderStatus(folder) == 'scanning' && scanProgress[folder.id] != undefined" ng-attr-style="width: {{scanPercentage(folder.id)}}%"></div>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
<h3 class="panel-title">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="fa fa-folder hidden-xs"></span>{{folder.id}}
Added colored status indicator for narrow screens. (Fixes #1084)
2015-01-08 10:04:27 +00:00
<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">&#9724;</span></span>
<span ng-switch-when="unshared"><span class="hidden-xs" translate>Unshared</span><span class="visible-xs">&#9724;</span></span>
<span ng-switch-when="stopped"><span class="hidden-xs" translate>Stopped</span><span class="visible-xs">&#9724;</span></span>
Add scan percentages (fixes #1030)
2015-08-26 22:49:06 +00:00
<span ng-switch-when="scanning">
<span class="hidden-xs" translate>Scanning</span>
<span class="hidden-xs" ng-if="scanPercentage(folder.id) != undefined">
Add brackets to scanning percentage
2015-11-18 13:35:51 +00:00
({{scanPercentage(folder.id)}}%)
Add scan percentages (fixes #1030)
2015-08-26 22:49:06 +00:00
</span>
<span class="visible-xs">&#9724;</span>
</span>
Added colored status indicator for narrow screens. (Fixes #1084)
2015-01-08 10:04:27 +00:00
<span ng-switch-when="idle"><span class="hidden-xs" translate>Up to Date</span><span class="visible-xs">&#9724;</span></span>
Entire panel title should be clickable (ref #651)
2014-09-08 17:46:33 +00:00
<span ng-switch-when="syncing">
Added colored status indicator for narrow screens. (Fixes #1084)
2015-01-08 10:04:27 +00:00
<span class="hidden-xs" translate>Syncing</span>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
({{syncPercentage(folder.id)}}%)
Entire panel title should be clickable (ref #651)
2014-09-08 17:46:33 +00:00
</span>
Show FolderErrors result in UI (fixes #1437)
2015-06-26 12:22:52 +00:00
<span ng-switch-when="outofsync"><span class="hidden-xs" translate>Out of Sync</span><span class="visible-xs">&#9724;</span></span>
Entire panel title should be clickable (ref #651)
2014-09-08 17:46:33 +00:00
</span>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
</h3>
</div>
All folder panels collapsed, fixes #1034
2015-02-19 14:48:43 +00:00
<div id="folder-{{$index}}" class="panel-collapse collapse">
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
<div class="panel-body">
UI Tweaks
2014-09-10 09:27:21 +00:00
<table class="table table-condensed table-striped">
<tbody>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-folder-open"></span>&nbsp;<span translate>Folder Path</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{folder.path}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Move folder errors to state The "Invalid" config attribute is retained for errors discovered during config loading (empty path, duplicate ID). This can only be set or cleared at config loading time. Errors discovered during runtime (I/O problems, etc) are now in the folder state instead. Changes to these are sent as any other folder state change.
2015-04-12 20:12:01 +00:00
<tr ng-if="model[folder.id].invalid || model[folder.id].error">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-exclamation-triangle"></span>&nbsp;<span translate>Error</span></th>
Move folder errors to state The "Invalid" config attribute is retained for errors discovered during config loading (empty path, duplicate ID). This can only be set or cleared at config loading time. Errors discovered during runtime (I/O problems, etc) are now in the folder state instead. Changes to these are sent as any other folder state change.
2015-04-12 20:12:01 +00:00
<td class="text-right">{{model[folder.id].invalid || model[folder.id].error}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-globe"></span>&nbsp;<span translate>Global State</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{model[folder.id].globalFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].globalBytes | binary}}B</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-home"></span>&nbsp;<span translate>Local State</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{model[folder.id].localFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].localBytes | binary}}B</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="model[folder.id].needFiles > 0">
Change Out of Sync message in folder details (fixes #2364)
2015-10-08 23:34:11 +00:00
<th><span class="fa fa-fw fa-cloud-download"></span>&nbsp;<span translate>Out of Sync Items</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<a href="" ng-click="showNeed(folder.id)">{{model[folder.id].needFiles | alwaysNumber}} <span translate>items</span>, ~{{model[folder.id].needBytes | binary}}B</a>
UI Tweaks
2014-09-10 09:27:21 +00:00
</td>
</tr>
Add remaining scanning time (fixes #2484)
2015-11-18 09:57:11 +00:00
<tr ng-if="folderStatus(folder) === 'scanning' && scanRate(folder.id) > 0">
<th><span class="fa fa-fw fa-hourglass-2"></span>&nbsp;<span translate>Scan Time Remaining</span></th>
<td class="text-right">
<span title="{{scanRate(folder.id) | binary}}B/s">~ {{scanRemaining(folder.id)}}</span>
</td>
</tr>
Don't show Failed Items on folder masters
2015-07-05 09:21:15 +00:00
<tr ng-if="!folder.readOnly && (folderStatus(folder) === 'outofsync' || hasFailedFiles(folder.id))">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-exclamation-circle"></span>&nbsp;<span translate>Failed Items</span></th>
Show FolderErrors result in UI (fixes #1437)
2015-06-26 12:22:52 +00:00
<!-- Show the number of failed items as a link to bring up the list. -->
<td ng-if="hasFailedFiles(folder.id)" class="text-right">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<a href="" ng-click="showFailed(folder.id)">{{failed[folder.id].length | alwaysNumber}}&nbsp;<span translate>items</span></a>
Show FolderErrors result in UI (fixes #1437)
2015-06-26 12:22:52 +00:00
</td>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<!-- The list of failed items hasn't loaded yet; show a spinner for the time being. -->
Show FolderErrors result in UI (fixes #1437)
2015-06-26 12:22:52 +00:00
<td ng-if="!hasFailedFiles(folder.id)" class="text-right">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="fa fa-spinner fa-pulse"></span>
Show FolderErrors result in UI (fixes #1437)
2015-06-26 12:22:52 +00:00
</td>
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="folder.readOnly">
Fix missing folder master icon
2015-08-18 08:40:18 +00:00
<th><span class="fa fa-fw fa-lock"></span>&nbsp;<span translate>Folder Master</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">
Clean up folder panel (...) (fixes #964) - Remove ID - Hide "Out of sync" when in sync - Hide "Folder master" when default (not master) - Hide "Ignore permissions" when default (not ignored) - Hide "Rescan interval" when default (60 seconds)
2014-11-27 19:43:00 +00:00
<span translate>Yes</span>
UI Tweaks
2014-09-10 09:27:21 +00:00
</td>
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="model[folder.id].ignorePatterns">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-eye-slash"></span>&nbsp;<span translate>Ignore Patterns</span></th>
Show information in folder panel if ignore patterns are active, fixes #1279
2015-01-27 14:27:44 +00:00
<td class="text-right">
<span translate>Yes</span>
</td>
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="folder.ignorePerms">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-minus-square-o"></span>&nbsp;<span translate>Ignore Permissions</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">
Clean up folder panel (...) (fixes #964) - Remove ID - Hide "Out of sync" when in sync - Hide "Folder master" when default (not master) - Hide "Ignore permissions" when default (not ignored) - Hide "Rescan interval" when default (60 seconds)
2014-11-27 19:43:00 +00:00
<span translate>Yes</span>
UI Tweaks
2014-09-10 09:27:21 +00:00
</td>
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="folder.rescanIntervalS != 60">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-refresh"></span>&nbsp;<span translate>Rescan Interval</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{folder.rescanIntervalS}} s</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Configurable file pull order (alphabetic, random, by size or age)
2015-04-25 05:13:53 +00:00
<tr ng-if="folder.order != 'random'">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-sort"></span>&nbsp;<span translate>File Pull Order</span></th>
Configurable file pull order (alphabetic, random, by size or age)
2015-04-25 05:13:53 +00:00
<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>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="folder.versioning.type">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-files-o"></span>&nbsp;<span translate>File Versioning</span></th>
use lowerCamelCase for file versioning display
2015-03-19 17:16:48 +00:00
<td class="text-right" ng-switch="folder.versioning.type">
Add trash can file versioning (fixes #1931)
2015-06-12 11:04:00 +00:00
<span ng-switch-when="trashcan" translate>Trash Can File Versioning</span>
Add File Versioning to folder info (fixes #963) Could potentially use shorter value strings ("Simple" vs "Simple File Versioning"), but this avoid introducing unnecessary strings to translate - can always be changed in the future.
2015-01-15 14:47:47 +00:00
<span ng-switch-when="staggered" translate>Staggered File Versioning</span>
<span ng-switch-when="simple" translate>Simple File Versioning</span>
Add external versioner (ref #573)
2015-03-19 10:31:21 +00:00
<span ng-switch-when="external" translate>External File Versioning</span>
Add File Versioning to folder info (fixes #963) Could potentially use shorter value strings ("Simple" vs "Simple File Versioning"), but this avoid introducing unnecessary strings to translate - can always be changed in the future.
2015-01-15 14:47:47 +00:00
</td>
</tr>
Reinstate 'Shared With' until a better alternative emerges (ref #1054)
2014-12-01 19:50:27 +00:00
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-share-alt"></span>&nbsp;<span translate>Shared With</span></th>
Reinstate 'Shared With' until a better alternative emerges (ref #1054)
2014-12-01 19:50:27 +00:00
<td class="text-right">{{sharesFolder(folder)}}</td>
</tr>
Add label next to "Last file received" (fixes #1952)
2015-06-16 11:12:34 +00:00
<tr ng-if="!folder.readOnly && folderStats[folder.id].lastFile && folderStats[folder.id].lastFile.filename">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-exchange"></span>&nbsp;<span translate>Last File Received</span></th>
Display last received file and time (fixes #292, fixes #801)
2014-12-07 20:21:12 +00:00
<td class="text-right">
Show date and time for web GUI notification (fixes #1833)
2015-05-21 08:40:46 +00:00
<span title="{{folderStats[folder.id].lastFile.filename}} @ {{folderStats[folder.id].lastFile.at | date:'yyyy-MM-dd HH:mm:ss'}}">
Add label next to "Last file received" (fixes #1952)
2015-06-16 11:12:34 +00:00
<span translate ng-if="!folderStats[folder.id].lastFile.deleted">Updated</span>
<span translate ng-if="folderStats[folder.id].lastFile.deleted">Deleted</span>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
{{folderStats[folder.id].lastFile.filename | basename}}
Display last received file and time (fixes #292, fixes #801)
2014-12-07 20:21:12 +00:00
</span>
</td>
</tr>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tbody>
</table>
</div>
<div class="panel-footer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-danger pull-left" ng-click="override(folder.id)" ng-if="folderStatus(folder) == 'outofsync' && folder.readOnly">
<span class="fa fa-arrow-circle-up"></span>&nbsp;<span translate>Override Changes</span>
</button>
Hard override on changes from master repo
2014-06-16 08:47:02 +00:00
<span class="pull-right">
Revert "Don't show "Rescan" button for stopped folders"
2015-11-14 19:01:22 +00:00
<button type="button" class="btn btn-sm btn-default" ng-click="rescanFolder(folder.id)" ng-show="['idle', 'stopped', 'unshared'].indexOf(folderStatus(folder)) > -1">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="fa fa-refresh"></span>&nbsp;<span translate>Rescan</span>
</button>
<button type="button" class="btn btn-sm btn-default" ng-click="editFolder(folder)">
<span class="fa fa-pencil"></span>&nbsp;<span translate>Edit</span>
</button>
Hard override on changes from master repo
2014-06-16 08:47:02 +00:00
</span>
UI Tweaks
2014-09-10 09:27:21 +00:00
<div class="clearfix"></div>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
</div>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
</div>
Button to rescan all folders, fixes #1151
2015-02-11 18:52:59 +00:00
<span class="pull-right">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-default" ng-click="rescanAllFolders()">
<span class="fa fa-refresh"></span>&nbsp;<span translate>Rescan All</span>
</button>
<button type="button" class="btn btn-sm btn-default" ng-click="addFolder()">
<span class="fa fa-plus"></span>&nbsp;<span translate>Add Folder</span>
</button>
Button to rescan all folders, fixes #1151
2015-02-11 18:52:59 +00:00
</span>
<div class="clearfix"></div>
Clearfix to not hide Add Node on small screens (fixes #659)
2014-09-10 14:56:23 +00:00
<hr class="visible-sm"/>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<!-- Device list (top right) -->
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<!-- This device -->
UI Tweaks
2014-09-10 09:27:21 +00:00
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
<div class="col-md-6">
Always show columns headers (accessibility)
2015-09-10 13:05:08 +00:00
<h3 translate>Devices</h3>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div class="panel panel-default" ng-repeat="deviceCfg in [thisDevice()]">
<div class="panel-heading" data-toggle="collapse" href="#device-this" style="cursor: pointer">
UI Tweaks
2014-09-10 09:27:21 +00:00
<h3 class="panel-title">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<identicon data-value="deviceCfg.deviceID"></identicon>&emsp;{{deviceName(deviceCfg)}}
UI Tweaks
2014-09-10 09:27:21 +00:00
</h3>
</div>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div id="device-this" class="panel-collapse collapse in">
UI Tweaks
2014-09-10 09:27:21 +00:00
<div class="panel-body">
<table class="table table-condensed table-striped">
<tbody>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-cloud-download"></span>&nbsp;<span translate>Download Rate</span></th>
Fix total transfer rates (fixes #1615)
2015-04-09 10:14:15 +00:00
<td class="text-right">{{connectionsTotal.inbps | binary}}B/s ({{connectionsTotal.inBytesTotal | binary}}B)</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-cloud-upload"></span>&nbsp;<span translate>Upload Rate</span></th>
Fix total transfer rates (fixes #1615)
2015-04-09 10:14:15 +00:00
<td class="text-right">{{connectionsTotal.outbps | binary}}B/s ({{connectionsTotal.outBytesTotal | binary}}B)</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Display Local State Summary (All Folders)
2015-06-19 19:52:19 +00:00
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-home"></span>&nbsp;<span translate>Local State (Total)</span></th>
Squashed commit of pull request #1981 Conflicts: gui/scripts/syncthing/core/controllers/syncthingController.js internal/auto/gui.files.go
2015-07-20 12:48:03 +00:00
<td class="text-right">{{localStateTotal.files | alwaysNumber}} <span translate>items</span>, ~{{localStateTotal.bytes | binary}}B</td>
Display Local State Summary (All Folders)
2015-06-19 19:52:19 +00:00
</tr>
UI Tweaks
2014-09-10 09:27:21 +00:00
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-th"></span>&nbsp;<span translate>RAM Utilization</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">{{system.sys | binary}}B</td>
</tr>
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-tachometer"></span>&nbsp;<span translate>CPU Utilization</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">{{system.cpuPercent | alwaysNumber | natural:1}}%</td>
</tr>
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<tr ng-if="system.discoveryEnabled">
<th><span class="fa fa-fw fa-map-signs"></span>&nbsp;<span translate>Discovery</span></th>
UI Tweaks
2014-09-10 09:27:21 +00:00
<td class="text-right">
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<span ng-if="discoveryFailed.length == 0" class="data text-success">
<span>{{discoveryTotal}}/{{discoveryTotal}}</span>
Add support for multiple announce servers (fixes #677) Somebody owes me a beer.
2014-11-18 22:57:21 +00:00
</span>
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<span ng-if="discoveryFailed.length != 0" class="data" ng-class="{'text-danger': discoveryFailed.length == discoveryTotal}">
<span popover data-trigger="hover" data-placement="bottom" data-html="true" data-content="{{discoveryFailed.join('<br>\n')}}">
{{discoveryTotal-discoveryFailed.length}}/{{discoveryTotal}}
Add support for multiple announce servers (fixes #677) Somebody owes me a beer.
2014-11-18 22:57:21 +00:00
</span>
</span>
UI Tweaks
2014-09-10 09:27:21 +00:00
</td>
</tr>
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<tr ng-if="system.relaysEnabled">
Expose connection type and relay status in the UI
2015-07-17 20:22:07 +00:00
<th><span class="fa fa-fw fa-sitemap"></span>&nbsp;<span translate>Relays</span></th>
<td class="text-right">
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<span ng-if="relaysFailed.length == 0" class="data text-success">
<span>{{relaysTotal}}/{{relaysTotal}}</span>
Expose connection type and relay status in the UI
2015-07-17 20:22:07 +00:00
</span>
New global discovery protocol over HTTPS (fixes #628, fixes #1907)
2015-09-20 13:30:25 +00:00
<span ng-if="relaysFailed.length != 0" class="data" ng-class="{'text-danger': relaysFailed.length == relaysTotal}">
<span popover data-trigger="hover" data-placement="bottom" data-html="true" data-content="{{relaysFailed.join('<br>\n')}}">
{{relaysTotal-relaysFailed.length}}/{{relaysTotal}}
Expose connection type and relay status in the UI
2015-07-17 20:22:07 +00:00
</span>
</span>
</td>
</tr>
Add uptime in webgui (fixes #1501)
2015-04-03 18:00:13 +00:00
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-clock-o"></span>&nbsp;<span translate>Uptime</span></th>
Add uptime in webgui (fixes #1501)
2015-04-03 18:00:13 +00:00
<td class="text-right">{{system.uptime | duration:"m"}}</td>
</tr>
UI Tweaks
2014-09-10 09:27:21 +00:00
<tr>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-tag"></span>&nbsp;<span translate>Version</span></th>
GUI version string includes OS and Arch (Useful when debugging via screenshots...)
2015-04-09 09:32:54 +00:00
<td class="text-right">{{versionString()}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
</tbody>
</table>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
</div>
</div>
UI Tweaks
2014-09-10 09:27:21 +00:00
</div>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<!-- Remote devices -->
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div class="panel-group" id="devices">
Only color status text, not panel headings (fixes #1039)
2014-11-29 12:08:00 +00:00
<div class="panel panel-default" ng-repeat="deviceCfg in otherDevices()">
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div class="panel-heading" data-toggle="collapse" data-parent="#devices" href="#device-{{$index}}" style="cursor: pointer">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<div class="panel-progress" ng-show="deviceStatus(deviceCfg) == 'syncing'" ng-attr-style="width: {{completion[deviceCfg.deviceID]._total | number:0}}%"></div>
Fix hit zone for remote nodes accordion (ref #651)
2014-09-10 12:43:23 +00:00
<h3 class="panel-title">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<identicon data-value="deviceCfg.deviceID"></identicon>&emsp;{{deviceName(deviceCfg)}}
Added colored status indicator for narrow screens. (Fixes #1084)
2015-01-08 10:04:27 +00:00
<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">&#9724;</span></span>
Mark unused devices as 'Unused' and in warning color, show folders per device (fixes #962)
2014-11-29 08:42:16 +00:00
<span ng-switch-when="syncing">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<span class="hidden-xs" translate>Syncing</span> ({{completion[deviceCfg.deviceID]._total | number:0}}%)
Translation, language detection
2014-07-26 20:30:29 +00:00
</span>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<span ng-switch-when="paused"><span class="hidden-xs" translate>Paused</span><span class="visible-xs">&#9724;</span></span>
Added colored status indicator for narrow screens. (Fixes #1084)
2015-01-08 10:04:27 +00:00
<span ng-switch-when="disconnected"><span class="hidden-xs" translate>Disconnected</span><span class="visible-xs">&#9724;</span></span>
<span ng-switch-when="unused"><span class="hidden-xs" translate>Unused</span><span class="visible-xs">&#9724;</span></span>
Entire panel title should be clickable (ref #651)
2014-09-08 17:46:33 +00:00
</span>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
</h3>
</div>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<div id="device-{{$index}}" class="panel-collapse collapse">
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
<div class="panel-body">
UI Tweaks
2014-09-10 09:27:21 +00:00
<table class="table table-condensed table-striped">
<tbody>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<tr ng-if="connections[deviceCfg.deviceID].connected">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-cloud-download"></span>&nbsp;<span translate>Download Rate</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{connections[deviceCfg.deviceID].inbps | binary}}B/s ({{connections[deviceCfg.deviceID].inBytesTotal | binary}}B)</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<tr ng-if="connections[deviceCfg.deviceID].connected">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-cloud-upload"></span>&nbsp;<span translate>Upload Rate</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{connections[deviceCfg.deviceID].outbps | binary}}B/s ({{connections[deviceCfg.deviceID].outBytesTotal | binary}}B)</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
<tr>
Expose connection type and relay status in the UI
2015-07-17 20:22:07 +00:00
<th>
Add scan percentages (fixes #1030)
2015-08-26 22:49:06 +00:00
<span class="fa fa-fw fa-link"></span>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<span translate ng-if="connections[deviceCfg.deviceID].type.indexOf('direct') == 0" >Address</span>
Expose connection type and relay status in the UI
2015-07-17 20:22:07 +00:00
<span translate ng-if="connections[deviceCfg.deviceID].type.indexOf('relay') == 0" >Relayed via</span>
</th>
Rename Repository -> Folder, Node -> Device (fixes #739)
2014-09-28 11:00:38 +00:00
<td class="text-right">{{deviceAddr(deviceCfg)}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="deviceCfg.compression != 'metadata'">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-compress"></span>&nbsp;<span translate>Compression</span></th>
Compress only metadata by default (fixes #1374)
2015-02-23 08:44:10 +00:00
<td class="text-right">
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<span ng-if="deviceCfg.compression == 'always'" translate>All Data</span>
<span ng-if="deviceCfg.compression == 'never'" translate>Off</span>
Compress only metadata by default (fixes #1374)
2015-02-23 08:44:10 +00:00
</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<tr ng-if="deviceCfg.introducer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-thumbs-o-up"></span>&nbsp;<span translate>Introducer</span></th>
Clean up device panel (...) (ref #964) - Remove "Synchronization" - Hide "Compression" when default (on) - Hide "Introducer" when default (off)
2014-11-27 19:46:36 +00:00
<td translate class="text-right">Yes</td>
Add "cluster introducer" functionality to nodes (ref #120)
2014-09-23 14:04:20 +00:00
</tr>
Revive remote client version in the GUI
2015-10-22 06:53:28 +00:00
<tr ng-if="connections[deviceCfg.deviceID].clientVersion">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-tag"></span>&nbsp;<span translate>Version</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td class="text-right">{{connections[deviceCfg.deviceID].clientVersion}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<tr ng-if="!connections[deviceCfg.deviceID].connected">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-eye"></span>&nbsp;<span translate>Last seen</span></th>
Use lowerCamelCase for the JSON API (fixes #1338) Replace the current mix of UpperCamelCase und lowerCamelCase with consistent lowerCamelCase keys for the JSON API. Also adapt the frontend so it works with the changed API. Attention: this will break existing consumers of the API.
2015-03-10 22:45:43 +00:00
<td translate ng-if="!deviceStats[deviceCfg.deviceID].lastSeenDays || deviceStats[deviceCfg.deviceID].lastSeenDays >= 365" class="text-right">Never</td>
Show date and time for web GUI notification (fixes #1833)
2015-05-21 08:40:46 +00:00
<td ng-if="deviceStats[deviceCfg.deviceID].lastSeenDays < 365" class="text-right">{{deviceStats[deviceCfg.deviceID].lastSeen | date:"yyyy-MM-dd HH:mm:ss"}}</td>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tr>
Mark unused devices as 'Unused' and in warning color, show folders per device (fixes #962)
2014-11-29 08:42:16 +00:00
<tr ng-if="deviceFolders(deviceCfg).length > 0">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<th><span class="fa fa-fw fa-folder"></span>&nbsp;<span translate>Folders</span></th>
Mark unused devices as 'Unused' and in warning color, show folders per device (fixes #962)
2014-11-29 08:42:16 +00:00
<td class="text-right">{{deviceFolders(deviceCfg).join(", ")}}</td>
</tr>
UI Tweaks
2014-09-10 09:27:21 +00:00
</tbody>
</table>
</div>
<div class="panel-footer">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<span class="pull-right">
<button type="button" class="btn btn-sm btn-default" ng-click="editDevice(deviceCfg)">
<span class="fa fa-pencil"></span>&nbsp;<span translate>Edit</span>
</button>
Pause and resume devices (ref #215)
2015-08-23 19:56:10 +00:00
<button ng-if="!connections[deviceCfg.deviceID].paused" type="button" class="btn btn-sm btn-default" ng-click="pauseDevice(deviceCfg.deviceID)">
<span class="fa fa-pause"></span>&nbsp;<span translate>Pause</span>
</button>
<button ng-if="connections[deviceCfg.deviceID].paused" type="button" class="btn btn-sm btn-default" ng-click="resumeDevice(deviceCfg.deviceID)">
<span class="fa fa-play"></span>&nbsp;<span translate>Resume</span>
</button>
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
</span>
UI Tweaks
2014-09-10 09:27:21 +00:00
<div class="clearfix"></div>
Repair and clean HTML structure
2014-05-24 19:56:09 +00:00
</div>
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
</div>
Fix spacing under Add buttons
2014-09-27 12:43:11 +00:00
<div class="form-group">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<button type="button" class="btn btn-sm btn-default pull-right" ng-click="addDevice()">
<span class="fa fa-plus"></span>&nbsp;<span translate>Add Device</span>
</button>
Fix spacing under Add buttons
2014-09-27 12:43:11 +00:00
<div class="clearfix"></div>
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</div>
</div> <!-- /row -->
</div> <!-- /container -->
<!-- Bottom bar -->
Small improvements for footer navbar
2015-01-10 17:02:27 +00:00
<nav class="navbar navbar-default navbar-fixed-bottom">
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
<div class="container">
Revamp UI (fixes #185, fixes #147, fixes #136, fixes #124)
2014-05-20 17:36:37 +00:00
<ul class="nav navbar-nav">
Change to Font Awesome icon font (fixes #2138) - remove Glyphicon assets and customize bootstrap CSS - add Font Awesome v4.4.0 assets - replace Glyphicons with Font Awesome icons in HTML - add icons to modal headers - add attribution for Font Awesome - format HTML source code for buttons
2015-08-10 09:22:37 +00:00
<li><a class="navbar-link" href="https://syncthing.net/" target="_blank"><span class="fa fa-home"></span>&nbsp;<span translate>Home page</span></a></li>
<li><a class="navbar-link" href="http://docs.syncthing.net/" target="_blank"><span class="fa fa-book"></span>&nbsp;<span translate>Documentation</span></a></li>
<li><a class="navbar-link" href="https://forum.syncthing.net" target="_blank"><span class="fa fa-question-circle"></span>&nbsp;<span translate>Support</span></a></li>
<li><a class="navbar-link" href="https://data.syncthing.net/" target="_blank"><span class="fa fa-bar-chart"></span>&nbsp;<span translate>Statistics</span></a></li>
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing/releases" target="_blank"><span class="fa fa-file-text-o"></span>&nbsp;<span translate>Changelog</span></a></li>
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing/issues" target="_blank"><span class="fa fa-bug"></span>&nbsp;<span translate>Bugs</span></a></li>
<li><a class="navbar-link" href="https://github.com/syncthing/syncthing" target="_blank"><span class="fa fa-wrench"></span>&nbsp;<span translate>Source Code</span></a></li>
<li><a class="navbar-link" href="https://twitter.com/syncthing" target="_blank"><span class="fa fa-twitter"></span>&nbsp;Twitter</a></li>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</ul>
Restart from web gui (fixes #50)
2014-02-12 11:10:44 +00:00
</div>
New GUI (fixes #73, fixes #87)
2014-04-09 21:00:23 +00:00
</nav>
Squashed commit of pull request #1954
2015-08-02 06:27:05 +00:00
<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>
Flatten GUI tree somewhat 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.
2015-08-02 07:05:19 +00:00
<div about-modal></div>
Implement "advanced configuration" dialog (fixes #2010)
2015-07-03 12:07:38 +00:00
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<!-- vendor scripts -->
Implement "advanced configuration" dialog (fixes #2010)
2015-07-03 12:07:38 +00:00
<script src="vendor/jquery/jquery-2.0.3.min.js"></script>
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<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>
Add pagination to Out of sync item list (fixes #1509)
2015-04-25 21:53:44 +00:00
<script src="vendor/angular/angular-dirPagination.js"></script>
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- / vendor scripts -->
<!-- gui application code -->
Flatten GUI tree somewhat 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.
2015-08-02 07:05:19 +00:00
<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/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/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>
Squashed commit of pull request #1954
2015-08-02 06:27:05 +00:00
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<script src="assets/lang/valid-langs.js"></script>
Ensure we always have an up to date list of language names
2015-06-02 06:47:26 +00:00
<script src="assets/lang/prettyprint.js"></script>
Flatten GUI tree somewhat 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.
2015-08-02 07:05:19 +00:00
<script src="syncthing/app.js"></script>
GUI Rework: reorganized folders and split app.js
2014-11-26 12:39:59 +00:00
<!-- / gui application code -->
Rudimentary HTTP GUI
2014-01-05 22:54:57 +00:00
</body>
</html>
Reference in New Issue Copy Permalink