feat(email): Hide empty rendered result

Author: pan93412

templates/email/preview.html.twig

@@ -5,6 +5,10 @@
 {% block title %}信件預覽{% endblock %}
 
 {% block app %}
+    {% set textContent = emailDeliveryEvent.email.textContent %}
+    {% set htmlContent = emailDeliveryEvent.email.htmlContent %}
+    {% set hasText, hasHtml = textContent|length > 0, htmlContent|length > 0 %}
+
     <main class="app-email-preview">
         <div class="row">
             <section class="app-email-preview__rendered col-9">
@@ -15,33 +19,42 @@
 
                 <nav>
                     <ul class="app-email-preview__rendered__mode_selector nav nav-tabs mb-3" role="tablist">
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link active" data-bs-toggle="tab"
-                                    id="app-email-preview__html_content_selector"
-                                    data-bs-target="#app-email-preview__html_content" type="button" role="tab"
-                                    aria-controls="app-email-preview__html_content" aria-selected="true">HTML 格式信件
-                            </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#app-email-preview__text_content"
-                                    id="app-email-preview__text_content_selector"
-                                    type="button" role="tab" aria-controls="app-email-preview__text_content"
-                                    aria-selected="false">純文字格式信件
-                            </button>
-                        </li>
+                        {% if hasHtml %}
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link active" data-bs-toggle="tab"
+                                        id="app-email-preview__html_content_selector"
+                                        data-bs-target="#app-email-preview__html_content" type="button" role="tab"
+                                        aria-controls="app-email-preview__html_content" aria-selected="true">HTML 格式信件
+                                </button>
+                            </li>
+                        {% endif %}
+                        {% if hasText %}
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" data-bs-toggle="tab"
+                                        data-bs-target="#app-email-preview__text_content"
+                                        id="app-email-preview__text_content_selector"
+                                        type="button" role="tab" aria-controls="app-email-preview__text_content"
+                                        aria-selected="false">純文字格式信件
+                                </button>
+                            </li>
+                        {% endif %}
                     </ul>
                 </nav>
 
                 <article class="app-email-preview__rendered__content tab-content">
-                    <div class="tab-pane fade show active" id="app-email-preview__html_content" role="tabpanel"
-                         aria-labelledby="app-email-preview__text_content_selector"
-                         aria-labelledby="home-tab" tabindex="0">
-                        {{ emailDeliveryEvent.email.htmlContent|raw }}
-                    </div>
-                    <div class="tab-pane fade" id="app-email-preview__text_content" role="tabpanel"
-                         aria-labelledby="app-email-preview__text_content_selector" tabindex="0">
-                        <pre>{{ emailDeliveryEvent.email.textContent }}</pre>
-                    </div>
+                    {% if hasHtml %}
+                        <div class="tab-pane fade show active" id="app-email-preview__html_content" role="tabpanel"
+                             aria-labelledby="app-email-preview__text_content_selector"
+                             aria-labelledby="home-tab" tabindex="0">
+                            {{ emailDeliveryEvent.email.htmlContent|raw }}
+                        </div>
+                    {% endif %}
+                    {% if hasText %}
+                        <div class="tab-pane fade" id="app-email-preview__text_content" role="tabpanel"
+                             aria-labelledby="app-email-preview__text_content_selector" tabindex="0">
+                            <pre>{{ emailDeliveryEvent.email.textContent }}</pre>
+                        </div>
+                    {% endif %}
                 </article>
             </section>
             <aside class="app-email-preview__meta col-3">