|
|
@@ -15,77 +15,83 @@
|
|
|
color: black;
|
|
|
}
|
|
|
</style>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<div class="container">
|
|
|
<h1 class="mainHeader">{{ title }}</h1>
|
|
|
<p class="description_service">Это система управления государством, источником власти в которой является сам народ. Именно народ решает, какие законы и нормы необходимы для гармоничного существования и развития государства. Таким образом, каждый человек в демократическом обществе
|
|
|
Получает определенный набор свобод и обязательств сформированных с учетом интересов всего сообщества. Исходя из вышесказанного, можно заключить, что демократия – это возможность для каждого человека свободно участвовать в непосредственном управлении своим государством, обществом и личной судьбой в конечном счете.</p>
|
|
|
<div class="row justify-content-start">
|
|
|
- <div class="smalldesc" id="maintable">
|
|
|
- {% render_table table %}
|
|
|
- </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 class="maintable" id="maintable">
|
|
|
+ {% render_table table %}
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</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">
|
|
|
+ <h1 class="mb-4">{{ title }}</h1>
|
|
|
+ <form method="post" style="overflow: auto">
|
|
|
+ {% csrf_token %}
|
|
|
+ <div class="container m-2">
|
|
|
+ {% for field in form %}
|
|
|
+ {{field.errors}}
|
|
|
+ <div class="row">
|
|
|
+ {{field.label_tag}}
|
|
|
+ {{field}}
|
|
|
+ <p class="fs-6 fst-italic">{{field.help_text|truncatewords:20}}</p>
|
|
|
+ </div>
|
|
|
+ {% endfor %}
|
|
|
+ </div>
|
|
|
+ <div class="text-center mt-2 mb-5">
|
|
|
+ <input class="btn btn-primary center" type="Submit" name="submit" value="{% trans 'Submit' %}"/>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
<script>
|
|
|
- // var colors = document.getElementById("test1");
|
|
|
- // var changeBorder =
|
|
|
- // document.getElementById("test1");
|
|
|
- // changeBorder.addEventListener("click", function () {
|
|
|
- // test1.style.border = "3px solid green";
|
|
|
- // test1.style.borderRadius = "10px";
|
|
|
- // });
|
|
|
-
|
|
|
- var rows = document.getElementsByTagName("tr");
|
|
|
- changeBorder.addEventListener("click", function () {
|
|
|
- row.style.border = "3px solid green";
|
|
|
- row.style.borderRadius = "10px";
|
|
|
- });
|
|
|
+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>
|
|
|
|
|
|
|
|
|
|
|
|
+
|
|
|
+
|
|
|
{% endblock contenthome %}
|
Nastya