|
@@ -15,6 +15,8 @@
|
|
|
color: black;
|
|
|
}
|
|
|
</style>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<div class="container">
|
|
|
<h1 class="mainHeader">{{ title }}</h1>
|
|
@@ -26,88 +28,13 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <!-- {% comment %} {% if table.page %}
|
|
|
- <nav aria-label="...">
|
|
|
- <ul class="pagination">
|
|
|
- {% if table.page.has_previous %}
|
|
|
- <li class="page-item">
|
|
|
- <a class="page-link" style="width: 10px; text-decoration: none;" href="?page={{ table.page.previous_page_number }}" tabindex="-1">{% trans 'Previous' %}</a>
|
|
|
- </li>
|
|
|
- {% else %}
|
|
|
- <li class="page-item disabled">
|
|
|
- <span class="page-link">{% trans 'Previous' %}</span>
|
|
|
- </li>
|
|
|
- {% endif %}
|
|
|
- {% for page in table.page_range %}
|
|
|
- {% if page == table.page.number %}
|
|
|
- <li class="page-item active">
|
|
|
- <span class="page-link" style="width: 30px;">{{ page }} <span class="sr-only">{% trans '(current)' %}</span></span>
|
|
|
- </li>
|
|
|
- {% else %}
|
|
|
- <li class="page-item">
|
|
|
- <a class="page-link" style="width: 30px;" href="?page={{page }}">{{ page }}</a>
|
|
|
-
|
|
|
- </li>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
- {% if table.page.has_next %}
|
|
|
- <li class="page-item">
|
|
|
- <a class="page-link" style="width: 30px; text-decoration: none;" href="?page={{ table.page.next_page_number }}">{% trans 'Next' %}</a>
|
|
|
- </li>
|
|
|
- {% else %}
|
|
|
- <li class="page-item disabled">
|
|
|
- <span class="page-link" style="width: 30px;">{% trans 'Next' %}</span>
|
|
|
- </li>
|
|
|
- {% endif %}
|
|
|
- </ul>
|
|
|
- </nav>
|
|
|
- {% endif %} {% endcomment %} -->
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<div class="container text-end mt-2">
|
|
|
<a class="btn btn-primary" id="bord" href="/service_type/add">{% trans 'Add' %}</a>
|
|
|
</div>
|
|
|
|
|
|
- <button id="openModalBtn">Открыть окно</button>
|
|
|
-
|
|
|
- <div id="myModal" class="modal">
|
|
|
- <div class="modal-content">
|
|
|
- <span id="closeModalBtn" class="close">×</span>
|
|
|
- <div class="fields">
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-<script>
|
|
|
-document.getElementById('openModalBtn').onclick = function() {
|
|
|
- var modal = document.getElementById('myModal');
|
|
|
- modal.classList.remove('fadeOut');
|
|
|
- modal.style.display = "block";
|
|
|
-}
|
|
|
-
|
|
|
-document.getElementById('closeModalBtn').onclick = function() {
|
|
|
- var modal = document.getElementById('myModal');
|
|
|
- modal.classList.add('fadeOut');
|
|
|
- setTimeout(function() {
|
|
|
- modal.style.display = "none";
|
|
|
- }, 400); // 400ms - длительность анимации
|
|
|
-}
|
|
|
-
|
|
|
-window.onclick = function(event) {
|
|
|
- var modal = document.getElementById('myModal');
|
|
|
- if (event.target == modal) {
|
|
|
- modal.classList.add('fadeOut');
|
|
|
- setTimeout(function() {
|
|
|
- modal.style.display = "none";
|
|
|
- }, 400); // 400ms - длительность анимации
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-</script>
|
|
|
-
|
|
|
-
|
|
|
|
|
|
|
|
|
|