Contents

//= require_tree ./lib

// https://css-tricks.com/snippets/javascript/get-url-variables/
// Get url query params
function getQueryVariable(key)
{
  const query = decodeURI(window.location.search.substring(1));
  let vars = query.split("&");
  for (let i = 0; i < vars.length; i++) {
    let pair = vars[i].split("=");
    if(pair[0] === key){
      // Replace + in url with space, might make the previous data became wrong
      return decodeURIComponent(pair[1].replace('+', ' '));
    }
  }
  return null;
}

// Init all reqex input
function initRegexInputs(inputs) {
  inputs.each((index) => {
    let input = $(inputs[index]);
    const regex = new RegExp(input.data('regex'));
    const example = input.data('example');

    // Reassign input value with query param from url
    const value = getQueryVariable(input.attr('name'));
    if (value) {
      input.val(value);
    }
    // Create popover
    input.webuiPopover({
      title: 'Wrong input format',
      content: `Example: ${example}`,
      trigger: 'manual'
    });

    // Show popover and change color if current input doesn't match regex
    input.on('keyup', event => {
      if (!regex.test(input.val()) && !(input.val() === '' || input.val() === null)) {
        input.css('border-color', 'red');
        input.webuiPopover('show');
      } else {
        input.webuiPopover('hide');
        input.css('border-color', '#c9d0d6');
      }
    });
  });
}

$(document).ready(() => {
  initRegexInputs($('.regex-input'));
});

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
activeadmin-regex-input-0.2.2	app/assets/javascript/active_admin/regex_input.js
activeadmin-regex-input-0.2.1	app/assets/javascript/active_admin/regex_input.js