iobroker.backitup
Version:
ioBroker.backitup allows you to backup and restore your ioBroker installation and other systems, such as databases, Zigbee, scripts and many more.
1,628 lines • 104 kB
HTML
<html>
<head>
<!-- these 4 files always have to be included -->
<link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
<link rel="stylesheet" type="text/css" href="../../css/adapter.css"/>
<script type="text/javascript" src="../../lib/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../socket.io/socket.io.js"></script>
<!-- these files always have to be included -->
<script type="text/javascript" src="../../js/translate.js"></script>
<script type="text/javascript" src="../../lib/js/materialize.js"></script>
<script type="text/javascript" src="../../js/adapter-settings.js"></script>
<script type="text/javascript" src="words.js"></script>
<!-- Load our own files -->
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="index_m.js"></script>
</head>
<body>
<div class="m adapter-container">
<div id="header-area" class="row" >
<div id="header-logo-title" class="col s6" >
<img class="logo" src="backitup.png" >
<p>
<span class="h-title">BackItUp</span><br />
<span class="translate h-sub-title">Backup your System …</span>
</p>
</div>
</div>
<div class="row">
<div class="col s12" id="tab-area">
<ul class="tabs blue">
<li class="tab col"><a href="#tab-settings" class="translate active">main settings</a></li>
<li class="tab col tab-extras"><a href="#tab-extras" class="translate">Extra-Settings</a></li>
<li class="tab col tab-restore"><a href="#tab-restore" class="translate">Restore</a></li>
<li class="tab col tab-notification"><a href="#tab-notification" class="translate">Notifications</a></li>
<li class="tab col tab-iobroker-backup"><a href="#tab-iobroker-backup" class="translate">iobroker backup</a></li>
<li class="tab col tab-ccu-backup"><a href="#tab-ccu-backup" class="translate">CCU Backup</a></li>
<li class="tab col tab-my-sql"><a href="#tab-my-sql" class="translate">MySql Backup</a></li>
<li class="tab col tab-pg-sql"><a href="#tab-pg-sql" class="translate">Postgresql Backup</a></li>
<li class="tab col tab-sqlite"><a href="#tab-sqlite" class="translate">sqlite3 Backup</a></li>
<li class="tab col tab-influxDB"><a href="#tab-influxDB" class="translate">InfluxDB Backup</a></li>
<li class="tab col tab-redis"><a href="#tab-redis" class="translate">Redis Backup</a></li>
<li class="tab col tab-history"><a href="#tab-history" class="translate">History Data Backup</a></li>
<li class="tab col tab-zigbee2mqtt"><a href="#tab-zigbee2mqtt" class="translate">Zigbee2MQTT</a></li>
<li class="tab col tab-cifs"><a href="#tab-cifs" class="translate">NAS / Copy</a></li>
<li class="tab col tab-ftp"><a href="#tab-ftp" class="translate">FTP</a></li>
<li class="tab col tab-dropbox"><a href="#tab-dropbox" class="translate">Dropbox</a></li>
<li class="tab col tab-onedrive"><a href="#tab-onedrive" class="translate">Onedrive</a></li>
<li class="tab col tab-googledrive"><a href="#tab-googledrive" class="translate">Google Drive</a></li>
<li class="tab col tab-webDAV"><a href="#tab-webDAV" class="translate">WebDAV</a></li>
<li class="tab col tab-grafana"><a href="#tab-grafana" class="translate">Grafana Backup</a></li>
</ul>
</div>
<div class="row">
<!-- main settings -->
<div id="tab-settings" class="col s12 page">
<!-- What to back up -->
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">What to back up</h6>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s6 l2">
<input class="value" id="minimalEnabled" type="checkbox"/>
<label for="minimalEnabled" class="translate">iobroker backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="ccuEnabled" type="checkbox"/>
<label for="ccuEnabled" class="translate">Homematic CCU backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="redisEnabled" type="checkbox"/>
<label for="redisEnabled" class="translate">Save Redis state</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="javascriptsEnabled" type="checkbox"/>
<label for="javascriptsEnabled" class="translate">Javascripts Backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="zigbee2mqttEnabled" type="checkbox"/>
<label for="zigbee2mqttEnabled" class="translate">Zigbee2MQTT</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="zigbeeEnabled" type="checkbox"/>
<label for="zigbeeEnabled" class="translate">Save Zigbee database</label>
</div>
</div>
<div class="row">
<div class="input-field col s6 l2">
<input class="value" id="historyEnabled" type="checkbox"/>
<label for="historyEnabled" class="translate">Save History Data</label>
</div>
<div class="input-field col s6 l2 ">
<input class="value" id="influxDBEnabled" type="checkbox"/>
<label for="influxDBEnabled" class="translate">InfluxDB Backup</label>
</div>
<div class="input-field col s6 l2 ">
<input class="value" id="mySqlEnabled" type="checkbox"/>
<label for="mySqlEnabled" class="translate">MySql Backup</label>
</div>
<div class="input-field col s6 l2 ">
<input class="value" id="pgSqlEnabled" type="checkbox"/>
<label for="pgSqlEnabled" class="translate">Postgresql Backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="sqliteEnabled" type="checkbox"/>
<label for="sqliteEnabled" class="translate">sqlite3 Backup</label>
</div>
<div class="input-field col s6 l2 ">
<input class="value" id="grafanaEnabled" type="checkbox"/>
<label for="grafanaEnabled" class="translate">Grafana Backup</label>
</div>
</div>
<div class="row">
<div class="input-field col s6 l2">
<input class="value" id="noderedEnabled" type="checkbox"/>
<label for="noderedEnabled" class="translate">Node-Red Backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="yahkaEnabled" type="checkbox"/>
<label for="yahkaEnabled" class="translate">Yahka (Homekit) Backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="jarvisEnabled" type="checkbox"/>
<label for="jarvisEnabled" class="translate">Jarvis Backup</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="esphomeEnabled" type="checkbox"/>
<label for="esphomeEnabled" class="translate">ESPHome</label>
</div>
</div>
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Storage location</h6>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s6 l2">
<input class="value" id="cifsEnabled" type="checkbox"/>
<span for="cifsEnabled" class="translate">NAS / Copy</span>
</div>
<div class="input-field col s6 l2">
<input class="value" id="ftpEnabled" type="checkbox"/>
<span for="ftpEnabled" class="translate">FTP</span>
</div>
<div class="input-field col s6 l2">
<input class="value" id="dropboxEnabled" type="checkbox"/>
<span for="dropboxEnabled" class="translate">Dropbox</span>
</div>
<div class="input-field col s6 l2">
<input class="value" id="googledriveEnabled" type="checkbox"/>
<span for="googledriveEnabled" class="translate">Google Drive</span>
</div>
<div class="input-field col s6 l2">
<input class="value" id="webdavEnabled" type="checkbox"/>
<span for="webdavEnabled" class="translate">WebDAV</span>
</div>
<div class="input-field col s6 l2">
<input class="value" id="onedriveEnabled" type="checkbox"/>
<span for="onedriveEnabled" class="translate">Onedrive</span>
</div>
</div>
<div class="row">
<div class="col s12">
<div class="card-panel linkDesign" style="background-color:#174475;">
<span class="white-text translate">Some features of BackItUp require additional adapters and tools. For detailed information please read the documentation of BackItUp!</span>
<span><a style="color: #1e88e5!important;" href="https://github.com/simatec/ioBroker.backitup/blob/master/README.md#iobrokerbackitup" target="_blank" class="translate"> *** Open Readme ***</a></span>
<a class="right donateButton" title="GitHub Sponsors" href="https://github.com/sponsors/simatec" target="_blank">
<img class="material-icons right" src="https://camo.githubusercontent.com/365a269ff418d24bdf194ab15958a7545e2d9cc794be9e42933e57519e315b51/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d53706f6e736f72266d6573736167653d254532253944254134266c6f676f3d47697448756226636f6c6f723d253233666538653836">
</a>
<a class="right donateButton" title="PayPal.Me" href="https://paypal.me/mk1676" target="_blank">
<img class="material-icons right" src="https://camo.githubusercontent.com/bf0ea06ef4d9aa4dcb2f2990d99371e7a68e543ec49b788e481568a88c745502/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f70617970616c2d646f6e6174652532302537432532307370656e64656e2d626c75652e737667">
</a>
</div>
</div>
</div>
</div>
<!-- extra settings -->
<div id="tab-extras" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Additional setting</h6>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s12 m6 l3">
<input class="value" id="notificationEnabled" type="checkbox"/>
<label for="notificationEnabled" class="translate">Enable Notifications</label>
</div>
<div class="input-field col s12 m6 l3">
<input class="value" id="restoreTab" type="checkbox"/>
<label for="restoreTab" class="translate">Show restore tab</label>
</div>
<div class="input-field col s12 m6 l3">
<input class="value" id="debugLevel" type="checkbox"/>
<label for="debugLevel" class="translate">Enable debug</label>
</div>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s12 m6 l3">
<input class="value" id="sentry_enable" type="checkbox"/>
<label for="sentry_enable" class="translate">send analysis data</label>
</div>
<div class="input-field col s12 m6 l3">
<input class="value" id="ignoreErrors" type="checkbox"/>
<label for="ignoreErrors" class="translate">ignore Backup Errors</label>
</div>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s12 m6 l3">
<input type="number" class="value" id="historyEntriesNumber" min="1" max="50"/>
<label for="historyEntriesNumber" class="translate">Number of history entries</label>
</div>
<div class="input-field col s12 m6 l3">
<input type="number" class="value" id="fileSizeWarning" min="1" max="5000"/>
<label for="fileSizeWarning" class="translate">Local hard disk space Limit value for warning message (MB)</label>
</div>
<div class="input-field col s12 m6 l3">
<input type="number" class="value" id="fileSizeError" min="1" max="5000"/>
<label for="fileSizeError" class="translate">Local hard disk space Limit value for error message (MB)</label>
</div>
</div>
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Multihost settings</h6>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s12 m6 l3">
<select id="hostType" class="value">
<option value="Single">Single</option>
<option value="Master">Master</option>
<option value="Slave">Slave</option>
</select>
<label for="hostType" class="translate">Host Type</label>
</div>
<div class="input-field col s12 m6 l3 slaveInst">
<select id="slaveInstance" class="value" multiple></select>
<label for="slaveInstance" class="translate">slave instances</label>
</div>
<div class="input-field col s12 m6 l3 slaveSuffix">
<input class="value" id="slaveNameSuffix" type="text">
<label for="slaveNameSuffix" class="translate">name</label>
<span class="translate">Slave Name suffix</span>
</div>
</div>
<div class="row" style="padding: 2px;">
<div class="input-field col s12 m6 l3 slaveInst">
<input class="value" id="stopSlaveAfter" type="checkbox"/>
<label for="stopSlaveAfter" class="translate">Slave Instances stopping after backup</label>
</div>
</div>
</div>
<!-- iobroker Backup -->
<div id="tab-iobroker-backup" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">iobroker backup</h6>
</div>
<div class="row">
<div class="input-field col s6 l3">
<a class="waves-effect waves-light btn btn-backitup btn-iobroker do-backup" style="background-color:#3399CC;" data-type="iobroker"><i class="material-icons right">backup</i><span class="translate">backup now</span></a>
</div>
</div>
<div class="row iobroker">
<div class="input-field col s12 m6 l3 ownIobrokerTime">
<input type="text" class="value timepicker" id="minimalTime" type="text">
<label for="minimalTime" class="translate">backup time</label>
<span class="translate">Backup start time in hh: mm</span>
</div>
<div class="input-field col s12 m6 l3 ownIobrokerCron">
<input type="text" class="value" id="iobrokerCronJob" type="text">
<label for="iobrokerCronJob" class="translate">backup cronjob</label>
<span class="translate">Backup time as cronjob</span>
</div>
<div class="input-field col s12 m6 l3 ownIobrokerTime">
<input type="number" class="value" id="minimalEveryXDays" min="1" max="100"/>
<label for="minimalEveryXDays" class="translate">days</label>
<span class="translate">Backup will run every X days</span>
</div>
<div class="input-field col s12 m6 l3">
<input type="number" class="value" id="minimalDeleteAfter" min="1" max="100"/>
<label for="minimalDeleteAfter" class="translate">piece</label>
<span class="translate">old iobroker backups delete after X-days</span>
</div>
<div class="input-field col s12 m6 l3">
<input class="value" id="minimalNameSuffix" type="text">
<label for="minimalNameSuffix" class="translate">name</label>
<span class="translate">Name suffix</span>
</div>
</div>
<div class="row iobroker">
<div class="input-field col s12 m6 l4">
<input class="value" id="iobrokerCron" type="checkbox"/>
<label for="iobrokerCron" class="translate">Create your own cronjob (for experts only)</label>
</div>
</div>
</div>
<!-- CCU Backup -->
<div id="tab-ccu-backup" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Homematic CCU backup</h6>
</div>
<div class="row">
<div class="input-field col s6 l4 ccu">
<a class="waves-effect waves-light btn btn-backitup btn-ccu do-backup" style="background-color:#3399CC;" data-type="ccu"><i class="material-icons right">backup</i><span class="translate">backup now</span></a>
</div>
<div class="input-field col s6 l4 ccu">
<a class="waves-effect waves-light btn btn-backitup detect-ccu" style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">detect config</span></a>
</div>
</div>
<div class="row ccu">
<div class="input-field col s12 m6 l4 ownCCUTime">
<input type="text" class="timepicker value" id="ccuTime" type="text">
<label for="ccuTime" class="translate">backup time</label>
<span class="translate">Backup start time in hh: mm</span>
</div>
<div class="input-field col s12 m6 l4 ownCCUCron">
<input type="text" class="value" id="ccuCronJob" type="text">
<label for="ccuCronJob" class="translate">backup cronjob</label>
<span class="translate">Backup time as cronjob</span>
</div>
<div class="input-field col s12 m4 l4 ownCCUTime">
<input type="number" class="value" id="ccuEveryXDays" min="1" max="100"/>
<label for="ccuEveryXDays" class="translate">days</label>
<span class="translate">Backup will run every X days</span>
</div>
<div class="input-field col s12 m4 l4">
<input type="number" class="value" id="ccuDeleteAfter" min="1" max="100"/>
<label for="ccuDeleteAfter" class="translate">piece</label>
<span class="translate">Old CCU backups delete after X days</span>
</div>
</div>
<div class="row ccu multiCCU">
<div class="input-field col s12 m6 l4 multiCCU">
<input class="value" id="ccuHost" type="text">
<label for="ccuHost" class="translate">IP address</label>
<span class="translate">IP of the CCU</span>
</div>
<div class="input-field col s12 m6 l4 multiCCU">
<input class="value" id="ccuUser" type="text">
<label for="ccuUser" class="translate">Username</label>
<span class="translate">Username of the CCU</span>
</div>
<div class="input-field col s12 m6 l4 multiCCU">
<input class="value" id="ccuPassword" type="password">
<label for="ccuPassword" class="translate">password</label>
<span class="translate">Password of the CCU</span>
</div>
</div>
<div class="row ccu">
<div class="input-field col s12 m6 l4">
<input class="value" id="ccuCron" type="checkbox"/>
<label for="ccuCron" class="translate">Create your own cronjob (for experts only)</label>
</div>
<div class="input-field col s6 l4 multiCCU">
<input class="value" id="ccuUsehttps" type="checkbox" />
<span for="ccuUsehttps" class="translate">use https</span>
</div>
<div class="input-field col s12 m6 l4 ccuCert multiCCU">
<input class="value" id="ccuSignedCertificates" type="checkbox"/>
<label for="ccuSignedCertificates" class="translate">Allow only signed certificates</label>
</div>
</div>
<div class="row ccu">
<div class="input-field col s6 l4">
<input class="value" id="ccuMulti" type="checkbox" />
<span for="ccuMulti" class="translate">Backup of several Systems</span>
</div>
</div>
<div class="row ccu singleCCU">
<div class="col s12" id="ccuEvents">
<div class="row">
<div class="col s2 m1 l1 left">
<a id="ccuAdded" class="btn-floating btn-backitup waves-effect waves-light blue table-button-add"><i class="material-icons btn-backitup" style="background-color:#3399CC;">add</i></a>
</div>
</div>
<div class="table-values-div table-values-fix">
<table class="table-values">
<thead>
<tr>
<th data-name="_index" id="ccuEvents_col_0" style="width: 50px; background: #174475; text-align: center" data-style="text-align: center">Nr</th>
<th data-name="host" id="ccuEvents_col_1" data-type="text" style="background: #174475" class="translate">IP address</th>
<th data-name="user" id="ccuEvents_col_2" data-type="text" style="background: #174475" class="translate">Username</th>
<th data-name="pass" id="ccuEvents_col_3" data-type="password" style="background: #174475" class="translate">password</th>
<th data-name="nameSuffix" id="ccuEvents_col_4" data-type="text" style="background: #174475" class="translate">Name suffix</th>
<th data-name="usehttps" id="ccuEvents_col_5" style="background: #174475" data-style="width: 70px" data-type="checkbox" class="translate">use https</th>
<th data-name="signedCertificates" id="ccuEvents_col_6" style="background: #174475" data-style="width: 120px" data-type="checkbox" class="translate">Allow only signed certificates</th>
<th data-buttons="copy up down delete" style="width: 90px; background: #174475"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- Mysql Backup -->
<div id="tab-my-sql" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">MySql Backup</h6>
</div>
<div class="row">
<div class="input-field col s6 l3 mysql">
<a class="waves-effect waves-light btn btn-backitup detect-mysql"style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">detect config</span></a>
</div>
</div>
<div class="row mysql multimySql">
<div class="input-field col s12 m6 l4">
<input class="value" id="mySqlHost" type="text">
<label for="mySqlHost" class="translate">Host</label>
<span class="translate">MySQL Hostname</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="mySqlPort" type="text">
<label for="mySqlPort" class="translate">port</label>
<span class="translate">MySQL port</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="mySqlName" type="text">
<label for="mySqlName" class="translate">name</label>
<span class="translate">MySQL database name</span>
</div>
</div>
<div class="row mysql multimySql">
<div class="input-field col s12 m6 l4">
<input class="value" id="mySqlUser" type="text">
<label for="mySqlUser" class="translate">MySql username</label>
<span class="translate">MySql username</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="mySqlPassword" type="password">
<label for="mySqlPassword" class="translate">password</label>
<span class="translate">MySql password</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="text" class="value" id="mySqlDumpExe">
<label for="mySqlDumpExe" class="translate">Full path</label>
<span class="translate">Path with filename to mysqldump executable (leave empty to use default)</span>
</div>
</div>
<div class="row mysql">
<div class="input-field col s6 l4">
<input class="value" id="mysqlQuick" type="checkbox"/>
<label for="mysqlQuick" class="translate">Retrieve tables row by row</label>
</div>
<div class="input-field col s6 l4">
<input class="value" id="mysqlSingleTransaction" type="checkbox"/>
<label for="mysqlSingleTransaction" class="translate">BEGIN instruction before backup</label>
</div>
</div>
<div class="row mysql">
<div class="input-field col s6 l4">
<input class="value" id="mySqlMulti" type="checkbox" />
<span for="mySqlMulti" class="translate">Backup of several Systems</span>
</div>
</div>
<div class="row mysql singlemySql">
<div class="col s12" id="mySqlEvents">
<div class="row">
<div class="col s2 m1 l1 left">
<a id="mySqlAdded" class="btn-floating btn-backitup waves-effect waves-light blue table-button-add"><i class="material-icons btn-backitup" style="background-color:#3399CC;">add</i></a>
</div>
</div>
<div class="table-values-div table-values-fix">
<table class="table-values">
<thead>
<tr>
<th data-name="_index" id="mySqlEvents_col_0" style="width: 50px; background: #174475; text-align: center" data-style="text-align: center">Nr</th>
<th data-name="host" id="mySqlEvents_col_1" data-type="text" style="background: #174475" class="translate">Host</th>
<th data-name="port" id="mySqlEvents_col_2" data-type="number" style="background: #174475" class="translate">port</th>
<th data-name="user" id="mySqlEvents_col_3" data-type="text" style="background: #174475" class="translate">Username</th>
<th data-name="pass" id="mySqlEvents_col_4" data-type="password" style="background: #174475" class="translate">password</th>
<th data-name="dbName" id="mySqlEvents_col_5" data-type="text" style="background: #174475" class="translate">MySQL database name</th>
<th data-name="nameSuffix" id="mySqlEvents_col_6" data-type="text" style="background: #174475" class="translate">Name suffix</th>
<th data-name="exe" id="mySqlEvents_col_7" data-type="text" style="background: #174475" class="translate">Full path</th>
<th data-buttons="copy up down delete" style="width: 90px; background: #174475"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- pgsql Backup -->
<div id="tab-pg-sql" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Postgresql Backup</h6>
</div>
<div class="row">
<div class="input-field col s6 l3 pgsql">
<a class="waves-effect waves-light btn btn-backitup detect-pgsql" style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">detect config</span></a>
</div>
</div>
<div class="row pgsql multipgSql">
<div class="input-field col s12 m6 l4">
<input class="value" id="pgSqlHost" type="text">
<label for="pgSqlHost" class="translate">Host</label>
<span class="translate">Postgresql Hostname</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="pgSqlPort" type="text">
<label for="pgSqlPort" class="translate">port</label>
<span class="translate">Postgresql port</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="pgSqlName" type="text">
<label for="pgSqlName" class="translate">name</label>
<span class="translate">Postgresql database name</span>
</div>
</div>
<div class="row pgsql multipgSql">
<div class="input-field col s12 m6 l4">
<input class="value" id="pgSqlUser" type="text">
<label for="pgSqlUser" class="translate">Postgresql username</label>
<span class="translate">Postgresql username</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="pgSqlPassword" type="password">
<label for="pgSqlPassword" class="translate">password</label>
<span class="translate">Postgresql password</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="text" class="value" id="pgSqlDumpExe">
<label for="pgSqlDumpExe" class="translate">Full path</label>
<span class="translate">Path with filename to postgresql executable (leave empty to use default)</span>
</div>
</div>
<div class="row pgsql">
<div class="input-field col s6 l4">
<input class="value" id="pgSqlMulti" type="checkbox" />
<span for="pgSqlMulti" class="translate">Backup of several Systems</span>
</div>
</div>
<div class="row mysql singlepgSql">
<div class="col s12" id="pgSqlEvents">
<div class="row">
<div class="col s2 m1 l1 left">
<a id="pgSqlAdded" class="btn-floating btn-backitup waves-effect waves-light blue table-button-add"><i class="material-icons btn-backitup" style="background-color:#3399CC;">add</i></a>
</div>
</div>
<div class="table-values-div table-values-fix">
<table class="table-values">
<thead>
<tr>
<th data-name="_index" id="pgSqlEvents_col_0" style="width: 50px; background: #174475; text-align: center" data-style="text-align: center">Nr</th>
<th data-name="host" id="pgSqlEvents_col_1" data-type="text" style="background: #174475" class="translate">Host</th>
<th data-name="port" id="pgSqlEvents_col_2" data-type="number" style="background: #174475" class="translate">port</th>
<th data-name="user" id="pgSqlEvents_col_3" data-type="text" style="background: #174475" class="translate">Username</th>
<th data-name="pass" id="pgSqlEvents_col_4" data-type="password" style="background: #174475" class="translate">password</th>
<th data-name="dbName" id="pgSqlEvents_col_5" data-type="text" style="background: #174475" class="translate">Postgresql database name</th>
<th data-name="nameSuffix" id="pgSqlEvents_col_6" data-type="text" style="background: #174475" class="translate">Name suffix</th>
<th data-name="exe" id="pgSqlEvents_col_7" data-type="text" style="background: #174475" class="translate">Full path</th>
<th data-buttons="copy up down delete" style="width: 90px; background: #174475"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- Grafana Backup -->
<div id="tab-grafana" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Grafana Backup</h6>
</div>
<div class="row grafana">
<div class="input-field col s12 m6 l4">
<input class="value" id="grafanaHost" type="text">
<label for="grafanaHost" class="translate">Host</label>
<span class="translate">Grafana Hostname</span>
</div>
<div class="input-field col s12 m6 l2">
<input class="value" id="grafanaPort" type="text">
<label for="grafanaPort" class="translate">port</label>
<span class="translate">Grafana port</span>
</div>
<div class="input-field col s12 m6 l2">
<select id="grafanaProtocol" class="value">
<option value="http">http</option>
<option value="https">https</option>
</select>
<label for="grafanaProtocol" class="translate">Protocol</label>
<span class="translate">Protocol</span>
</div>
</div>
<div class="row grafana">
<div class="input-field col s12 m6 l4">
<input class="value" id="grafanaUsername" type="text">
<label for="grafanaUsername" class="translate">Grafana username</label>
<span class="translate">Grafana username</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="grafanaPassword" type="password">
<label for="grafanaPassword" class="translate">password</label>
<span class="translate">Grafana password</span>
</div>
</div>
<div class="row grafana">
<div class="input-field col s12 m6 l8">
<input class="value" id="grafanaApiKey" type="password">
<label for="grafanaApiKey" class="translate">Grafana API-Key or Service Token</label>
<span class="translate">Grafana API-Key or Service Token</span>
</div>
</div>
<div class="row grafana">
<div class="input-field col s12 m6 l4 grafanaCert">
<input class="value" id="grafanaSignedCertificates" type="checkbox"/>
<label for="grafanaSignedCertificates" class="translate">Allow only signed certificates</label>
</div>
</div>
</div>
<!-- influxDB Backup -->
<div id="tab-influxDB" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">InfluxDB Backup</h6>
</div>
<div class="row">
<div class="input-field col s11 m2">
<select class="value" id="influxDBType">
<option value="remote" class="translate">Remote</option>
<option value="local" class="translate">Local</option>
</select>
<label for="influxDBType" class="translate">source type</label>
</div>
<div class="input-field col s6 l3 influxDB">
<a class="waves-effect waves-light btn btn-backitup detect-influxDB" style="background-color:#3399CC;"><i class="material-icons right">search</i><span
class="translate">detect config</span></a>
</div>
</div>
<div class="row influxRemote">
<div class="input-field col s12 m6 l4">
<input class="value" id="influxDBHost" type="text">
<label for="influxDBHost" class="translate">Host</label>
<span class="translate">InfluxDB Hostname (leave blank to save locally only)</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="influxDBPort" type="text">
<label for="influxDBPort" class="translate">port</label>
<span class="translate">InfluxDB port (default: 8088)</span>
</div>
<div class="input-field col s11 m4">
<select class="value" id="influxDBProtocol">
<option value="http" >http</option>
<option value="https" >https</option>
</select>
<label for="influxDBProtocol" class="translate">Protocol</label>
</div>
</div>
<div class="row influxDB">
<div class="input-field col s11 m4 multiInfluxDB">
<select class="value" id="influxDBVersion">
<option value="1.x" >1.x</option>
<option value="2.x" >2.x</option>
</select>
<label for="influxDBVersion" class="translate">Database Version</label>
</div>
<div class="input-field col s12 m6 l4 multiInfluxDB">
<input class="value" id="influxDBName" type="text">
<label for="influxDBName" class="translate">name</label>
<span class="translate">InfluxDB database name</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="text" class="value" id="influxDBDumpExe">
<label for="influxDBDumpExe" class="translate">Full path</label>
<span class="translate">Path with filename to influxd executable (leave empty to use default)</span>
</div>
</div>
<div class="row influxDB multiInfluxDB db2x">
<div class="input-field col s12 m6 l8">
<input class="value" id="influxDBToken" type="password">
<label for="influxDBToken" class="translate">Token</label>
<span class="translate">InfluxDB database Token</span>
</div>
</div>
<div class="row influxDB">
<div class="input-field col s6 l4">
<input class="value" id="influxDBMulti" type="checkbox" />
<span for="influxDBMulti" class="translate">Backup of several Systems</span>
</div>
<div class="input-field col s6 l4 influxLocal">
<input class="value" id="deleteOldDataBase" type="checkbox" />
<label for="deleteOldDataBase" class="translate">automatically delete old Influx-database before restore</label>
</div>
</div>
<div class="row influxDB singleInfluxDB">
<div class="col s12" id="influxDBEvents">
<div class="row">
<div class="col s2 m1 l1 left">
<a id="influxDBAdded" class="btn-floating btn-backitup waves-effect waves-light blue table-button-add"><i class="material-icons btn-backitup" style="background-color:#3399CC;">add</i></a>
</div>
</div>
<div class="table-values-div table-values-fix">
<table class="table-values influxDBTable">
<thead>
<tr>
<th data-name="_index" id="influxDBEvents_col_0" style="width: 50px; background: #174475; text-align: center; width: 2.0rem;" data-style="text-align: center">Nr</th>
<th data-name="host" id="influxDBEvents_col_1" data-type="text" style="background: #174475; width: 15.0rem;" class="translate">Host</th>
<th data-name="port" id="influxDBEvents_col_2" data-type="number" style="background: #174475; width: 6.0rem;" class="translate">port</th>
<th data-name="dbName" id="influxDBEvents_col_3" data-type="text" style="background: #174475; width: 15.0rem;" class="translate">database name</th>
<th data-name="nameSuffix" id="influxDBEvents_col_4" data-type="text" style="background: #174475; width: 15.0rem;" class="translate">Name suffix</th>
<th data-name="token" id="influxDBEvents_col_5" data-type="password" style="background: #174475" class="translate">Token (only for v2.x)</th>
<th data-name="protocol" id="influxDBEvents_col_6" data-type="select" data-options="http;https" style="background: #174475; width: 6.0rem;" class="translate">Protocol</th>
<th data-name="dbversion" id="influxDBEvents_col_7" data-type="select" data-options="1.x;2.x" style="background: #174475; width: 6.0rem;" class="translate">Version</th>
<th data-buttons="copy up down delete" style="width: 8.0rem; background: #174475"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<div class="row influxRemote">
<div class="col s12">
<div class="card-panel linkDesign" style="background-color:#174475;">
<span class="white-text translate">Configuring remote connections. For detailed information please read the documentation of InfluxDB!</span>
<span><a style="color: #1e88e5!important;" href="https://docs.influxdata.com/influxdb/v1.8/administration/backup_and_restore/#configuring-remote-connections" target="_blank" class="translate"> *** Open InfluxDB Documentation ***</a></span>
</div>
</div>
</div>
</div>
<!-- sqlite -->
<div id="tab-sqlite" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">sqlite3 Backup</h6>
</div>
<div class="row">
<div class="input-field col s6 l3">
<a class="waves-effect waves-light btn btn-backitup detect-sqlite"style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">detect config</span></a>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="sqlitePath" type="text" />
<label for="sqlitePath" class="translate">sqlite3 file path</label>
<span class="translate">sqlite3 file path</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="text" class="value" id="sqliteDumpExe">
<label for="sqliteDumpExe" class="translate">Full path</label>
<span class="translate">Path with filename to sqlite3 executable (leave empty to use default)</span>
</div>
</div>
</div>
<!-- Redis -->
<div id="tab-redis" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Save Redis state</h6>
</div>
<div class="row redisDocker">
<div class="input-field col s11 m2">
<select class="value" id="redisType">
<option value="remote" class="translate">Remote</option>
<option value="local" class="translate">Local</option>
</select>
<label for="redisType" class="translate">source type</label>
</div>
</div>
<div class="row redisLocal">
<div class="input-field col s6 l6 redis_path">
<input class="value" id="redisPath" type="text" />
<label for="redisPath" class="translate">Redis file path</label>
</div>
</div>
<div class="row redisLocal">
<div class="input-field col s6 l4">
<input class="value" id="redisAOFactive" type="checkbox" />
<label for="redisAOFactive" class="translate">AOF activated</label>
</div>
</div>
<div class="row redisRemote">
<div class="input-field col s12 m6 l4">
<input class="value" id="redisHost" type="text">
<label for="redisHost" class="translate">Host</label>
<span class="translate">Redis Hostname</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="redisPort" type="text">
<label for="redisPort" class="translate">port</label>
<span class="translate">port</span>
</div>
</div>
<div class="row redisRemote">
<div class="input-field col s12 m6 l4">
<input class="value" id="redisUser" type="text">
<label for="redisUser" class="translate">Redis username</label>
<span class="translate">Redis username</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="redisPassword" type="password">
<label for="redisPassword" class="translate">password</label>
<span class="translate">Redis password</span>
</div>
</div>
</div>
<!-- History Backup -->
<div id="tab-history" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Save History Data</h6>
</div>
<div class="row">
<div class="input-field col s6 l3">
<a class="waves-effect waves-light btn btn-backitup detect-history" style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">detect config</span></a>
</div>
</div>
<div class="row">
<div class="input-field col s6 l6 history_path">
<input class="value" id="historyPath" type="text"/>
<label for="historyPath" class="translate">History data path</label>
</div>
</div>
<div class="row">
<div class="col s12">
<div class="translate">Backup of all stored data of the history adapter</div>
</div>
</div>
</div>
<!-- zigbee2mqqtt -->
<div id="tab-zigbee2mqtt" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Zigbee2MQTT</h6>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="zigbee2mqttPath" type="text" />
<label for="zigbee2mqttPath" class="translate">Zigbee2MQTT file path</label>
<span class="translate">Zigbee2MQTT file path</span>
</div>
</div>
</div>
<!-- notifications -->
<div id="tab-notification" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Notifications</h6>
</div>
<div class="row">
<div class="input-field col s11 m2">
<select class="value" id="notificationsType">
<option value="E-Mail" class="translate">E-Mail</option>
<option value="Discord" class="translate">Discord</option>
<option value="Gotify" class="translate">Gotify</option>
<option value="Matrix" class="translate">Matrix</option>
<option value="Pushover" class="translate">Pushover</option>
<option value="Signal" class="translate">Signal</option>
<option value="Telegram" class="translate">Telegram</option>
<option value="WhatsApp" class="translate">WhatsApp</option>
</select>
<label for="notificationsType" class="translate">notifications type</label>
</div>
</div>
<!-- Telegram -->
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<select id="telegramInstance" class="value"></select>
<label for="telegramInstance" class="translate">Telegram instance</label>
</div>
<div class="input-field col s12 m6 l3 telegram">
<select class="value" id="telegramUser"></select>
<label class="translate" for="telegramUser">Telegram Receiver</label>
</div>
</div>
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<select class="value" id="telegramNoticeType">
<option value="longTelegramNotice" class="translate">Long Notifications</option>
<option value="shortTelegramNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="telegramNoticeType">Notification Style</label>
</div>
<div class="input-field col s12 m6 l3 telegram">
<input type="number" class="value" id="telegramWaitToSend" min="0" max="20"/>
<label for="telegramWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row telegram">
<div class="input-field col s12 m6 l3 telegram">
<input class="value" id="telegramSilentNotice" type="checkbox"/>
<label for="telegramSilentNotice" class="translate">Silent Notice</label>
</div>
<div class="input-field col s12 m6 l3 telegram">
<input class="value" id="telegramOnlyError" type="checkbox"/>
<label for="telegramOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- WhatsApp -->
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<select id="whatsappInstance" class="value"></select>
<label for="whatsappInstance" class="translate">WhatsApp instance</label>
</div>
<div class="input-field col s12 m6 l3 whatsapp">
<select class="value" id="whatsappNoticeType">
<option value="longWhatsappNotice" class="translate">Long Notifications</option>
<option value="shortWhatsappNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="whatsappNoticeType">Notification Style</label>
</div>
</div>
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<input type="number" class="value" id="whatsappWaitToSend" min="0" max="20"/>
<label for="whatsappWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row whatsapp">
<div class="input-field col s12 m6 l3 whatsapp">
<input class="value" id="whatsappOnlyError" type="checkbox"/>
<label for="whatsappOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- Gotify -->
<div class="row gotify">
<div class="input-field col s12 m6 l3 gotify">
<select id="gotifyInstance" class="value"></select>
<label for="gotifyInstance" class="translate">Gotify instance</label>
</div>
<div class="input-field col s12 m6 l3 gotify">
<select class="value" id="gotifyNoticeType">
<option value="longGotifyNotice" class="translate">Long Notifications</option>
<option value="shortGotifyNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="gotifyNoticeType">Notification Style</label>
</div>
</div>
<div class="row gotify">
<div class="input-field col s12 m6 l3 gotify">
<input type="number" class="value" id="gotifyWaitToSend" min="0" max="20"/>
<label for="gotifyWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row gotify">
<div class="input-field col s12 m6 l3 gotify">
<input class="value" id="gotifyOnlyError" type="checkbox"/>
<label for="gotifyOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- Signal -->
<div class="row signal">
<div class="input-field col s12 m6 l3 signal">
<select id="signalInstance" class="value"></select>
<label for="signalInstance" class="translate">Signal instance</label>
</div>
<div class="input-field col s12 m6 l3 signal">
<select class="value" id="signalNoticeType">
<option value="longSignalNotice" class="translate">Long Notifications</option>
<option value="shortSignalNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="signalNoticeType">Notification Style</label>
</div>
</div>
<div class="row signal">
<div class="input-field col s12 m6 l3 signal">
<input type="number" class="value" id="signalWaitToSend" min="0" max="20"/>
<label for="signalWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row signal">
<div class="input-field col s12 m6 l3 signal">
<input class="value" id="signalOnlyError" type="checkbox"/>
<label for="signalOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- Matrix -->
<div class="row matrix">
<div class="input-field col s12 m6 l3 matrix">
<select id="matrixInstance" class="value"></select>
<label for="matrixInstance" class="translate">Matrix instance</label>
</div>
<div class="input-field col s12 m6 l3 matrix">
<select class="value" id="matrixNoticeType">
<option value="longMatrixNotice" class="translate">Long Notifications</option>
<option value="shortMatrixNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="matrixNoticeType">Notification Style</label>
</div>
</div>
<div class="row matrix">
<div class="input-field col s12 m6 l3 matrix">
<input type="number" class="value" id="matrixWaitToSend" min="0" max="20"/>
<label for="matrixWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row matrix">
<div class="input-field col s12 m6 l3 matrix">
<input class="value" id="matrixOnlyError" type="checkbox"/>
<label for="matrixOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- Pushover -->
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<select id="pushoverInstance" class="value"></select>
<label for="pushoverInstance" class="translate">Pushover instance</label>
</div>
<div class="input-field col s12 m6 l3 pushover">
<select class="value" id="pushoverNoticeType">
<option value="longPushoverNotice" class="translate">Long Notifications</option>
<option value="shortPushoverNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="pushoverNoticeType">Notification Style</label>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<input type="number" class="value" id="pushoverWaitToSend" min="0" max="20"/>
<label for="pushoverWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverDeviceID" type="text">
<label for="pushoverDeviceID" class="translate">device ID (optional)</label>
</div>
</div>
<div class="row pushover">
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverSilentNotice" type="checkbox"/>
<label for="pushoverSilentNotice" class="translate">Silent Notice</label>
</div>
<div class="input-field col s12 m6 l3 pushover">
<input class="value" id="pushoverOnlyError" type="checkbox"/>
<label for="pushoverOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- email -->
<div class="row email">
<div class="input-field col s12 m6 l3 email">
<input class="value" id="emailReceiver" type="text">
<label for="emailReceiver" class="translate">email receiver</label>
<span class="translate">email receiver</span>
</div>
<div class="input-field col s12 m6 l3 email">
<input class="value" id="emailSender" type="text">
<label for="emailSender" class="translate">email sender</label>
<span class="translate">email sender</span>
</div>
</div>
<div class="row email">
<div class="input-field col s12 m6 l3 email">
<select id="emailInstance" class="value"></select>
<label for="emailInstance" class="translate">email instance</label>
</div>
<div class="input-field col s12 m6 l3 email">
<select class="value" id="emailNoticeType">
<option value="longEmailNotice" class="translate">Long Notifications</option>
<option value="shortEmailNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="emailNoticeType">Notification Style</label>
</div>
</div>
<div class="row email">
<div class="input-field col s12 m6 l3 email">
<input type="number" class="value" id="emailWaitToSend" min="0" max="20"/>
<label for="emailWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
<div class="input-field col s12 m6 l3 email">
<input class="value" id="emailOnlyError" type="checkbox"/>
<label for="emailOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
<!-- Discord -->
<div class="row discord">
<div class="input-field col s12 m6 l3 discord">
<select id="discordInstance" class="value"></select>
<label for="discordInstance" class="translate">Discord instance</label>
</div>
<div class="input-field col s12 m6 l3 discord">
<select class="value" id="discordTarget"></select>
<label class="translate" for="discordTarget">Discord receiver</label>
</div>
</div>
<div class="row discord">
<div class="input-field col s12 m6 l3 discord">
<select class="value" id="discordNoticeType">
<option value="longDiscordNotice" class="translate">Long Notifications</option>
<option value="shortDiscordNotice" class="translate">Short Notifications</option>
</select>
<label class="translate" for="discordNoticeType">Notification Style</label>
</div>
<div class="input-field col s12 m6 l3 discord">
<input type="number" class="value" id="discordWaitToSend" min="0" max="20" />
<label for="discordWaitToSend" class="translate">Waiting for the send (seconds)</label>
</div>
</div>
<div class="row discord">
<div class="input-field col s12 m6 l3 discord">
<input class="value" id="discordOnlyError" type="checkbox" />
<label for="discordOnlyError" class="translate">Notification only on errors</label>
</div>
</div>
</div>
<!-- nas / copy settings -->
<div id="tab-cifs" class="col s12 page">
<div class="row cifs" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">NAS / Copy</h6>
</div>
<div class="row cifs">
<div class="input-field col s11 m2">
<select class="value" id="connectType">
<option value="NFS" >NFS</option>
<option value="CIFS" >CIFS</option>
<option value="Copy" >Copy</option>
<option value="Expert" class="translate">Expert</option>
</select>
<label for="connectType" class="translate">connection type</label>
</div>
</div>
<div class="row cifs copy">
<div class="input-field col s12 m6 l4">
<input class="value" id="cifsMount" type="text">
<label for="cifsMount" class="translate">Host</label>
<span class="translate">IP adress or hostname</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="cifsDomain" type="text">
<label for="cifsDomain" class="translate">Domainname (optional)</label>
</div>
<div class="input-field col s12 m6 l4 nfs">
<select class="value" id="smbType">
<option value="vers=1.0" >SMB 1.0</option>
<option value="vers=2.0" >SMB 2.0</option>
<option value="vers=3.0" >SMB 3.0</option>
<option value="vers=3.02" >SMB 3.02</option>
<option value="vers=3.1.1" >SMB 3.1.1</option>
</select>
<label for="smbType" class="translate">smb type</label>
</div>
</div>
<div class="row nfs">
<div class="input-field col s12 m6 l4">
<input class="value" id="cifsUser" type="text">
<label for="cifsUser" class="translate">Username</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="cifsPassword" type="password">
<label for="cifsPassword" class="translate">Password</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="noserverino" type="checkbox"/>
<label for="noserverino" class="translate">mount with option "noserverino"</label>
</div>
<div class="input-field col s6 l2">
<input class="value" id="cacheLoose" type="checkbox"/>
<label for="cacheLoose" class="translate">mount with option "Cache Loose"</label>
</div>
</div>
<div class="row cifs">
<div class="input-field col s6 l4 noExpert">
<input class="value" id="sudoMount" type="checkbox"/>
<label for="sudoMount" class="translate">Mount as root</label>
</div>
<div class="input-field col s6 l4">
<input class="value" id="cifsDeleteOldBackup" type="checkbox"/>
<label for="cifsDeleteOldBackup" class="translate">Delete old NAS / Copy-Backups</label>
</div>
<div class="input-field col s6 l4 noExpert">
<input class="value" id="cifsOwnDir" type="checkbox"/>
<span for="cifsOwnDir" class="translate">Extra path for backup types</span>
</div>
</div>
<div class="row cifs">
<div class="input-field col s6 l4">
<input class="value" id="wakeOnLAN" type="checkbox"/>
<span for="wakeOnLAN" class="translate">Wake on LAN</span>
</div>
<div class="input-field col s12 m6 l4 wol">
<input class="value" id="macAd" type="text">
<label for="macAd" class="translate">MAC address</label>
</div>
<div class="input-field col s12 m6 l4 wol">
<input type="number" class="value" id="wolWait" min="25" max="180"/>
<label for="wolWait" class="translate">WOL wait time in seconds</label>
</div>
</div>
<div class="row cifs">
<div class="input-field col s6 l4 wol">
<input class="value" id="wolExtra" type="checkbox"/>
<label for="wolExtra" class="translate">Wake on LAN Advanced Settings</label>
</div>
<div class="input-field col s12 m6 l4 wolExtended">
<input type="number" class="value" id="wolPort" min="1" max="65535"/>
<label for="wolPort" class="translate">port</label>
<span class="translate">port</span>
</div>
</div>
<div class="row cifs cifs-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="cifsMinimalDir" type="text">
<label for="cifsMinimalDir" class="translate">Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4 noExpert">
<input class="value" id="cifsCcuDir" type="text">
<label for="cifsCcuDir" class="translate">Path for CCU backup</label>
</div>
</div>
<div class="row cifs cifs-standard">
<div class="input-field col s12">
<input class="value" id="cifsDir" type="text">
<label for="cifsDir" class="translate">path</label>
</div>
</div>
<!-- Expert Settings -->
<div class="row mountExpert">
<div class="input-field col s12 m6 l12">
<input class="value" id="expertMount" type="text">
<label for="expertMount" class="translate">Mount command (expert)</label>
</div>
</div>
</div>
<!-- ftp settings -->
<div id="tab-ftp" class="col s12 page">
<div class="row ftp" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">FTP</h6>
</div>
<div class="row ftp">
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpHost" type="text">
<label for="ftpHost" class="translate">Host</label>
<span class="translate">IP adress or hostname</span>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpPort" type="number" min="0" max="65565">
<label for="ftpPort" class="translate">Port</label>
</div>
</div>
<div class="row ftp">
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpUser" type="text">
<label for="ftpUser" class="translate">Username</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpPassword" type="password">
<label for="ftpPassword" class="translate">Password</label>
</div>
</div>
<div class="row ftp">
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpDeleteOldBackup" type="checkbox"/>
<label for="ftpDeleteOldBackup" class="translate">Delete old FTP-Backups</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpSecure" type="checkbox"/>
<label for="ftpSecure" class="translate">Secure FTP connection (explicit TLS)</label>
</div>
</div>
<div class="row ftp">
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpOwnDir" type="checkbox"/>
<label for="ftpOwnDir" class="translate">Extra path for backup types</label>
</div>
<div class="input-field col s12 m6 l4 ftpCert">
<input class="value" id="ftpSignedCertificates" type="checkbox"/>
<label for="ftpSignedCertificates" class="translate">Allow only signed certificates</label>
</div>
</div>
<div class="row ftp ftp-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpMinimalDir" type="text">
<label for="ftpMinimalDir" class="translate">Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="ftpCcuDir" type="text">
<label for="ftpCcuDir" class="translate">Path for CCU backup</label>
</div>
</div>
<div class="row ftp ftp-standard">
<div class="input-field col s12">
<input class="value" id="ftpDir" type="text">
<label for="ftpDir" class="translate">path</label>
</div>
</div>
</div>
<!-- WebDAV settings -->
<div id="tab-webDAV" class="col s12 page">
<div class="row webDAV" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">WebDAV</h6>
</div>
<div class="row webDAV">
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavURL" type="text">
<label for="webdavURL" >URL</label>
<span class="translate">WebDAV URL</span>
</div>
</div>
<div class="row webDAV">
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavUsername" type="text">
<label for="webdavUsername" class="translate">Username</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavPassword" type="password">
<label for="webdavPassword" class="translate">Password</label>
</div>
</div>
<div class="row webDAV">
<div class="col s12">
<a id="testWebDAV" class="waves-effect waves-light btn btn-backitup" style="background-color:#3399CC;"><i class="material-icons left">wifi_tethering</i><span class="translate">Test connection</span></a>
</div>
</div>
<div class="row webDAV">
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavSignedCertificates" type="checkbox"/>
<label for="webdavSignedCertificates" class="translate">Allow only signed certificates</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavDeleteOldBackup" type="checkbox"/>
<label for="webdavDeleteOldBackup" class="translate">Delete old WebDAV-Backups</label>
</div>
</div>
<div class="row webDAV">
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavOwnDir" type="checkbox"/>
<label for="webdavOwnDir" class="translate">Extra path for backup types</label>
</div>
</div>
<div class="row webDAV webDAV-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavMinimalDir" type="text">
<label for="webdavMinimalDir" class="translate">Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="webdavCcuDir" type="text">
<label for="webdavCcuDir" class="translate">Path for CCU backup</label>
</div>
</div>
<div class="row webDAV webDAV-standard">
<div class="input-field col s12">
<input class="value" id="webdavDir" type="text">
<label for="webdavDir" class="translate">path</label>
</div>
</div>
</div>
<!-- dropbox settings -->
<div id="tab-dropbox" class="col s12 page">
<div class="row dropbox" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Dropbox</h6>
</div>
<div class="row dropbox">
<div class="input-field col s12 m6 l4">
<select class="value" id="dropboxTokenType">
<option value="default" class="translate">Default Dropbox-API App for BackItUp</option>
<option value="custom" class="translate">custom app with long-lived tokens</option>
</select>
<label for="dropboxTokenType" class="translate">Dropbox-API Type</label>
</div>
</div>
<div class="row dropbox dropbox-sl">
<div class="input-field col s3">
<input class="value" id="dropboxAccessJson" type="hidden"/>
<span class="translate">Dropbox refresh token: </span>
<span class="translate" id="dropboxAccessJson_span" style="font-weight: bold">Not present</span>
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-dropbox-json" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Get Dropbox Access</span></a>
</div>
<div class="input-field col s12 get-dropbox-url linkDesign" style="display: none">
<span class="translate">Authorize this app by visiting this url: </span>
<a id="get-dropbox-url" style="color: #1e88e5!important;" href="" target="_blank"></a>
</div>
<div class="input-field col s3 get-dropbox-code" style="display: none">
<input id="get-dropbox-code" type="text"/>
<label for="get-dropbox-code" class="translate">Enter the code from that page here</label>
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-dropbox-submit" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Submit</span></a>
</div>
</div>
<div class="row dropbox dropbox-sl">
<div class="input-field col s12 m6 l4" style="display: none">
<input class="value" id="dropboxCodeChallenge" type="hidden">
<label for="dropboxCodeChallenge">dropbox CodeChallenge</label>
</div>
</div>
<div class="row dropbox dropbox-ll">
<div class="input-field col s12">
<input class="value" id="dropboxAccessToken" type="password">
<label for="dropboxAccessToken" class="translate">Access token</label>
<span><a href="https://www.dropbox.com/developers/apps" target="_blank">dropbox.com</a></span>
</div>
</div>
<div class="row dropbox">
<div class="input-field col s12">
<input class="value" id="dropboxDeleteOldBackup" type="checkbox"/>
<label for="dropboxDeleteOldBackup" class="translate">Delete old Dropbox-Backups</label>
</div>
<div class="input-field col s12">
<input class="value" id="dropboxOwnDir" type="checkbox"/>
<label for="dropboxOwnDir" class="translate">Extra path for backup types</label>
</div>
</div>
<div class="row dropbox dropbox-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="dropboxMinimalDir" type="text">
<label for="dropboxMinimalDir" class="translate">Dropbox Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="dropboxCcuDir" type="text">
<label for="dropboxCcuDir" class="translate">Dropbox Path for CCU backup</label>
</div>
</div>
<div class="row dropbox dropbox-standard">
<div class="input-field col s12">
<input class="value" id="dropboxDir" type="text">
<label for="dropboxDir" class="translate">Dropbox path</label>
</div>
</div>
<!--
<div class="row dropbox">
<p class="notice translate">Note: It is not possible to save files larger than 150 MB in the current Dopbox-Api V2!</p>
</div>
-->
</div>
<!-- Onedrive settings -->
<div id="tab-onedrive" class="col s12 page">
<div class="row onedrive" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Onedrive</h6>
</div>
<div class="row onedrive">
<div class="input-field col s3">
<input class="value" id="onedriveAccessJson" type="hidden"/>
<span class="translate">Onedrive refresh token: </span>
<span class="translate" id="onedriveAccessJson_span" style="font-weight: bold">Not present</span>
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-onedrive-json" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Get Onedrive Access</span></a>
</div>
<div class="input-field col s12 get-onedrive-url linkDesign" style="display: none">
<span class="translate">Authorize this app by visiting this url: </span>
<a id="get-onedrive-url" style="color: #1e88e5!important;" href="" target="_blank"></a>
</div>
<div class="input-field col s4 get-onedrive-code" style="display: none">
<input id="get-onedrive-code" type="text"/>
<label for="get-onedrive-code" class="translate">Please enter here the code from the address line of the opened page (code=)</label>
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-onedrive-submit" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Submit</span></a>
</div>
</div>
<div class="row onedrive">
<div class="input-field col s12">
<input class="value" id="onedriveDeleteOldBackup" type="checkbox"/>
<label for="onedriveDeleteOldBackup" class="translate">Delete old Onedrive-Backups</label>
</div>
<div class="input-field col s12">
<input class="value" id="onedriveOwnDir" type="checkbox"/>
<label for="onedriveOwnDir" class="translate">Extra path for backup types</label>
</div>
</div>
<div class="row onedrive onedrive-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="onedriveMinimalDir" type="text">
<label for="onedriveMinimalDir" class="translate">Onedrive Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="onedriveCcuDir" type="text">
<label for="onedriveCcuDir" class="translate">Onedrive Path for CCU backup</label>
</div>
</div>
<div class="row onedrive onedrive-standard">
<div class="input-field col s12">
<input class="value" id="onedriveDir" type="text">
<label for="onedriveDir" class="translate">Onedrive path</label>
</div>
</div>
</div>
<!-- googledrive settings -->
<div id="tab-googledrive" class="col s12 page">
<div class="row googledrive" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Google Drive</h6>
</div>
<div class="row googledrive">
<div class="input-field col s3">
<!--input class="value" id="googledriveAccessJson" type="hidden"/-->
<!--<span class="translate">Access token: </span>
<span class="translate" id="googledriveAccessJson_span" style="font-weight: bold">Not present</span>-->
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-googledrive-json" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Get Google Drive Access</span></a>
</div>
<div class="input-field col s12 get-googledrive-url linkDesign" style="display: none">
<span class="translate">Authorize this app by visiting this url: </span>
<a id="get-googledrive-url" style="color: #1e88e5!important;" href="" target="_blank"></a>
</div>
<br/>
<!--div class="input-field col s3 get-googledrive-code" style="display: none">
<input id="get-googledrive-code" type="text"/>
<label for="get-googledrive-code" class="translate">Enter the code from that page here</label>
<a class="waves-effect waves-light btn btn-backitup btn-iobroker get-googledrive-submit" style="background-color:#3399CC;"><i class="material-icons right">backup</i><span class="translate">Submit</span></a>
</div-->
<div class="input-field col s12 get-googledrive-code">
<input id="googledriveAccessTokens" type="text" class="value"/>
<label id="googledriveAccessTokens_label" for="googledriveAccessTokens" class="translate">Enter the code from that page here</label>
</div>
</div>
<div class="row googledrive">
<div class="input-field col s12">
<input class="value" id="googledriveDeleteOldBackup" type="checkbox"/>
<label for="googledriveDeleteOldBackup" class="translate">Delete old Google Drive-Backups</label>
</div>
<div class="input-field col s12">
<input class="value" id="googledriveOwnDir" type="checkbox"/>
<label for="googledriveOwnDir" class="translate">Extra path for backup types</label>
</div>
</div>
<div class="row googledrive googledrive-extra">
<div class="input-field col s12 m6 l4">
<input class="value" id="googledriveMinimalDir" type="text">
<label for="googledriveMinimalDir" class="translate">Google Drive Path for iobroker backup</label>
</div>
<div class="input-field col s12 m6 l4">
<input class="value" id="googledriveCcuDir" type="text">
<label for="googledriveCcuDir" class="translate">Google Drive Path for CCU backup</label>
</div>
</div>
<div class="row googledrive googledrive-standard">
<div class="input-field col s12">
<input class="value" id="googledriveDir" type="text">
<label for="googledriveDir" class="translate">Google Drive path</label>
</div>
</div>
</div>
<!-- restore settings -->
<div id="tab-restore" class="col s12 page">
<div class="row" style="padding: 2px;">
<h6 class="translate title" style="background-color:#174475; font-size: 0.9rem; border-radius: 4px;">Restore</h6>
</div>
<div class="row" style="margin-bottom: 0">
<div class="input-field col s11 m2">
<select class="value" id="restoreSource">
<option value="local" class="translate">Local</option>
<option value="cifs" class="translate">NAS / Copy</option>
<option value="dropbox" class="translate">Dropbox</option>
<option value="onedrive" class="translate">Onedrive</option>
<option value="googledrive" class="translate">Google Drive</option>
<option value="webdav" class="translate">WebDAV</option>
<option value="ftp" class="translate">FTP</option>
</select>
<label for="restoreSource" class="translate">source type</label>
</div>
<div class="input-field col s6 m2">
<a class="waves-effect waves-light btn btn-backitup btn-iobroker do-list" style="background-color:#3399CC;"><i class="material-icons right">search</i><span class="translate">Get list</span></a>
</div>
<div class="input-field col s6 l6">
<input class="value" id="startAllRestore" type="checkbox"/>
<label for="startAllRestore" class="translate">start all adapter after restore</label>
</div>
<div class="col s6 l2 cloudRestore">
<div class="chip blink" style="background-color:#64b5f6;">
<span class="white-text translate" style="text-align:center; font-size: 16px;">Download is in progress ...</span>
</div>
</div>
</div>
<div class="row">
<div class="col s12 progress-search" style="display: none;">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
<p class="subtitle translate search-ready" style="display: none;">Please select a backup from the list!</p>
<p class="subtitle translate search-error" style="display: none;">Backups could not be determined!</p>
</div>
<div class="row doRestore" style="padding: 2px; display: none">
<ul class="collapsible root">
</ul>
</div>
</div>
</div>
</div>
<div id="dialog-command" class="modal modal-fixed-footer" style="display: none">
<div class="modal-content">
<div class="row">
<div class="col s12">
<h6 class="title"><span class="translate">BackItUp execution</span>: <span class="command"></span></h6>
</div>
</div>
<div class="row">
<div class="col s12">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
<div class="row textarea">
<div class="col s12">
<textarea id="stdout" readonly cols="120" rows="30"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<div class="progress-dont-close"><input type="checkbox" class="filled-in" /><span class="translate">close on ready</span></div>
<a class="modal-action modal-close waves-effect waves-green btn btn-close" style="background-color:#3399CC;border-radius: 4px;"><i
class="large material-icons left">close</i><span class="translate">Close</span></a>
</div>
</div>
<!-- Dialog Download -->
<div id="dialog-download" class="modal modal-fixed-footer" style="display: none">
<div class="modal-content">
<div class="row">
<div class="col s12">
<h6 class="title"><span class="translate">Backup Download</span><span class="command"></span></h6>
</div>
</div>
<div class="row">
<div class="col s12 downloadProgress">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
<div class="input-field col s8" style="margin-left: 0.8rem;">
<span class="downloadProgress translate" style="font-size: 0.9rem;">Download Backup file</span>
<span class="downloadProgress translate" id="backupDownload_name" style="font-size: 0.9rem;"></span>
<span class="downloadProgress translate" id="backupDownload_span" style="font-size: 0.9rem;">from the Storage</span>
<span class="downloadProgress translate" id="backupDownload_source" style="font-size: 0.9rem;"></span>
<span class="downloadFinish translate" id="backupDownload_finish" style="font-size: 0.9rem;">Download completed successfully. The popup will close automatically</span>
<span class="downloadError translate" id="backupDownload_error" style="font-size: 0.9rem;">The download could not be started. The popup will close automatically</span>
</div>
</div>
</div>
</div>
</body>
</html>