Merge pull request #280 from SelfhostedPro/projects

fixed udp ports in edit form

README.md

@@ -5,6 +5,10 @@
 [![Layers](https://img.shields.io/microbadger/layers/selfhostedpro/yacht?color=%2341B883&label=Layers&logo=docker&logoColor=%2341B883&style=for-the-badge)](https://hub.docker.com/r/selfhostedpro/yacht)
 [![Open Collective](https://img.shields.io/opencollective/all/selfhostedpro.svg?color=%2341B883&logoColor=%2341B883&style=for-the-badge&label=Supporters&logo=open%20collective)](https://opencollective.com/selfhostedpro "please consider helping me by either donating or contributing")
 
+<a href="https://m.do.co/c/d4aa430d72d9">
+<img src="https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.png" width="30%" />
+</a>
+
 ## Yacht
 Yacht is a container management UI with a focus on templates and 1-click deployments.
 

frontend/src/components/applications/ApplicationsForm.vue

@@ -787,10 +787,14 @@ export default {
     transform_ports(ports, app) {
       let portlist = [];
       for (let port in ports) {
-        let _port = port.split("/") || '';
-        var cport = _port[0] || '';
-        var hport = ports[port][0].HostPort || '';
-        var proto = _port[1] || '';
+        let _port = port.split("/") || "";
+        var cport = _port[0] || "";
+        if (ports[port]) {
+          var hport = ports[port][0].HostPort || "";
+        } else {
+          continue;
+        }
+        var proto = _port[1] || "";
         var label = app.Config.Labels[`local.yacht.port.${hport}`] || "";
         let port_entry = {
           cport: cport,
@@ -914,7 +918,7 @@ export default {
           labels: this.transform_labels(app.Config.Labels) || [],
           sysctls: this.transform_labels(app.HostConfig.Sysctls),
           cap_add: app.HostConfig.CapAdd || [],
-          edit: true
+          edit: true,
         };
       }
     },