102 lines
4.2 KiB
HTML
102 lines
4.2 KiB
HTML
{% load i18n %}
|
|
<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
|
|
<div class="oh-main__titlebar oh-main__titlebar--left">
|
|
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Meetings" %}</h1>
|
|
<a
|
|
class="oh-main__titlebar-search-toggle"
|
|
role="button"
|
|
aria-label="Toggle Search"
|
|
@click="searchShow = !searchShow"
|
|
>
|
|
<ion-icon
|
|
name="search-outline"
|
|
class="oh-main__titlebar-serach-icon"
|
|
></ion-icon>
|
|
</a>
|
|
</div>
|
|
{% if all_meetings %}
|
|
<form
|
|
hx-get="{% url 'filter-meeting' %}"
|
|
hx-target="#meeting_list"
|
|
hx-swap="innerHTML"
|
|
method="get"
|
|
id="filterForm"
|
|
onsubmit="event.preventDefault()"
|
|
>
|
|
<div class="oh-main__titlebar oh-main__titlebar--right">
|
|
<div
|
|
class="oh-input-group oh-input__search-group"
|
|
:class="searchShow ? 'oh-input__search-group--show' : ''"
|
|
>
|
|
<ion-icon
|
|
name="search-outline"
|
|
class="oh-input-group__icon oh-input-group__icon--left"
|
|
></ion-icon>
|
|
<input
|
|
name="search"
|
|
onkeyup="$('.filterButton').click()"
|
|
type="text"
|
|
class="oh-input oh-input__icon"
|
|
aria-label="Search Input"
|
|
placeholder="{% trans 'Search' %}"
|
|
/>
|
|
</div>
|
|
<div class="oh-main__titlebar-button-container">
|
|
<div class="oh-dropdown" x-data="{open: false}">
|
|
<button
|
|
class="oh-btn ml-2"
|
|
@click="open = !open"
|
|
onclick="event.preventDefault()"
|
|
>
|
|
<ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
|
|
<div id="filterCount"></div>
|
|
</button>
|
|
<div
|
|
class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4"
|
|
x-show="open"
|
|
@click.outside="open = false"
|
|
style="display: none"
|
|
>
|
|
<div class="oh-dropdown__filter-body">
|
|
{% include "meetings/meetings_filter.html" %}
|
|
|
|
</div>
|
|
<div class="oh-dropdown__filter-footer">
|
|
<button
|
|
class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton"
|
|
id="feedback-filter-form-submit"
|
|
>
|
|
{% trans "Filter" %}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<!-- checking user permission for objective creation -->
|
|
{% if perms.pms.add_meetings %}
|
|
<div class="oh-btn-group ml-2">
|
|
<div class="oh-dropdown" x-data="{open: false}">
|
|
<a
|
|
hx-get="{% url "create-meeting" %}"
|
|
hx-target="#objectCreateModalTarget"
|
|
data-toggle="oh-modal-toggle"
|
|
data-target="#objectCreateModal"
|
|
class="oh-btn oh-btn--secondary"
|
|
role="button"
|
|
>
|
|
<ion-icon
|
|
class="md hydrated"
|
|
name="add-outline"
|
|
role="img"
|
|
aria-label="add outline"
|
|
></ion-icon>
|
|
{% trans "Create" %}</a
|
|
>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|