Make config look less crappy

This commit is contained in:
Justin Hawkins 2021-10-10 11:51:20 +10:30
parent 2b06c37be8
commit 26d4272aa2
3 changed files with 39 additions and 6 deletions

View File

@ -55,6 +55,12 @@
change only, and does not hide the uploaders actual identity.
</p>
<p>Exclusions can be specified, zero or more arbitrary strings. If any
file matches one of those strings then it will not be uploaded. This is most
often used if you use software (like Steam) which automatically creates thumbnails
in the same directory as the screenshots.
</p>
<template x-for="(watcher, i) in config.Watchers">
<div class="my-5">
<div class="form-row align-items-center">
@ -96,6 +102,33 @@
</div>
</div>
<div class="form-row align-items-center">
<div class="col-sm-6 my-1">
<span>Exclusions</span>
</div>
<div class="col-sm-6 my-1">
<template x-for="(exclude, j) in config.Watchers[i].Exclude">
<div class="form-row">
<div class="col">
<input type="text" class="form-control" x-model="config.Watchers[i].Exclude[j]">
</div>
<div class="col">
<button type="button" class="btn btn-danger" href="#" @click.prevent="config.Watchers[i].Exclude.splice(j, 1);">
-
</button>
</div>
</div>
</template>
<button type="button" class="btn btn-secondary" href="#"
@click.prevent="config.Watchers[i].Exclude.push('');">
+</button>
</div>
</div>
<button type="button" class="btn btn-primary" href="#" @click.prevent="config.Watchers.splice(i, 1);">Remove
this watcher</button>
@ -105,7 +138,7 @@
<div class="my-5">
<button type="button" class="btn btn-secondary" href="#"
@click.prevent="config.Watchers.push({Username: '', WebHookURL: '', Path: '', NoWatermark: false});">
@click.prevent="config.Watchers.push({Username: '', WebHookURL: '', Path: '', NoWatermark: false, Exclude: []});">
Add a new watcher</button>
</div>

View File

@ -6,7 +6,7 @@
a,
a:focus,
a:hover {
color: #fff;
color: #f44;
}
/* Custom default button */
@ -31,15 +31,15 @@ body {
}
body {
display: -ms-flexbox;
display: flex;
/* display: -ms-flexbox;
display: flex; */
color: #fff;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}
.DAU-container {
max-width: 42em;
max-width: 52em;
}
pre {

View File

@ -33,7 +33,7 @@
<link href="/dau.css" rel="stylesheet">
</head>
<body class="text-center">
<body class="">
<div class="DAU-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">