feat: 🎸 add view members flow

2020-09-01 17:31:22 -04:00
1 parent 559fbb36eb
commit bbf9038b9f
@@ -54,7 +54,9 @@ Router.map(function () {
      });

      this.route('groups', function () {
-        this.route('group', { path: ':group_id' }, function () {});
+        this.route('group', { path: ':group_id' }, function () {
+          this.route('members');
+        });
        this.route('new');
      });

@@ -0,0 +1,50 @@
+import Route from '@ember/routing/route';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+export default class ScopesScopeGroupsGroupMembersRoute extends Route {
+
+  // =services
+
+  @service intl;
+  @service notify;
+
+  // =methods
+
+  /**
+   * Empty out all users before loading members.
+   */
+  beforeModel() {
+    this.store.unloadAll('user');
+  }
+
+  /**
+   * Returns users associated with this group.
+   * @return {Promise{[UserModel]}}
+   */
+  async model() {
+    const { id: scopeID } = this.modelFor('scopes.scope');
+    const group = this.modelFor('scopes.scope.groups.group');
+    await this.store.findAll('user', { adapterOptions: { scopeID } });
+    return group;
+  }
+
+  // =actions
+
+  /**
+   * Remove a member from the current role and redirect to members index.
+   * @param {GroupModel} group
+   * @param {UserModel} member
+   */
+  @action
+  async removeMember(group, member) {
+    try {
+      await group.removeMember(member.id);
+      this.notify.success(this.intl.t('notify.delete-success'));
+    } catch (error) {
+      // TODO: replace with translated strings
+      this.notify.error(error.message, { closeAfter: null });
+    }
+  }
+
+}
@@ -1,3 +1,40 @@
 {{title @model.displayName}}

-{{outlet}}
+<Rose::Layout::Page as |page|>
+
+  <page.breadcrumbs>
+    <BreadCrumbs />
+  </page.breadcrumbs>
+
+  <page.header>
+    <h2>{{t "resources.group"}}</h2>
+  </page.header>
+
+  <page.navigation>
+    <Rose::Nav::Tabs as |nav|>
+      <nav.link @route='scopes.scope.groups.group.index'>
+        {{t 'titles.details'}}
+      </nav.link>
+      <nav.link @route='scopes.scope.groups.group.members'>
+        {{t 'titles.members'}}
+      </nav.link>
+    </Rose::Nav::Tabs>
+  </page.navigation>
+
+  <page.actions>
+    <Rose::Dropdown @text="{{t 'actions.manage'}}" @dropdownRight={{true}} as |dropdown|>
+      <dropdown.button
+        @style="danger"
+        @disabled={{@model.canSave}}
+        {{on "click" (route-action "delete" @model)}}
+      >
+        {{t 'actions.delete-group'}}
+      </dropdown.button>
+    </Rose::Dropdown>
+  </page.actions>
+
+  <page.body>
+    {{outlet}}
+  </page.body>
+
+</Rose::Layout::Page>
@@ -1,39 +1,5 @@
-<Rose::Layout::Page as |page|>
-
-  <page.breadcrumbs>
-    <BreadCrumbs />
-  </page.breadcrumbs>
-
-  <page.header>
-    <h2>{{t "resources.group"}}</h2>
-  </page.header>
-
-  <page.navigation>
-    <Rose::Nav::Tabs as |nav|>
-      <nav.link @route='scopes.scope.groups.group'>
-        {{t 'titles.details'}}
-      </nav.link>
-    </Rose::Nav::Tabs>
-  </page.navigation>
-
-  <page.actions>
-    <Rose::Dropdown @text="{{t 'actions.manage'}}" @dropdownRight={{true}} as |dropdown|>
-      <dropdown.button
-        @style="danger"
-        @disabled={{@model.canSave}}
-        {{on "click" (route-action "delete" @model)}}
-      >
-        {{t 'actions.delete-group'}}
-      </dropdown.button>
-    </Rose::Dropdown>
-  </page.actions>
-
-  <page.body>
-    <Form::Project
-      @model={{@model}}
-      @submit={{route-action "save" @model}}
-      @cancel={{route-action "cancel" @model}}
-    />
-  </page.body>
-
-</Rose::Layout::Page>
+<Form::Project
+  @model={{@model}}
+  @submit={{route-action "save" @model}}
+  @cancel={{route-action "cancel" @model}}
+/>
@@ -0,0 +1,53 @@
+{{title (t 'titles.members')}}
+
+{{#if @model.members}}
+
+  <Rose::Table as |table|>
+    <table.header as |header|>
+      <header.row as |row|>
+        <row.headerCell>{{t 'form.label.name'}}</row.headerCell>
+        <row.headerCell>{{t 'form.label.id'}}</row.headerCell>
+        <row.headerCell>{{t "form.label.actions"}}</row.headerCell>
+      </header.row>
+    </table.header>
+    <table.body as |body|>
+      {{#each @model.members as |member|}}
+        <body.row as |row|>
+          <row.headerCell>
+            {{member.displayName}}
+          </row.headerCell>
+          <row.cell>
+            <code>{{member.id}}</code>
+          </row.cell>
+            <row.cell>
+            <Rose::Dropdown
+              @icon="more-horizontal"
+              @iconOnly={{true}}
+              @showCaret={{false}}
+              @dropdownRight={{true}}
+              @text="{{t "actions.manage"}}" as |dropdown|
+            >
+              <dropdown.button
+                @style="danger"
+                {{on "click" (route-action "removeMember" @model member)}}
+              >
+                {{t "actions.remove"}}
+              </dropdown.button>
+            </Rose::Dropdown>
+          </row.cell>
+        </body.row>
+      {{/each}}
+    </table.body>
+  </Rose::Table>
+
+{{else}}
+
+  <Rose::Layout::Centered>
+    <Rose::Message @title={{t "titles.group-members-welcome"}} as |message|>
+      <message.description>
+        {{t "descriptions.group-members-welcome"}}
+      </message.description>
+    </Rose::Message>
+  </Rose::Layout::Centered>
+
+{{/if}}
@@ -217,4 +217,9 @@ module('Acceptance | groups', function (hooks) {
      'Displays primary error message.'
    );
  });
+
+  test('can view group members', async function (assert) {
+    assert.expect(0);
+  });
+  
 });
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | scopes/scope/groups/group/members', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:scopes/scope/groups/group/members');
+    assert.ok(route);
+  });
+});
@@ -93,6 +93,8 @@ titles:
  no-host-set-hosts: No Hosts Available
  no-host-sets-for-target: No Host Sets Available
  role-principals-welcome: No Principals Associated
+  members: Members
+  group-members-welcome: Welcome to Members
 descriptions:
  host-catalogs: Overview of collections of hosts and host sets.
  empty-set: There are no items to display yet.  You may be able to add items or try back later.
@@ -109,6 +111,7 @@ descriptions:
  no-host-set-hosts: Before associating hosts with this host set, create hosts within the host catalog.
  no-host-sets-for-target: No host sets are available to add to this target.
  role-principals-welcome: No principals are available in this role.
+  group-members-welcome: Users belonging to this group appear here.
 states:
  info: Info
  success: Success