Add DeviceDetector and postres_cursor
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= form_with(model: @waf_policy, local: true, class: "space-y-6") do |form| %>
|
||||
<%= form_with(model: @waf_policy, local: true, class: "space-y-6", data: { controller: "waf-policy-form" }) do |form| %>
|
||||
<!-- Basic Information -->
|
||||
<div class="bg-white shadow rounded-lg">
|
||||
<div class="px-4 py-5 sm:p-6 space-y-4">
|
||||
@@ -42,17 +42,17 @@
|
||||
options_for_select(@policy_types.map { |type| [type.humanize, type] }, @waf_policy.policy_type),
|
||||
{ prompt: "Select policy type" },
|
||||
{ class: "block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
|
||||
id: "policy-type-select" } %>
|
||||
data: { "waf-policy-form-target": "policyTypeSelect", "action": "change->waf-policy-form#updateTargetsVisibility" } } %>
|
||||
</div>
|
||||
|
||||
<!-- Action -->
|
||||
<!-- Policy Action -->
|
||||
<div>
|
||||
<%= form.label :action, "Action", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= form.select :action,
|
||||
options_for_select(@actions.map { |action| [action.humanize, action] }, @waf_policy.action),
|
||||
<%= form.label :policy_action, "Policy Action", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= form.select :policy_action,
|
||||
options_for_select(@actions.map { |action| [action.humanize, action] }, @waf_policy.policy_action),
|
||||
{ prompt: "Select action" },
|
||||
{ class: "block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
|
||||
id: "action-select" } %>
|
||||
data: { "waf-policy-form-target": "policyActionSelect", "action": "change->waf-policy-form#updateActionConfig" } } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -63,7 +63,7 @@
|
||||
<h3 class="text-lg leading-6 font-medium text-gray-900">🎯 Targets Configuration</h3>
|
||||
|
||||
<!-- Country Policy Targets -->
|
||||
<div id="country-targets" class="policy-targets hidden">
|
||||
<div id="country-targets" class="policy-targets hidden" data-waf-policy-form-target="countryTargets">
|
||||
<%= form.label :targets, "Countries", class: "block text-sm font-medium text-gray-700 mb-2" %>
|
||||
<div data-controller="country-selector"
|
||||
data-country-selector-options-value="<%= CountryHelper.all_for_select.to_json %>"
|
||||
@@ -79,7 +79,7 @@
|
||||
</div>
|
||||
|
||||
<!-- ASN Policy Targets -->
|
||||
<div id="asn-targets" class="policy-targets hidden">
|
||||
<div id="asn-targets" class="policy-targets hidden" data-waf-policy-form-target="asnTargets">
|
||||
<%= form.label :targets, "ASN Numbers", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= text_field_tag "waf_policy[targets][]", nil,
|
||||
class: "block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
|
||||
@@ -88,7 +88,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Company Policy Targets -->
|
||||
<div id="company-targets" class="policy-targets hidden">
|
||||
<div id="company-targets" class="policy-targets hidden" data-waf-policy-form-target="companyTargets">
|
||||
<%= form.label :targets, "Companies", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= text_field_tag "waf_policy[targets][]", nil,
|
||||
class: "block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
|
||||
@@ -97,7 +97,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Network Type Targets -->
|
||||
<div id="network-type-targets" class="policy-targets hidden">
|
||||
<div id="network-type-targets" class="policy-targets hidden" data-waf-policy-form-target="networkTypeTargets">
|
||||
<%= form.label :targets, "Network Types", class: "block text-sm font-medium text-gray-700" %>
|
||||
<div class="space-y-2">
|
||||
<label class="flex items-center">
|
||||
@@ -123,7 +123,7 @@
|
||||
<h3 class="text-lg leading-6 font-medium text-gray-900">⚙️ Additional Configuration</h3>
|
||||
|
||||
<!-- Redirect Settings (for redirect action) -->
|
||||
<div id="redirect-config" class="hidden space-y-3">
|
||||
<div id="redirect-config" class="hidden space-y-3" data-waf-policy-form-target="redirectConfig">
|
||||
<div>
|
||||
<%= label_tag "additional_data[redirect_url]", "Redirect URL", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= text_field_tag "additional_data[redirect_url]", nil,
|
||||
@@ -139,7 +139,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Challenge Settings (for challenge action) -->
|
||||
<div id="challenge-config" class="hidden space-y-3">
|
||||
<div id="challenge-config" class="hidden space-y-3" data-waf-policy-form-target="challengeConfig">
|
||||
<div>
|
||||
<%= label_tag "additional_data[challenge_type]", "Challenge Type", class: "block text-sm font-medium text-gray-700" %>
|
||||
<%= select_tag "additional_data[challenge_type]",
|
||||
@@ -178,63 +178,4 @@
|
||||
class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const policyTypeSelect = document.getElementById('policy-type-select');
|
||||
const actionSelect = document.getElementById('action-select');
|
||||
const allTargets = document.querySelectorAll('.policy-targets');
|
||||
const redirectConfig = document.getElementById('redirect-config');
|
||||
const challengeConfig = document.getElementById('challenge-config');
|
||||
|
||||
function updateTargetsVisibility() {
|
||||
const selectedType = policyTypeSelect.value;
|
||||
|
||||
// Hide all target sections
|
||||
allTargets.forEach(target => target.classList.add('hidden'));
|
||||
|
||||
// Show relevant target section
|
||||
switch(selectedType) {
|
||||
case 'country':
|
||||
document.getElementById('country-targets').classList.remove('hidden');
|
||||
break;
|
||||
case 'asn':
|
||||
document.getElementById('asn-targets').classList.remove('hidden');
|
||||
break;
|
||||
case 'company':
|
||||
document.getElementById('company-targets').classList.remove('hidden');
|
||||
break;
|
||||
case 'network_type':
|
||||
document.getElementById('network-type-targets').classList.remove('hidden');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function updateActionConfig() {
|
||||
const selectedAction = actionSelect.value;
|
||||
|
||||
// Hide all config sections
|
||||
redirectConfig.classList.add('hidden');
|
||||
challengeConfig.classList.add('hidden');
|
||||
|
||||
// Show relevant config section
|
||||
switch(selectedAction) {
|
||||
case 'redirect':
|
||||
redirectConfig.classList.remove('hidden');
|
||||
break;
|
||||
case 'challenge':
|
||||
challengeConfig.classList.remove('hidden');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Add event listeners
|
||||
policyTypeSelect.addEventListener('change', updateTargetsVisibility);
|
||||
actionSelect.addEventListener('change', updateActionConfig);
|
||||
|
||||
// Initial update
|
||||
updateTargetsVisibility();
|
||||
updateActionConfig();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
Reference in New Issue
Block a user