Merge pull request #307 from WHOIGit/feat/add-share-link

share link added un bin page
WHOIGit · Aug 26, 2020 · 333374e · 333374e
2 parents 8218164 + db8b021
commit 333374e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/ifcbdb/assets/js/bin.js b/ifcbdb/assets/js/bin.js
@@ -945,6 +945,7 @@ function initEvents() {
         var base = link.data("scheme") + "://" + link.data("host");
 
         $("#share-modal").modal();
+        $("#share-modal .modal-title").text($("#share-modal .modal-title").data("default-text"));
         $("#share-link").val(base + createLink()).select();
     });
 

diff --git a/ifcbdb/templates/dashboard/bin.html b/ifcbdb/templates/dashboard/bin.html
@@ -403,7 +403,7 @@
                                   </a>
                                 </div>
                               </div>
-                              <a class="detailed-image-link" href="#" class="">
+                              <a class="detailed-image-link" id="detailed-image-link-id" href="#" class="">
                                 <img class="fluid mb-2 align-middle" id="detailed-image" src="data:image/png;base64,{{image}}" />
                                 <img class="fluid mb-2 align-middle" id="detailed-image-blob" src="" style="display:none" />
                                 <img class="fluid mb-2 align-middle" id="detailed-image-outline" src="" style="display:none" />
@@ -434,6 +434,7 @@
                               id="detailed-image-outline-link">Outline</a>
 
                             <a id="close-image" class="float-right btn btn-light text-dark btn-sm">X</a>
+                            <a id="share-image" class="float-right btn btn-mdb-color btn-sm">Share Image</a>
                           </div>
                         </div>
                         <!--End of Mosaic Details Card-->
@@ -652,7 +653,7 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Share This Page</h5>
+                <h5 class="modal-title" data-default-text="Share This Page">Share This Page</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -1087,6 +1088,20 @@ <h5 class="modal-title">Share This Page</h5>
   resizeMap();
 });
 
+
+$("#share-image").click(function (e) {
+  e.preventDefault();
+
+  var rootUrl = "{{ request.scheme }}://{{ request.get_host }}";
+  var url = $("#detailed-image-link-id").attr("href");
+
+  $("#share-link").val(rootUrl + url);
+
+  $("#share-modal .modal-title").text("Share This Image");
+  $("#share-modal").modal();
+  $("#share-link").select();
+});
+
 $(function() {
     _binTimestamp = moment("{{ details.timestamp_iso }}");
 

diff --git a/ifcbdb/templates/dashboard/image.html b/ifcbdb/templates/dashboard/image.html
@@ -119,7 +119,7 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Share This Image</h5>
+                <h5 class="modal-title" id="exampleModalLabel" data-default-text="Share This Image">Share This Image</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>