frenzy/lib/frenzy_web/live/filter/filter_rule_live.html.leex

<div id="<%= @id %>">
  <%= f = form_for @rule, "#", [phx_change: :update_rule, phx_target: "##{@parent_id}"] %>
    <%= hidden_input f, :index, value: @index %>
    <div class="form-group row mb-2">
      <label class="col-sm-2 col-form-label" for="<%= @id %>-property">Item Property</label>
      <div class="col-sm-10">
        <%= select f, :property, @properties, id: "#{@id}-property", class: "custom-select" %>
      </div>
    </div>
    <div class="form-group row mb-2">
      <label class="col-sm-2 col-form-label" for="<%= @id %>-mode">Mode</label>
      <div class="col-sm-10">
        <%= select f, :mode, @modes, id: "#{@id}-mode", class: "custom-select" %>
      </div>
    </div>
    <div class="form-group row mb-2">
      <label class="col-sm-2 col-form-label" for="<%= @id %>-param">Value</label>
      <div class="col-sm-10">
        <%= text_input f, :param, id: "#{@id}-param", placeholder: if(@rule["mode"] == "contains_string", do: "substring", else: "regex"), class: "form-control text-monospace" %>
      </div>
    </div>
    <div class="form-group row mb-0">
      <label class="col-sm-2 col-form-label" for="<%= @id %>-weight">Rule Weight</label>
      <div class="col-sm-10">
        <%= number_input f, :weight, id: "#{@id}-weight", class: "form-control" %>
      </div>
    </div>
  </form>
</div>