diff --git a/app/views/conditions/_form.html.erb b/app/views/conditions/_form.html.erb index 66e4ac5..86f57d9 100644 --- a/app/views/conditions/_form.html.erb +++ b/app/views/conditions/_form.html.erb @@ -12,43 +12,94 @@ <% end %> -
- <%= form.label :enabled %> - <%= form.radio_button :enabled, true %> - <%= form.label :enabled_true, "Yes" %> - <%= form.radio_button :enabled, false %> - <%= form.label :enabled_false, "No" %> +
+
+ Enabled? +
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %> +
+
+
+
+
+ +
+
+ Property type +
+
+
+ <%= form.radio_button :property_type, "header", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :property_type_header, "Header", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :property_type, "body", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :property_type_body, "Body", class: "font-medium text-gray-700" %> +
+
+
+
- <%= form.label :property_type %> - <%= form.text_field :property_type %> + <%= form.label :property_value, class: "block text-sm font-medium text-gray-700" %> + <%= form.text_field :property_value, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.label :property_value %> - <%= form.text_field :property_value %> + <%= form.label :test_method, class: "block text-sm font-medium text-gray-700" %> + <%= form.select :test_method, I18n.t("condition.test_methods").map { |key, value| [value, key] }, {}, class: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
- <%= form.label :test_method %> - <%= form.select :test_method, I18n.t("condition.test_methods").map { |key, value| [value, key] } %> + <%= form.label :test_value, class: "block text-sm font-medium text-gray-700" %> + <%= form.text_field :test_value, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
-
- <%= form.label :test_value %> - <%= form.text_field :test_value %> -
- -
- <%= form.label :inverted %> - <%= form.radio_button :inverted, true %> - <%= form.label :inverted_true, "Yes" %> - <%= form.radio_button :inverted, false %> - <%= form.label :inverted_false, "No" %> +
+
+ Inverted? +
+
+
+ <%= form.radio_button :inverted, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :inverted_true, "Yes", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :inverted, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :inverted_false, "No", class: "font-medium text-gray-700" %> +
+
+
+
- <%= form.submit %> + <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %> diff --git a/app/views/filters/_form.html.erb b/app/views/filters/_form.html.erb index 5e25349..069028d 100644 --- a/app/views/filters/_form.html.erb +++ b/app/views/filters/_form.html.erb @@ -13,36 +13,84 @@ <% end %>
- <%= form.label :description %> - <%= form.text_field :description %> + <%= form.label :description, class: "block text-sm font-medium text-gray-700" %> + <%= form.text_field :description, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
-
- <%= form.label :enabled %> - <%= form.radio_button :enabled, true %> - <%= form.label :enabled_true, "Yes" %> - <%= form.radio_button :enabled, false %> - <%= form.label :enabled_false, "No" %> +
+
+ Enabled? +
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %> +
+
+
+
-
- <%= form.label :operator %> - <%= form.radio_button :operator, "AND" %> - <%= form.label :operator_and, "AND" %> - <%= form.radio_button :operator, "OR" %> - <%= form.label :operator_or, "OR" %> +
+
+ Operator +
+
+
+ <%= form.radio_button :operator, "AND", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :operator_true, "AND", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :operator, "OR", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :operator_false, "OR", class: "font-medium text-gray-700" %> +
+
+
+
-
- <%= form.label :inverted %> - <%= form.radio_button :inverted, true %> - <%= form.label :inverted_true, "Yes" %> - <%= form.radio_button :inverted, false %> - <%= form.label :inverted_false, "No" %> +
+
+ Inverted? +
+
+
+ <%= form.radio_button :inverted, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :inverted_true, "Yes", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :inverted, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :inverted_false, "No", class: "font-medium text-gray-700" %> +
+
+
+
- <%= form.submit %> + <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %> <% end %> \ No newline at end of file diff --git a/app/views/operations/_form.html.erb b/app/views/operations/_form.html.erb index 71a0738..433f14b 100644 --- a/app/views/operations/_form.html.erb +++ b/app/views/operations/_form.html.erb @@ -12,25 +12,41 @@
<% end %> -
- <%= form.label :enabled %> - <%= form.radio_button :enabled, true %> - <%= form.label :enabled_true, "Yes" %> - <%= form.radio_button :enabled, false %> - <%= form.label :enabled_false, "No" %> +
+
+ Enabled? +
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %> +
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %> +
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %> +
+
+
+
- <%= form.label :class_name %> - <%= form.text_field :class_name %> + <%= form.label :class_name, class: "block text-sm font-medium text-gray-700" %> + <%= form.text_field :class_name, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.label :argument %> - <%= form.text_field :argument %> + <%= form.label :argument, class: "block text-sm font-medium text-gray-700" %> + <%= form.text_field :argument, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.submit %> + <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %>