✏️ 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"); $('#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();

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>
@ -59,19 +59,21 @@
</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> </div>
<div class="row"> <div class="row">
<div class="col s12 divider"> <div class="col s12 center divider">
</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="row" style="margin-bottom: 10px;">
<div class="col s12" style="margin-bottom: 10px;"> <div class="col s12">
<div style="color: #9e9e9e; display: inline;">Auto Clean Local Snapshots</div> <div style="color: #9e9e9e; display: inline;">Auto Clean Local Snapshots</div>
<div class="switch" style="display: inline;"> <div class="switch" style="display: inline;">
<label> <label>
@ -79,24 +81,19 @@
<span class="lever"></span> <span class="lever"></span>
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-field col s3"> <div class="input-field col s12">
<input type="text" class="white-text" disabled readonly="true" id="local-snap-keep-read"> <input type="number" class="white-text" id="local-snap-keep">
<label class="white-text active">Local snapshot to keep</label> <label class="active">Local snapshot to keep</label>
</div> </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> </div>
<div class="col xl5 l6 m12 s12" >
<div class="row" style="margin-bottom: 10px;"> <div class="row" style="margin-bottom: 10px;">
<div class="col s12" style="margin-bottom: 10px;"> <div class="col s12">
<div style="color: #9e9e9e; display: inline;">Auto Clean Nextcloud Snapshots</div> <div style="color: #9e9e9e; display: inline;">Auto Clean Nextcloud Snapshots</div>
<div class="switch" style="display: inline;"> <div class="switch" style="display: inline;">
<label> <label>
@ -104,19 +101,24 @@
<span class="lever"></span> <span class="lever"></span>
</label> </label>
</div> </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> </div>
<div class="row" style="margin-bottom: 10px;">
</div>
<div class="row"> <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>
</div> </div>