mirror of
				https://github.com/NginxProxyManager/nginx-proxy-manager.git
				synced 2025-11-04 09:25:15 +00:00 
			
		
		
		
	* Fix wrapping when too many hosts are shown (#207) * Update npm packages, fixes CVE-2019-10757 * Revert some breaking packages * Major overhaul - Docker buildx support in CI - Cypress API Testing in CI - Restructured folder layout (insert clean face meme) - Added Swagger documentation and validate API against that (to be completed) - Use common base image for all supported archs, which includes updated nginx with ipv6 support - Updated certbot and changes required for it - Large amount of Hosts names will wrap in UI - Updated packages for frontend - Version bump 2.1.0 * Updated documentation * Fix JWT expire time going crazy. Now set to 1day * Backend JS formatting rules * Remove v1 importer, I doubt anyone is using v1 anymore * Added backend formatting rules and enforce them in Jenkins builds * Fix CI, doesn't need a tty * Thanks bcrypt. Why can't you just be normal. * Cleanup after syntax check Co-authored-by: Marcelo Castagna <margaale@users.noreply.github.com>
		
			
				
	
	
		
			92 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			92 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
const Mn          = require('backbone.marionette');
 | 
						|
const App         = require('../../main');
 | 
						|
const StreamModel = require('../../../models/stream');
 | 
						|
const template    = require('./form.ejs');
 | 
						|
 | 
						|
require('jquery-serializejson');
 | 
						|
require('jquery-mask-plugin');
 | 
						|
require('selectize');
 | 
						|
 | 
						|
module.exports = Mn.View.extend({
 | 
						|
    template:  template,
 | 
						|
    className: 'modal-dialog',
 | 
						|
 | 
						|
    ui: {
 | 
						|
        form:       'form',
 | 
						|
        forward_ip: 'input[name="forward_ip"]',
 | 
						|
        type_error: '.forward-type-error',
 | 
						|
        buttons:    '.modal-footer button',
 | 
						|
        switches:   '.custom-switch-input',
 | 
						|
        cancel:     'button.cancel',
 | 
						|
        save:       'button.save'
 | 
						|
    },
 | 
						|
 | 
						|
    events: {
 | 
						|
        'change @ui.switches': function () {
 | 
						|
            this.ui.type_error.hide();
 | 
						|
        },
 | 
						|
 | 
						|
        'click @ui.save': function (e) {
 | 
						|
            e.preventDefault();
 | 
						|
 | 
						|
            if (!this.ui.form[0].checkValidity()) {
 | 
						|
                $('<input type="submit">').hide().appendTo(this.ui.form).click().remove();
 | 
						|
                return;
 | 
						|
            }
 | 
						|
 | 
						|
            let view = this;
 | 
						|
            let data = this.ui.form.serializeJSON();
 | 
						|
 | 
						|
            if (!data.tcp_forwarding && !data.udp_forwarding) {
 | 
						|
                this.ui.type_error.show();
 | 
						|
                return;
 | 
						|
            }
 | 
						|
 | 
						|
            // Manipulate
 | 
						|
            data.incoming_port   = parseInt(data.incoming_port, 10);
 | 
						|
            data.forwarding_port = parseInt(data.forwarding_port, 10);
 | 
						|
            data.tcp_forwarding  = !!data.tcp_forwarding;
 | 
						|
            data.udp_forwarding  = !!data.udp_forwarding;
 | 
						|
 | 
						|
            let method = App.Api.Nginx.Streams.create;
 | 
						|
            let is_new = true;
 | 
						|
 | 
						|
            if (this.model.get('id')) {
 | 
						|
                // edit
 | 
						|
                is_new  = false;
 | 
						|
                method  = App.Api.Nginx.Streams.update;
 | 
						|
                data.id = this.model.get('id');
 | 
						|
            }
 | 
						|
 | 
						|
            this.ui.buttons.prop('disabled', true).addClass('btn-disabled');
 | 
						|
            method(data)
 | 
						|
                .then(result => {
 | 
						|
                    view.model.set(result);
 | 
						|
 | 
						|
                    App.UI.closeModal(function () {
 | 
						|
                        if (is_new) {
 | 
						|
                            App.Controller.showNginxStream();
 | 
						|
                        }
 | 
						|
                    });
 | 
						|
                })
 | 
						|
                .catch(err => {
 | 
						|
                    alert(err.message);
 | 
						|
                    this.ui.buttons.prop('disabled', false).removeClass('btn-disabled');
 | 
						|
                });
 | 
						|
        }
 | 
						|
    },
 | 
						|
 | 
						|
    onRender: function () {
 | 
						|
        this.ui.forward_ip.mask('099.099.099.099', {
 | 
						|
            clearIfNotMatch: true,
 | 
						|
            placeholder:     '000.000.000.000'
 | 
						|
        });
 | 
						|
    },
 | 
						|
 | 
						|
    initialize: function (options) {
 | 
						|
        if (typeof options.model === 'undefined' || !options.model) {
 | 
						|
            this.model = new StreamModel.Model();
 | 
						|
        }
 | 
						|
    }
 | 
						|
});
 |