✏️ Rebuild backup setting modal

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

View File

@ -614,15 +614,15 @@
$('#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");
$('#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-read + label').addClass("active");
$('#local-snap-keep-read + label').removeClass("active");
$('#local-snap-keep-read + label').addClass("active");
$('#backup-snap-keep + label').removeClass("active");
$('#backup-snap-keep + label').addClass("active");
$('#local-snap-keep + label').removeClass("active");
$('#local-snap-keep + label').addClass("active");
changeSelect('#cron-drop-day', data.cron_weekday);
updateDropVisibility();

View File

@ -1,16 +1,16 @@
<div id="modal-settings-backup" class="modal modal-fixed-footer blue-grey darken-4 white-text">
<div class="modal-content">
<div class="row">
<div class="col s12 center">
<h4>Backup Settings</h2>
<div class="modal-content">
<div class="row" style="margin-bottom: 5px;">
<div class="col s12 center" >
<h4>Backup Settings</h2>
</div>
</div>
<div class="row">
<div class="row" >
<div class="col s12 center divider">
</div>
</div>
<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">
<option value="0">Disable</option>
<option value="1">Daily</option>
@ -21,14 +21,14 @@
</div>
</div>
<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">
<label>Hour </label>
</div>
</div>
<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">
<option value="1">Monday</option>
<option value="2">Tuesday</option>
@ -59,75 +59,77 @@
</div>
</div>
<div class="row">
<div class="row" style="margin-bottom: 5px;">
<div class="col s12 center">
<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 class="row">
<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 class="row">
<div class="col s12 center divider">
</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 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>
<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="input-field col s9">
<p class="range-field">
<input type="range" id="backup-snap-keep" min="1" max="20" style="border: none;" />
</p>
<div class="row">
</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>
<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>