client/general: refactor control flow

- Controller lifetime is bound to route lifetime
- View lifetime is bound to controller lifetime
- Control lifetime is bound to view lifetime
- Enhanced event dispatching
- Enhanced responsiveness in some places
- Views communicate user input to controllers via new event system

client/js/controllers/user_list_controller.js

@@ -0,0 +1,47 @@
+'use strict';
+
+const api = require('../api.js');
+const misc = require('../util/misc.js');
+const topNavigation = require('../models/top_navigation.js');
+const PageController = require('../controllers/page_controller.js');
+const UsersHeaderView = require('../views/users_header_view.js');
+const UsersPageView = require('../views/users_page_view.js');
+
+class UserListController {
+    constructor(ctx) {
+        topNavigation.activate('users');
+
+        this._pageController = new PageController({
+            searchQuery: ctx.searchQuery,
+            clientUrl: '/users/' + misc.formatSearchQuery({
+                text: ctx.searchQuery.text, page: '{page}'}),
+            requestPage: PageController.createHistoryCacheProxy(
+                ctx,
+                page => {
+                    const text = ctx.searchQuery.text;
+                    return api.get(
+                        `/users/?query=${text}&page=${page}&pageSize=30`);
+                }),
+            headerRenderer: headerCtx => {
+                return new UsersHeaderView(headerCtx);
+            },
+            pageRenderer: pageCtx => {
+                Object.assign(pageCtx, {
+                    canViewUsers: api.hasPrivilege('users:view'),
+                });
+                return new UsersPageView(pageCtx);
+            },
+        });
+    }
+
+    showSuccess(message) {
+        this._pageController.showSuccess(message);
+    }
+}
+
+module.exports = router => {
+    router.enter(
+        '/users/:query?',
+        (ctx, next) => { misc.parseSearchQueryRoute(ctx, next); },
+        (ctx, next) => { ctx.controller = new UserListController(ctx); });
+};