add subNav and edit Button

This commit is contained in:
2022-01-05 22:49:43 +00:00
parent ce8c121df7
commit 7dccf6e8e7
2 changed files with 111 additions and 107 deletions

View File

@@ -41,35 +41,82 @@
</div> </div>
<ul class="sideBarNav"> <ul class="sideBarNav">
{% for job in pinned_job_groups %} {% for job in pinned_job_groups %}
<li class="{% if job.slug in request.path %} active {% endif %}"> <li class="{% if job.slug in request.path %}active{% endif %}">
<a href="{% url 'jobs' job.slug %}">{{ job.name|softhyphen|safe }}</a> <a href="{% url 'jobs' job.slug %}">{{ job.name }}</a>
</li> </li>
{% if job.slug in job_members.0.job.job_group.slug %}
{% regroup job_members by job.name as all_jobmem_list %}
<ul id="scrollspy-subNav">
{% for jobmem in all_jobmem_list %}
<li class="{% if jobmem.grouper %}active{% endif %}">
<a href="#{{ jobmem.list.0.job.slug }}">{{ jobmem.grouper }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endfor %} {% endfor %}
{% for job in unpinned_job_groups %} {% for job in unpinned_job_groups %}
<li class="{% if job.slug in request.path %} active {% endif %}"> <li class="{% if job.slug in request.path %}active{% endif %}">
<a href="{% url 'jobs' job.slug %}">{{ job.name|softhyphen|safe }}</a> <a href="{% url 'jobs' job.slug %}">{{ job.name }}</a>
</li> </li>
{% if job.slug in job_members.0.job.job_group.slug %}
{% regroup job_members by job.name as all_jobmem_list %}
<ul id="scrollspy-subNav">
{% for jobmem in all_jobmem_list %}
<li class="{% if jobmem.grouper %}active{% endif %}">
<a href="#{{ jobmem.list.0.job.slug }}">{{ jobmem.grouper }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endfor %} {% endfor %}
<hr class=""> <hr class="">
<li class="{% if '/members/P' == request.path %} active {% endif %}"> <li class="{% if '/members/P' == request.path %}active{% endif %}">
<a href="{% url 'members_view' 'P' %}">Pension</a> <a href="{% url 'members_view' 'P' %}">Pension</a>
</li> </li>
<li class="{% if '/members/' == request.path %} active {% endif %}"> <li class="{% if '/members/' == request.path %}active{% endif %}">
<a href="{% url 'members' %}">Alle Mitglieder</a> <a href="{% url 'members' %}">Alle Mitglieder</a>
</li> </li>
<li class="active"><a href="#">Studienkommission</a></li> {% if request.user.is_authenticated %}
<ul id="scrollspy-subNav"> {% if pinned_job_groups%}
<li class="active"><a href="#stuko-computational-science">Studienkommission Computational Science</a></li> {% for job in pinned_job_groups %}
<li><a href="#stuko-et">Studienkommission ET</a></li> {% if job.slug in request.path %}
<li><a href="#stuko-ulg">Studienkommission Universitätslehrgänge</a></li> <li class="internalLI">
</ul> <a href="{% url 'admin:members_jobgroup_change' job.id %}">
<i class="fa-regular fa-pen-to-square mr-1"></i>{{ job.name|softhyphen|safe }} bearbeiten
</a>
</li>
{% endif %}
{% endfor %}
{% elif unpinned_job_groups %}
{% for job in unpinned_job_groups %}
{% if job.slug in request.path %}
<li class="internalLI">
<a href="{% url 'admin:members_jobgroup_change' job.id %}">
<i class="fa-regular fa-pen-to-square mr-1"></i>{{ job.name|softhyphen|safe }} bearbeiten
</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
<li class="internalLI"><a href="#"><i class="fa-regular fa-pen-to-square mr-1"></i>Bearbeiten</a></li> {% if fs_info %}
<li class="internalLI">
<a href="{% url 'admin:core_customflatpage_change' fs_info.id %}">
<i class="fa-regular fa-pen-to-square mr-1"></i>Fachschaft-Text bearbeiten
</a>
</li>
{% endif %}
{% endif %}
</ul> </ul>
</div> </div>
</div> </div>
@@ -106,12 +153,6 @@
<div class="db-page-content text-gray-800"> <div class="db-page-content text-gray-800">
{{ fs_info.content|safe }} {{ fs_info.content|safe }}
</div> </div>
{% if request.user.is_authenticated %}
<hr>
<a href="{% url 'admin:core_customflatpage_change' fs_info.id %}">Fachschaft-Text bearbeiten</a>
<hr>
{% endif %}
{% endif %} {% endif %}
<article class="members-article"> <article class="members-article">
@@ -130,25 +171,4 @@
</section> </section>
</div> </div>
</main> </main>
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
<script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
<script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
<script defer src="{% static 'js/alpinejs@3.2.2.js' %}"></script>
<script defer src="{% static 'js/scripts.js' %}"></script>
<script>
var spy = new Gumshoe('#scrollspy-subNav a', {
/***** Scrollspy *****/ // Active classes
navClass: 'font-semibold', // applied to the nav list item
});
/***** SmoothScroll *****/ // All animations will take exactly 500ms
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 750,
speedAsDuration: true,
easing: 'easeInOutQuad'
});
</script>
{% endblock %} {% endblock %}

View File

@@ -55,19 +55,3 @@
{% endif %} {% endif %}
</div> </div>
</section> </section>
<script src="{% static 'gumshoe.js' %}"></script>
<script src="{% static 'smooth-scroll.js' %}"></script>
<script>
var spy = new Gumshoe('#scrollspy-subNav a', {
/***** Scrollspy *****/ // Active classes
navClass: 'font-semibold', // applied to the nav list item
});
/***** SmoothScroll *****/ // All animations will take exactly 500ms
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 750,
speedAsDuration: true,
easing: 'easeInOutQuad'
});
</script>