capacitor-plugin-vonage 0.0.1 → 0.0.2

package/ios/Plugin/VideoChatViewController.swift

@@ -37,6 +37,7 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
     var publisherLabel = UILabel()
     var subscriberLabel = UILabel()
     var timerLabel = UILabel()
+    var subscriberImg = UIImageView()
     var counter = 0
     var timer = Timer()
     override func viewDidLoad() {
@@ -123,7 +124,7 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
         remoteView = UIView(frame: CGRect(x: 0, y: 0, width: screenWidth, height:screenHeight))
         remoteView.backgroundColor = UIColor(red: 83/255, green: 83/255, blue: 83/255, alpha: 1.0)
         
-        subscriberLabel = UILabel(frame: CGRect(x: 20, y: Int(screenHeight) - 180, width: Int(remoteView.frame.size.width - 140), height: 40))
+        subscriberLabel = UILabel(frame: CGRect(x: 20, y: Int(screenHeight) - 180, width: Int(remoteView.frame.size.width - 180), height: 40))
         subscriberLabel.text = subscriberName
         //subscriberLabel.backgroundColor = UIColor(red: 31/255, green: 33/255, blue: 36/255, alpha: 1.0)
         subscriberLabel.textColor = .white
@@ -138,11 +139,29 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
         timerLabel.textAlignment = .left
         timerLabel.font = subscriberLabel.font.withSize(dynamicFontSize(15))
         timerLabel.layer.zPosition = 1;
-        
+        let url = URL(string: "https://www.gravatar.com/avatar/?d=mp")!
+
+        DispatchQueue.global().async {
+            // Fetch Image Data
+            if let data = try? Data(contentsOf: url) {
+                DispatchQueue.main.async {
+                    // Create Image and Update Image View
+                    self.subscriberImg.image = UIImage(data: data)
+                }
+            }
+        }
+        subscriberImg.layer.zPosition = 1
+        subscriberImg.frame = CGRect(x: 0, y: 0, width: 200, height: 200)
+        subscriberImg.layer.cornerRadius = 100
+        subscriberImg.clipsToBounds = true
+        subscriberImg.center.x = remoteView.center.x
+        subscriberImg.center.y = remoteView.center.y - 100
+       // subscriberImg = UIImageView(image: <#T##UIImage?#>)
+        remoteView.addSubview(subscriberImg)
         remoteView.addSubview(timerLabel)
         remoteView.addSubview(subscriberLabel)
         self.view.addSubview(remoteView)
-        
+       // someImageViewConstraints()
         let bottomView = UIView(frame: CGRect(x: 0, y: screenHeight - 90, width: 320, height: 90))
         bottomView.backgroundColor = UIColor.clear
         bottomView.center = CGPoint(x: self.view.frame.size.width / 2, y: self.view.frame.size.height - 50)
@@ -325,6 +344,9 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
             self.session?.disconnect(nil)
             self.dismiss(animated: true, completion: nil)
                }
+        subscriberImg.isHidden = false
+        showToast(message: "\(subscriberName) is left the call")
+        cleanupSubscriber()
         
     }
     
@@ -341,20 +363,30 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
         }
     }
     
+    
     //Subscriber methods
     public func subscriberDidConnect(toStream subscriber: OTSubscriberKit) {
         print("The subscriber did connect to the stream.")
+        subscriberImg.isHidden = true
+        showToast(message: "\(subscriberName) is joined the call")
     }
     
     public func subscriber(_ subscriber: OTSubscriberKit, didFailWithError error: OTError) {
         print("The subscriber failed to connect to the stream.")
+        showToast(message: "\(subscriberName) failed to connect to the call")
     }
     
     func subscriberVideoDisabled(_ subscriber: OTSubscriberKit, reason: OTSubscriberVideoEventReason) {
         // Display the video disabled indicator
+        showToast(message: "\(subscriberName) video disabled")
+        subscriberImg.isHidden = false
     }
     
     func subscriberVideoEnabled(_ subscriber: OTSubscriberKit, reason: OTSubscriberVideoEventReason) {
+        showToast(message: "\(subscriberName) video enabled")
+        subscriberImg.isHidden = true
+       // showToast(message: "is provider \(isProvider) video enabled")
+
         // Remove the video disabled indicator
     }
     
@@ -377,6 +409,12 @@ class VideoChatViewController: UIViewController,OTSessionDelegate,OTPublisherDel
            publisher?.view?.removeFromSuperview()
            publisher = nil
        }
+    func someImageViewConstraints() {
+        subscriberImg.widthAnchor.constraint(equalToConstant: 180).isActive = true
+        subscriberImg.heightAnchor.constraint(equalToConstant: 180).isActive = true
+        subscriberImg.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
+        subscriberImg.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 28).isActive = true
+       }
 }
 
 extension String {
@@ -385,3 +423,27 @@ extension String {
         return try? JSONSerialization.jsonObject(with: data, options: .mutableContainers)
     }
 }
+extension UIViewController {
+
+func showToast(message : String) {
+    DispatchQueue.main.async {
+        let toastLabel = UILabel(frame: CGRect(x: 0, y: self.view.frame.size.height-300, width: self.view.frame.size.width - 100, height: 50))
+        toastLabel.center.x = self.view.center.x
+        toastLabel.backgroundColor = UIColor.white.withAlphaComponent(0.6)
+        toastLabel.textColor = UIColor.black
+        toastLabel.font = .systemFont(ofSize: 12.0)
+        toastLabel.textAlignment = .center;
+        toastLabel.text = message
+        toastLabel.alpha = 1.0
+        toastLabel.layer.cornerRadius = 10;
+        toastLabel.clipsToBounds  =  true
+        self.view.addSubview(toastLabel)
+        UIView.animate(withDuration: 5.0, delay: 0.2, options: .curveEaseOut, animations: {
+            toastLabel.alpha = 0.0
+        }, completion: {(isCompleted) in
+            toastLabel.removeFromSuperview()
+        })
+    }
+}
+    
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-plugin-vonage",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "opentok sdk capacitor plugin",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",