pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use AccordionList macro on applications index page, remove duped class on task order index page

Browse Source
This commit is contained in:
leigh-mil 2019-12-10 10:58:55 -05:00
parent ac8dd662d1
commit e772a4b84b
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/elements/_accordions.scss
View File

@ -50,5 +50,9 @@
&-list { &-list {
max-width: $max-panel-width; max-width: $max-panel-width;
&__collapse {
cursor: pointer;
}
} }
} }

5
templates/applications/index.html
View File

@ -1,4 +1,5 @@
{% from "components/accordion.html" import Accordion %} {% from "components/accordion.html" import Accordion %}
{% from "components/accordion_list.html" import AccordionList %}
{% from "components/empty_state.html" import EmptyState %} {% from "components/empty_state.html" import EmptyState %}
{% from "components/sticky_cta.html" import StickyCTA %} {% from "components/sticky_cta.html" import StickyCTA %}
{% from "components/icon.html" import Icon %} {% from "components/icon.html" import Icon %}
@ -32,7 +33,7 @@
) }} ) }}
{% else %} {% else %}
<div class="usa-accordion"> {% call AccordionList() %}
{% for application in portfolio.applications|sort(attribute='name') %} {% for application in portfolio.applications|sort(attribute='name') %}
{% set section_name = "application-{}".format(application.id) %} {% set section_name = "application-{}".format(application.id) %}
{% set title = "Environments ({})".format(application.environments|length) %} {% set title = "Environments ({})".format(application.environments|length) %}
@ -76,7 +77,7 @@
{% endcall %} {% endcall %}
</div> </div>
{% endfor %} {% endfor %}
</div> {% endcall %}
{% endif %} {% endif %}
</div> </div>

4
templates/components/accordion_list.html
View File

@ -1,8 +1,8 @@
{% macro AccordionList() %} {% macro AccordionList() %}
<accordion-list inline-template> <accordion-list inline-template>
<div class="accordion-list"> <div class="accordion-list usa-accordion">
<div class="action-group"> <div class="action-group">
<a v-on:click="handleClick($event)">Collapse All</a> <a v-on:click="handleClick($event)" class="accordion-list__collapse">Collapse All</a>
</div> </div>
<!-- caller iterates over accordion vue components or Accordion jinja macros --> <!-- caller iterates over accordion vue components or Accordion jinja macros -->
{{ caller() }} {{ caller() }}

2
templates/task_orders/index.html
View File

@ -14,7 +14,7 @@
{% macro TaskOrderList(task_orders, status) %} {% macro TaskOrderList(task_orders, status) %}
<div class="accordion usa-accordion"> <div class="accordion">
{% call Accordion(title=status, id=status, heading_tag="h4") %} {% call Accordion(title=status, id=status, heading_tag="h4") %}
{% for task_order in task_orders %} {% for task_order in task_orders %}
{% set to_number %} {% set to_number %}