sebclem/hassio-nextcloud-backup
1
0
Fork 0
mirror of https://github.com/Sebclem/hassio-nextcloud-backup.git synced 2024-11-22 09:12:58 +01:00
Code Issues Projects Releases Wiki Activity

✏️ Rebuild backup setting modal

Browse Source
This commit is contained in:
Sebastien Clement 2020-11-12 13:10:57 +01:00
parent d888ca7b3d
commit 2b8ce7f350
2 changed files with 84 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
nextcloud_backup/rootfs/opt/nextcloud_backup/views/index.ejs
View File

@ -614,15 +614,15 @@
$('#auto_clean_local').prop('checked', data.auto_clean_local == "true"); $('#auto_clean_local').prop('checked', data.auto_clean_local == "true");
$('#local-snap-keep-read, #local-snap-keep').val(data.auto_clean_local_keep); $('#local-snap-keep').val(data.auto_clean_local_keep);
$('#auto_clean_backup').prop('checked', data.auto_clean_backup == "true"); $('#auto_clean_backup').prop('checked', data.auto_clean_backup == "true");
$('#backup-snap-keep-read, #backup-snap-keep').val(data.auto_clean_backup_keep); $('#backup-snap-keep').val(data.auto_clean_backup_keep);
$('#backup-snap-keep-read + label').removeClass("active"); $('#backup-snap-keep + label').removeClass("active");
$('#backup-snap-keep-read + label').addClass("active"); $('#backup-snap-keep + label').addClass("active");
$('#local-snap-keep-read + label').removeClass("active"); $('#local-snap-keep + label').removeClass("active");
$('#local-snap-keep-read + label').addClass("active"); $('#local-snap-keep + label').addClass("active");
changeSelect('#cron-drop-day', data.cron_weekday); changeSelect('#cron-drop-day', data.cron_weekday);
updateDropVisibility(); updateDropVisibility();

154
nextcloud_backup/rootfs/opt/nextcloud_backup/views/modals/backup-settings-modal.ejs
View File

@ -1,16 +1,16 @@
<div id="modal-settings-backup" class="modal modal-fixed-footer blue-grey darken-4 white-text"> <div id="modal-settings-backup" class="modal modal-fixed-footer blue-grey darken-4 white-text">
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row" style="margin-bottom: 5px;">
<div class="col s12 center"> <div class="col s12 center" >
<h4>Backup Settings</h2> <h4>Backup Settings</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row" >
<div class="col s12 center divider"> <div class="col s12 center divider">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col offset-xl2 xl8 offset-l1 l10 m12 s12">
<select id="cron-drop-settings"> <select id="cron-drop-settings">
<option value="0">Disable</option> <option value="0">Disable</option>
<option value="1">Daily</option> <option value="1">Daily</option>
@ -21,14 +21,14 @@
</div> </div>
</div> </div>
<div class="row hide"> <div class="row hide">
<div class="input-field col s12"> <div class="input-field col offset-xl2 xl8 offset-l1 l10 m12 s12">
<input type="text" class="timepicker white-text" readonly="true" id="timepicker"> <input type="text" class="timepicker white-text" readonly="true" id="timepicker">
<label>Hour </label> <label>Hour </label>
</div> </div>
</div> </div>
<div class="row hide"> <div class="row hide">
<div class="input-field col s12"> <div class="input-field col offset-xl2 xl8 offset-l1 l10 m12 s12">
<select id="cron-drop-day"> <select id="cron-drop-day">
<option value="1">Monday</option> <option value="1">Monday</option>
<option value="2">Tuesday</option> <option value="2">Tuesday</option>
@ -41,7 +41,7 @@
<label>Day</label> <label>Day</label>
</div> </div>
</div> </div>
<div class="row hide"> <div class="row hide">
<div class="input-field col s2"> <div class="input-field col s2">
<input type="text" class="white-text" disabled readonly="true" id="cron-drop-day-month-read"> <input type="text" class="white-text" disabled readonly="true" id="cron-drop-day-month-read">
@ -52,82 +52,84 @@
<input type="range" id="cron-drop-day-month" min="1" max="28" style="border: none;" /> <input type="range" id="cron-drop-day-month" min="1" max="28" style="border: none;" />
</p> </p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
</div> </div>
</div> </div>
<div class="row"> <div class="row" style="margin-bottom: 5px;">
<div class="col s12 center"> <div class="col s12 center">
<h4>Auto Clean Settings</h2> <h4>Auto Clean Settings</h2>
</div>
</div>
<div class="row">
<div class="col s12 divider">
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col s12" style="margin-bottom: 10px;">
<div style="color: #9e9e9e; display: inline;">Auto Clean Local Snapshots</div>
<div class="switch" style="display: inline;">
<label>
<input id="auto_clean_local" type="checkbox">
<span class="lever"></span>
</label>
</div> </div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="col s12 center divider">
<div class="input-field col s3">
<input type="text" class="white-text" disabled readonly="true" id="local-snap-keep-read">
<label class="white-text active">Local snapshot to keep</label>
</div>
<div class="input-field col s9">
<p class="range-field">
<input type="range" id="local-snap-keep" min="1" max="20" style="border: none;" />
</p>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col s12" style="margin-bottom: 10px;">
<div style="color: #9e9e9e; display: inline;">Auto Clean Nextcloud Snapshots</div>
<div class="switch" style="display: inline;">
<label>
<input id="auto_clean_backup" type="checkbox">
<span class="lever"></span>
</label>
</div> </div>
</div> </div>
<div class="row">
<div class="col offset-xl1 xl5 l6 m12 s12">
<div class="row" style="margin-bottom: 10px;">
<div class="col s12">
<div style="color: #9e9e9e; display: inline;">Auto Clean Local Snapshots</div>
<div class="switch" style="display: inline;">
<label>
<input id="auto_clean_local" type="checkbox">
<span class="lever"></span>
</label>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="number" class="white-text" id="local-snap-keep">
<label class="active">Local snapshot to keep</label>
</div>
</div>
</div>
<div class="col xl5 l6 m12 s12" >
<div class="row" style="margin-bottom: 10px;">
<div class="col s12">
<div style="color: #9e9e9e; display: inline;">Auto Clean Nextcloud Snapshots</div>
<div class="switch" style="display: inline;">
<label>
<input id="auto_clean_backup" type="checkbox">
<span class="lever"></span>
</label>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="number" class="white-text" id="backup-snap-keep">
<label class="active">Nextcloud snapshot to keep</label>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
</div>
<div class="row">
</div>
</div> </div>
<div class="row">
<div class="input-field col s3">
<input type="text" class="white-text" disabled readonly="true" id="backup-snap-keep-read">
<label class="white-text active">Nextcloud snapshot to keep</label>
</div> <div class="modal-footer blue-grey darken-4">
<div class="input-field col s9"> <a href="#" class="modal-close waves-effect btn red"><b>Cancel</b></a>
<p class="range-field"> <a href="#" class="btn green waves-effect" style="margin-left: 5px;" id="save-backup-settings"><b>Save</b></a>
<input type="range" id="backup-snap-keep" min="1" max="20" style="border: none;" />
</p>
</div>
</div> </div>
</div>
</div>
<div class="modal-footer blue-grey darken-4">
<a href="#" class="modal-close waves-effect btn red"><b>Cancel</b></a>
<a href="#" class="btn green waves-effect" style="margin-left: 5px;" id="save-backup-settings"><b>Save</b></a>
</div>
</div>