Add populate users route with user table

ui/core/app/routes/orgs/org/users.js

@@ -1,4 +1,13 @@
 import Route from '@ember/routing/route';
 
 export default class OrgsOrgUsersRoute extends Route {
+  // =methods
+
+  /**
+   * Returns all users from the store.
+   * @return {Promise[UserModel]}
+   */
+  model() {
+    return this.store.findAll('user');
+  }
 }

ui/core/app/templates/orgs/org/users.hbs

@@ -1 +1,3 @@
-{{outlet}}
+{{title (t "resources.users")}}
+
+{{outlet}}

ui/core/app/templates/orgs/org/users/index.hbs

@@ -1 +1,63 @@
-{{outlet}}
+<Rose::Layout::Page as |page|>
+
+  <page.breadcrumbs>
+    <BreadCrumbs />
+  </page.breadcrumbs>
+
+  <page.header>
+    <h2>{{t "resources.users"}}</h2>
+  </page.header>
+
+  <page.actions>
+    {{#if @model}}
+      <Rose::LinkButton @route="orgs.org.users.new" @style="primary">{{t 'titles.new'}}</Rose::LinkButton>
+    {{/if}}
+  </page.actions>
+
+  <page.body>
+
+    {{#if @model}}
+
+      <Rose::Table as |table|>
+        <table.header as |header|>
+          <header.row as |row|>
+            <row.cell>{{t 'form.label.name'}}</row.cell>
+            <row.cell>{{t 'form.label.description'}}</row.cell>
+          </header.row>
+        </table.header>
+        <table.body as |body|>
+          {{#each @model as |user|}}
+            <body.row as |row|>
+              <row.cell>
+                <LinkTo
+                  @route="orgs.org.users.user"
+                  @model={{user}}
+                >
+                  {{user.name}}
+                </LinkTo>
+              </row.cell>
+              <row.cell>{{user.description}}</row.cell>
+            </body.row>
+          {{/each}}
+        </table.body>
+      </Rose::Table>
+
+    {{else}}
+
+      <Rose::Layout::Centered>
+        <Rose::Message @title={{t 'titles.users-welcome'}} as |message|>
+          <message.description>
+            {{t 'descriptions.users-welcome'}}
+          </message.description>
+          <message.link @route="orgs.org.user.new">
+            <Rose::Icon @name="plus-circle-outline" />
+            {{t 'titles.new'}}
+          </message.link>
+        </Rose::Message>
+      </Rose::Layout::Centered>
+
+    {{/if}}
+
+  </page.body>
+
+</Rose::Layout::Page>

ui/core/mirage/config.js

@@ -40,6 +40,14 @@ export default function() {
   this.patch('/orgs/:org_id/auth-methods/:id');
   this.del('/orgs/:org_id/auth-methods/:id');
 
+  // IAM : Users
+
+  this.get('/orgs/:org_id/users');
+  this.post('/orgs/:org_id/users');
+  this.get('/orgs/:org_id/users/:id');
+  this.patch('/orgs/:org_id/users/:id');
+  this.del('/orgs/:org_id/users/:id');
+
   // Other resources
   // host-catalog
 

ui/core/mirage/factories/user.js

@@ -1,3 +1,3 @@
-import { Factory } from 'ember-cli-mirage';
+import factory from '../generated/factories/user';
 
-export default Factory.extend();
+export default factory.extend();

ui/core/translations/en-us.yaml

@@ -5,6 +5,8 @@ actions:
   save: Save
   help: Need help?
 resources:
+  user: User
+  users: Users
   projects: Projects
   project: Project
   host-catalog: Host Catalog
@@ -16,11 +18,13 @@ titles:
   empty-set: No Items Yet
   projects-welcome: Welcome to Projects
   host-catalogs-welcome: Welcome to Host Catalogs
+  users-welcome: Welcome to Users
 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.
   projects-welcome: Projects allow you to create and manage host catalogs. To start, create a project.
   host-catalogs-welcome: Host catalogs allow you to configure to collect and create hosts and host sets. To start, create a host catalog.
+  users-welcome: Users are authorized to access Watchtower.
 states:
   info: Info
   success: Success