DEV: Convert experimental user page activity nav to horizontal nav (#18483)

As usual, design is still in flux so no tests for now.

Internal Ref: /t/67780/59

app/assets/javascripts/discourse/app/components/user-nav.hbs

@@ -9,44 +9,12 @@
           </LinkTo>
         </li>
 
-        <UserNav::DropdownList
+        <li class="user-activity">
-          @icon="stream"
+          <LinkTo @route="userActivity">
-          @text={{i18n "user.activity_stream"}}
+            {{d-icon "stream"}}
-          @isActive={{eq @currentParentRoute "userActivity"}}
+            {{i18n "user.activity_stream"}}
-          @class="user-activity" >
+          </LinkTo>
-
+        </li>
-          <:submenu>
-            <DNavigationItem @route="userActivity.index">{{i18n "user.filters.all"}}</DNavigationItem>
-            <DNavigationItem @route="userActivity.topics">{{i18n "user_action_groups.4"}}</DNavigationItem>
-            <DNavigationItem @route="userActivity.replies">{{i18n "user_action_groups.5"}}</DNavigationItem>
-
-            {{#if @showRead}}
-              <DNavigationItem @route="userActivity.read" @title={{i18n "user.read_help"}}>
-                {{i18n "user.read"}}
-              </DNavigationItem>
-            {{/if}}
-
-            {{#if @showDrafts}}
-              <DNavigationItem @route="userActivity.drafts">
-                {{this.draftLabel}}
-              </DNavigationItem>
-            {{/if}}
-
-            {{#if (gt @user.pending_posts_count 0)}}
-              <DNavigationItem @route="userActivity.pending">
-                {{this.pendingLabel}}
-              </DNavigationItem>
-            {{/if}}
-
-            <DNavigationItem @route="userActivity.likesGiven">{{i18n "user_action_groups.1"}}</DNavigationItem>
-
-            {{#if @showBookmarks}}
-              <DNavigationItem @route="userActivity.bookmarks">{{i18n "user_action_groups.3"}}</DNavigationItem>
-            {{/if}}
-
-            <PluginOutlet @name="user-activity-bottom" @tagName="span" @connectorTagName="li" @args={{hash model=@user}} />
-          </:submenu>
-        </UserNav::DropdownList>
       {{/unless}}
 
       {{#if @showNotificationsTab}}

app/assets/javascripts/discourse/app/components/user-nav/messages-nav.hbs

@@ -88,7 +88,7 @@
       {{/if}}
     {{/if}}
 
-    <PluginOutlet @name="user-messages-nav" @tagName="span" @connectorTagName="li" @args={{hash model=@user}} />
+    <PluginOutlet @name="user-messages-nav" @connectorTagName="li" @args={{hash model=@user}} />
   </ul>
 
   {{#if this.site.desktopView}}

app/assets/javascripts/discourse/app/templates/user/activity.hbs

@@ -1,4 +1,40 @@
-{{#unless this.currentUser.redesigned_user_page_nav_enabled}}
+{{#if this.currentUser.redesigned_user_page_nav_enabled}}
+  <DSection @pageClass="user-activity" />
+
+  <div class="user-navigation-container">
+    <ul id="navigation-bar" class="nav-pills action-list">
+      <DNavigationItem @route="userActivity.index">{{i18n "user.filters.all"}}</DNavigationItem>
+      <DNavigationItem @route="userActivity.topics">{{i18n "user_action_groups.4"}}</DNavigationItem>
+      <DNavigationItem @route="userActivity.replies">{{i18n "user_action_groups.5"}}</DNavigationItem>
+
+      {{#if this.user.showRead}}
+        <DNavigationItem @route="userActivity.read" @title={{i18n "user.read_help"}}>
+          {{i18n "user.read"}}
+        </DNavigationItem>
+      {{/if}}
+
+      {{#if this.user.showDrafts}}
+        <DNavigationItem @route="userActivity.drafts">
+          {{this.draftLabel}}
+        </DNavigationItem>
+      {{/if}}
+
+      {{#if (gt this.model.pending_posts_count 0)}}
+        <DNavigationItem @route="userActivity.pending">
+          {{this.pendingLabel}}
+        </DNavigationItem>
+      {{/if}}
+
+      <DNavigationItem @route="userActivity.likesGiven">{{i18n "user_action_groups.1"}}</DNavigationItem>
+
+      {{#if this.user.showBookmarks}}
+        <DNavigationItem @route="userActivity.bookmarks">{{i18n "user_action_groups.3"}}</DNavigationItem>
+      {{/if}}
+
+      <PluginOutlet @name="user-activity-bottom" @connectorTagName="li" @args={{hash model=this.model}} />
+    </ul>
+  </div>
+{{else}}
   <DSection @pageClass="user-activity" @class="user-secondary-navigation" @scrollTop={{false}}>
     <nav role="navigation">
       <MobileNav @class="activity-nav" @desktopClass="action-list activity-list nav-stacked">
@@ -40,7 +76,7 @@
       <DButton @action={{action "exportUserArchive"}} @class="btn-default" @label="user.download_archive.button_text" @icon="download" />
     </section>
   {{/if}}
-{{/unless}}
+{{/if}}
 
 <section class="user-content">
   {{outlet}}

app/assets/javascripts/discourse/app/templates/user/notifications.hbs

@@ -35,7 +35,7 @@
         </LinkTo>
       </li>
 
-      <PluginOutlet @name="user-notifications-bottom" @tagName="span" @connectorTagName="li" @args={{hash model=this.model}} />
+      <PluginOutlet @name="user-notifications-bottom" @connectorTagName="li" @args={{hash model=this.model}} />
     </ul>
 
     {{#if this.model}}