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.
740 lines (725 loc) • 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>