From 71e72bcbcfcec75cbeba567bc011dfa9cdc15d50 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 6 Aug 2019 10:19:54 -0400
Subject: [PATCH] If there are 0 envs, do not show the toggle arrow and disable
 the link

---
 templates/portfolios/applications/index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/templates/portfolios/applications/index.html b/templates/portfolios/applications/index.html
index 6683c83a..aa8740b7 100644
--- a/templates/portfolios/applications/index.html
+++ b/templates/portfolios/applications/index.html
@@ -55,15 +55,18 @@
                     <span>{{ "portfolios.applications.team_text" | translate }} ({{ application.members | length }})</span>
                   </a>
                   <div class='separator'></div>
-                  <a class='icon-link triangle-box' v-on:click="toggleSection('{{ section_name }}')">
+                  {% 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>
-                    <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>
+                    {% 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>