From d516a88b4c714e6b37adeda92621613cbf2a1047 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 24 Apr 2020 22:27:25 -0400
Subject: [PATCH] DEV: add tag name class to body of tag pages

---
 .../discourse/app/templates/tags/show.hbs     | 164 +++++++++---------
 1 file changed, 83 insertions(+), 81 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/templates/tags/show.hbs b/app/assets/javascripts/discourse/app/templates/tags/show.hbs
index 80f38623c33..ea0ed47cfc0 100644
--- a/app/assets/javascripts/discourse/app/templates/tags/show.hbs
+++ b/app/assets/javascripts/discourse/app/templates/tags/show.hbs
@@ -1,90 +1,92 @@
-<div class="container">
-  {{discourse-banner user=currentUser banner=site.banner}}
-</div>
-
-<div class="list-controls">
+{{#d-section pageClass="tags" bodyClass=(concat "tag-" tag.id)}}
   <div class="container">
-    <section class="navigation-container">
-      {{#if showTagFilter}}
-        {{bread-crumbs
-          categories=categories
-          category=category
-          tagId=tag.id
-          noSubcategories=noSubcategories
-        }}
-        {{navigation-bar navItems=navItems filterMode=filterMode}}
-      {{else}}
-        <h2 class="tag-show-heading">
-          {{#link-to "tags"}}{{i18n "tagging.tags"}}{{/link-to}}
-          {{d-icon "angle-right"}}
-          {{discourse-tag-bound tagRecord=tag style="simple"}}
-          {{#each additionalTags as |tag|}}
-            <span>&amp;</span>
-            {{discourse-tag tag style="simple"}}
-          {{/each}}
-        </h2>
-      {{/if}}
-
-      {{#if tagNotification}}
-        {{#unless additionalTags}}
-          {{tag-notifications-button
-            onChange=(action "changeTagNotificationLevel")
-            value=tagNotification.notification_level
-          }}
-        {{/unless}}
-      {{/if}}
-
-      {{create-topic-button
-        canCreateTopic=canCreateTopic
-        disabled=createTopicDisabled
-        label=createTopicLabel
-        action=(route-action "createTopic")
-      }}
-
-      {{#if showToggleInfo}}
-        {{d-button icon="tag" label="tagging.info" action=(action "toggleInfo") id="show-tag-info"}}
-      {{/if}}
-    </section>
+    {{discourse-banner user=currentUser banner=site.banner}}
   </div>
-</div>
 
-{{#if showInfo}}
-  {{tag-info tag=tag list=list deleteAction=(action "deleteTag")}}
-{{/if}}
+  <div class="list-controls">
+    <div class="container">
+      <section class="navigation-container">
+        {{#if showTagFilter}}
+          {{bread-crumbs
+            categories=categories
+            category=category
+            tagId=tag.id
+            noSubcategories=noSubcategories
+          }}
+          {{navigation-bar navItems=navItems filterMode=filterMode}}
+        {{else}}
+          <h2 class="tag-show-heading">
+            {{#link-to "tags"}}{{i18n "tagging.tags"}}{{/link-to}}
+            {{d-icon "angle-right"}}
+            {{discourse-tag-bound tagRecord=tag style="simple"}}
+            {{#each additionalTags as |tag|}}
+              <span>&amp;</span>
+              {{discourse-tag tag style="simple"}}
+            {{/each}}
+          </h2>
+        {{/if}}
 
-{{plugin-outlet name="discovery-list-container-top"}}
+        {{#if tagNotification}}
+          {{#unless additionalTags}}
+            {{tag-notifications-button
+              onChange=(action "changeTagNotificationLevel")
+              value=tagNotification.notification_level
+            }}
+          {{/unless}}
+        {{/if}}
 
-<div class="container list-container">
-  <div class="row">
-    <div class="full-width">
-      <div id="list-area">
-        {{#unless loading}}
-          {{#if list.topics}}
-            {{#discovery-topics-list model=list refresh=(action "refresh")}}
-              {{bulk-select-button selected=selected action=(action "refresh")}}
-              {{topic-list
-                topics=list.topics
-                canBulkSelect=canBulkSelect
-                toggleBulkSelect=(action "toggleBulkSelect")
-                bulkSelectEnabled=bulkSelectEnabled
-                selected=selected
-                showPosters=true
-                order=order
-                ascending=ascending
-                changeSort=(action "changeSort")
-              }}
-            {{/discovery-topics-list}}
-          {{else}}
-            <footer class="topic-list-bottom">
-              <h3>
-                {{footerMessage}}{{#link-to "discovery.categories"}} {{i18n "topic.browse_all_categories"}}{{/link-to}} {{i18n "or"}} {{#link-to "discovery.latest"}}{{i18n "topic.view_latest_topics"}}{{/link-to}}.
-              </h3>
-            </footer>
-          {{/if}}
-        {{/unless}}
+        {{create-topic-button
+          canCreateTopic=canCreateTopic
+          disabled=createTopicDisabled
+          label=createTopicLabel
+          action=(route-action "createTopic")
+        }}
 
-        {{conditional-loading-spinner condition=list.loadingMore}}
+        {{#if showToggleInfo}}
+          {{d-button icon="tag" label="tagging.info" action=(action "toggleInfo") id="show-tag-info"}}
+        {{/if}}
+      </section>
+    </div>
+  </div>
+
+  {{#if showInfo}}
+    {{tag-info tag=tag list=list deleteAction=(action "deleteTag")}}
+  {{/if}}
+
+  {{plugin-outlet name="discovery-list-container-top"}}
+
+  <div class="container list-container">
+    <div class="row">
+      <div class="full-width">
+        <div id="list-area">
+          {{#unless loading}}
+            {{#if list.topics}}
+              {{#discovery-topics-list model=list refresh=(action "refresh")}}
+                {{bulk-select-button selected=selected action=(action "refresh")}}
+                {{topic-list
+                  topics=list.topics
+                  canBulkSelect=canBulkSelect
+                  toggleBulkSelect=(action "toggleBulkSelect")
+                  bulkSelectEnabled=bulkSelectEnabled
+                  selected=selected
+                  showPosters=true
+                  order=order
+                  ascending=ascending
+                  changeSort=(action "changeSort")
+                }}
+              {{/discovery-topics-list}}
+            {{else}}
+              <footer class="topic-list-bottom">
+                <h3>
+                  {{footerMessage}}{{#link-to "discovery.categories"}} {{i18n "topic.browse_all_categories"}}{{/link-to}} {{i18n "or"}} {{#link-to "discovery.latest"}}{{i18n "topic.view_latest_topics"}}{{/link-to}}.
+                </h3>
+              </footer>
+            {{/if}}
+          {{/unless}}
+
+          {{conditional-loading-spinner condition=list.loadingMore}}
+        </div>
       </div>
     </div>
   </div>
-</div>
+{{/d-section}}