From d2eba292f1a230d65e02a0160a1fe860f25a47b7 Mon Sep 17 00:00:00 2001
From: Sergei Mikhailov <sergei.mikhailov@taotesting.com>
Date: Wed, 7 Jun 2023 17:05:27 +0200
Subject: [PATCH] Feature RFE-443 add iframe launch option (#149)

* fix: add a missing closing tag for div in ltiResourceLinkLaunch.html.twig

* feat: add in-iframe ResourceLink launch option

* docs: mention in-iframe ResourceLink launch option in CHANGELOG.md
---
 CHANGELOG.md                                  |  5 +++++
 .../message/ltiResourceLinkLaunch.html.twig   | 20 +++++++++++++++----
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 802e9f5..39e0f33 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,11 @@
 CHANGELOG
 =========
 
+2.6.0
+-----
+
+* Added in-iframe ResourceLink launch option
+
 2.5.0
 -----
 
diff --git a/templates/platform/message/ltiResourceLinkLaunch.html.twig b/templates/platform/message/ltiResourceLinkLaunch.html.twig
index 12fcc06..36fef81 100644
--- a/templates/platform/message/ltiResourceLinkLaunch.html.twig
+++ b/templates/platform/message/ltiResourceLinkLaunch.html.twig
@@ -160,9 +160,13 @@
                         </div>
                     </div>
                 </div>
-            <div class="card-footer">
-                <div class="btn-group float-right" role="group" aria-label="Basic example">
-                    {{ ltiResourceLinkLaunchRequest.toHtmlLink('<i class="fas fa-sign-out-alt"></i>&nbsp;Launch LtiResourceLinkRequest',{'class': 'btn btn-primary', 'target': '_blank'})|raw }}
+                <div class="card-footer">
+                    <div class="btn-group float-right" role="group" aria-label="Basic example">
+                        {{ ltiResourceLinkLaunchRequest.toHtmlLink('<i class="fas fa-sign-out-alt"></i>&nbsp;Launch',{'class': 'btn btn-primary', 'target': '_blank'})|raw }}
+                        <button id="launch-in-iframe" class="btn btn-secondary" data-url="{{ ltiResourceLinkLaunchRequest.toUrl() }}">
+                            <i class="fas fa-hashtag"></i>&nbsp;Launch in iframe
+                        </button>
+                    </div>
                 </div>
             </div>
         </div>
@@ -259,8 +263,16 @@
             }
         });
 
+        $('#launch-in-iframe').click(function () {
+            $(this).closest('.card').find('.card-body').replaceWith(
+                $('<div>').addClass('card-body embed-responsive embed-responsive-16by9').append(
+                    $('<iframe>').addClass('embed-responsive-item').attr('src', $(this).data('url'))
+                )
+            );
+        });
+
         $( document ).ready(function() {
             checkClaims();
         });
     </script>
-{% endblock body %}
\ No newline at end of file
+{% endblock body %}