Toggler was broken on applications page

This commit is contained in:
George Drummond 2019-04-22 09:54:03 -04:00
parent 847c300d33
commit 4b03845717
No known key found for this signature in database
GPG Key ID: 296DD6077123BF17

View File

@ -35,11 +35,13 @@
<div class='application-list'>
{% for application in portfolio.applications|sort(attribute='name') %}
<div is='toggler' v-cloak class='accordion application-list-item'>
<template slot-scope='props'>
{% 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="props.toggle">{{ application.name }}</h3>
<h3 class='icon-link accordion__title' v-on:click="toggleSection('{{ section_name }}')">{{ application.name }}</h3>
<span class='accordion__description'>{{ application.description }}</span>
<div class='accordion__actions'>
{% if user_can(permissions.VIEW_APPLICATION) %}
@ -59,7 +61,7 @@
</div>
</div>
<div class='col'>
<span v-on:click="props.toggle" class='icon-link toggle-link'>
<span v-if="selectedSection === '{{ section_name }}'" class='icon-link toggle-link'>
<template v-if="props.isVisible">
{{ Icon('minus') }}
</template>
@ -69,7 +71,7 @@
</span>
</div>
</header>
<ul v-if="props.isVisible">
<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'>
@ -83,8 +85,8 @@
</li>
{% endfor %}
</ul>
</template>
</div>
</div>
</toggler>
{% endfor %}
</div>