[erdiag.git] / parser.js

// ER diagram description parser
class ErDiags
{
	constructor(description)
	{
		this.entities = {};
		this.inheritances = [];
		this.associations = [];
		this.txt2json(description);
		this.tables = [];
		// Cache SVG graphs returned by server (in addition to server cache = good perfs)
		this.mcdGraph = "";
		this.mldGraph = "";
		this.sqlText = "";
	}

	static get TYPES()
	{
		// SQLite storage classes without null
		return ["integer","real","text","blob"];
	}

	static get CARDINAL()
	{
		return {
			"*": "0,n",
			"+": "1,n",
			"?": "0,1",
			"1": "1,1",
			"?R": "(0,1)",
			"1R": "(1,1)",
		};
	}

	//////////////////
	// PARSING STAGE 1
	//////////////////

	// Parse a textual description into a json object
	txt2json(text)
	{
		let lines = text.split("\n");
		lines.push(""); //easier parsing: always empty line at the end
		let start = -1;
		for (let i=0; i < lines.length; i++)
		{
			lines[i] = lines[i].trim();
			// Empty line ?
			if (lines[i].length == 0)
			{
				if (start >= 0) //there is some group of lines to parse
				{
					this.parseThing(lines, start, i);
					start = -1;
				}
			}
			else //not empty line: just register starting point
			{
				if (start < 0)
					start = i;
			}
		}
	}

	// Parse a group of lines into entity, association, ...
	parseThing(lines, start, end) //start included, end excluded
	{
		switch (lines[start].charAt(0))
		{
			case '[':
				// Entity = { name: { attributes, [weak] } }
				let name = lines[start].match(/[^\[\]"\s]+/)[0];
				let entity = { attributes: this.parseAttributes(lines, start+1, end) };
				if (lines[start].charAt(1) == '[')
					entity.weak = true;
				this.entities[name] = entity;
				break;
			case 'i': //inheritance (arrows)
				this.inheritances = this.inheritances.concat(this.parseInheritance(lines, start+1, end));
				break;
			case '{': //association
				// Association = { [name], [attributes], [weak], entities: ArrayOf entity indices }
				let relationship = { };
				let nameRes = lines[start].match(/[^{}"\s]+/);
				if (nameRes !== null)
					relationship.name = nameRes[0];
				if (lines[start].charAt(1) == '{')
					relationship.weak = true;
				this.associations.push(Object.assign({}, relationship, this.parseAssociation(lines, start+1, end)));
				break;
		}
	}

	// attributes: ArrayOf {name, [isKey], [type], [qualifiers]}
	parseAttributes(lines, start, end)
	{
		let attributes = [];
		for (let i=start; i<end; i++)
		{
			let field = { };
			let line = lines[i];
			if (line.charAt(0) == '#')
			{
				field.isKey = true;
				line = line.slice(1);
			}
			field.name = line.match(/[^()"\s]+/)[0];
			let parenthesis = line.match(/\((.+)\)/);
			if (parenthesis !== null)
			{
				let sqlClues = parenthesis[1];
				let qualifiers = sqlClues;
				let firstWord = sqlClues.match(/[^\s]+/)[0];
				if (ErDiags.TYPES.includes(firstWord))
				{
					field.type = firstWord;
					qualifiers = sqlClues.substring(firstWord.length).trim();
				}
				field.qualifiers = qualifiers;
			}
			attributes.push(field);
		}
		return attributes;
	}

	// GroupOf Inheritance: { parent, children: ArrayOf entity indices }
	parseInheritance(lines, start, end)
	{
		let inheritance = [];
		for (let i=start; i<end; i++)
		{
			let lineParts = lines[i].split(" ");
			let children = [];
			for (let j=1; j<lineParts.length; j++)
				children.push(lineParts[j]);
			inheritance.push({ parent:lineParts[0], children: children });
		}
		return inheritance;
	}

	// Association (parsed here): {
	//   entities: ArrayOf entity names + cardinality,
	//   [attributes: ArrayOf {name, [isKey], [type], [qualifiers]}]
	// }
	parseAssociation(lines, start, end)
	{
		let assoce = { };
		let entities = [];
		let i = start;
		while (i < end)
		{
			if (lines[i].charAt(0) == '-')
			{
				assoce.attributes = this.parseAttributes(lines, i+1, end);
				break;
			}
			else
			{
				// Read entity name + cardinality
				let lineParts = lines[i].split(" ");
				entities.push({ name:lineParts[0], card:lineParts[1] });
			}
			i++;
		}
		assoce.entities = entities;
		return assoce;
	}

	//////////////////
	// PARSING STAGE 2
	//////////////////

	static AjaxGet(dotInput, callback)
	{
		let xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200)
				callback(this.responseText);
		};
		xhr.open("GET", "scripts/getGraphSvg.php?dot=" + encodeURIComponent(dotInput), true);
		xhr.send();
	}

	// "Modèle conceptuel des données". TODO: option for graph size
	// NOTE: randomizing helps to obtain better graphs (sometimes)
	drawMcd(id, mcdStyle) //mcdStyle: bubble, or compact
	{
		let element = document.getElementById(id);
		mcdStyle = mcdStyle || "compact";
		if (this.mcdGraph.length > 0)
		{
			element.innerHTML = this.mcdGraph;
			return;
		}
		// Build dot graph input
		let mcdDot = 'graph {\n';
		mcdDot += 'rankdir="LR";\n';
		// Nodes:
		if (mcdStyle == "compact")
			mcdDot += 'node [shape=plaintext];\n';
		_.shuffle(Object.keys(this.entities)).forEach( name => {
			if (mcdStyle == "bubble")
			{
				mcdDot += '"' + name + '" [shape=rectangle, label="' + name + '"';
				if (this.entities[name].weak)
					mcdDot += ', peripheries=2';
				mcdDot += '];\n';
				if (!!this.entities[name].attributes)
				{
					this.entities[name].attributes.forEach( a => {
						let label = (a.isKey ? '#' : '') + a.name;
						let attrName = name + '_' + a.name;
						mcdDot += '"' + attrName + '" [shape=ellipse, label="' + label + '"];\n';
						if (Math.random() < 0.5)
							mcdDot += '"' + attrName + '" -- "' + name + '";\n';
						else
							mcdDot += '"' + name + '" -- "' + attrName + '";\n';
					});
				}
			}
			else
			{
				mcdDot += '"' + name + '" [label=<';
				if (this.entities[name].weak)
				{
					mcdDot += '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="0" CELLSPACING="3" CELLBORDER="0">' +
						'<tr><td><table BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
				}
				else
					mcdDot += '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
				mcdDot += '<tr><td BGCOLOR="#ae7d4e" BORDER="0"><font COLOR="#FFFFFF">' + name + '</font></td></tr>\n';
				if (!!this.entities[name].attributes)
				{
					this.entities[name].attributes.forEach( a => {
						let label = (a.isKey ? '<u>' : '') + a.name + (a.isKey ? '</u>' : '');
						mcdDot += '<tr><td BGCOLOR="#FFFFFF" BORDER="0" ALIGN="LEFT"><font COLOR="#000000" >' + label + '</font></td></tr>\n';
					});
				}
				mcdDot += '</table>';
				if (this.entities[name].weak)
					mcdDot += '</td></tr></table>';
				mcdDot += '>];\n';
			}
		});
		// Inheritances:
		_.shuffle(this.inheritances).forEach( i => {
			// TODO: node shape = triangle fill yellow. See
			// https://merise.developpez.com/faq/?page=MCD#CIF-ou-dependance-fonctionnelle-de-A-a-Z
			// https://merise.developpez.com/faq/?page=MLD#Comment-transformer-un-MCD-en-MLD
			// https://www.developpez.net/forums/d1088964/general-developpement/alm/modelisation/structure-agregation-l-association-d-association/
			_.shuffle(i.children).forEach( c => {
				if (Math.random() < 0.5)
					mcdDot += '"' + c + '":name -- "' + i.parent;
				else
					mcdDot += '"' + i.parent + '":name -- "' + c;
				mcdDot += '":name [dir="forward", arrowhead="vee", style="dashed"];\n';
			});
		});
		// Relationships:
		if (mcdStyle == "compact")
			mcdDot += 'node [shape=rectangle, style=rounded];\n';
		let assoceCounter = 0;
		_.shuffle(this.associations).forEach( a => {
			let name = !!a.name && a.name.length > 0
				? a.name
				: '_assoce' + assoceCounter++;
			if (mcdStyle == "bubble")
			{
				mcdDot += '"' + name + '" [shape="diamond", style="filled", color="lightgrey", label="' + name + '"';
				if (a.weak)
					mcdDot += ', peripheries=2';
				mcdDot += '];\n';
				if (!!a.attributes)
				{
					a.attributes.forEach( attr => {
						let label = (attr.isKey ? '#' : '') + attr.name;
						mcdDot += '"' + name + '_' + attr.name + '" [shape=ellipse, label="' + label + '"];\n';
						let attrName = name + '_' + attr.name;
						if (Math.random() < 0.5)
							mcdDot += '"' + attrName + '" -- "' + name + '";\n';
						else
							mcdDot += '"' + name + '" -- "' + attrName + '";\n';
					});
				}
			}
			else
			{
				let label = name;
				if (!!a.attributes)
				{
					a.attributes.forEach( attr => {
						let attrLabel = (attr.isKey ? '#' : '') + attr.name;
						label += '\\n<' + attrLabel + '>';
					});
				}
				mcdDot += '"' + name + '" [color="lightgrey", label="' + label + '"';
				if (a.weak)
					mcdDot += ', peripheries=2';
				mcdDot += '];\n';
			}
			_.shuffle(a.entities).forEach( e => {
				if (Math.random() < 0.5)
					mcdDot += '"' + e.name + '":name -- "' + name + '"';
				else
					mcdDot += '"' + name + '" -- "' + e.name + '":name';
				mcdDot += '[label="' + ErDiags.CARDINAL[e.card] + '"];\n';
			});
		});
		mcdDot += '}';
		console.log(mcdDot);
		ErDiags.AjaxGet(mcdDot, graphSvg => {
			this.mcdGraph = graphSvg;
			element.innerHTML = graphSvg;
		});
	}

	// "Modèle logique des données"
	// TODO: this one should draw links from foreign keys to keys (port=... in <TD>)
	drawMld(id)
	{
		let element = document.getElementById(id);
		if (this.mldGraph.length > 0)
		{
			element.innerHTML = this.mcdGraph;
			return;
		}
		// Build dot graph input
		let mldDot = 'graph {\n';
		// Nodes:
		Object.keys(this.entities).forEach( name => {
			//mld. ... --> devient table
			// mldDot = ...
		});
		// Relationships:
		this.associations.forEach( a => {
			a.entities.forEach( e => { // e.card e.name ...
				// Pass 1 : entites deviennent tables
				// Pass 2 : sur les assoces
				// multi-arite : sub-loop si 0,1 ou 1,1 : aspiré comme attribut de l'association (phase 1)
				// ensuite, que du 0,n ou 1,n : si == 1, OK une table
				// si 2 ou + : n tables + 1 pour l'assoce, avec attrs clés étrangères
				// clé étrangère NOT NULL si 1,1
			});
		});
		// this.graphMld = ...
		//console.log(mldDot);
		ErDiags.AjaxGet(mldDot, graphSvg => {
			this.mldGraph = graphSvg;
			element.innerHTML = graphSvg;
		});
	}

	fillSql(id)
	{
		let element = document.getElementById(id);
		if (this.sqlText.length > 0)
		{
			element.innerHTML = this.sqlText;
			return;
		}
		//UNIMPLEMENTED (should be straightforward from MLD)
	}
}
Commit	Line	Data
	1	// ER diagram description parser
	2	class ErDiags
	3	{
	4	constructor(description)
	5	{
	6	this.entities = {};
	7	this.inheritances = [];
	8	this.associations = [];
	9	this.txt2json(description);
	10	this.tables = [];
	11	// Cache SVG graphs returned by server (in addition to server cache = good perfs)
	12	this.mcdGraph = "";
	13	this.mldGraph = "";
	14	this.sqlText = "";
	15	}
	16
	17	static get TYPES()
	18	{
	19	// SQLite storage classes without null
	20	return ["integer","real","text","blob"];
	21	}
	22
	23	static get CARDINAL()
	24	{
	25	return {
	26	"*": "0,n",
	27	"+": "1,n",
	28	"?": "0,1",
	29	"1": "1,1",
	30	"?R": "(0,1)",
	31	"1R": "(1,1)",
	32	};
	33	}
	34
	35	//////////////////
	36	// PARSING STAGE 1
	37	//////////////////
	38
	39	// Parse a textual description into a json object
	40	txt2json(text)
	41	{
	42	let lines = text.split("\n");
	43	lines.push(""); //easier parsing: always empty line at the end
	44	let start = -1;
	45	for (let i=0; i < lines.length; i++)
	46	{
	47	lines[i] = lines[i].trim();
	48	// Empty line ?
	49	if (lines[i].length == 0)
	50	{
	51	if (start >= 0) //there is some group of lines to parse
	52	{
	53	this.parseThing(lines, start, i);
	54	start = -1;
	55	}
	56	}
	57	else //not empty line: just register starting point
	58	{
	59	if (start < 0)
	60	start = i;
	61	}
	62	}
	63	}
	64
	65	// Parse a group of lines into entity, association, ...
	66	parseThing(lines, start, end) //start included, end excluded
	67	{
	68	switch (lines[start].charAt(0))
	69	{
	70	case '[':
	71	// Entity = { name: { attributes, [weak] } }
	72	let name = lines[start].match(/[^\[\]"\s]+/)[0];
	73	let entity = { attributes: this.parseAttributes(lines, start+1, end) };
	74	if (lines[start].charAt(1) == '[')
	75	entity.weak = true;
	76	this.entities[name] = entity;
	77	break;
	78	case 'i': //inheritance (arrows)
	79	this.inheritances = this.inheritances.concat(this.parseInheritance(lines, start+1, end));
	80	break;
	81	case '{': //association
	82	// Association = { [name], [attributes], [weak], entities: ArrayOf entity indices }
	83	let relationship = { };
	84	let nameRes = lines[start].match(/[^{}"\s]+/);
	85	if (nameRes !== null)
	86	relationship.name = nameRes[0];
	87	if (lines[start].charAt(1) == '{')
	88	relationship.weak = true;
	89	this.associations.push(Object.assign({}, relationship, this.parseAssociation(lines, start+1, end)));
	90	break;
	91	}
	92	}
	93
	94	// attributes: ArrayOf {name, [isKey], [type], [qualifiers]}
	95	parseAttributes(lines, start, end)
	96	{
	97	let attributes = [];
	98	for (let i=start; i<end; i++)
	99	{
	100	let field = { };
	101	let line = lines[i];
	102	if (line.charAt(0) == '#')
	103	{
	104	field.isKey = true;
	105	line = line.slice(1);
	106	}
	107	field.name = line.match(/[^()"\s]+/)[0];
	108	let parenthesis = line.match(/\((.+)\)/);
	109	if (parenthesis !== null)
	110	{
	111	let sqlClues = parenthesis[1];
	112	let qualifiers = sqlClues;
	113	let firstWord = sqlClues.match(/[^\s]+/)[0];
	114	if (ErDiags.TYPES.includes(firstWord))
	115	{
	116	field.type = firstWord;
	117	qualifiers = sqlClues.substring(firstWord.length).trim();
	118	}
	119	field.qualifiers = qualifiers;
	120	}
	121	attributes.push(field);
	122	}
	123	return attributes;
	124	}
	125
	126	// GroupOf Inheritance: { parent, children: ArrayOf entity indices }
	127	parseInheritance(lines, start, end)
	128	{
	129	let inheritance = [];
	130	for (let i=start; i<end; i++)
	131	{
	132	let lineParts = lines[i].split(" ");
	133	let children = [];
	134	for (let j=1; j<lineParts.length; j++)
	135	children.push(lineParts[j]);
	136	inheritance.push({ parent:lineParts[0], children: children });
	137	}
	138	return inheritance;
	139	}
	140
	141	// Association (parsed here): {
	142	// entities: ArrayOf entity names + cardinality,
	143	// [attributes: ArrayOf {name, [isKey], [type], [qualifiers]}]
	144	// }
	145	parseAssociation(lines, start, end)
	146	{
	147	let assoce = { };
	148	let entities = [];
	149	let i = start;
	150	while (i < end)
	151	{
	152	if (lines[i].charAt(0) == '-')
	153	{
	154	assoce.attributes = this.parseAttributes(lines, i+1, end);
	155	break;
	156	}
	157	else
	158	{
	159	// Read entity name + cardinality
	160	let lineParts = lines[i].split(" ");
	161	entities.push({ name:lineParts[0], card:lineParts[1] });
	162	}
	163	i++;
	164	}
	165	assoce.entities = entities;
	166	return assoce;
	167	}
	168
	169	//////////////////
	170	// PARSING STAGE 2
	171	//////////////////
	172
	173	static AjaxGet(dotInput, callback)
	174	{
	175	let xhr = new XMLHttpRequest();
	176	xhr.onreadystatechange = function() {
	177	if (this.readyState == 4 && this.status == 200)
	178	callback(this.responseText);
	179	};
	180	xhr.open("GET", "scripts/getGraphSvg.php?dot=" + encodeURIComponent(dotInput), true);
	181	xhr.send();
	182	}
	183
	184	// "Modèle conceptuel des données". TODO: option for graph size
	185	// NOTE: randomizing helps to obtain better graphs (sometimes)
	186	drawMcd(id, mcdStyle) //mcdStyle: bubble, or compact
	187	{
	188	let element = document.getElementById(id);
	189	mcdStyle = mcdStyle \|\| "compact";
	190	if (this.mcdGraph.length > 0)
	191	{
	192	element.innerHTML = this.mcdGraph;
	193	return;
	194	}
	195	// Build dot graph input
	196	let mcdDot = 'graph {\n';
	197	mcdDot += 'rankdir="LR";\n';
	198	// Nodes:
	199	if (mcdStyle == "compact")
	200	mcdDot += 'node [shape=plaintext];\n';
	201	_.shuffle(Object.keys(this.entities)).forEach( name => {
	202	if (mcdStyle == "bubble")
	203	{
	204	mcdDot += '"' + name + '" [shape=rectangle, label="' + name + '"';
	205	if (this.entities[name].weak)
	206	mcdDot += ', peripheries=2';
	207	mcdDot += '];\n';
	208	if (!!this.entities[name].attributes)
	209	{
	210	this.entities[name].attributes.forEach( a => {
	211	let label = (a.isKey ? '#' : '') + a.name;
	212	let attrName = name + '_' + a.name;
	213	mcdDot += '"' + attrName + '" [shape=ellipse, label="' + label + '"];\n';
	214	if (Math.random() < 0.5)
	215	mcdDot += '"' + attrName + '" -- "' + name + '";\n';
	216	else
	217	mcdDot += '"' + name + '" -- "' + attrName + '";\n';
	218	});
	219	}
	220	}
	221	else
	222	{
	223	mcdDot += '"' + name + '" [label=<';
	224	if (this.entities[name].weak)
	225	{
	226	mcdDot += '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="0" CELLSPACING="3" CELLBORDER="0">' +
	227	'<tr><td><table BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
	228	}
	229	else
	230	mcdDot += '<table port="name" BORDER="1" ALIGN="LEFT" CELLPADDING="5" CELLSPACING="0">\n';
	231	mcdDot += '<tr><td BGCOLOR="#ae7d4e" BORDER="0"><font COLOR="#FFFFFF">' + name + '</font></td></tr>\n';
	232	if (!!this.entities[name].attributes)
	233	{
	234	this.entities[name].attributes.forEach( a => {
	235	let label = (a.isKey ? '<u>' : '') + a.name + (a.isKey ? '</u>' : '');
	236	mcdDot += '<tr><td BGCOLOR="#FFFFFF" BORDER="0" ALIGN="LEFT"><font COLOR="#000000" >' + label + '</font></td></tr>\n';
	237	});
	238	}
	239	mcdDot += '</table>';
	240	if (this.entities[name].weak)
	241	mcdDot += '</td></tr></table>';
	242	mcdDot += '>];\n';
	243	}
	244	});
	245	// Inheritances:
	246	_.shuffle(this.inheritances).forEach( i => {
	247	// TODO: node shape = triangle fill yellow. See
	248	// https://merise.developpez.com/faq/?page=MCD#CIF-ou-dependance-fonctionnelle-de-A-a-Z
	249	// https://merise.developpez.com/faq/?page=MLD#Comment-transformer-un-MCD-en-MLD
	250	// https://www.developpez.net/forums/d1088964/general-developpement/alm/modelisation/structure-agregation-l-association-d-association/
	251	_.shuffle(i.children).forEach( c => {
	252	if (Math.random() < 0.5)
	253	mcdDot += '"' + c + '":name -- "' + i.parent;
	254	else
	255	mcdDot += '"' + i.parent + '":name -- "' + c;
	256	mcdDot += '":name [dir="forward", arrowhead="vee", style="dashed"];\n';
	257	});
	258	});
	259	// Relationships:
	260	if (mcdStyle == "compact")
	261	mcdDot += 'node [shape=rectangle, style=rounded];\n';
	262	let assoceCounter = 0;
	263	_.shuffle(this.associations).forEach( a => {
	264	let name = !!a.name && a.name.length > 0
	265	? a.name
	266	: '_assoce' + assoceCounter++;
	267	if (mcdStyle == "bubble")
	268	{
	269	mcdDot += '"' + name + '" [shape="diamond", style="filled", color="lightgrey", label="' + name + '"';
	270	if (a.weak)
	271	mcdDot += ', peripheries=2';
	272	mcdDot += '];\n';
	273	if (!!a.attributes)
	274	{
	275	a.attributes.forEach( attr => {
	276	let label = (attr.isKey ? '#' : '') + attr.name;
	277	mcdDot += '"' + name + '_' + attr.name + '" [shape=ellipse, label="' + label + '"];\n';
	278	let attrName = name + '_' + attr.name;
	279	if (Math.random() < 0.5)
	280	mcdDot += '"' + attrName + '" -- "' + name + '";\n';
	281	else
	282	mcdDot += '"' + name + '" -- "' + attrName + '";\n';
	283	});
	284	}
	285	}
	286	else
	287	{
	288	let label = name;
	289	if (!!a.attributes)
	290	{
	291	a.attributes.forEach( attr => {
	292	let attrLabel = (attr.isKey ? '#' : '') + attr.name;
	293	label += '\\n<' + attrLabel + '>';
	294	});
	295	}
	296	mcdDot += '"' + name + '" [color="lightgrey", label="' + label + '"';
	297	if (a.weak)
	298	mcdDot += ', peripheries=2';
	299	mcdDot += '];\n';
	300	}
	301	_.shuffle(a.entities).forEach( e => {
	302	if (Math.random() < 0.5)
	303	mcdDot += '"' + e.name + '":name -- "' + name + '"';
	304	else
	305	mcdDot += '"' + name + '" -- "' + e.name + '":name';
	306	mcdDot += '[label="' + ErDiags.CARDINAL[e.card] + '"];\n';
	307	});
	308	});
	309	mcdDot += '}';
	310	console.log(mcdDot);
	311	ErDiags.AjaxGet(mcdDot, graphSvg => {
	312	this.mcdGraph = graphSvg;
	313	element.innerHTML = graphSvg;
	314	});
	315	}
	316
	317	// "Modèle logique des données"
	318	// TODO: this one should draw links from foreign keys to keys (port=... in <TD>)
	319	drawMld(id)
	320	{
	321	let element = document.getElementById(id);
	322	if (this.mldGraph.length > 0)
	323	{
	324	element.innerHTML = this.mcdGraph;
	325	return;
	326	}
	327	// Build dot graph input
	328	let mldDot = 'graph {\n';
	329	// Nodes:
	330	Object.keys(this.entities).forEach( name => {
	331	//mld. ... --> devient table
	332	// mldDot = ...
	333	});
	334	// Relationships:
	335	this.associations.forEach( a => {
	336	a.entities.forEach( e => { // e.card e.name ...
	337	// Pass 1 : entites deviennent tables
	338	// Pass 2 : sur les assoces
	339	// multi-arite : sub-loop si 0,1 ou 1,1 : aspiré comme attribut de l'association (phase 1)
	340	// ensuite, que du 0,n ou 1,n : si == 1, OK une table
	341	// si 2 ou + : n tables + 1 pour l'assoce, avec attrs clés étrangères
	342	// clé étrangère NOT NULL si 1,1
	343	});
	344	});
	345	// this.graphMld = ...
	346	//console.log(mldDot);
	347	ErDiags.AjaxGet(mldDot, graphSvg => {
	348	this.mldGraph = graphSvg;
	349	element.innerHTML = graphSvg;
	350	});
	351	}
	352
	353	fillSql(id)
	354	{
	355	let element = document.getElementById(id);
	356	if (this.sqlText.length > 0)
	357	{
	358	element.innerHTML = this.sqlText;
	359	return;
	360	}
	361	//UNIMPLEMENTED (should be straightforward from MLD)
	362	}
	363	}