add roles/users resources

.gitignore

@@ -3,6 +3,7 @@
 # compiled output
 /dist/
 /tmp/
+.idea/
 
 # dependencies
 /bower_components/

app/components/button/link.hbs

-<button class="btn btn-link">
+<button
+    class="btn btn-link"
+    {{on "click" @onClick}}>
 {{@text}}
 </button>
\ No newline at end of file

app/components/group/table_row.hbs

@@ -21,7 +21,11 @@
     {{@group.name}}
   </td>
   <td>
-    <Button::Link @text="Edit" {{on "click" (fn this.onEdit @group)}} />
-    <Button::Link @text="Remove" {{on "click" (fn this.onRemove @group)}} />
+    <Button::Link
+      @text="Edit"
+      @onClick={{(fn this.onEdit @group)}} />
+    <Button::Link
+      @text="Remove"
+      @onClick={{(fn this.onRemove @group)}} />
   </td>
 {{/if}}
\ No newline at end of file

app/components/nav/sidebar.hbs

@@ -30,5 +30,15 @@
           <i class="fas fa-users me-2"></i>Groups
         </LinkTo>
       </li>
+      <li>
+        <LinkTo @route="users" class="nav-link text-white">
+          <i class="fas fa-user-friends me-2"></i>Users
+        </LinkTo>
+      </li>
+      <li>
+        <LinkTo @route="roles" class="nav-link text-white">
+          <i class="fas fa-user me-2"></i>Roles
+        </LinkTo>
+      </li>
     </ul>
 </div>
\ No newline at end of file

app/router.js

@@ -17,6 +17,18 @@ Router.map(function () {
 
   this.route('tags');
 
+  this.route('users', function() {
+    this.route('add');
+    this.route('edit', { path: '/:user_id/edit' });
+    this.route('index', { path: '/' });
+  });
+
+  this.route('roles', function() {
+    this.route('add');
+    this.route('edit', { path: '/:role_id/edit' });
+    this.route('index', { path: '/' });
+  });
+
   this.route('groups', function() {
     this.route('index', { path: '/' });
   });

app/templates/roles/index.hbs

+<h1>Roles</h1>
\ No newline at end of file

app/templates/users/index.hbs

+<h1>Users</h1>
\ No newline at end of file