feat(ParticipantConnectionStatus): add init and dispose methods

JitsiConference.js

@@ -96,6 +96,7 @@ JitsiConference.prototype._init = function (options) {
 
     this.participantConnectionStatus
         = new ParticipantConnectionStatus(this.rtc, this);
+    this.participantConnectionStatus.init();
 
     if(!this.statistics) {
         this.statistics = new Statistics(this.xmpp, {
@@ -156,6 +157,11 @@ JitsiConference.prototype._leaveRoomAndRemoveParticipants = function () {
 JitsiConference.prototype.leave = function () {
     var conference = this;
 
+    if (this.participantConnectionStatus) {
+        this.participantConnectionStatus.dispose();
+        this.participantConnectionStatus = null;
+    }
+
     this.statistics.stopCallStats();
     this.rtc.closeAllDataChannels();
 

modules/connectivity/ParticipantConnectionStatus.js

@@ -14,11 +14,33 @@ import * as JitsiConferenceEvents from "../../JitsiConferenceEvents";
 function ParticipantConnectionStatus(rtc, conference) {
     this.rtc = rtc;
     this.conference = conference;
-    rtc.addListener(
-        RTCEvents.ENDPOINT_CONN_STATUS_CHANGED,
-        this.onEndpointConnStatusChanged.bind(this));
 }
 
+/**
+ * Initializes <tt>ParticipantConnectionStatus</tt> and bind required event
+ * listeners.
+ */
+ParticipantConnectionStatus.prototype.init = function() {
+
+    this._onEndpointConnStatusChanged
+        = this.onEndpointConnStatusChanged.bind(this);
+
+    this.rtc.addListener(
+        RTCEvents.ENDPOINT_CONN_STATUS_CHANGED,
+        this._onEndpointConnStatusChanged);
+};
+
+/**
+ * Removes all event listeners and disposes of all resources held by this
+ * instance.
+ */
+ParticipantConnectionStatus.prototype.dispose = function () {
+
+    this.rtc.removeListener(
+        RTCEvents.ENDPOINT_CONN_STATUS_CHANGED,
+        this._onEndpointConnStatusChanged);
+};
+
 /**
  * Handles RTCEvents.ENDPOINT_CONN_STATUS_CHANGED triggered when we receive
  * notification over the data channel from the bridge about endpoint's