128 lines
4.1 KiB
HTML
128 lines
4.1 KiB
HTML
|
|
<main role="main" class="inner DAU">
|
|
<h1 class="DAU-heading">Config</h1>
|
|
<p class="lead">Discord-auto-upload configuration</p>
|
|
|
|
<form class="">
|
|
<div class="form-row align-items-center config-item" data-key="webhook">
|
|
<div class="col-sm-5 my-1">
|
|
<span>Discord WebHook URL</span>
|
|
</div>
|
|
<div class="col-sm-4 my-1">
|
|
<label class="sr-only" for="inlineFormInputName">Name</label>
|
|
<input type="text" class="form-control rest-field" placeholder="https://....">
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button type="submit" class="btn btn-primary">update</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form class="">
|
|
<div class="form-row align-items-center config-item" data-key="username">
|
|
<div class="col-sm-5 my-1">
|
|
<span>Bot username (optional)</span>
|
|
</div>
|
|
<div class="col-sm-4 my-1">
|
|
<label class="sr-only" for="inlineFormInputName">Name</label>
|
|
<input type="text" class="form-control rest-field" placeholder="">
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button type="submit" class="btn btn-primary">update</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form class="">
|
|
<div class="form-row align-items-center config-item" data-key="directory">
|
|
<div class="col-sm-5 my-1">
|
|
<span>Directory to watch</span>
|
|
</div>
|
|
<div class="col-sm-4 my-1">
|
|
<label class="sr-only" for="inlineFormInputName">Name</label>
|
|
<input type="text" class="form-control rest-field" placeholder="/...">
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button type="submit" class="btn btn-primary">update</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form class="">
|
|
<div class="form-row align-items-center config-item" data-key="watch">
|
|
<div class="col-sm-5 my-1">
|
|
<span>Period between filesystem checks</span>
|
|
</div>
|
|
<div class="col-sm-4 my-1">
|
|
<label class="sr-only" for="inlineFormInputName">Seconds</label>
|
|
<input type="text" class="form-control rest-field " placeholder="/...">
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button type="submit" class="btn btn-primary">update</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form class="">
|
|
<div class="form-row align-items-center config-item" data-key="nowatermark">
|
|
<div class="col-sm-5 my-1">
|
|
<span>Do not watermark images</span>
|
|
</div>
|
|
<div class="col-sm-4 my-1">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input rest-field rest-field-boolean" id="customSwitch1">
|
|
<label class="custom-control-label" for="customSwitch1"><span style="display: none;">😭</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button type="submit" class="btn btn-primary">update</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<p class="lead">
|
|
<a href="#" class="btn btn-lg btn-secondary">Learn more</a>
|
|
</p>
|
|
</main>
|
|
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
// populate each field
|
|
$('.config-item').each(function() {
|
|
let el = $(this);
|
|
let key = el.data('key');
|
|
|
|
$.ajax({ method: 'get', url: '/rest/config/'+key})
|
|
.done(function(data) {
|
|
var this_el = $(".config-item[data-key='"+key+"']").find('.rest-field');
|
|
if (this_el.hasClass('rest-field-boolean')) {
|
|
this_el.prop('checked', data.Value);
|
|
}
|
|
else {
|
|
this_el.val(data.Value);
|
|
}
|
|
});
|
|
});
|
|
|
|
// respond to button clicks to update
|
|
$('.config-item button').on('click', function(e,f) {
|
|
key = $(this).parents('.config-item').data('key');
|
|
val = $(this).parents('.config-item').find('.rest-field').val();
|
|
if ($(this).parents('.config-item').find('.rest-field-boolean')) {
|
|
val = $(this).parents('.config-item').find('.rest-field').prop('checked') ? 1 : 0;
|
|
}
|
|
$.post('/rest/config/'+key, { value: val })
|
|
.done(function(d) {
|
|
if (d.Success) {
|
|
alert('Updated config');
|
|
} else {
|
|
alert("Error: " + d.Error);
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|