Added support for redirection and 404 hosts

manager/src/frontend/js/app/host/proxy_form.js

@@ -0,0 +1,108 @@
+'use strict';
+
+import Mn from 'backbone.marionette';
+
+const _          = require('lodash');
+const template   = require('./proxy_form.ejs');
+const Controller = require('../controller');
+const Api        = require('../api');
+const App        = require('../main');
+
+require('jquery-serializejson');
+
+module.exports = Mn.View.extend({
+    template: template,
+
+    ui: {
+        form:              'form',
+        buttons:           'form button',
+        ssl_options:       '.ssl_options',
+        ssl:               'input[name="ssl"]',
+        letsencrypt_email: 'input[name="letsencrypt_email"]',
+        accept_tos:        'input[name="accept_tos"]',
+        access_list_id:    'select[name="access_list_id"]'
+    },
+
+    events: {
+        'change @ui.ssl': function (e) {
+            let inputs = this.ui.letsencrypt_email.add(this.ui.accept_tos);
+            if (this.ui.ssl.prop('checked')) {
+                this.ui.ssl_options.show();
+                inputs.prop('required', true);
+            } else {
+                this.ui.ssl_options.hide();
+                inputs.prop('required', false);
+            }
+        },
+
+        'submit @ui.form': function (e) {
+            e.preventDefault();
+            let data = _.extend({}, this.ui.form.serializeJSON());
+
+            // Change text true's to bools
+            _.map(data, function (val, key) {
+                if (val === 'true') {
+                    data[key] = true;
+                }
+            });
+
+            data.type = 'proxy';
+
+            // Port is integer
+            data.forward_port = parseInt(data.forward_port, 10);
+
+            // accept_tos is not required for backend
+            delete data.accept_tos;
+            delete data.access_list;
+
+            if (!data.ssl) {
+                delete data.letsencrypt_email;
+                delete data.force_ssl;
+            }
+
+            this.ui.buttons.prop('disabled', true).addClass('btn-disabled');
+            let method = Api.Hosts.create;
+
+            if (this.model.get('_id')) {
+                // edit
+                method  = Api.Hosts.update;
+                data._id = this.model.get('_id');
+            }
+
+            method(data)
+                .then((/*result*/) => {
+                    App.UI.closeModal();
+                    Controller.showDashboard();
+                })
+                .catch((err) => {
+                    alert(err.message);
+                    this.ui.buttons.prop('disabled', false).removeClass('btn-disabled');
+                });
+        }
+    },
+
+    onRender: function () {
+        let view = this;
+
+        Api.Access.getAll()
+            .then(response => {
+                if (!view.isDestroyed()) {
+                    view.ui.access_list_id.empty().append($('<option>').val('').text('None (Publicly Accessible)'));
+
+                    if (response && response.length) {
+                        _.map(response, access => {
+                            view.ui.access_list_id.append($('<option>').val(access._id).text(access.name));
+                        });
+                    }
+
+                    if (this.model.get('access_list_id')) {
+                        view.ui.access_list_id.val(this.model.get('access_list_id'));
+                    }
+                }
+            })
+            .catch(err => {
+                alert("Error loading Access Lists!\n\n" + err.message);
+                App.UI.closeModal();
+            });
+    }
+});