From 937b9b4c599055d6d15e08d6edcaa54378c4785c Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Tue, 14 Jan 2020 16:56:40 +0400
Subject: [PATCH 1/2] PHRAS-2862 #comment Fix lightbox mobile : video resize
 #time 3h

---
 templates/mobile/common/thumbnail.html.twig        | 5 ++++-
 templates/mobile/lightbox/basket_element.html.twig | 8 ++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index d2b805d5fb..f62d84281d 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -57,9 +57,12 @@
     {% set url = app.getAuthenticator().isAuthenticated() ? thumbnail.get_url() : thumbnail.get_permalink().get_url() %}
     {% set record_type = thumbnail.get_type() %}
     {% if record_type == 'VIDEO_MP4' or record_type == 'VIDEO_FLV' %}
+        {% set thumbnail_height = thumbnail.get_height() > 0 ? thumbnail.get_height() : 120 %}
+        {% set thumbnail_width = thumbnail.get_width() > 0 ? thumbnail.get_width() : 120 %}
+        <input type="hidden" class="hidden" id="videoRatio" name="videoRatio" value="{{  thumbnail_width / thumbnail_height }}"/>
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
-                frameborder="0" allowfullscreen></iframe>
+                frameborder="0" allowfullscreen class="video-iframe"></iframe>
     {% elseif record_type == 'FLEXPAPER' %}
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
diff --git a/templates/mobile/lightbox/basket_element.html.twig b/templates/mobile/lightbox/basket_element.html.twig
index 55ba5637ff..8414f5d4ac 100644
--- a/templates/mobile/lightbox/basket_element.html.twig
+++ b/templates/mobile/lightbox/basket_element.html.twig
@@ -101,5 +101,13 @@
                 $('.pdf-iframe').css('height', pdfHeight);
             }
         });
+        /*resize of VIDEO */
+        $(window).on("load resize ",function(e){
+            if($('.video-iframe').length > 0) {
+                var ratio = $('[name=videoRatio]').val();
+                var videoHeight =  $('.video-iframe').width() / ratio;
+                $('.video-iframe').css('height', videoHeight).css('min-height',0);
+            }
+        });
     </script>
 {% endblock %}

From bd297b486fcf905b4ae7113e6858bf26b59b9ade Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Fri, 17 Jan 2020 16:56:30 +0400
Subject: [PATCH 2/2] PHRAS-2862 Lightbox mobile :video resize #time 4h

---
 package.json                                    |  2 +-
 templates/mobile/common/thumbnail.html.twig     |  3 ++-
 .../mobile/lightbox/basket_element.html.twig    | 17 -----------------
 yarn.lock                                       |  8 ++++----
 4 files changed, 7 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index c34c35e2c3..62fa0e1cea 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "normalize-css": "^2.1.0",
     "npm": "^6.0.0",
     "npm-modernizr": "^2.8.3",
-    "phraseanet-production-client": "0.34.99-d",
+    "phraseanet-production-client": "0.34.102-d",
     "requirejs": "^2.3.5",
     "tinymce": "^4.0.28",
     "underscore": "^1.8.3",
diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index f62d84281d..9d5b132cd3 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -59,7 +59,8 @@
     {% if record_type == 'VIDEO_MP4' or record_type == 'VIDEO_FLV' %}
         {% set thumbnail_height = thumbnail.get_height() > 0 ? thumbnail.get_height() : 120 %}
         {% set thumbnail_width = thumbnail.get_width() > 0 ? thumbnail.get_width() : 120 %}
-        <input type="hidden" class="hidden" id="videoRatio" name="videoRatio" value="{{  thumbnail_width / thumbnail_height }}"/>
+        <input type="hidden" class="hidden" id="videoHeight" name="videoHeight" value="{{  thumbnail_height }}"/>
+        <input type="hidden" class="hidden" id="videoWidth" name="videoWidth" value="{{  thumbnail_width }}"/>
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
                 frameborder="0" allowfullscreen class="video-iframe"></iframe>
diff --git a/templates/mobile/lightbox/basket_element.html.twig b/templates/mobile/lightbox/basket_element.html.twig
index 8414f5d4ac..9d7d8c57a3 100644
--- a/templates/mobile/lightbox/basket_element.html.twig
+++ b/templates/mobile/lightbox/basket_element.html.twig
@@ -93,21 +93,4 @@
 
   </div>
 </div>
-    <script type="text/javascript">
-        /*resize of PDF */
-        $(window).on("load resize ",function(e){
-            if($('.pdf-iframe').length > 0) {
-                var pdfHeight =  $('.pdf-iframe').width() / 0.707;
-                $('.pdf-iframe').css('height', pdfHeight);
-            }
-        });
-        /*resize of VIDEO */
-        $(window).on("load resize ",function(e){
-            if($('.video-iframe').length > 0) {
-                var ratio = $('[name=videoRatio]').val();
-                var videoHeight =  $('.video-iframe').width() / ratio;
-                $('.video-iframe').css('height', videoHeight).css('min-height',0);
-            }
-        });
-    </script>
 {% endblock %}
diff --git a/yarn.lock b/yarn.lock
index 6fc7d8d7bf..b0531eaf13 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7577,10 +7577,10 @@ phraseanet-common@^0.4.5-d:
     js-cookie "^2.1.0"
     pym.js "^1.3.1"
 
-phraseanet-production-client@0.34.99-d:
-  version "0.34.99-d"
-  resolved "https://registry.yarnpkg.com/phraseanet-production-client/-/phraseanet-production-client-0.34.99-d.tgz#fc06941163f698dc77ebca8a4c16663aa3ac458a"
-  integrity sha512-016LZam+eNQqAYyduiGinT79YkGeUDWZ9uk7r01BHmgsYjWc+UoCvUvExhCCHcoyMm+qd29VfHhQAWoyCCkG6g==
+phraseanet-production-client@0.34.102-d:
+  version "0.34.102-d"
+  resolved "https://registry.yarnpkg.com/phraseanet-production-client/-/phraseanet-production-client-0.34.102-d.tgz#ee2772fd712a5fb2acc87eae5c7d4a2a46f5a28a"
+  integrity sha512-3KtY3n9uI42o6mDUDDXX6KgP3Os2FlQE3nkzEJc3eVbstG9V6rNlk8J/ujXaMKy1hibBT+9f7TTSYy0Z9ARPBA==
   dependencies:
     "@mapbox/mapbox-gl-language" "^0.9.2"
     "@turf/turf" "^5.1.6"