Update tos button (web)

Signed-off-by: Joe Ma <rikkaneko23@gmail.com>
This commit is contained in:
Joe Ma 2023-03-27 18:18:39 +08:00
parent 2d6f266a98
commit ca47748164
No known key found for this signature in database
GPG key ID: 7A0ECF5F5EDC587F
2 changed files with 14 additions and 6 deletions

View file

@ -52,15 +52,18 @@ function validate_url(path) {
return url.protocol === 'http:' || url.protocol === 'https:';
}
function show_pop_alert(message, alert_type = 'alert-primary') {
function show_pop_alert(message, alert_type = 'alert-primary', add_classes = null) {
remove_pop_alert();
$('.navbar').after(jQuery.parseHTML(
`<div class="alert ${alert_type} alert-dismissible fade show position-absolute top-0 start-50 translate-middle-x"
`<div class="alert ${alert_type} alert-dismissible position-absolute fade show top-0 start-50 translate-middle-x"
style="margin-top: 80px; max-width: 500px; width: 80%" id="pop_alert" role="alert"> \
<div>${message}</div> \
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> \
</div>`,
));
if (add_classes) {
$('.alert').addClass(add_classes);
}
window.scrollTo(0, 0);
}
@ -211,7 +214,8 @@ $(function () {
}
if (!tos_btn.prop('checked')) {
show_pop_alert('Please read the TOS before upload', 'alert-warning');
show_pop_alert('Please read the team and conditions before upload', 'alert-warning', 'tos-alert');
tos_btn.addClass('is-invalid');
return false;
}
@ -260,6 +264,11 @@ $(function () {
upload_button.text('Upload');
});
tos_btn.on('click', function () {
tos_btn.removeClass('is-invalid');
$('.tos-alert').remove();
});
show_saved_btn.on('click', function () {
if (!!!saved_modal) {
show_pop_alert('No saved paste found.', 'alert-warning');

View file

@ -146,8 +146,8 @@
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" value="" id="tos_btn" required>
<label class="form-check-label" for="tos_btn">
I understand <a class="link-primary" data-bs-toggle="modal" data-bs-target="#tos_modal" role="button">the terms
and conditions</a>
I understand <a data-bs-toggle="modal" data-bs-target="#tos_modal" role="button"><u>
the terms of service</u></a>
</label>
</div>
@ -156,7 +156,6 @@
<button type="button" class="btn btn-primary" id="upload_button">Upload</button>
</div>
</form>
</div>