4f8cbc2b68
Templates and fragments that relate to specific resources (portfolios, applications, task orders) should reside in directories named for the relevant resource. This also matches the way the application routes are distributed among modules named for each resource type.
94 lines
4.1 KiB
HTML
94 lines
4.1 KiB
HTML
{% from "components/icon.html" import Icon %}
|
||
{% from "components/empty_state.html" import EmptyState %}
|
||
|
||
{% extends "portfolios/base.html" %}
|
||
|
||
{% set can_create_applications = user_can(permissions.CREATE_APPLICATION) %}
|
||
|
||
{% block portfolio_content %}
|
||
|
||
<div class='portfolio-applications'>
|
||
{% include "fragments/flash.html" %}
|
||
<div class='portfolio-applications__header row'>
|
||
<div class='portfolio-applications__header--title col col--grow'>Applications</div>
|
||
<div class='portfolio-applications__header--actions col'>
|
||
{% if can_create_applications %}
|
||
<a class='icon-link' href='{{ url_for('applications.view_new_application_step_1', portfolio_id=portfolio.id) }}'>
|
||
{{ 'portfolios.applications.add_application_text' | translate }}
|
||
{{ Icon("plus", classes="sidenav__link-icon") }}
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
|
||
{% if not portfolio.applications %}
|
||
|
||
{{ EmptyState(
|
||
'This portfolio doesn’t have any applications',
|
||
action_label='Add a new application' if can_create_applications else None,
|
||
action_href=url_for('applications.create_new_application_step_1', portfolio_id=portfolio.id) if can_create_applications else None,
|
||
icon='cloud',
|
||
sub_message=None if can_create_applications else 'Please contact your JEDI Cloud portfolio administrator to set up a new application.',
|
||
add_perms=can_create_applications
|
||
) }}
|
||
|
||
{% else %}
|
||
|
||
<div class='application-list'>
|
||
{% for application in portfolio.applications|sort(attribute='name') %}
|
||
{% set section_name = "application-{}".format(application.id) %}
|
||
|
||
<toggler inline-template>
|
||
<div class='accordion application-list-item'>
|
||
<header class='accordion__header row'>
|
||
<div class='col col-grow'>
|
||
<h3 class='icon-link accordion__title' v-on:click="toggleSection('{{ section_name }}')">{{ application.name }}</h3>
|
||
<p class='accordion__description'>
|
||
{{ application.description }}
|
||
</p>
|
||
<div class='accordion__actions'>
|
||
<a class='icon-link' href='{{ url_for("applications.settings", application_id=application.id) }}'>
|
||
<span>{{ "portfolios.applications.app_settings_text" | translate }}</span>
|
||
</a>
|
||
<div class='separator'></div>
|
||
{% set has_environments = 0 < (application.environments|length) %}
|
||
<a class='icon-link triangle-box' v-on:click="toggleSection('{{ section_name }}')" disabled="{{ not has_environments }}">
|
||
<span>Environments ({{ application.environments|length }})</span>
|
||
{% if has_environments %}
|
||
<span v-if="selectedSection === '{{ section_name }}'">
|
||
{{ Icon('caret_up') }}
|
||
</span>
|
||
<span v-else>
|
||
{{ Icon('caret_down') }}
|
||
</span>
|
||
<div class="triangle-up" v-if="selectedSection === '{{ section_name }}'"></div>
|
||
{% endif %}
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<ul v-show="selectedSection === '{{ section_name }}'">
|
||
{% for environment in application.environments %}
|
||
<li class='accordion__item application-list-item__environment'>
|
||
<div class='application-list-item__environment__name'>
|
||
<span>{{ environment.displayname }}</span>
|
||
</div>
|
||
{% if g.current_user in environment.users %}
|
||
<a href='{{ url_for("applications.access_environment", environment_id=environment.id)}}' target='_blank' rel='noopener noreferrer' class='application-list-item__environment__csp_link icon-link'>
|
||
<span>{{ "portfolios.applications.csp_console_text" | translate }}</span>
|
||
</a>
|
||
{% endif %}
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
</div>
|
||
</toggler>
|
||
{% endfor %}
|
||
</div>
|
||
|
||
{% endif %}
|
||
|
||
</div>
|
||
|
||
{% endblock %}
|