Add main video (iframe) border (issue #352)

Leonardo Merlin
1 parent 25cad55a
Showing 2 changed files with 27 additions and 0 deletions Show diff stats
js/main.js
sass/style.sass
@@ -921,6 +921,28 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
  
       forceWmodeIframe(data.article);
  
+      function removeStylefromIframe (article){
+        var abstract = article.abstract;
+
+        var patternIframe = 'style="';
+        var indexOfIframe = abstract.indexOf('<iframe');
+        var indexOfStyleOnIframe = abstract.indexOf('style="', indexOfIframe);
+
+        if(indexOfStyleOnIframe === -1){
+          return;
+        }
+
+        var startStyleContent = indexOfStyleOnIframe + patternIframe.length;
+        var endStyleContent = abstract.indexOf('"', startStyleContent);
+        var style = abstract.substring(startStyleContent , endStyleContent);
+        // console.log('style', style);
+
+        article.abstract = abstract.replace(style, '');
+        // console.log('article.abstract', article.abstract);
+      }
+
+      removeStylefromIframe(data.article);
+
       resultsPlaceholder.innerHTML = template(data);
       $('.login-container').html(loginTemplate());
       $('.countdown').maxlength({text: '%left caracteres restantes'});
@@ -425,6 +425,8 @@ h1
 //   6.3 - video
 #content
   margin-bottom: $gutter * 1.5
+  .embed-responsive
+    border: 1px solid #333
  
 //   6.4 - background do conteudo
 .content
@@ -1474,6 +1476,9 @@ h3.titulo-destaque
     .embed-responsive
       margin-left: $gutter * (-1)
       margin-right: $gutter * (-1)
+      iframe
+        left: 0 !important
+
   .themes
     margin-bottom: $gutter * 1.5
     margin-left: $gutter * 1.5 * (-1)
...	...	@@ -921,6 +921,28 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers
921	921
922	922	forceWmodeIframe(data.article);
923	923
	924	+ function removeStylefromIframe (article){
	925	+ var abstract = article.abstract;
	926	+
	927	+ var patternIframe = 'style="';
	928	+ var indexOfIframe = abstract.indexOf('<iframe');
	929	+ var indexOfStyleOnIframe = abstract.indexOf('style="', indexOfIframe);
	930	+
	931	+ if(indexOfStyleOnIframe === -1){
	932	+ return;
	933	+ }
	934	+
	935	+ var startStyleContent = indexOfStyleOnIframe + patternIframe.length;
	936	+ var endStyleContent = abstract.indexOf('"', startStyleContent);
	937	+ var style = abstract.substring(startStyleContent , endStyleContent);
	938	+ // console.log('style', style);
	939	+
	940	+ article.abstract = abstract.replace(style, '');
	941	+ // console.log('article.abstract', article.abstract);
	942	+ }
	943	+
	944	+ removeStylefromIframe(data.article);
	945	+
924	946	resultsPlaceholder.innerHTML = template(data);
925	947	$('.login-container').html(loginTemplate());
926	948	$('.countdown').maxlength({text: '%left caracteres restantes'});
...	...
...	...	@@ -425,6 +425,8 @@ h1
425	425	// 6.3 - video
426	426	#content
427	427	margin-bottom: $gutter * 1.5
	428	+ .embed-responsive
	429	+ border: 1px solid #333
428	430
429	431	// 6.4 - background do conteudo
430	432	.content
...	...	@@ -1474,6 +1476,9 @@ h3.titulo-destaque
1474	1476	.embed-responsive
1475	1477	margin-left: $gutter * (-1)
1476	1478	margin-right: $gutter * (-1)
	1479	+ iframe
	1480	+ left: 0 !important
	1481	+
1477	1482	.themes
1478	1483	margin-bottom: $gutter * 1.5
1479	1484	margin-left: $gutter * 1.5 * (-1)
...	...