X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=index.html;h=3123c2f8ce6e3643394cb4dd86b7d8fa7fe822cb;hb=refs%2Fheads%2Fmaster;hp=429232c7a7ef13623f1f848af60bda32679a15d8;hpb=01cb2ab3fccbc8e9fb6afd23db54c5e2613c24c5;p=erdiag.git

diff --git a/index.html b/index.html
index 429232c..3123c2f 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,18 @@
 		<button onClick="processGraphDesc()">Send</button>
 		<div>
 			<span>MCD graph type:</span>
-			<input type="radio" name="output" value="compact" checked/> compact
-			<input type="radio" name="output" value="bubble"/> bubble
+			<input type="radio" name="mcd" value="compact" checked/> compact
+			<input type="radio" name="mcd" value="bubble"/> bubble
+		</div>
+		<div>
+			<span>Output type:</span>
+			<input type="radio" name="output" value="graph" checked/> drawn graph
+			<input type="radio" name="output" value="text"/> graphviz input
+		</div>
+		<div>
+			<span>Image type:</span>
+			<input type="radio" name="image" value="svg" checked/> SVG
+			<input type="radio" name="image" value="png"/> PNG
 		</div>
 
 		<textarea id="graphDesc" rows="15" style="width:100%"></textarea>
@@ -29,19 +39,20 @@
 		<script src="parser.js"></script>
 		<script>
 			const result = document.getElementById("result");
-			function processGraphDesc() {
-				const graphDesc = document.getElementById("graphDesc").value;
-				const er = new ErDiags(graphDesc);
-				let mode = "compact";
-				for (let el of document.getElementsByName("output"))
+			function getRadioValue(name) {
+				for (let el of document.getElementsByName(name))
 				{
 					if (el.checked)
-					{
-						mode = el.value;
-						break;
-					}
+						return el.value;
 				}
-				er.drawMcd("mcd", mode);
+			}
+			function processGraphDesc() {
+				const graphDesc = document.getElementById("graphDesc").value;
+				const mcdType = getRadioValue("mcd");
+				const outputType = getRadioValue("output");
+				const imageType = getRadioValue("image");
+				const er = new ErDiags(graphDesc, outputType, imageType);
+				er.drawMcd("mcd", mcdType);
 				er.drawMld("mld");
 				er.fillSql("sql");
 				result.style.display = "block";