Commit 3873115342b04ba5b80b704af70b78eff5362930 - Lexeduct

Make the UI look slightly nicer. Chris Pressey 10 years ago

1 changed file(s) with 13 addition(s) and 9 deletion(s). Raw diff Collapse all Expand all

+13

-9

demo/lexeduct-browser.js less more

24	24	input = yoob.makeTextArea(container, 40, 20, cfg.initialText);
25	25	input.onkeyup = function() {
26	26	if ($this.liveMode) {
	27	// TODO don't do this if it's a deadkey like shift
27	28	$this.process();
28	29	}
29	30	};
30	31
31	32	var transformersPanel = yoob.makeDiv(container);
32		transformersPanel.style.border = "2px solid black";
	33	transformersPanel.style.border = "1px solid black";
	34	transformersPanel.style.padding = "2px";
	35	transformersPanel.style.margin = "2px";
33	36	transformersPanel.style.display = "inline-block";
34	37	transformersPanel.style.verticalAlign = "top";
35	38

97	100	paramInput.onkeyup = function() {
98	101	slot.selectedParams[paramName] = paramInput.value;
99	102	if ($this.liveMode) {
	103	// TODO don't do this if it's a deadkey like shift
100	104	$this.process();
101	105	}
102	106	};

104	108	};
105	109
106	110	this.makeTransformerSlot = function(container, index) {
	111	var slotPanel = yoob.makeDiv(container);
	112	slotPanel.style.padding = "2px";
	113	slotPanel.style.margin = "2px";
	114	slotPanel.style.border = "1px solid black";
107	115	var select = yoob.makeSelect(
108		container, "Transformer " + (index+1), transformerNames
	116	slotPanel, "Transformer " + (index+1), transformerNames
109	117	);
110		yoob.makeLineBreak(container);
111		var parametersPanel = yoob.makeDiv(container);
112		parametersPanel.style.padding = "2px";
113		parametersPanel.style.border = "1px solid blue";
	118	yoob.makeLineBreak(slotPanel);
	119	var parametersPanel = yoob.makeDiv(slotPanel);
114	120	parametersPanel.style.textAlign = "right";
115	121
116	122	var $this = this;

124	130
125	131	return {
126	132	name: 'identity',
127		selectedParams: {},
128		select: select,
129		parametersPanel: parametersPanel
	133	selectedParams: {}
130	134	};
131	135	};
132	136