Frontend

2018-06-20 08:48:14 +10:00
parent 80d78cbf25
commit b38b988da4
40 changed files with 1419 additions and 0 deletions
@@ -0,0 +1,28 @@
+<div class="container">
+    <div class="row">
+        <div class="col col-login mx-auto">
+            <form class="card" action="" method="post">
+                <div class="card-body p-6">
+                    <div class="card-title">Login to your account</div>
+                    <div class="form-group">
+                        <label class="form-label">Email address</label>
+                        <input name="identity" type="email" class="form-control" placeholder="Enter email" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">
+                            Password
+                        </label>
+                        <input name="secret" type="password" class="form-control" placeholder="Password" required>
+                        <div class="invalid-feedback secret-error"></div>
+                    </div>
+                    <div class="form-footer">
+                        <button type="submit" class="btn btn-teal btn-block">Sign in</button>
+                    </div>
+                </div>
+            </form>
+            <div class="text-center text-muted">
+                Nginx Proxy Manager v<%- getVersion() %>
+            </div>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,42 @@
+'use strict';
+
+const $        = require('jquery');
+const Mn       = require('backbone.marionette');
+const template = require('./login.ejs');
+const Api      = require('../../app/api');
+
+module.exports = Mn.View.extend({
+    template:  template,
+    className: 'page-single',
+
+    ui: {
+        form:     'form',
+        identity: 'input[name="identity"]',
+        secret:   'input[name="secret"]',
+        error:    '.secret-error',
+        button:   'button'
+    },
+
+    events: {
+        'submit @ui.form': function (e) {
+            e.preventDefault();
+            this.ui.button.addClass('btn-loading').prop('disabled', true);
+            this.ui.error.hide();
+
+            Api.Tokens.login(this.ui.identity.val(), this.ui.secret.val(), true)
+                .then(() => {
+                    window.location = '/';
+                })
+                .catch(err => {
+                    this.ui.error.text(err.message).show();
+                    this.ui.button.removeClass('btn-loading').prop('disabled', false);
+                });
+        }
+    },
+
+    templateContext: {
+        getVersion: function () {
+            return $('#login').data('version');
+        }
+    }
+});