Difference between revisions of "MediaWiki:Common.js"

Jump to: navigation, search

Difference between revisions of "MediaWiki:Common.js"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
// Terms Modal
 
// Terms Modal
 
$(document).ready(function() {
 
$(document).ready(function() {
  const termsModal = $('#termsModal');
 
  
   // Check if the "rpmTermsAgreement" cookie is present
+
   setTimeout(function() {
  if (!document.cookie.includes('rpmTermsAgreement')) {
+
     const termsModal = $('#termsModal');
     // Show the Bootstrap modal
 
    termsModal.modal('show');
 
  }
 
  
  // Agree button click event to set the "rpm" cookie
+
    if (termsModal.length) {
  $('#agreeTermsButton').click(function() {
+
      // Check if the "rpmTermsAgreement" cookie is present
    termsModal.modal('hide');
+
      if (!document.cookie.includes('rpmTermsAgreement')) {
    // Set the "rpmTermsAgreement" cookie with no expiration date
+
        // Show the Bootstrap modal
    document.cookie = "rpmTermsAgreement=true; path=/";
+
        termsModal.modal({
  });
+
          backdrop: "static"
 +
        });
 +
      }
  
/* MailChimp Form */
+
      // Agree button click event to set the "rpm" cookie
 +
      $('#agreeTermsButton').click(function() {
 +
        termsModal.modal('hide');
 +
       
 +
        // Set the "rpmTermsAgreement" cookie with expiration date five years from now
 +
        var expirationDate = new Date();
 +
        expirationDate.setFullYear(expirationDate.getFullYear() + 5);
 +
        document.cookie = "rpmTermsAgreement=true; expires=" + expirationDate.toUTCString() + "; path=/";
 +
      });
 +
    }
 +
  }, 200);
  
const mailchimpFormHTML = `
+
  /* MailChimp Form */
<div id="mc_embed_signup">
 
    <form action="https://rcabc.us21.list-manage.com/subscribe/post?u=aa570610c198792349997a983&amp;id=91bc758592&amp;f_id=000857e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">
 
        <div id="mc_embed_signup_scroll">
 
            <div class="mc-field-group form-group">
 
                <label for="mce-EMAIL">Email Address</label>
 
                <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" required>
 
                <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
 
            </div>
 
            <div id="mce-responses" class="clear foot">
 
                <div class="response" id="mce-error-response" style="display:none"></div>
 
                <div class="response" id="mce-success-response" style="display:none"></div>
 
            </div>   
 
            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
 
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_aa570610c198792349997a983_91bc758592" tabindex="-1" value=""></div>
 
            <input type="submit" value="Subscribe To RPM Updates" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
 
        </div>
 
    </form>
 
</div>`;
 
  
$('#mailchimpForm').html(mailchimpFormHTML);
+
  var mailchimpFormHTML =
 +
    '<div id="mc_embed_signup">' +
 +
    '    <form action="https://rcabc.us21.list-manage.com/subscribe/post?u=aa570610c198792349997a983&amp;id=91bc758592&amp;f_id=000857e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">' +
 +
    '        <div id="mc_embed_signup_scroll">' +
 +
    '            <div class="mc-field-group form-group">' +
 +
    '                <label for="mce-EMAIL">Email Address</label>' +
 +
    '                <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" required>' +
 +
    '                <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>' +
 +
    '            </div>' +
 +
    '            <div id="mce-responses" class="clear foot">' +
 +
    '                <div class="response" id="mce-error-response" style="display:none"></div>' +
 +
    '                <div class="response" id="mce-success-response" style="display:none"></div>' +
 +
    '            </div>' +
 +
    '            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_aa570610c198792349997a983_91bc758592" tabindex="-1" value=""></div>' +
 +
    '            <input type="submit" value="Subscribe To RPM Updates" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">' +
 +
    '        </div>' +
 +
    '    </form>' +
 +
    '</div>';
  
 +
  $('#mailchimpForm').html(mailchimpFormHTML);
 
});
 
});

Latest revision as of 22:13, 19 June 2023

// Terms Modal
$(document).ready(function() {

  setTimeout(function() {
    const termsModal = $('#termsModal');

    if (termsModal.length) {
      // Check if the "rpmTermsAgreement" cookie is present
      if (!document.cookie.includes('rpmTermsAgreement')) {
        // Show the Bootstrap modal
        termsModal.modal({
          backdrop: "static"
        });
      }

      // Agree button click event to set the "rpm" cookie
      $('#agreeTermsButton').click(function() {
        termsModal.modal('hide');
        
        // Set the "rpmTermsAgreement" cookie with expiration date five years from now
        var expirationDate = new Date();
        expirationDate.setFullYear(expirationDate.getFullYear() + 5);
        document.cookie = "rpmTermsAgreement=true; expires=" + expirationDate.toUTCString() + "; path=/";
      });
    }
  }, 200);

  /* MailChimp Form */

  var mailchimpFormHTML =
    '<div id="mc_embed_signup">' +
    '    <form action="https://rcabc.us21.list-manage.com/subscribe/post?u=aa570610c198792349997a983&amp;id=91bc758592&amp;f_id=000857e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">' +
    '        <div id="mc_embed_signup_scroll">' +
    '            <div class="mc-field-group form-group">' +
    '                <label for="mce-EMAIL">Email Address</label>' +
    '                <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" required>' +
    '                <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>' +
    '            </div>' +
    '            <div id="mce-responses" class="clear foot">' +
    '                <div class="response" id="mce-error-response" style="display:none"></div>' +
    '                <div class="response" id="mce-success-response" style="display:none"></div>' +
    '            </div>' +
    '            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_aa570610c198792349997a983_91bc758592" tabindex="-1" value=""></div>' +
    '            <input type="submit" value="Subscribe To RPM Updates" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">' +
    '        </div>' +
    '    </form>' +
    '</div>';

  $('#mailchimpForm').html(mailchimpFormHTML);
});