Group edit page : add teams tag (#7656)

Co-authored-by: Sundaram Dubey <[email protected]>

Author: MeghalBisht

app/components/group-nav.js

@@ -0,0 +1,14 @@
+import classic from 'ember-classic-decorator';
+import Component from '@ember/component';
+import { action } from '@ember/object';
+import { tagName } from '@ember-decorators/component';
+
+@classic
+@tagName('')
+export default class GroupNav extends Component {
+  @action
+  refreshRoute() {
+    this.refresh();
+  }
+}
+

app/templates/components/group-nav.hbs

@@ -13,27 +13,45 @@
       </a>
     </div>
     <TabbedNavigation>
-      {{#if @createPage}}
-        <LinkTo @route="groups.edit.settings" @model={{@group.id}} class="item">
-          {{t 'Settings'}}
-        </LinkTo>
-        {{#if @group.id}}
-          <LinkTo @route="groups.edit.events" @model={{@group.id}} class="item">
-            {{t 'Events'}}
-          </LinkTo>
-        {{/if}}
-      {{else}}
-        {{#if @group.id}}
-          <LinkTo @route="groups.edit.events" @model={{@group.id}} class="item">
+      {{#if @team}}
+        <LinkTo @route="groups.edit.events" @invokeAction={{action 'refreshRoute'}} @model={{@group.id}} class="item">
             {{t 'Events'}}
-          </LinkTo>
-        {{/if}}
-        <LinkTo @route="groups.edit.followers" @model={{@group.id}} class="item">
+        </LinkTo>
+        <LinkTo @route="groups.edit.followers" @invokeAction={{action 'refreshRoute'}} @model={{@group.id}} class="item">
           {{t 'Followers'}}
         </LinkTo>
-        <LinkTo @route="groups.edit.settings" @model={{@group.id}} class="item">
+        <LinkTo @route="groups.edit.settings" @invokeAction={{action 'refreshRoute'}} @model={{@group.id}} class="item">
           {{t 'Settings'}}
         </LinkTo>
+        <LinkTo @route="groups.team" @invokeAction={{action 'refreshRoute'}} @model={{@group.id}} class="item">
+          {{t 'Team'}}
+        </LinkTo>
+      {{else}}
+        {{#if @createPage}}
+          <LinkTo @route="groups.edit.settings" @model={{@group.id}} class="item">
+            {{t 'Settings'}}
+          </LinkTo>
+          {{#if @group.id}}
+            <LinkTo @route="groups.edit.events" @model={{@group.id}} class="item">
+              {{t 'Events'}}
+            </LinkTo>
+          {{/if}}
+        {{else}}
+          {{#if @group.id}}
+            <LinkTo @route="groups.edit.events" @model={{@group.id}} class="item">
+              {{t 'Events'}}
+            </LinkTo>
+          {{/if}}
+          <LinkTo @route="groups.edit.followers" @model={{@group.id}} class="item">
+            {{t 'Followers'}}
+          </LinkTo>
+          <LinkTo @route="groups.edit.settings" @model={{@group.id}} class="item">
+            {{t 'Settings'}}
+          </LinkTo>
+          <LinkTo @route="groups.team" @model={{@group.id}} class="item">
+            {{t 'Team'}}
+          </LinkTo>
+        {{/if}}
       {{/if}}
     </TabbedNavigation>
   </div>

app/templates/groups/edit/followers.hbs

@@ -22,6 +22,9 @@
       <LinkTo @route="groups.edit.settings" @invokeAction={{action 'refreshRoute'}} @model={{this.model.group.id}} class="item">
         {{t 'Settings'}}
       </LinkTo>
+      <LinkTo @route="groups.team" @invokeAction={{action 'refreshRoute'}} @model={{this.model.group.id}} class="item">
+        {{t 'Team'}}
+      </LinkTo>
     </TabbedNavigation>
   </div>
 </div>

app/templates/groups/team.hbs

@@ -1,4 +1,4 @@
-<GroupNav @group={{this.model.group}} />
+<GroupNav @team={{true}} @group={{this.model.group}} />
 <div class="ui sixteen wide column container mt-4">
 <div class="content d-flex" style="align-items: center;">
   <div class="header">{{t 'Team Members'}}</div>