123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- import { ObjectNode, NumberInput, LabelElement, Element, ButtonInput } from '../../libs/flow.module.js';
- import { TimerNode } from '../../renderers/nodes/Nodes.js';
- export class TimerEditor extends ObjectNode {
- constructor() {
- const node = new TimerNode();
- super( 'Timer', 1, node, 250 );
- this.title.setIcon( 'ti ti-clock' );
- const updateField = () => {
- field.setValue( node.value.toFixed( 3 ) );
- };
- const field = new NumberInput().onChange( () => {
- node.value = field.getValue();
- } );
- const scaleField = new NumberInput( 1 ).onChange( () => {
- node.scale = scaleField.getValue();
- } );
- const moreElement = new Element().add( new ButtonInput( 'Reset' ).onClick( () => {
- node.value = 0;
- updateField();
- } ) ).setSerializable( false );
- this.add( new LabelElement( 'Value' ).add( field ).setSerializable( false ) )
- .add( new LabelElement( 'Scale' ).add( scaleField ) )
- .add( moreElement );
- // extends node
- node._update = node.update;
- node.update = function ( ...params ) {
- this._update( ...params );
- updateField();
- };
- }
- }
|