rails_base 0.51.0

data/app/views/rails_base/shared/_admin_modify_name.html.erb

@@ -0,0 +1,107 @@
+
+<% modal_prepend = "admin_#{modal_id}" %>
+
+<div class="modal fade" id='<%= modal_id %>' tabindex="-1" role="dialog" aria-labelledby="example_'<%= modal_id %>'" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Modify Name</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body" style="text-align: center;">
+        <h4>Please enter the name you would like to change to</h4>
+        <div class="col-auto">
+          <label class="sr-only" for="inlineFormInputGroup">Full Name</label>
+          <div class="input-group mb-2">
+            <div class="input-group-prepend">
+              <div class="input-group-text">First Name</div>
+            </div>
+            <input type="text" class="form-control" id="<%= modal_prepend %>_first_name" placeholder="<%= user.first_name %>">
+            <div class="invalid-feedback">
+              <%= "Invalid Characters present in first name" %>
+            </div>
+          </div>
+        </div>
+        <div class="col-auto">
+          <label class="sr-only" for="inlineFormInputGroup">Full Name</label>
+          <div class="input-group mb-2">
+            <div class="input-group-prepend">
+              <div class="input-group-text">Last Name</div>
+            </div>
+            <input type="text" class="form-control" id="<%= modal_prepend %>_last_name" placeholder="<%= user.last_name %>">
+            <div class="invalid-feedback">
+              <%= "Invalid Characters present in last name" %>
+            </div>
+          </div>
+        </div>
+        <div class="col-auto my-1">
+          <button id='<%= modal_prepend %>' class="btn btn_success">Submit</button>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="mr-auto btn btn_secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%
+  values = [
+    { name: "##{modal_prepend}_first_name", criteria: { required: true, min_length: 2, max_length: 25, pattern: :name }},
+    { name: "##{modal_prepend}_last_name", criteria: { required: true, min_length: 2 , max_length: 25, pattern: :name }},
+  ]
+  function_name = modal_id
+  submit_method = "#{modal_id}_#{(10*5*rand).to_i}"
+%>
+
+<%= render partial: 'rails_base/shared/custom_form_validation_javascript', locals: { function_name: function_name, values: values } %>
+
+<script type="text/javascript">
+  $('#<%= modal_id %>').appendTo('body');
+
+  $('#<%= modal_id %>').on('shown.bs.modal', function (e) {
+    $('#<%= modal_prepend %>_first_name').removeClass('is-invalid')
+    $('#<%= modal_prepend %>_last_name').removeClass('is-invalid')
+    $('#<%= modal_prepend %>_first_name').focus();
+  });
+
+  $('#<%= modal_id %>').on('hidden.bs.modal', function (e) {
+    // make sure to remove invalid field if present
+    $('#<%= modal_prepend %>_first_name').removeClass('is-invalid')
+    $('#<%= modal_prepend %>_last_name').removeClass('is-invalid')
+    // clear values
+    $('#<%= modal_prepend %>_first_name').val('');
+    $('#<%= modal_prepend %>_last_name').val('');
+  })
+
+  function <%= submit_method %>(){
+    var first = $('#<%= modal_prepend %>_first_name').val()
+    var last = $('#<%= modal_prepend %>_last_name').val()
+    var data = { 'first_name': first, 'last_name': last, 'id': '<%= user.id%>' }
+    console.table(data)
+    $.ajax({
+      type: "POST",
+      url: "<%= RailsBase.url_routes.admin_upate_name_path%>",
+      headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+      dataType: 'json',
+      data: data,
+      success: function(data) {
+        $('#<%= modal_id %>').modal('hide')
+        $('#<%= text %>').text(data.full_name)
+        _rails_base_display_success(data.message)
+      },
+      error: function(xhr, status, error) {
+        $('#<%= modal_id %>').modal('hide')
+        _rails_base_display_alert(xhr.responseJSON.message)
+      }
+    })
+  }
+
+  $('#<%= modal_prepend %>').click(function( event ) {
+    if (<%=function_name%>() == true){
+      <%= submit_method %>()
+    }
+  });
+</script>

data/app/views/rails_base/shared/_admin_modify_phone.html.erb

@@ -0,0 +1,87 @@
+<div class="modal-dialog modal-lg" role="document">
+  <div class="modal-content">
+    <div class="modal-header">
+      <div class="modal-header text-center">
+      <h4 class="col-12 modal-title text-center" id="exampleModalLabel">
+        !&iexcl; Risky Change Warning !&iexcl;
+      </h4>
+    </div>
+    </div>
+    <div class="modal-body" style="text-align: center;">
+      <h4>Modify Phone for <%= user.full_name %>:</h4>
+      <div class="col-auto">
+        <label class="sr-only" for="inlineFormInputGroup">Phone</label>
+        <div class="form-row phone_number_input_stage justify-content-center">
+          <div class="modal_phone_number_input">
+            <div class="input-group input-group-lg mx-auto">
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  US Phone Number
+                </span>
+              </div>
+              <%= phone_field_tag('phone_number', nil, style: "font-size:25px;", class: 'phone_us', maxlength: 14, size: 15)%>
+              <div class="invalid-feedback">
+                <%= "Phone number must be a valid US phone number" %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-auto my-1">
+        <button id='modify_phone_submit' class="btn btn_success">Submit</button>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="mr-auto btn btn_secondary" data-dismiss="modal">Close</button>
+    </div>
+  </div>
+</div>
+
+
+
+<script type="text/javascript">
+  $('.phone_us').mask('(000) 000-0000', {placeholder: '(___) ___-____'});
+
+  function submit_phone_number(){
+    var phone = $('#phone_number').val()
+    var data = { 'phone_number': phone, 'id': '<%= user.id%>'}
+    console.table(data)
+    $.ajax({
+      type: "POST",
+      url: "<%= RailsBase.url_routes.admin_upate_phone_path%>",
+      headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+      dataType: 'json',
+      data: data,
+      success: function(data) {
+        hide_shared_admin_modal();
+        console.log(`modify_id: #<%= modify_id %>`)
+        console.log(`phone: ${data.attribute}`)
+        $('#<%= modify_id %>').text(data.attribute)
+        _rails_base_display_success(data.message)
+      },
+      error: function(xhr, status, error) {
+        hide_shared_admin_modal();
+        _rails_base_display_alert(xhr.responseJSON.message)
+      }
+    })
+  }
+
+  function validate_submission(){
+    if ($('#phone_number').val().length == 14){
+      $('#phone_number').removeClass('is-invalid')
+      submit_phone_number();
+      return;
+    }
+    $('#phone_number').addClass('is-invalid')
+  }
+
+  $('#modify_phone_submit').keypress(function(e){
+      if(e.which == 13) {
+        validate_submission();
+      }
+    })
+
+  $('#modify_phone_submit').click(function( event ) {
+    validate_submission();
+  });
+</script>

data/app/views/rails_base/shared/_admin_modify_text.html.erb

@@ -0,0 +1,35 @@
+<% text_id = "#{type}_#{user.id}_#{(10**10*rand).to_i}" %>
+<% span_id = "#{text_id}_span" %>
+<% modal_id = "#{text_id}_modal" %>
+
+<% if disable_action %>
+<div>
+  <span style="width: 88%; float: left;">
+    <%= current_value %>
+  </span>
+  <span style="width: 8%; float: right;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16" data-toggle='tooltip' title='<%= disable_msg %> '>
+      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+    </svg>
+  </span>
+</div>
+<% else %>
+<p style="text-align:left;">
+  <span id='<%= text_id %>'> <%= current_value %> </span>
+  <span id='<%= span_id %>' style="float:right;">
+    <button style='border:none;, background: transparent;'>
+      &#x270e;
+    </button>
+  </span>
+</p>
+
+<%= render partial: modal_partial, locals: { modal_id: modal_id, user: user, parent: "#{parent}_#{type}", text: text_id } %>
+
+
+<script type="text/javascript">
+  $('#<%= span_id %>').click(function() {
+    $('#<%= modal_id %>').modal('show');
+  });
+</script>
+<% end %>

data/app/views/rails_base/shared/_admin_risky_change.html.erb

@@ -0,0 +1,57 @@
+<% text_id = "#{type}_#{user.id}_#{(10**15*rand).to_i}" %>
+<% span_id = "#{text_id}_span" %>
+<% risky_modal_id = "#{text_id}_risky_modal" %>
+<% partial_modal = "#{text_id}_partial_modal" %>
+
+<% if disable_action %>
+  <span style="width: 88%; float: left;">
+    <%= current_value %>
+  </span>
+  <span style="width: 8%; float: right;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16" data-toggle='tooltip' title='<%= disable_msg %> '>
+      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+    </svg>
+  </span>
+</div>
+<% else %>
+<p style="text-align:left;">
+  <span id='<%= text_id %>'> <%= current_value %> </span>
+  <span id='<%= span_id %>' style="float:right;">
+    <button class='risky-icon-og' style='border:none;, background: transparent;'>
+      &#x270e;
+    </button>
+    <span class="risky-icon-mask spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none">
+    </span>
+  </span>
+</p>
+
+
+<div class="modal fade" id='<%= risky_modal_id %>' tabindex="-1" role="dialog" aria-labelledby="example_'<%= risky_modal_id %>'" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header text-center">
+        <h4 class="col-12 modal-title text-center" id="exampleModalLabel">
+          !&iexcl; Risky Change Warning !&iexcl;
+        </h4>
+      </div>
+      <div class="modal-body" style="text-align: center;">
+        <h5>You are about to modify a users <%= type %>. You must 2fa!</h5>
+        <%= render partial: 'rails_base/shared/admin_risky_mfa', locals: { modal_id: risky_modal_id, user: user, parent: "#{parent}_#{type}", text: text_id, next_modal: partial_modal, modal_mapping: modal_mapping, modify_id: text_id } %>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="mr-auto btn btn_secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $('#<%= risky_modal_id %>').appendTo('body');
+
+  $('#<%= span_id %>').click(function() {
+    admin_risky_icon_wait() // Disable double clicking and sending multiple mfas
+    admin_risky_mfa_send('<%= risky_modal_id %>')
+  });
+</script>
+<% end %>

data/app/views/rails_base/shared/_admin_risky_mfa.html.erb

@@ -0,0 +1,74 @@
+<% mfa_id = "mfa_#{modal_id}_mfa_input" %>
+<% mfa_id_submit = "mfa_#{modal_id}_mfa_input_submit" %>
+
+<div class="form-group text-center">
+  <div class="text-center" style="font-size: 25px">
+    Please enter the MFA code you received at <%= admin_user.phone_number %>
+  </div>
+  <div class='row justify-content-center' style="font-size: 25px;">
+    <div class="col-xs-2">
+      <%= text_field_tag mfa_id, nil, maxlength: RailsBase::Authentication::Constants::MFA_LENGTH, class: 'text-center form-control numbersOnly digit', autofocus: true, type: "tel", style: "font-size:25px;"  %>
+      <div class="invalid-feedback">
+        2FA code must be <%= RailsBase::Authentication::Constants::MFA_LENGTH %> numbers
+      </div>
+    </div>
+  </div>
+</div>
+<div class="text-center">
+  <button id='<%= mfa_id_submit %>' class="btn btn_success" type="submit" style='width:50%;'>Submit</button>
+  <button class="btn btn_info btn-block" id='<%= mfa_id_submit %>_spinner' type="button" disabled style="display: none">
+    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
+    </span>
+    Hang tight
+  </button>
+</div>
+
+<%
+  length = RailsBase::Authentication::Constants::MFA_LENGTH
+  values = [
+    { name: "##{mfa_id}", criteria: { required: true, min_length: length, max_length: length, pattern: :numeric, enforce_blur: false }},
+
+  ]
+  function_name = mfa_id
+  submit_method = "#{mfa_id}_#{(10*5*rand).to_i}"
+%>
+
+<%= render partial: 'rails_base/shared/custom_form_validation_javascript', locals: { function_name: function_name, values: values } %>
+
+<script type="text/javascript">
+  $('#<%= modal_id %>').on('shown.bs.modal', function(){
+    $('#<%= mfa_id %>').focus();
+  });
+
+  function <%= modal_id %>_toggle(value){
+    if(value=='show'){
+      $('#<%= mfa_id %>').val('');
+      $('#<%= mfa_id_submit %>').show();
+      $('#<%= mfa_id_submit %>_spinner').hide();
+    } else {
+      $('#<%= mfa_id_submit %>').hide();
+      $('#<%= mfa_id_submit %>_spinner').show();
+    }
+  }
+
+  $('#<%= mfa_id_submit %>').click(function( event ) {
+    console.log($('#<%= mfa_id %>').val())
+    var length_match = $('#<%= mfa_id %>').val().length === <%= RailsBase::Authentication::Constants::MFA_LENGTH %>;
+    if (<%= function_name %>()){
+      var mfa_string = $('#<%= mfa_id %>').val();
+      var curr_modal = '<%= modal_id %>';
+      var show_modal = '<%= next_modal %>';
+      var toggle_method = <%= modal_id %>_toggle
+      admin_risky_mfa_confirm(mfa_string, curr_modal, '<%= modal_mapping %>', <%= user.id %>, toggle_method, '<%= modify_id %>')
+    }
+  });
+
+  function invalidate_data(data) {
+    dataArr = data.split('');
+    var dataIsNotANumber = dataArr.every(function (pos) {
+      return isNaN(pos)
+    });
+    console.log(dataIsNotANumber)
+    return dataIsNotANumber
+  }
+</script>

data/app/views/rails_base/shared/_admin_selector_dropdown.html.erb

@@ -0,0 +1,70 @@
+<% input_id = "#{type}_#{user.id}_#{(10**10*rand).to_i}_input" %>
+<% span_id = "#{input_id}_span" %>
+<% div_id = "#{input_id}_div" %>
+<% toggle_function = "#{input_id}_function" %>
+<% same_user = current_user == user %>
+
+<% if !disable_action %>
+<%= select_tag input_id, options_for_select(options, selector), class: 'form-control' %>
+<button class="btn btn_info btn-block" id='<%= span_id %>' type="button" disabled style="display: none">
+  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
+  </span>
+  Hang tight
+</button>
+
+
+<script type="text/javascript">
+  var <%= input_id %> = '<%= selector %>'
+  function <%=toggle_function%>(reveal){
+    if(reveal){
+      $('#<%= input_id %>').hide()
+      $('#<%= span_id %>').show()
+    } else {
+      $('#<%= input_id %>').show()
+      $('#<%= span_id %>').hide()
+    }
+  }
+
+  $('#<%= input_id %>').change(function() {
+    admin_pause_concurrency();
+
+    var original = $("#<%= input_id %>").val();
+    <%=toggle_function%>(true);
+    var data = { 'attribute':'<%= type %>', 'value': original, 'id': <%= user.id %> }
+    $.ajax({
+      type: "POST",
+      url: "<%= RailsBase.url_routes.admin_upate_attribute_path%>",
+      headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+      dataType: 'json',
+      data: data,
+      success: function(data) {
+        <%= input_id %> = original
+        admin_resume_concurrency();
+        <%=toggle_function%>(false);
+        admin_ensure_disabled();
+        _rails_base_display_success(data.message)
+      },
+      error: function(xhr, status, error) {
+        $('#<%= input_id %>').prop('checked', original);
+        <%=toggle_function%>(false);
+        $("#<%= input_id %>").val(<%= input_id %>);
+        admin_resume_concurrency();
+        admin_ensure_disabled();
+        _rails_base_display_alert(xhr.responseJSON.message)
+      }
+    })
+  })
+</script>
+<% else %>
+<div>
+  <span style="width: 88%; float: left;">
+  <%= select_tag input_id, options_for_select(options, selector), class: 'form-control', disabled: true %>
+  </span>
+  <span style="width: 8%; float: right;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16" data-toggle='tooltip' title='<%= disable_msg %> '>
+      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+    </svg>
+  </span>
+</div>
+<% end %>

data/app/views/rails_base/shared/_admin_toggle_button.html.erb

@@ -0,0 +1,72 @@
+<% input_id = "#{type}_#{user.id}_#{(10**10*rand).to_i}_input" %>
+<% span_id = "#{input_id}_span" %>
+<% div_span = "#{input_id}_div" %>
+<% toggle_function = "#{input_id}_function" %>
+
+<% if disable_action %>
+  <span style="width: 88%; float: left;">
+    <div id='<%= div_span %>' class='text-center'>
+      <input id='<%= input_id %>' class='admin-concurrent-block stay-disabled' type="checkbox" <%= 'checked' if checked %> data-toggle="toggle" data-on='<%= data_on %>' data-off='<%= data_off %>' data-onstyle='success' data-offstyle='warning' disabled>
+    </div>
+  </span>
+  <span style="width: 8%; float: right;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16" data-toggle='tooltip' title='<%= disable_msg %> '>
+      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+    </svg>
+  </span>
+<% else %>
+  <div id='<%= div_span %>' class='text-center'>
+    <input id='<%= input_id %>' class='admin-concurrent-block' type="checkbox" <%= 'checked' if checked %> data-toggle="toggle" data-on='<%= data_on %>' data-off='<%= data_off %>' data-onstyle='success' data-offstyle='warning'>
+  </div>
+  <button class="btn btn_info btn-block" id='<%= span_id %>' type="button" disabled style="display: none">
+    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
+    </span>
+    Hang tight
+  </button>
+
+
+
+  <script type="text/javascript">
+    $(document).ready(function(){
+      $('#<%= input_id %>').bootstrapToggle();
+    });
+
+    function <%=toggle_function%>(reveal){
+      if(reveal){
+        $('#<%= div_span %>').hide()
+        $('#<%= span_id %>').show()
+      } else {
+        $('#<%= div_span %>').show()
+        $('#<%= span_id %>').hide()
+      }
+    }
+
+    $('#<%= input_id %>').change(function() {
+      admin_pause_concurrency();
+      var original = $("#<%= input_id %>").is(':checked');
+      <%=toggle_function%>(true);
+      var data = { 'attribute':'<%= type %>', 'value': original, 'id': <%= user.id %> }
+      $.ajax({
+        type: "POST",
+        url: "<%= RailsBase.url_routes.admin_upate_attribute_path%>",
+        headers: { 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content') },
+        dataType: 'json',
+        data: data,
+        success: function(data) {
+          admin_resume_concurrency();
+          <%=toggle_function%>(false);
+          admin_ensure_disabled();
+          _rails_base_display_success(data.message)
+        },
+        error: function(xhr, status, error) {
+          $('#<%= input_id %>').prop('checked', original);
+          <%=toggle_function%>(false);
+          admin_ensure_disabled();
+          admin_resume_concurrency();
+          _rails_base_display_alert(xhr.responseJSON.message)
+        }
+      })
+    })
+  </script>
+<% end %>