From 45f0581b3970f772d78a625352c7e70a7bdc9c42 Mon Sep 17 00:00:00 2001
From: Adabriand Furtado <adabriand@gmail.com>
Date: Tue, 10 May 2016 15:11:57 -0300
Subject: [PATCH] Ajuste no tamanho da tela do vídeo de referência.

---
 view/assets/css/main.css     |  5 +++++
 view/assets/js/wikilibras.js | 36 ++++++++++++++++++++++++++++--------
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/view/assets/css/main.css b/view/assets/css/main.css
index d8a7298..60882ea 100644
--- a/view/assets/css/main.css
+++ b/view/assets/css/main.css
@@ -498,6 +498,11 @@ ul.rig.columns-4 li {
 	margin: auto;
 }
 
+#render-ref video {
+	background-color: #000000;
+	height: 407px;
+}
+
 #approval-msg {
 	display: none;
 	margin: 0px;
diff --git a/view/assets/js/wikilibras.js b/view/assets/js/wikilibras.js
index c6f91c6..ce1999c 100644
--- a/view/assets/js/wikilibras.js
+++ b/view/assets/js/wikilibras.js
@@ -325,35 +325,55 @@
 		$("#render-avatar").fadeIn(300);
 	}
 	
+	function _controlVideo(elId, toPlay) {
+		var videoSrc = $(elId).attr("src");
+		if (typeof videoSrc == "undefined" ||
+				(typeof videoSrc != "undefined" && videoSrc === ""))
+			return;
+		if (toPlay) {
+			$(elId).get(0).play();
+		} else {
+			$(elId).get(0).pause();
+		}
+	}
+	
+	function _playVideo(elId) {
+		_controlVideo(elId, true);
+	}
+	
+	function _pauseVideo(elId) {
+		_controlVideo(elId, false);
+	}
+	
 	function _showInitialScreen(toShow) {
 		if (toShow) {
 			$("#initial-screen").fadeIn(300);
-			$("#initial-screen video").get(0).play();
+			_playVideo("#initial-screen video");
 		} else {
 			$("#initial-screen").hide();
-			$("#initial-screen video").get(0).pause();
+			_pauseVideo("#initial-screen video");
 		}
 	}
 	
 	function _showConfigurationScreen(toShow) {
 		if (toShow) {
 			$("#configuration-screen").show();
-			$("#ref-video-container video").get(0).play();
+			_playVideo("#ref-video-container video");
 		} else {
 			$("#configuration-screen").hide();
-			$("#ref-video-container video").get(0).pause();
+			_pauseVideo("#ref-video-container video");
 		}
 	}
 	
 	function _showRenderScreen(toShow) {
 		if (toShow) {
 			$("#render-screen").fadeIn(300);
-			$("#render-ref video").get(0).play();
-			$("#render-avatar video").get(0).play();
+			_playVideo("#render-ref video");
+			_playVideo("#render-avatar video");
 		} else {
 			$("#render-screen").hide();
-			$("#render-ref video").get(0).pause();
-			$("#render-avatar video").get(0).pause();
+			_pauseVideo("#render-ref video");
+			_pauseVideo("#render-avatar video");
 		}
 	}
 
--
libgit2 0.21.2