add onAdd callback to table

src/eventTool.js

@@ -170,6 +170,7 @@ export class EventTable {
       resource: 'events',
       keys: config.tableKeys,
       titles: config.tableKeys.map(key => config.keyDescriptors[key] || key),
+      onAdd: () => { m.route.set('/newevent'); },
     });
   }
 }

src/index.js

@@ -34,11 +34,11 @@ function layoutWith(view) {
 m.route(root, '/users', {
   '/users': layoutWith(UserTable),
   '/users/:id': layoutWith(UserModal),
-  '/newusers': layoutWith(NewUser),
+  '/newuser': layoutWith(NewUser),
   '/groupmemberships/:id': layoutWith(MembershipView),
   '/events': layoutWith(EventTable),
   '/events/:id': layoutWith(EventModal),
-  '/newevents': layoutWith(NewEvent),
+  '/newevent': layoutWith(NewEvent),
   '/groups': layoutWith({
     view() {
       return m(TableView, {

src/userTool.js

@@ -159,6 +159,7 @@ export class UserTable {
       resource: 'users',
       keys: config.tableKeys,
       titles: config.tableKeys.map(key => config.keyDescriptors[key] || key),
+      onAdd: () => { m.route.set('/newuser'); },
     });
   }
 }

src/views/tableView.js

@@ -45,6 +45,7 @@ export default class TableView {
       titles,
       resource,
       query = false,
+      onAdd = () => {},
     },
   }) {
     this.items = [];
@@ -53,6 +54,7 @@ export default class TableView {
     this.resource = resource;
     // the querystring is either given or will be parsed from the url
     this.query = query || m.route.param();
+    this.onAdd = onAdd;
   }
 
   // definitions of query parameters in addition to API go here
@@ -129,7 +131,7 @@ export default class TableView {
         ]),
         m('div.col-xs-4', [
           m('div.btn.btn-default', {
-            onclick: () => { m.route.set(`/new${this.resource}`); },
+            onclick: () => { this.onAdd(); },
           }, 'New'),
         ]),
       ]),