There’s been talk of a commander-per-element kind of model too.
OvermindDL1
grych
Creator of Drab
Drab is designed to be modular, so making support for additional js libraries is relatively easy. There is a Drab.Module behaviour, as well as each module has corresponding JS templates.
But, as I explained in this thread before, I am not planning to do any more JS libraries integration, myself, in the near future.
robobakery
def validate_subscription_email(socket, sender) do
email = sender.params["email_subscribe"]
case Regex.run(~r/(\w+)@([\w.]+)/, email) do
nil -> set_attr socket, "#subscribe_button", disabled: true
[email, _username, _host] ->
set_attr socket, "#subscribe_button", disabled: false
set_prop socket, "#good", innerHTML: email
end
end
is there any way to unset_attr for self described attribute like ‘disabled’?
In this case, setting a value to false will not work.
robobakery
I think I’ve got my solution using set_prop instead
set_prop socket, "#subscribe_button", disabled: false
grych
Creator of Drab
Nope, there is no equivalent to JS removeAttribute() method. If you think it should be done, please create a change proposal (or PR on Drab.Element!) in github’s issues.
tmbb
I’ve explained myself badly 
I wasn’t talking about integrating with VueJS. That was just an example. I was aking about components, implemented in pure elixir plus some javascript that would act as VueJS components (encapsulate state and provide a limited interface for state manipulation)
Sorry I wasn’t clear
grych
Creator of Drab
I see.
So the closest idea is, how @OvermindDL1 already mentioned, commander-per-element. There is a plan to do it in the next big release.
Please check his post here.
Max
Should drab work with phoenix 1.3? I´ve set up a new basic app and followed the steps in Usage. But i get Drab is unable to find a partial main when using
> poke socket, welcome_text: "This page has been drabbed
The following works:
set_prop socket, "div.jumbotron p.lead", innerHTML: "Please visit <a href='https://tg.pl/drab'>Drab</a> page for more"
grych
Creator of Drab
Yes, Phoenix 1.3 is supported.
Please make an issue on github. Add versions, code samples, steps to reproduce the issue, environment (umbrella, heroku, linux, etc)
Please also check if the example project works on your environment.
Max
My mistake. Forgot to rename the template name to drab at the end.
Question: Is there a way without renaming the templates? I´m not sure i like it.