Tenho um sistema que você clica na imagem e ele abre ela maior via modal, embaixo tem um botão de Deletar, se clicar em Deletar, abre outro modal perguntando se você tem certeza que quer deletar essa imagem, só confirmando o segundo modal que ela é deletada.
Porém está sempre deletando a primeira foto que mandei para a galeria, não estou conseguindo passar o ID correto via o modal.
Estou usando Django para o sistema e Pyhton.
Agradeceria uma ajuda.
modalgallery.js
$(function() {
$('.pop').on('click', function() {
$('.imagepreview').attr('src', $(this).attr('data-img-url'));
$('#imagemodal').modal('show');
});
});
modalconfirmedelete.js
$(function() {
$('.pop2').on('click', function() {
$('#delete').modal('show');
});
});
views.py
def delete(request, id):
photos = Photo.objects.get(id=id)
photos.delete()
return redirect('sistema_perfil')
def perfil(request):
photos_list = Photo.objects.filter(user=request.user.pk)
usuario = Usuario.objects.all()
form = UsuarioForm()
data = {'usuario': usuario, 'form': form, 'photos': photos_list}
return render(request, 'perfil.html', data)
perfil.html
{% for photo in photos %}
<a class="pop" href="#" data-img-url="{{ photo.file.large.url}}"><img src="{{ photo.file.medium.url}}"class="img-thumbnail" width="200" height="200"> </a>
<!-- Modal Gallery-->
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">X</span></button>
<img src="{{ photo.file.large.url}}" class="imagepreview" style="width: 100%;" >
<a class="pop2" href="#" ><img src="{% static 'svg/delete.svg' %}" width="20" height="20" alt="">Deletar </a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">X</span></button>
<h2>Tem certeza que deseja deletar essa foto: </h2>
<a href="{% url 'delete' photo.id %}" type="button" class="btn bg-danger text-white js-upload-photos">
<span class="glyphicon glyphicon-cloud-upload"></span> Deletar
</a>
</div>
</div>
</div>
</div>
{% endfor %}
id="imagemodal"
e esseid="delete"