ui: (pf4) fix empty state

This commit is contained in:
Jens Langhammer 2020-06-09 09:52:25 +02:00
parent 2e5170f631
commit f589da4e72
15 changed files with 226 additions and 197 deletions

View file

@ -65,14 +65,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Applications.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Applications.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no applications exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -67,14 +67,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Certificates.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Certificates.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no certificates exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -69,15 +69,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Flows.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Flows.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no flows exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -64,14 +64,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Groups.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Groups.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no group exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -81,31 +81,33 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Policies.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Policies.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no policies exist. Click the button below to create one.' %} <div class="pf-c-empty-state__body">
</div> {% trans 'Currently no policies exist. Click the button below to create one.' %}
<div class="pf-c-dropdown"> </div>
<button class="pf-m-primary pf-c-dropdown__toggle" type="button"> <div class="pf-c-dropdown">
<span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span> <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i> <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
</button> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
<ul class="pf-c-dropdown__menu" hidden> </button>
{% for type, name in types.items %} <ul class="pf-c-dropdown__menu" hidden>
<li> {% for type, name in types.items %}
<a class="pf-c-dropdown__menu-item" <li>
href="{% url 'passbook_admin:policy-create' %}?type={{ type }}&back={{ request.get_full_path }}"> <a class="pf-c-dropdown__menu-item"
{{ name|verbose_name }}<br> href="{% url 'passbook_admin:policy-create' %}?type={{ type }}&back={{ request.get_full_path }}">
<small> {{ name|verbose_name }}<br>
{{ name|doc }} <small>
</small> {{ name|doc }}
</a> </small>
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -57,14 +57,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Policy Bindings.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Policy Bindings.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no policy bindings exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -75,31 +75,33 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Property Mappings.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Property Mappings.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no property mappings exist. Click the button below to create one.' %} <div class="pf-c-empty-state__body">
</div> {% trans 'Currently no property mappings exist. Click the button below to create one.' %}
<div class="pf-c-dropdown"> </div>
<button class="pf-m-primary pf-c-dropdown__toggle" type="button"> <div class="pf-c-dropdown">
<span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span> <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i> <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
</button> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
<ul class="pf-c-dropdown__menu" hidden> </button>
{% for type, name in types.items %} <ul class="pf-c-dropdown__menu" hidden>
<li> {% for type, name in types.items %}
<a class="pf-c-dropdown__menu-item" <li>
href="{% url 'passbook_admin:property-mapping-create' %}?type={{ type }}&back={{ request.get_full_path }}"> <a class="pf-c-dropdown__menu-item"
{{ name|verbose_name }}<br> href="{% url 'passbook_admin:property-mapping-create' %}?type={{ type }}&back={{ request.get_full_path }}">
<small> {{ name|verbose_name }}<br>
{{ name|doc }} <small>
</small> {{ name|doc }}
</a> </small>
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -94,30 +94,32 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Providers.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Providers.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no providers exist. Click the button below to create one.' %} <div class="pf-c-empty-state__body">
</div> {% trans 'Currently no providers exist. Click the button below to create one.' %}
<div class="pf-c-dropdown"> </div>
<button class="pf-m-primary pf-c-dropdown__toggle" type="button"> <div class="pf-c-dropdown">
<span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span> <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i> <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
</button> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
<ul class="pf-c-dropdown__menu" hidden> </button>
{% for type, name in types.items %} <ul class="pf-c-dropdown__menu" hidden>
<li> {% for type, name in types.items %}
<a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:provider-create' %}?type={{ type }}&back={{ request.get_full_path }}"> <li>
{{ name|verbose_name }}<br> <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:provider-create' %}?type={{ type }}&back={{ request.get_full_path }}">
<small> {{ name|verbose_name }}<br>
{{ name|doc }} <small>
</small> {{ name|doc }}
</a> </small>
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -88,30 +88,32 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Sources.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Sources.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no sources exist. Click the button below to create one.' %} <div class="pf-c-empty-state__body">
</div> {% trans 'Currently no sources exist. Click the button below to create one.' %}
<div class="pf-c-dropdown"> </div>
<button class="pf-m-primary pf-c-dropdown__toggle" type="button"> <div class="pf-c-dropdown">
<span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span> <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i> <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
</button> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
<ul class="pf-c-dropdown__menu" hidden> </button>
{% for type, name in types.items %} <ul class="pf-c-dropdown__menu" hidden>
<li> {% for type, name in types.items %}
<a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:source-create' %}?type={{ type }}&back={{ request.get_full_path }}"> <li>
{{ name|verbose_name }}<br> <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:source-create' %}?type={{ type }}&back={{ request.get_full_path }}">
<small> {{ name|verbose_name }}<br>
{{ name|doc }} <small>
</small> {{ name|doc }}
</a> </small>
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -84,31 +84,33 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Stages.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Stages.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no stages exist. Click the button below to create one.' %} <div class="pf-c-empty-state__body">
</div> {% trans 'Currently no stages exist. Click the button below to create one.' %}
<div class="pf-c-dropdown"> </div>
<button class="pf-m-primary pf-c-dropdown__toggle" type="button"> <div class="pf-c-dropdown">
<span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span> <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i> <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
</button> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
<ul class="pf-c-dropdown__menu" hidden> </button>
{% for type, name in types.items %} <ul class="pf-c-dropdown__menu" hidden>
<li> {% for type, name in types.items %}
<a class="pf-c-dropdown__menu-item" <li>
href="{% url 'passbook_admin:stage-create' %}?type={{ type }}&back={{ request.get_full_path }}"> <a class="pf-c-dropdown__menu-item"
{{ name|verbose_name }}<br> href="{% url 'passbook_admin:stage-create' %}?type={{ type }}&back={{ request.get_full_path }}">
<small> {{ name|verbose_name }}<br>
{{ name|doc }} <small>
</small> {{ name|doc }}
</a> </small>
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -84,14 +84,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Flow-Stage Bindings.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Flow-Stage Bindings.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no flow-stage bindings exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -57,14 +57,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Invitations.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Invitations.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no invitations exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -83,14 +83,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Stage Prompts.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Stage Prompts.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no stage prompts exist. Click the button below to create one.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -64,14 +64,16 @@
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg"> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
{% trans 'No Users.' %} <h1 class="pf-c-title pf-m-lg">
</h1> {% trans 'No Users.' %}
<div class="pf-c-empty-state__body"> </h1>
{% trans 'Currently no users exist. How did you even get here.' %} <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> </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> </div>
{% endif %} {% endif %}
</div> </div>

View file

@ -43,17 +43,19 @@
{% endfor %} {% endfor %}
</div> </div>
{% else %} {% else %}
<div class="pf-c-empty-state"> <div class="pf-c-empty-state pf-m-full-height">
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i> <div class="pf-c-empty-state__content">
<h1 class="pf-c-title pf-m-lg">{% trans 'No Applications available.' %}</h1> <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
<div class="pf-c-empty-state__body"> <h1 class="pf-c-title pf-m-lg">{% trans 'No Applications available.' %}</h1>
{% trans "Either no applications are defined, or you don't have access to any." %} <div class="pf-c-empty-state__body">
{% trans "Either no applications are defined, or you don't have access to any." %}
</div>
{% if user.is_superuser %} {# todo: use guardian permissions instead #}
<a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
{% trans 'Create Application' %}
</a>
{% endif %}
</div> </div>
{% if user.is_superuser %} {# todo: use guardian permissions instead #}
<a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
{% trans 'Create Application' %}
</a>
{% endif %}
</div> </div>
{% endif %} {% endif %}
</section> </section>