client/views: replace inheritance with composition

1 files changed, 10 insertions, 11 deletions

diff --git a/client/js/views/password_reset_view.js b/client/js/views/password_reset_view.js
index 12729bc..14f0737 100644
--- a/client/js/views/password_reset_view.js
+++ b/client/js/views/password_reset_view.js
@@ -1,32 +1,31 @@
 'use strict';
 
-const events = require('../events.js');
-const BaseView = require('./base_view.js');
+const views = require('../util/views.js');
 
-class PasswordResetView extends BaseView {
+class PasswordResetView {
     constructor() {
-        super();
-        this.template = this.getTemplate('password-reset-template');
+        this.template = views.getTemplate('password-reset');
     }
 
     render(ctx) {
-        const target = this.contentHolder;
+        const target = document.getElementById('content-holder');
         const source = this.template();
 
         const form = source.querySelector('form');
         const userNameOrEmailField = source.querySelector('#user-name');
 
-        this.decorateValidator(form);
+        views.decorateValidator(form);
 
         form.addEventListener('submit', e => {
             e.preventDefault();
-            this.clearMessages();
-            this.disableForm(form);
+            views.clearMessages(target);
+            views.disableForm(form);
             ctx.proceed(userNameOrEmailField.value)
-                .catch(() => { this.enableForm(form); });
+                .catch(() => { views.enableForm(form); });
         });
 
-        this.showView(target, source);
+        views.listenToMessages(target);
+        views.showView(target, source);
     }
 }