feat(stats - show more): local p2p transport indication

Will show (direct) next to the UPD or TCP transport type if we're
running on P2P connection.

lang/main.json

@@ -192,7 +192,8 @@
         "transport": "Transport:",
         "transport_plural": "Transports:",
         "bandwidth": "Estimated bandwidth:",
-        "na": "Come back here for connection information once the conference starts"
+        "na": "Come back here for connection information once the conference starts",
+        "direct": " (direct)"
     },
     "notify": {
         "disconnected": "disconnected",

modules/UI/videolayout/ConnectionIndicator.js

@@ -198,6 +198,9 @@ ConnectionIndicator.prototype.generateText = function () {
                 }
             }
 
+            // All of the transports should be either P2P or JVB
+            const isP2P = this.transport.length ? this.transport[0].p2p : false;
+
             var local_address_key = "connectionindicator.localaddress";
             var remote_address_key = "connectionindicator.remoteaddress";
             var localTransport =
@@ -243,8 +246,13 @@ ConnectionIndicator.prototype.generateText = function () {
                     JSON.stringify({count: data.transportType.length})
                 + "'></span></td>" +
                 "<td>"
-                    + ConnectionIndicator.getStringFromArray(data.transportType)
+                    + ConnectionIndicator.getStringFromArray(data.transportType);
-                + "</td></tr>";
+            // Append (direct) to indicate the P2P type of transport
+            if (isP2P) {
+                transport += "<span data-i18n='connectionindicator.direct'>";
+            }
+            // Close "type" column and end table row
+            transport += "</td></tr>";
 
         }