Manually select port for server in settings

manager.js

@@ -20,14 +20,14 @@ Server.prototype.update = function (options) {
   this.admin_password = options.admin_password;
   this.battle_eye = options.battle_eye;
   this.max_players = options.max_players;
-  this.mods = options.mods;
+  this.mods = options.mods || [];
   this.password = options.password;
   this.persistent = options.persistent;
+  this.port = options.port || 2302;
   this.title = options.title;
   this.von = options.von;
 
   this.id = slug(this.title).replace('.', '-');
-  this.port = 2302;
 };
 
 Server.prototype.queryStatus = function() {

public/js/app/models/server.js

@@ -14,6 +14,7 @@ define(function (require) {
       mods: [],
       password: '',
       persistent: false,
+      port: 2302,
       state: null,
       title: '',
       von: false,

public/js/app/views/servers/form.js

@@ -24,6 +24,7 @@ define(function (require) {
         max_players: this.$("form .max-players").val(),
         password: this.$("form .password").val(),
         persistent: this.$("form .persistent").prop("checked"),
+        port: this.$("form .port").val(),
         title: this.$("form .title").val(),
         von: this.$("form .von").prop("checked"),
       };

public/js/tpl/servers/form.html

@@ -6,6 +6,14 @@
     </div>
   </div>
 
+  <div class="form-group">
+    <label for="port" class="col-sm-2 control-label">Port</label>
+    <div class="col-sm-10">
+      <input type="number" class="form-control port" data-field="port" placeholder="Port" value="<%- port %>">
+      <p class="help-block">Server will use the designated port and the three following ports</p>
+    </div>
+  </div>
+
   <div class="form-group">
     <label for="max-players" class="col-sm-2 control-label">Max Players</label>
     <div class="col-sm-10">