From ba5068072497f70762ce7961cd59709e2046207c Mon Sep 17 00:00:00 2001
From: James Mosier <jamesdmosier@gmail.com>
Date: Tue, 15 Sep 2015 12:36:36 -0400
Subject: [PATCH] Modal docs: Added JS event handler for relatedTarget demo

Fixes #17584
Closes #17607 by merging it
---
 docs/assets/js/src/application.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js
index c522b13991..69520e9473 100644
--- a/docs/assets/js/src/application.js
+++ b/docs/assets/js/src/application.js
@@ -36,6 +36,17 @@
       e.preventDefault()
     })
 
+    // Modal relatedTarget demo
+    $('#exampleModal').on('show.bs.modal', function (event) {
+      var $button = $(event.relatedTarget)      // Button that triggered the modal
+      var recipient = $button.data('whatever')  // Extract info from data-* attributes
+      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
+      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
+      var $modal = $(this)
+      $modal.find('.modal-title').text('New message to ' + recipient)
+      $modal.find('.modal-body input').val(recipient)
+    })
+
     // Insert copy to clipboard button before .highlight
     $('.highlight').each(function () {
       var btnHtml = '<div class="bd-clipboard"><span class="btn-clipboard" title="Copy to clipboard">Copy</span></div>'