Marijn/mvl-flask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

A lot works!

Browse Source
This commit is contained in:
Marijn Jansen
2019-03-21 14:53:41 +01:00
parent ddbf330ab7
commit bfe6ae46fc
11 changed files with 176 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
templates/main/modal.html
View File

@@ -1,6 +1,6 @@
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="details-title">Modal title</h5>
@@ -9,7 +9,8 @@
</button>
</div>
<div class="modal-body">
<div id="details-intro"></div>
<div id="details-intro" class="font-weight-bold"></div>
<div id="details-images"></div>
<div id="details-description"></div>
</div>
</div>
@@ -19,20 +20,25 @@
<script>
$('#detailModal').on('show.bs.modal', function (event) {
let card = $(event.relatedTarget); // Button that triggered the modal
{#let name = card.data('name'); // Extract info from data-* attributes#}
let post_id = card.data('post_id');
$.post(`/api/post/${post_id}`, data => {
if (!data.success) {
console.error("No data for post");
return;
}
let modal = $(this);
console.log(data);
modal.find('#details-title').text(data.post.title);
modal.find('#details-intro').text(data.post.intro);
modal.find('#details-description').text(data.post.description);
let post = data.post;
console.log(post);
$('#details-title').text(post.title);
$('#details-intro').text(post.intro);
$('#details-description').text(post.description);
$('#details-images').text('');
post.images.forEach(image => {
$('#details-images').append(`<img src=${image}>`)
});
});
})
.on('shown.bs.modal', function () {
$('#detailModal').scrollTop(0);
});
</script>