<% if @market_kind == 'shop' || @market_kind == 'fehb' %>
<% else %>
@@ -509,7 +509,7 @@
<% issuer_names = (@market_kind == 'shop' || @market_kind == 'fehb') ? @carrier_names : @carriers %>
- <%= select_tag :carrier, options_for_select(issuer_names), class: "plan-carrier-selection-filter form-control", include_blank: "All", onchange:"filterPlanCarriers(this)" %>
+ <%= select_tag :carrier, options_for_select(issuer_names), class: "plan-carrier-selection-filter form-control v1-filter", include_blank: "All" %>
diff --git a/app/views/ui-components/v1/forms/broker_registration/_broker_agency_staff_information.html.slim b/app/views/ui-components/v1/forms/broker_registration/_broker_agency_staff_information.html.slim
index d2a12234005..79780672556 100644
--- a/app/views/ui-components/v1/forms/broker_registration/_broker_agency_staff_information.html.slim
+++ b/app/views/ui-components/v1/forms/broker_registration/_broker_agency_staff_information.html.slim
@@ -18,7 +18,7 @@ fieldset
.col-md-4.mb-2
label for="inputDOB" #{l10n('date_of_birth')} *
- = f.text_field :dob, placeholder: 'MM/DD/YYYY', required: 'true', id: 'inputStaffDOB', class:'form-control', onblur:'validDob(this)'
+ = f.text_field :dob, placeholder: 'MM/DD/YYYY', required: 'true', id: 'inputStaffDOB', class:'form-control'
.invalid-feedback
= l10n("invalid_dob")
@@ -29,21 +29,3 @@ fieldset
.invalid-feedback
= l10n("invalid_email")
-
-
-javascript:
- var cleave = new Cleave('#inputDOB', {
- date: true,
- datePattern: ['m', 'd', 'Y']
- });
-
- function validDob(element) {
- if (element.value && element.value.length < 10) {
- swal({
- title: "Invalid DOB Format",
- text: "DOB must be entered as MM/DD/YYYY",
- icon: "warning"
- }),
- element.value = ''
- }
- }
diff --git a/app/views/ui-components/v1/forms/general_agency_registration/_general_agency_staff_information.html.slim b/app/views/ui-components/v1/forms/general_agency_registration/_general_agency_staff_information.html.slim
index d2a12234005..79780672556 100644
--- a/app/views/ui-components/v1/forms/general_agency_registration/_general_agency_staff_information.html.slim
+++ b/app/views/ui-components/v1/forms/general_agency_registration/_general_agency_staff_information.html.slim
@@ -18,7 +18,7 @@ fieldset
.col-md-4.mb-2
label for="inputDOB" #{l10n('date_of_birth')} *
- = f.text_field :dob, placeholder: 'MM/DD/YYYY', required: 'true', id: 'inputStaffDOB', class:'form-control', onblur:'validDob(this)'
+ = f.text_field :dob, placeholder: 'MM/DD/YYYY', required: 'true', id: 'inputStaffDOB', class:'form-control'
.invalid-feedback
= l10n("invalid_dob")
@@ -29,21 +29,3 @@ fieldset
.invalid-feedback
= l10n("invalid_email")
-
-
-javascript:
- var cleave = new Cleave('#inputDOB', {
- date: true,
- datePattern: ['m', 'd', 'Y']
- });
-
- function validDob(element) {
- if (element.value && element.value.length < 10) {
- swal({
- title: "Invalid DOB Format",
- text: "DOB must be entered as MM/DD/YYYY",
- icon: "warning"
- }),
- element.value = ''
- }
- }
diff --git a/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/application.js.erb b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/application.js.erb
index a211697a48d..a14b527bdb1 100644
--- a/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/application.js.erb
+++ b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/application.js.erb
@@ -54,4 +54,13 @@ $(document).on('change', "#benefit_application_start_on", function() {
jQuery.inputMasks = () => {
$(".phone_number").mask("(999) 999-9999");
};
-$.inputMasks();
\ No newline at end of file
+$.inputMasks();
+
+jQuery.ajaxSetup( {
+ converters: {
+ "text script": function( text ) {
+ jQuery.globalEval( text, {nonce: $("meta[name='csp-nonce']").prop('content')} );
+ return text;
+ }
+ }
+} );
diff --git a/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/broker_agency_staff_roles.js b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/broker_agency_staff_roles.js
new file mode 100644
index 00000000000..09a2d30f579
--- /dev/null
+++ b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/broker_agency_staff_roles.js
@@ -0,0 +1,42 @@
+$(document).on('click', '.select-broker-agency', function(e) {
+ e.preventDefault()
+ selectBrokereAgency(this);
+})
+
+$(document).on('click', '.ba-search-btn', function(e) {
+ e.preventDefault()
+ brokerSearch();
+ return false
+})
+
+function brokerSearch() {
+ var broker_agency_search = document.getElementById('staff_agency_search').value
+ var broker_registration_page = document.getElementById('staff_is_broker_registration_page').value
+ document.getElementById('broker-staff-btn').disabled = true;
+ if (broker_agency_search != undefined) {
+ $.ajax({
+ url: '/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/search_broker_agency.js',
+ type: "GET",
+ data: {'q': broker_agency_search, "broker_registration_page": broker_registration_page},
+ success: function() {
+ if ($('.table-responsive').length) {
+ $('.broker-agency-submit').removeClass('hidden');
+ }
+ }
+ });
+ };
+
+}
+
+function selectBrokereAgency(element) {
+ var result = document.querySelectorAll('.result');
+ result.forEach(function (result) {
+ var element = result.querySelectorAll('.staff-select-broker')
+ element.forEach(function (ele) {
+ ele.classList.remove("agency-selected");
+ })
+ });
+ document.getElementById('staff_profile_id').value = element.dataset.broker_agency_profile_id;
+ element.closest(".staff-select-broker").classList.add('agency-selected')
+ document.getElementById('broker-staff-btn').disabled = false;
+}
diff --git a/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/general_agency_staff_roles.js b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/general_agency_staff_roles.js
new file mode 100644
index 00000000000..3c3fb0f440d
--- /dev/null
+++ b/components/benefit_sponsors/app/assets/javascripts/benefit_sponsors/general_agency_staff_roles.js
@@ -0,0 +1,59 @@
+// components/benefit_sponsors/app/views/benefit_sponsors/profiles/general_agencies/general_agency_staff_roles/new.html.slim
+$(document).on('click', '.ga-search-btn', function(e) {
+ console.log('search clicked')
+ e.preventDefault()
+ generalAgencySearch();
+ return false
+})
+
+function generalAgencySearch() {
+ console.log('gaSearch')
+ var general_agency_search = document.getElementById('staff_agency_search').value
+ var general_agency_registration_page = document.getElementById('staff_is_general_agency_registration_page').value
+ document.getElementById('general-agency-staff-btn').disabled = true;
+ if (generalAgencySearch != undefined) {
+ $.ajax({
+ url: '/benefit_sponsors/profiles/general_agencies/general_agency_staff_roles/search_general_agency.js',
+ type: "GET",
+ data: {'q': general_agency_search, "general_agency_registration_page": general_agency_registration_page},
+ success: function() { console.log('gasearch success') },
+ error: function() { console.log('gasearch error') }
+ });
+ };
+
+}
+
+function selectGeneralAgency(element) {
+ var result = document.querySelectorAll('.result');
+ result.forEach(function (result) {
+ var element = result.querySelectorAll('.select-ga')
+ element.forEach(function (ele) {
+ ele.classList.remove("agency-selected");
+ })
+ });
+ document.getElementById('staff_profile_id').value = element.dataset.general_agency_profile_id;
+ element.closest(".select-ga").classList.add('agency-selected')
+ document.getElementById('general-agency-staff-btn').disabled = false;
+}
+
+// app/views/ui-components/v1/forms/general_agency_registration/_general_agency_staff_information.html.slim
+$(document).on('blur', '#inputStaffDOB', function() {
+ validDob(this)
+})
+
+function validDob(element) {
+ if (element.value && element.value.length < 10) {
+ swal({
+ title: "Invalid DOB Format",
+ text: "DOB must be entered as MM/DD/YYYY",
+ icon: "warning"
+ }),
+ element.value = ''
+ }
+}
+
+// components/benefit_sponsors/app/views/benefit_sponsors/profiles/general_agencies/general_agency_staff_roles/_search_general_agency.html.erb
+$(document).on('click', '.select-general-agency', function(e) {
+ e.preventDefault()
+ selectGeneralAgency(this)
+})
diff --git a/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_form.html.erb b/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_form.html.erb
index 4a175f5e328..beb4e44e772 100644
--- a/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_form.html.erb
+++ b/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_form.html.erb
@@ -17,7 +17,7 @@
<%= hidden_field_tag :profile_id, params[:profile_id] %>
-
+
<%= link_to l10n("broker_agencies.cancel_new_staff"), profiles_broker_agencies_broker_agency_profile_path(id:params[:profile_id]), class:'btn-error outline' %>
@@ -36,7 +36,7 @@
<%= f.text_field :last_name, class: "floatlabel form-control", required: true, placeholder: l10n("broker_agencies.last_name") %>
- <%= f.text_field :dob, :class => "floatlabel form-control interaction-field-control-person-dob", :placeholder => l10n("broker_agencies.dob") , required: true, readonly: defined?(readonly), onmouseover:"showDatepicker(this)" %>
+ <%= f.text_field :dob, :class => "floatlabel form-control interaction-field-control-person-dob ba-staff-dob", :placeholder => l10n("broker_agencies.dob") , required: true, readonly: defined?(readonly) %>
<%= hidden_field_tag :profile_id, params[:profile_id] %>
@@ -46,9 +46,4 @@
<%= link_to l10n("cancel"), profiles_broker_agencies_broker_agency_profile_path(id:params[:profile_id]), class:'btn btn-default pull-left' %>
<% end %>
-
<% end %>
diff --git a/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_search_broker_agency.html.erb b/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_search_broker_agency.html.erb
index 282774f5c1e..ee745ea0089 100644
--- a/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_search_broker_agency.html.erb
+++ b/components/benefit_sponsors/app/views/benefit_sponsors/profiles/broker_agencies/broker_agency_staff_roles/_search_broker_agency.html.erb
@@ -28,10 +28,10 @@
<% else %>