Migrate to mithril.js

2023-02-18 09:22:43 +03:00
parent 024d7fb10d
commit bdc8f8496f
79 changed files with 1697 additions and 149 deletions
--- a/myapp/templates/public/domains/auth/register.js
+++ b/myapp/templates/public/domains/auth/register.js
@@ -0,0 +1,79 @@
+function Register() {
+    let data = {
+        username: '',
+        password: '',
+        repeat: ''
+    };
+    function register() {
+        if (data.username.length==0 || data.password.length==0) {
+            let error = 'Пароли не совпадают';
+            return;
+        }
+        if (data.password!=data.repeat) {
+            let error = 'Пароли не совпадают';
+            return;
+        }
+        m.request({
+            url: '/api',
+            method: "POST",
+            body: {
+                "jsonrpc": "2.0",
+                "method": "auth.register",
+                "params": {
+                    "username": data.username,
+                    "password": data.password
+                },
+                "id": 1
+            }
+        }).then(
+            function(response) {
+                if ('result' in response) {
+                    window.location.href = '/login';
+                } else if ('error' in response) {
+                    vm.error = response.data['error'];
+                }
+            }
+        );
+    };
+    function form_submit(e) {
+        e.preventDefault();
+        register();
+    };
+    return {
+        view: function(vnode) {
+            let result = [];
+            result.push(
+                m('div', {class: 'row justify-content-center my-3'}, 
+                    m('div', {class: 'col-md-6'}, [
+                        m('h3', [
+                            {tag: '<', children: '<a class="btn btn-outline-secondary float-end" href="/forgot-password">Забыл пароль</a>'},
+                            'Регистрация',
+                            m('hr'),
+                        ]),
+                        m('form', {onsubmit: form_submit}, [
+                            m('div', {class: "input-group mb-3"}, [
+                                {tag: '<', children: '<span class="input-group-text"><i class="fa fa-user"></i></span>'},
+                                m('input', {class: 'form-control', placeholder: 'Логин', type: 'text', oninput: function (e) {data.username = e.target.value}, value: data.username}),
+                            ]),
+                            m('div', {class: "input-group mb-3"}, [
+                                {tag: '<', children: '<span class="input-group-text"><i class="fa fa-lock"></i></span>'},
+                                m('input', {class: 'form-control', placeholder: 'Пароль', type: 'password', oninput: function (e) {data.password = e.target.value}, value: data.password}),
+                            ]),
+                            m('div', {class: "input-group mb-3"}, [
+                                {tag: '<', children: '<span class="input-group-text"><i class="fa fa-lock"></i></span>'},
+                                m('input', {class: 'form-control', placeholder: 'Повтор пароля', type: 'repeat', oninput: function (e) {data.repeat = e.target.value}, value: data.repeat}),
+                            ]),
+                            m('div', {class: 'row'},
+                                m('div', {class: "col py-2"}, [
+                                    m(m.route.Link, {class: 'btn btn-outline-secondary', href: '/login'}, 'Вход'),
+                                    m('button', {class: 'btn btn-outline-success float-end', type: 'submit'}, 'Зарегистрироваться') 
+                                ]),
+                            ),
+                        ])
+                    ])
+                )
+            )
+            return result;
+        }
+    };
+};