csd4ni3l/loginween
1
0
Fork 0
mirror of https://github.com/csd4ni3l/loginween.git synced 2026-01-01 04:23:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add post creation with modals, make XSS responses 400 http code

Browse Source
This commit is contained in:
csd4ni3l
2025-10-24 20:36:54 +02:00
parent 7c600a2a67
commit 57237899f5
3 changed files with 72 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/index.jinja2
View File

@@ -20,6 +20,7 @@
{% block body %}
<div class="text-center mt-3">
<h1>Posts</h1>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createPostModal">Create a post</button>
</div>
<div class="container mt-4">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
@@ -38,12 +39,41 @@
</div>
</div>
<div class="modal fade" id="createPostModal" tabindex="-1" aria-labelledby="createPostModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="createPostModalLabel">Create a post</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="modal-form" method="POST">
<div class="modal-body">
<h4>Your carved pumpkin:</h4>
<input type="hidden" name="pattern" id="pattern_field">
<canvas id="modal-pumpkin-canvas" width="400" height="400"></canvas>
<div>
<button type="button" id="modallightBtn" class="mt-3 btn btn-warning">Light!</button>
<button type="button" id="modalclearBtn" class="mt-3 btn btn-danger">Clear</button>
</div>
<div class="input-group mt-3">
<input name="comment" type="text" class="form-control" placeholder="Comment" aria-label="Comment">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" data-bs-dismiss="modal">Submit</button>
</div>
</form>
</div>
</div>
</div>
<script>
let CELL_SIZE = 0;
{% for post in posts %}
const [ctx_{{ post.0 }}, canvas_{{ post.0 }}, img_{{ post.0 }}] = setup_pumpkin("pumpkin-canvas-{{ post.0 }}", null, null, null, null, {{ grid_size }}, false);
let lit_{{ post.0 }} = false;
let pattern_{{ post.0 }} = {{ post.3 }};
CELL_SIZE = canvas_{{ post.0 }}.width / 15;
@@ -53,5 +83,25 @@ img_{{ post.0 }}.addEventListener('load', function() {
});
setup_lightbtn(ctx_{{ post.0 }}, CELL_SIZE, "lightBtn-{{ post.0 }}", pattern_{{ post.0 }})
{% endfor %}
setup_pumpkin("modal-pumpkin-canvas", "modalclearBtn", "modallightBtn", "modal-form", "pattern_field", {{ grid_size }});
document.getElementById('modal-form').addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
fetch('/submit_post', {
method: 'POST',
body: formData
}).then(response => {
location.reload();
})
.catch(error => {
alert(`Error during submitting post: ${error}`);
});
});
</script>
{% endblock body %}