How to easily generate dynamic content

[cwiese]

I have a Dict in the model (that can change)

Stipple.@kwdef mutable struct Model <: ReactiveModel
  params::R{Dict} = Dict{String, Any}("T_max" => 310.0, "n_segs" => "10", "l_tube" => 10.0, "T_ambient_res" => "Ambient Temperature is 100.0K")
end 

in the UI - would like to create many textfield ..and rerender when model changes

[cell(class="q-pa-sm", textfield("", Symbol(""params['$k']"""), label="$k")) for (k,v) in @bind(:params)]  

Obviously @Bind(:params)] does not work.

I was hoping not to create a giant HTML string in the model - but rather use this like a template.

Any ideas

Chuck

[hhaensel]

With the latest changes of Stipple, this has become incredibly easy:

@app begin
    @in params = Dict{String, Any}("T_max" => 310.0, "n_segs" => "10", "l_tube" => 10.0, "T_ambient_res" => "Ambient Temperature is 100.0K")
end

function ui()
    [
        card(class = "q-pa-md",
            textfield(class = "q-ma-md", :k, R"params[k]", @for((v, k) in :params))
        )
    ]
end

@page("/", ui)
up()

EDIT:

• It would have been possible already with earlier versions, but wouldn't have looked so nice. textfield(class = "q-ma-md", :k, R"params[k]", @recur("(v, k) in params"))
• The above solution loops through all fields in the model field params. So if you add an entry, this will be reflected in the UI. With the latest changes you can also easily loop over static dicts or vectors

static_params = Dict{String, Any}("T_max" => 310.0, "n_segs" => "10", "l_tube" => 10.0, "T_ambient_res" => "T is 100.0K")
param_keys = keys(static_params)

textfield(:k, R"params[k]", @for((v, k) in static_params))
# "<q-input v-for=\"(v, k) in {'T_max':310.0,'n_segs':'10','l_tube':10.0,'T_ambient_res':'T is 100.0K'}\" :label=\"k\" v-model=\"params[k]\"></q-input>"
# note the inverted order of `(v, k)` in javascript compared with Julia syntax

textfield(:k, R"params[k]", @for(k in param_keys))
"<q-input v-for=\"k in [:a, :c]\" :label=\"k\" v-model=\"params(k)\"></q-input>"
# "<q-input v-for=\"(v, k) in ['T_max', 'n_segs', 'l_tube', 'T_ambient_res']\" :label=\"k\" v-model=\"params[k]\"></q-input>"

[essenciary]

Beautiful!

[hhaensel]

I'm happy that you like the new syntax, although you were hesitant in the beginning. It took a while to find out how to best implement Julia expressions but now we are well set, I think.

I particularly like the automatic expansion of keys.

[hhaensel]

@cwiese Hope this is still helpful for you. You can close the issue if you are ok with the answer.
@essenciary We should document these kinds of use cases.

[hhaensel]

We could close this, right?
@PGimenez Do we want to place this example in the docs?