https://khabarlahariya.org/wp-content/plugins/sputznik-siteorigin-…/js/honeycomb-user-popup.js?ver=1790284084

1jQuery.fn.honeycomb_user_popup = function() {
2
3	return this.each(function() {
4
5		var $el           = jQuery(this),
6        $image         = $el.find('img'),
7				imageUrl			=	$image.attr('src'),
8        name          = $el.find('.name').text(),
9        bio           = $el.find('.bio').html();
10
11
12    // CREATES DYNAMIC USER MODAL
13		$el.on( 'click', function() { $el.createModal(); });
14
15    // HONEYCOMB USER MODAL LAYOUT
16    $el.createModal = function() {
17
18      html = `
19      <div class="modal fade" id="honeycomb-user-modal" tabindex="-1" role="dialog">
20        <div class="modal-dialog" role="document">
21          <div class="modal-content">
22            <div class="modal-header">
23              <a id="close" data-toggle="modal" data-target="#honeycomb-user-modal" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></a>
24            </div>
25            <div class="modal-body">
26              <div class="honeycomb-user-body">
27                <div class="user-thumbnail-bg" style="background-image:url(${( imageUrl ? imageUrl : '' )});"></div>
28                <div class="user-meta">
29                  <h5 class="name">${( name ? name : '' )}</h5>
30                  <div class="separator"></div>
31                  <div class="bio">${( bio ? bio : '' )}</div>
32                </div>
33              </div>
34            </div><!-- Modal Body -->
35          </div><!-- Modal Content -->
36        </div><!-- Modal Dialog -->
37      </div>
38      `;
39
40      jQuery("body").append(html);
41			jQuery('#honeycomb-user-modal').modal('show');
42    }
43
44    // REMOVES MODAL FROM THE DOM
45    jQuery(document).on('hidden.bs.modal', function () {
46			jQuery('#honeycomb-user-modal').remove();
47      jQuery('.modal-backdrop.in').remove();
48		});
49
50
51	}); //End each()
52
53};
54
55jQuery(document).ready(function () {
56
57	if( jQuery(window).width() > 768 ) {
58		jQuery('a[data-behaviour~=honeycomb-user-popup]').honeycomb_user_popup();
59	}
60
61});