Hi, I'm not sure of the correct way to create elements, but have wri

You can compare your element with existing one: <a href="https://github.com/spawnproc/

element_upload.erl about n2o HOT 3 CLOSED

synrc commented on May 22, 2024

element_upload.erl

from n2o.

Comments (3)

5HT commented on May 22, 2024

You do it in right direction.

from n2o.

doxtop commented on May 22, 2024

You can compare your element with existing one: https://github.com/spawnproc/n2o.bootstrap/blob/master/src/element_upload.erl
https://github.com/spawnproc/n2o.scripts/blob/master/n2o/upload.js
use it with:

-define(WS_SEND(Id,Ev,Detail), wf:wire(wf:f("document.getElementById('~s').dispatchEvent("
  "new CustomEvent('~s', {'detail': ~s}));", [Id,wf:to_list(Ev),wf:json([Detail])]))).

-record(upload_state, {cid, root=code:priv_dir(n2o), dir="", name,
  type, room=upload, data= <<>>, preview=false, size=[{200,200}], index=0, block_size=1048576}).

-record(upload, {?CTRL_BASE(element_upload), name, value, state=#upload_state{}, root, dir, delegate_query, delegate_api, post_write, img_tool, post_target, size, preview}).

its still under construction, so some of the properties are not well-ordered and the pickled data transfered instead of pure binaries but it works
use #upload{} on the page or element_upload:render(U) ,element_upload:wire(U) separately in the event handlers

from n2o.