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="row">
      <div class="col-3">
        <%= select f, :property, @properties, id: "#{@id}-property", class: "custom-select" %>
      </div>
      <div class="col-3">
        <%= select f, :mode, @modes, id: "#{@id}-mode", class: "custom-select" %>
      </div>
      <div class="col">
        <%= 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 mt-4">
      <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>