97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% load static %}
|
|
{% load crispy_forms_tags %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="row justify-content-center">
|
|
{% if distributor.image %}
|
|
<img src="{{distributor.image.url}}" alt="{{distributor.name}}" class="component-img-big btn" data-bs-toggle="modal" data-bs-target="#distri-img-modal">
|
|
{% else %}
|
|
<img src="{% static 'css/icons/card-image.svg' %}" alt="{{distributor.name}}" class="component-img-def-big">
|
|
{% endif %}
|
|
</div>
|
|
<div class="row">
|
|
<button class="btn btn-danger mb-2" data-bs-toggle="modal" data-bs-target="#distri-delete-modal"><i class="bi bi-file-x"></i> Delete {{distributor.name}}</button>
|
|
{% if distributor.website %}
|
|
<a class="btn btn-secondary mb-2" href="{{distributor.website}}"><i class="bi bi-globe"></i> Website</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="col m-1">
|
|
<h2>Distributor {{distributor.name}}</h2>
|
|
<form action="" method="post" enctype="multipart/form-data">
|
|
{% csrf_token %}
|
|
{{edit_form|crispy}}
|
|
<input type="submit" class="btn btn-primary" value="Save" name="submit-distri-edit">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if distributor.image %}
|
|
<div class="modal fade" id="distri-img-modal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg modal-fullscreen-lg-down">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5>{{distributor.name}}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="text-center">
|
|
<img class="component-img-huge" src="{{distributor.image.url}}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Delete modal -->
|
|
<div class="modal fade" id="distri-delete-modal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg modal-fullscreen-lg-down">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5>{{distributor.name}}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h4>Delete this Distributor?</h4>
|
|
{% if delete_error %}
|
|
<div class="alert alert-danger">
|
|
{{delete_error}}
|
|
</div>
|
|
{% if protected_components %}
|
|
<h4>Following components prevent the deletion:</h4>
|
|
<ul>
|
|
{% for comp in protected_components %}
|
|
<li><a class="text-decoration-none text-primary" href="{% url 'parts-components-detail' uuid=comp.id %}">{{comp}}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<form action="" method="post">
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-danger" name="submit-distri-delete"><i class="bi bi-file-x"></i> Delete {{distributor.name}}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% endblock content %}
|
|
|
|
{% block custom_scripts %}
|
|
<script type="text/javascript">
|
|
{% if delete_error %}
|
|
bootstrap.Modal.getOrCreateInstance(document.getElementById('distri-delete-modal')).show();
|
|
{% endif %}
|
|
</script>
|
|
|
|
{% endblock custom_scripts %} |