Node Editor

Click a node on the canvas to edit it. Drag from a node's right edge to another node to create an edge.

Title

Type

Outcome Kind

Content (shown to CS)

Bold, italic, lists, links and inline images supported. Click HTML Source to paste raw markup.
<div class="form-text">Raw HTML mode - what you type is rendered as-is.</div> </t> </div> <div class="mb-2"> <label class="form-label small mb-1"> Media (<t t-out="selectedMeta.media.length"/>) </label> <input type="file" class="form-control form-control-sm" multiple="multiple" accept="image/*,video/*" t-on-change="onUploadMedia"/> <div t-if="selectedMeta.media.length" class="fr-media-thumbs mt-2"> <t t-foreach="selectedMeta.media" t-as="m" t-key="m.id"> <a t-att-href="m.url" target="_blank" class="me-1"> <img t-att-src="m.url" class="fr-media-thumb" t-att-alt="m.name"/> </a> </t> </div> </div> <div class="mb-2"> <button class="btn btn-sm btn-outline-warning" t-on-click="onSetStart" t-att-disabled="selectedMeta.is_start"> <i class="fa fa-flag"/> <t t-if="selectedMeta.is_start">Start Node</t> <t t-else="">Make Start Node</t> </button> </div> <hr/> <div t-if="outgoingEdgesForSelected.length"> <h6 class="small">Outgoing Edges</h6> <t t-foreach="outgoingEdgesForSelected" t-as="e" t-key="e.key"> <div class="mb-1"> <label class="form-label small mb-0">to <em t-out="e.target_name"/></label> <input class="form-control form-control-sm" placeholder="Label (Yes / No / ...)" t-att-value="e.label" t-on-change="(ev) => this.onEdgeLabelChange(ev, e.key)"/> </div> </t> </div> </t> </div> </div> </div> </t> </templates>