admin: add empty views to all lists, move invitation to stage-invitations

passbook/admin/templates/administration/application/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:application-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
@@ -62,6 +63,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Applications.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no applications exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:application-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/base.html

@@ -78,6 +78,12 @@
                                     {% trans 'Stage Prompts' %}
                                 </a>
                             </li>
+                            <li class="pf-c-nav__item">
+                                <a href="{% url 'passbook_admin:stage-invitations' %}"
+                                    class="pf-c-nav__link {% is_active 'passbook_admin:stage-invitations' 'passbook_admin:stage-invitation-create' 'passbook_admin:stage-invitation-delete' %}">
+                                    {% trans 'Invitations' %}
+                                </a>
+                            </li>
                             <li class="pf-c-nav__item">
                                 <a href="{% url 'passbook_admin:stage-bindings' %}"
                                     class="pf-c-nav__link {% is_active 'passbook_admin:stage-bindings' 'passbook_admin:stage-binding-create' 'passbook_admin:stage-binding-update' 'passbook_admin:stage-binding-delete' %}">
@@ -116,12 +122,6 @@
                         {% trans 'Certificates' %}
                     </a>
                 </li>
-                <li class="pf-c-nav__item">
-                    <a href="{% url 'passbook_admin:invitations' %}"
-                        class="pf-c-nav__link {% is_active 'passbook_admin:invitations' 'passbook_admin:invitation-create' 'passbook_admin:invitation-update' 'passbook_admin:invitation-delete' 'passbook_admin:invitation-test' %}">
-                        {% trans 'Invitations' %}
-                    </a>
-                </li>
                 <li class="pf-c-nav__item">
                     <a href="{% url 'passbook_admin:users' %}"
                         class="pf-c-nav__link {% is_active 'passbook_admin:users' 'passbook_admin:user-update' 'passbook_admin:user-delete' %}">

passbook/admin/templates/administration/certificatekeypair/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
@@ -64,6 +65,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Certificates.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no certificates exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/flow/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:flow-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
@@ -66,6 +67,19 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Flows.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no flows exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:flow-create' %}?back={{ request.get_full_path }}"
+                class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/flowstagebinding/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:stage-binding-create' %}?back={{ request.get_full_path }}"
@@ -65,6 +66,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Flow-Stage Bindings.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no flow-stage bindings exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/group/list.html

@@ -16,6 +16,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:group-create' %}?back={{ request.get_full_path }}"
@@ -61,6 +62,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Groups.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no group exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:group-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/policy/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <div class="pf-c-dropdown">
@@ -73,6 +74,31 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Policies.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no policies exist. Click the button below to create one.' %}
+            </div>
+            <div class="pf-c-dropdown">
+                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                </button>
+                <ul class="pf-c-dropdown__menu" hidden>
+                    {% for type, name in types.items %}
+                    <li>
+                        <a class="pf-c-dropdown__menu-item"
+                            href="{% url 'passbook_admin:policy-create' %}?type={{ type }}&back={{ request.get_full_path }}">{{ name }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/policybinding/list.html

@@ -15,6 +15,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:policy-binding-create' %}?back={{ request.get_full_path }}"
@@ -61,6 +62,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Policy Bindings.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no policy bindings exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:policy-binding-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/property_mapping/list.html

@@ -16,6 +16,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <div class="pf-c-dropdown">
@@ -67,6 +68,31 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Property Mappings.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no property mappings exist. Click the button below to create one.' %}
+            </div>
+            <div class="pf-c-dropdown">
+                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                </button>
+                <ul class="pf-c-dropdown__menu" hidden>
+                    {% for type, name in types.items %}
+                    <li>
+                        <a class="pf-c-dropdown__menu-item"
+                            href="{% url 'passbook_admin:property-mapping-create' %}?type={{ type }}&back={{ request.get_full_path }}">{{ name }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/provider/list.html

@@ -17,6 +17,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <div class="pf-c-dropdown">
@@ -86,6 +87,30 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Providers.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no providers exist. Click the button below to create one.' %}
+            </div>
+            <div class="pf-c-dropdown">
+                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                </button>
+                <ul class="pf-c-dropdown__menu" hidden>
+                    {% for type, name in types.items %}
+                    <li>
+                        <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:provider-create' %}?type={{ type }}&back={{ request.get_full_path }}">{{ name }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/source/list.html

@@ -17,6 +17,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <div class="pf-c-dropdown">
@@ -80,6 +81,30 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Sources.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no sources exist. Click the button below to create one.' %}
+            </div>
+            <div class="pf-c-dropdown">
+                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                </button>
+                <ul class="pf-c-dropdown__menu" hidden>
+                    {% for type, name in types.items %}
+                    <li>
+                        <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:source-create' %}?type={{ type }}&back={{ request.get_full_path }}">{{ name }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/stage/list.html

@@ -11,12 +11,13 @@
             <i class="pf-icon pf-icon-plugged"></i>
             {% trans 'Stages' %}
         </h1>
-        <p>{% trans "Stages required for a user to successfully authenticate." %}
+        <p>{% trans "Stages are single steps of a Flow that a user is guided through." %}
         </p>
     </div>
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <div class="pf-c-dropdown">
@@ -74,6 +75,31 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Stages.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no stages exist. Click the button below to create one.' %}
+            </div>
+            <div class="pf-c-dropdown">
+                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                </button>
+                <ul class="pf-c-dropdown__menu" hidden>
+                    {% for type, name in types.items %}
+                    <li>
+                        <a class="pf-c-dropdown__menu-item"
+                            href="{% url 'passbook_admin:stage-create' %}?type={{ type }}&back={{ request.get_full_path }}">{{ name }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/stage_invitation/list.html

@@ -10,15 +10,16 @@
             <i class="pf-icon pf-icon-migration"></i>
             {% trans 'Invitations' %}
         </h1>
-        <p>{% trans "Create Invitation Links to enroll Users, and optionally force a username or expire on a set date." %}
+        <p>{% trans "Create Invitation Links to enroll Users, and optionally force specific attributes of their account." %}
         </p>
     </div>
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
-                <a href="{% url 'passbook_admin:invitation-create' %}?back={{ request.get_full_path }}"
+                <a href="{% url 'passbook_admin:stage-invitation-create' %}?back={{ request.get_full_path }}"
                     class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
             {% include 'partials/pagination.html' %}
@@ -45,7 +46,7 @@
                         </span>
                     </td>
                     <td>
-                        <a class="pf-c-button pf-m-danger" href="{% url 'passbook_admin:invitation-delete' pk=invitation.pk %}?back={{ request.get_full_path }}">{% trans 'Delete' %}</a>
+                        <a class="pf-c-button pf-m-danger" href="{% url 'passbook_admin:stage-invitation-delete' pk=invitation.pk %}?back={{ request.get_full_path }}">{% trans 'Delete' %}</a>
                     </td>
                 </tr>
                 {% endfor %}
@@ -54,6 +55,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Invitations.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no invitations exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:stage-invitation-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/stage_prompt/list.html

@@ -11,11 +11,12 @@
             <i class="pf-icon pf-icon-plugged"></i>
             {% trans 'Prompts' %}
         </h1>
-        <p>{% trans "Prompts that can be used for Prompt Stages." %}</p>
+        <p>{% trans "Single Prompts that can be used for Prompt Stages." %}</p>
     </div>
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:stage-prompt-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
@@ -61,6 +62,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Stage Prompts.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no stage prompts exist. Click the button below to create one.' %}
+            </div>
+            <a href="{% url 'passbook_admin:stage-prompt-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/templates/administration/user/list.html

@@ -14,6 +14,7 @@
 </section>
 <section class="pf-c-page__main-section pf-m-no-padding-mobile">
     <div class="pf-c-card">
+        {% if object_list %}
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-top">
             <div class="pf-c-toolbar__bulk-select">
                 <a href="{% url 'passbook_admin:user-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
@@ -61,6 +62,18 @@
         <div class="pf-c-toolbar" id="page-layout-table-simple-toolbar-bottom">
             {% include 'partials/pagination.html' %}
         </div>
+        {% else %}
+        <div class="pf-c-empty-state">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">
+                {% trans 'No Users.' %}
+            </h1>
+            <div class="pf-c-empty-state__body">
+                {% trans 'Currently no users exist. How did you even get here.' %}
+            </div>
+            <a href="{% url 'passbook_admin:user-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+        </div>
+        {% endif %}
     </div>
 </section>
 {% endblock %}

passbook/admin/urls.py

@@ -8,7 +8,6 @@ from passbook.admin.views import (
     debug,
     flows,
     groups,
-    invitations,
     overview,
     policies,
     policies_bindings,
@@ -17,6 +16,7 @@ from passbook.admin.views import (
     sources,
     stages,
     stages_bindings,
+    stages_invitations,
     stages_prompts,
     users,
 )
@@ -166,6 +166,22 @@ urlpatterns = [
         stages_prompts.PromptDeleteView.as_view(),
         name="stage-prompt-delete",
     ),
+    # Invitations
+    path(
+        "stages/invitations/",
+        stages_invitations.InvitationListView.as_view(),
+        name="stage-invitations",
+    ),
+    path(
+        "stages/invitations/create/",
+        stages_invitations.InvitationCreateView.as_view(),
+        name="stage-invitation-create",
+    ),
+    path(
+        "stages/invitations/<uuid:pk>/delete/",
+        stages_invitations.InvitationDeleteView.as_view(),
+        name="stage-invitation-delete",
+    ),
     # Flows
     path("flows/", flows.FlowListView.as_view(), name="flows"),
     path("flows/create/", flows.FlowCreateView.as_view(), name="flow-create",),
@@ -196,18 +212,6 @@ urlpatterns = [
         property_mapping.PropertyMappingDeleteView.as_view(),
         name="property-mapping-delete",
     ),
-    # Invitations
-    path("invitations/", invitations.InvitationListView.as_view(), name="invitations"),
-    path(
-        "invitations/create/",
-        invitations.InvitationCreateView.as_view(),
-        name="invitation-create",
-    ),
-    path(
-        "invitations/<uuid:pk>/delete/",
-        invitations.InvitationDeleteView.as_view(),
-        name="invitation-delete",
-    ),
     # Users
     path("users/", users.UserListView.as_view(), name="users"),
     path("users/create/", users.UserCreateView.as_view(), name="user-create"),

passbook/admin/views/stages_invitations.py

@@ -22,7 +22,7 @@ class InvitationListView(LoginRequiredMixin, PermissionListMixin, ListView):
 
     model = Invitation
     permission_required = "passbook_stages_invitation.view_invitation"
-    template_name = "administration/invitation/list.html"
+    template_name = "administration/stage_invitation/list.html"
     paginate_by = 10
     ordering = "-expires"
 

passbook/static/static/passbook/pf.js

@@ -66,3 +66,10 @@ document.querySelector(".pf-c-page__header-brand-toggle>button").addEventListene
         sidebar.style.zIndex = 200;
     }
 });
+
+// Collapsable Menus in Sidebar
+document.querySelectorAll(".pf-m-expandable").forEach((menu) => {
+    menu.addEventListener("click", (e) => {
+        menu.classList.toggle("pf-m-expanded");
+    });
+});