root-data-elements.html

<link rel="import" href="../bower_components/polymer/polymer.html"><link rel="import" href="parser-behavior.html"><link rel="import" href="flowChartNode-elements.html"><link rel="import" href="questevent-elements.html"><link rel="import" href="../bower_components/paper-button/paper-button.html"><link rel="import" href="../bower_components/paper-material/paper-material.html"><dom-module id="questdata-element"><template><style>
			:host {
				display: flex;
				min-height: 200px;
			}

			:host paper-material > ::content {
				display: flex;
			}
	
			::content bucket {
				display:flex;
				flex-direction: column;
				margin-left: 30px;
				margin-right: 30px;
			}
	
			::content bucket:first-of-type {
				margin-left: 0;	
			}
	
			::content bucket:last-of-type {
				margin-right: 0;
			}

			.name {
				transform: translate(30px, 34px) rotate(90deg);
				transform-origin: top left;
				height: 19px;
				position: absolute;
				min-width: 200px;
			}

			wrapper {
				display: flex;
				flex-direction: column;
				margin-top: 10px;
				margin-left: 45px;
			}
		</style><paper-material elevation="1"><div class="name">Name: // TODO</div><wrapper><paper-button raised="" on-tap="newQuestNode">New <abbr title="QuestNode">QN</abbr></paper-button><paper-button raised="" on-tap="newObjectiveNode">New <abbr title="ObjectiveNode">ObjN</abbr></paper-button></wrapper><content></content></paper-material></template></dom-module><dom-module id="conversationdata-element"><template><style>
			:host {
				display: flex;
				min-height: 200px;
			}

			:host paper-material > ::content {
				display: flex;
			}

			::content bucket {
				display:flex;
				flex-direction: column;
				margin-left: 30px;
				margin-right: 30px;
			}

			::content bucket:first-of-type {
				margin-left: 0;	
			}
		   
			::content bucket:last-of-type {
				margin-right: 0;
			}
			
			.name {
				transform: translate(30px, 34px) rotate(90deg);
				transform-origin: top left;
				height: 19px;
				position: absolute;
				min-width: 200px;
			}

			wrapper {
				display: flex;
				flex-direction: column;
				margin-top: 10px;
				margin-left: 45px;
			}
		</style><paper-material elevation="1"><div class="name">Name: // TODO</div><wrapper><paper-button raised="" on-tap="newTalkNode">New <abbr title="TalkNode">TN</abbr></paper-button><paper-button raised="" on-tap="newPlayerResponseNode">New <abbr title="PlayerResponseNode">PRN</abbr></paper-button><paper-button raised="" on-tap="newTriggerConversationNode">New <abbr title="TriggerConversationNode">TCN</abbr></paper-button><paper-button raised="" on-tap="newBankNode">New <abbr title="BankNode">BN</abbr></paper-button><paper-button raised="" on-tap="newScriptNode">New <abbr title="ScriptNode">SN</abbr></paper-button></wrapper><content></content></paper-material></template></dom-module><script>
"use strict";
	var QuestData = new Polymer({
		is: "questdata-element",
		behaviors: [ParserBehavior],
		properties: {
			logicalParent: Object
		},

		created: function() {
			this.type = "QuestData";
		},

		attached: function() {
			this.logicalParent = Polymer.dom(this.firstElementChild);
		},

		newNode: function(newNode) {
			newNode.nodeId = this.nextNodeId;
			this.nextNodeId += 1;
			this.push("nodes", newNode);
			this.nodesMap[newNode.id] = newNode;
			// nur einen wrapper generieren
			if(this.buckets[0] === undefined) {
				this.buckets[0] = [];
				var bucketWrapper = document.createElement('bucket');
				this.logicalParent.appendChild(bucketWrapper);
			}
			this.buckets[0].push(newNode);
			
			this.buckets[0].forEach(function(node_) {
				this.logicalParent.querySelector("bucket").appendChild(node_);
			}, this);
		},

		newQuestNode: function() {
			// es sollte nur eine QuestNode existieren in jedem QuestData element
			this.newNode(new QuestNode(this));
		},

		newObjectiveNode: function() {
			this.newNode(new ObjectiveNode(this));
		},

		// geht erstmal von text aus, hab noch kein file handling
		fromXML: function(xml) {
			if(typeof(xml) == "string") { // schon geparstes ist object
				xml = this.parser.parseFromString(xml, 'text/xml');
				this.cleanFormatting(xml);
			}
			if(xml.hasChildNodes()) {
				var item;
				for(var x = 0; x < xml.childNodes.length; x++) {
					item = xml.childNodes[x];
					if(item.nodeName == this.type) {
						this.fromXML(item); // remove outer layer
					}
					if(item.nodeName == "NextNodeID") {
						this.nextNodeId = item.childNodes[0].nodeValue;
					}
					if(item.nodeName == "Nodes") {
						// über alle
						var node, element;
						for(var n = 0; n < item.childNodes.length; n++) {
							node = item.childNodes[n];
							if(node.nodeName == "FlowChartNode") {
								// type rausfiddeln
								switch(node.attributes[0].value) {
									case "QuestNode": element = new QuestNode(this);
														break;
									case "ObjectiveNode": element = new ObjectiveNode(this);
														break;
									case "GlobalQuestNode": element = new GlobalQuestNode(this);
														break;
									case "EndStateNode": element = new EndStateNode(this);
														break;
								}
								element.fromXML(node);
							}
							// bookmarks, classextender, usw.
							this.push("nodes", element);
							this.nodesMap[element.id] = element;
						}
						// links aus dem Temp Status umformen
						this.nodes.forEach(function(node) {
							node.$.flowchartnode.activateLinks(this.nodesMap);
						}, this);
						// nodes anhand der links sortieren
						var i = 0;
						this.nodes.forEach(function(node) {
							if(node.placed === false) {
								if(this.buckets[i] === undefined) this.buckets[i] = [];
								this.buckets[i].push(node); // id 0 als anker
								node.placed = true;
								i++;
								this.place(node.$.flowchartnode.links, i);
							}
						}, this);
						// dom anpassen, quasi eigenes template
						this.buckets.forEach(function(bucket) {
							var bucketWrapper = document.createElement('bucket');
							Polymer.dom(this).appendChild(bucketWrapper);
							bucket.forEach(function(node_) {
								Polymer.dom(bucketWrapper).appendChild(node_);
							});
						}, this);
					}
					if(item.nodeName == "Bookmarks") {} // ignore
					if(item.nodeName == "ClassExtender") {} // ignore
					if(item.nodeName == "NextEventID") {
						this.nextEventID = item.textContent;
					}
					if(item.nodeName == "NextEndStateID") {
						this.nextEndStateID = item.textContent;
					}
					if(item.nodeName == "NextAddendumID") {
						this.nextAddendumID = item.textContent;
					}
					if(item.nodeName == "NextAlternateDescriptionID") {} // ignore
					if(item.nodeName == "Events") {
						var node2, element2; // scoping regeln von js …
						for(var y = 0; y < item.childNodes.length; y++) {
							node2 = item.childNodes[y];
							switch(node2.attributes[0].value) {
								case "QuestEventGlobalVariable":
									element2 = new QuestEventGlobalVariable();
									break;
								case "QuestEventAquire":
									element2 = new QuestEventAquire();
									break;
								case "QuestEventInspect":
									element2 = new QuestEventInspect();
									break;
								case "QuestEventInteract":
									element2 = new QuestEventInteract();
									break;
								case "QuestEventKill":
									element2 = new QuestEventKill();
									break;
								case "QuestEventLocation":
									element2 = new QuestEventLocation();
									break;
								case "QuestEventTalk":
									element2 = new QuestEventTalk();
									break;
							}
							element2.fromXML(node2);
							this.questEvents.push(element2);
						}
					}
					if(item.nodeName == "QuestType") {
						this.questType = PoeQuestEditor.QuestType[parseInt(item.textContent)];
					}
				}
			}
		},

		toXML: function() {
			var result = this.basetypecontent_toXML();
			result += '<NextEventID>' + this.nextEventID + '</NextEventID>';
			result += '<NextEndStateID>' + this.nextEventID + '</NextEndStateID>';
			result += '<NextAddendumID>' + this.nextAddendumID + '</NextAddendumID>';
			if(PoeQuestEditor.gameVersion > 1.4) {
				result += '<NextAlternateDescriptionID>1</NextAlternateDescriptionID>';
			}
			result += '<Events>';
			for(var x = 0; x < this.questEvents.length; x++) {
				result += this.questEvents[x].toXML();
			}
			result += '</Events>';
			result += '<QuestType>'; // Ist als int im xml, Obsidian hat ihren Code selbst verhunzt -.-
		    if(this.questType == PoeQuestEditor.QuestType[0]) { 
				result += '0';
			}
			if(this.questType == PoeQuestEditor.QuestType[1]) {
				result += '1';
			}
			if(this.questType == PoeQuestEditor.QuestType[2]) {
				result += '2';
			}
			result += '</QuestType>';
			return result += '</' + this.type + '>';
		},


		stringsFromXMLNode: function(node) {
			var types = ["QuestNode", "ObjectiveNode"];
			if(node.nodeName == "Entries") {
				var entry;
				for(var n = 0; n < node.childNodes.length; n++) {
					entry = node.childNodes[n];
					types.forEach(function(type) {
						var id = entry.childNodes[0].textContent;
						var textType = "title";
						var flowChartNode;
						if(id >= 10000 && id < 20000) {
							id -= 10000;
							textType = "description";
						}
						if(id >= 20000 && id < 30000) {
							id -= 20000;
							textType = "addendum";
						}
						if(id >= 30000) {
							id -= 30000;
							textType = "endState";
							flowChartNode = this.nodesMap["QuestNode" + 0];
							flowChartNode.setText(entry.childNodes[1].textContent, entry.childNodes[2].textContent, textType, id);
						}
						if(textType == "addendum") {
							for(var i = 0; i < this.nodes.length; i++) {
								if(this.nodes[i].type == "ObjectiveNode" && 
										this.nodes[i].addendumIds.some(
											function(val, index) { 
												if(val.id == id) return true;
											}
										)) {
									flowChartNode = this.nodes[i];
									flowChartNode.setText(entry.childNodes[1].textContent, entry.childNodes[2].textContent, textType, id);
									break;
								}
							}
						}
						if(textType == "description" || textType == "title") {
							flowChartNode = this.nodesMap[type + id];
							if(flowChartNode !== undefined) {
								flowChartNode.setText(entry.childNodes[1].textContent, entry.childNodes[2].textContent, textType);
							}
						}
					}, this);
				}
			}
		},
		// basisfunktion komplett überschreiben
		stringsToXML: function() {
			var defaultTexts = "", descriptionTexts = "", addendumTexts = "", endStateTexts = "";
			var count = 0;
			var xml = '<?xml version="1.0" encoding="utf-8"?><StringTableFile xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">';
			xml += '<Name>' + this.stringTableFileLink + '</Name>';
			xml += '<NextEntryID>' + this.nextEntryID + '</NextEntryID>'; // Das was Obsidian verhunzt hat ordentlich machen

			for(var i = 0; i < this.nodes.length; i++) {
				defaultTexts += '<Entry>';
				defaultTexts += '<ID>' + this.nodes[i].nodeId + '</ID>';
				defaultTexts += '<DefaultText>' + this.nodes[i].defaultText + '</DefaultText><FemaleText />';
				defaultTexts += '</Entry>';
				if(this.nodes[i].description !== undefined) {
					count++;
					descriptionTexts += '<Entry>';
					descriptionTexts += '<ID>' + (this.nodes[i].nodeId + 10000) + '</ID>';
					descriptionTexts += '<DefaultText>' + this.nodes[i].defaultText + '</DefaultText><FemaleText />';
					descriptionTexts += '</Entry>';
				}
				if(this.nodes[i].addendumIds !== undefined) {
					count += this.nodes[i].addendumIds.length;
					for(var a = 0; a < this.nodes[i].addendumIds.length; a++) {
						addendumTexts += '<Entry>';
						addendumTexts += '<ID>' + (this.nodes[i].addendumIds[a].id + 20000) + '</ID>';
						addendumTexts += '<DefaultText>' + this.nodes[i].addendumIds[a].text + '</DefaultText><FemaleText />';
						addendumTexts += '</Entry>';
					}
				}
				if(this.nodes[i].endStates !== undefined) {
					count += this.nodes[i].endStates.length;
					for(var e = 0; e < this.nodes[i].endStates.length; e++) {
						endStateTexts += '<Entry>';
						endStateTexts += '<ID>' + (this.nodes[i].endStates[e].id + 30000) + '</ID>';
						endStateTexts += '<DefaultText>' + this.nodes[i].endStates[e].text + '</DefaultText><FemaleText />';
						endStateTexts += '</Entry>';
					}
				}
			}

			xml += '<EntryCount>' + (this.nodes.length + count) + '</EntryCount>';
			xml += '<Entries>';

			return xml + defaultTexts + descriptionTexts + addendumTexts + endStateTexts + '</Entries>';
		}
	});

	var ConversationData = new Polymer({
		is: "conversationdata-element",
		behaviors: [ParserBehavior],

		properties: {
			/** Valid Values: Conversation or Chatter */
			conversationType: String,
			characterMappings: {
				type: Array, // array of objects with Guid and InstanceTag
				value: function() { return []; }
			},

			logicalParent: Object
		},

		created: function() {
			this.type = "ConversationData";
		},

		attached: function() {
			this.logicalParent = Polymer.dom(this.firstElementChild);
		},
		
		newNode: function(newNode) {
			newNode.nodeId = this.nextNodeId;
			this.nextNodeId += 1;
			this.push("nodes", newNode);
			this.nodesMap[newNode.id] = newNode;
			// nur einen wrapper generieren
			if(this.buckets[0] === undefined) {
				this.buckets[0] = [];
				var bucketWrapper = document.createElement('bucket');
				this.logicalParent.appendChild(bucketWrapper);
			}
			this.buckets[0].push(newNode);
			
			this.buckets[0].forEach(function(node_) {
				this.logicalParent.querySelector("bucket").appendChild(node_);
			}, this);
		},
		
		newTalkNode: function() {
			this.newNode(new TalkNode(this));
		},
		
		newPlayerResponseNode: function() {
			this.newNode(new PlayerResponseNode(this));
		},
		
		newTriggerConversationNode: function() {
			this.newNode(new TriggerConversationNode(this));
		},
		
		newBankNode: function() {
			this.newNode(new BankNode(this));
		},
		
		newScriptNode: function() {
			this.newNode(new ScriptNode(this));
		},
		
		fromXML: function(xml) {
			if(typeof(xml) == "string") { // schon geparstes ist object
				xml = this.parser.parseFromString(xml, 'text/xml');
				this.cleanFormatting(xml);
			}
			if(xml.hasChildNodes()) {
				var item;
				for(var x = 0; x < xml.childNodes.length; x++) {
					item = xml.childNodes[x];
					if(item.nodeName == this.type) {
						this.fromXML(item); // remove outer layer
					}
					if(item.nodeName == "NextNodeID") {
						this.nextNodeId = item.childNodes[0].nodeValue;
					}
					if(item.nodeName == "Nodes") {
						// über alle
						var node, element;
						for(var n = 0; n < item.childNodes.length; n++) {
							node = item.childNodes[n];
							if(node.nodeName == "FlowChartNode") {
								// type rausfiddeln
								switch(node.attributes[0].value) {
									case "TalkNode":
										element = new TalkNode(this);
										break;
									case "PlayerResponseNode":
										element = new PlayerResponseNode(this);
										break;
									case "TriggerConversationNode":
										element = new TriggerConversationNode(this);
										break;
									case "BankNode":
										element = new BankNode(this);
										break;
									case "ScriptNode":
										element = new ScriptNode(this);
										break;
								}
								element.fromXML(node);
							}
							// bookmarks, classextender, usw.
							this.push("nodes", element);
							this.nodesMap[element.id] = element;
						}
						// links aus dem Temp Status umformen
						this.nodes.forEach(function(node) {
							if(node.$.dialoguenode !== undefined) {
								node.$.dialoguenode.$.flowchartnode.activateLinks(this.nodesMap);
							}
							if(node.$.flowchartnode !== undefined){
								node.$.flowchartnode.activateLinks(this.nodesMap);
							}
							if(node.$.childnode !== undefined) {
								node.$.childnode.activateChildLinks(node, this.nodesMap);
							}
						}, this);
						// nodes anhand der links sortieren
						var i = 0;
						this.nodes.forEach(function(node) {
							if(node.placed === false) {
								if(this.buckets[i] === undefined) this.buckets[i] = [];
								this.buckets[i].push(node); // id 0 als anker
								node.placed = true;
								i++;
								if(node.$.dialoguenode !== undefined) {
									this.place(node.$.dialoguenode.$.flowchartnode.links, i);
								}
								if(node.$.flowchartnode !== undefined) {
									this.place(node.$.flowchartnode.links, i);
								}
								if(node.$.childnode !== undefined) {
									this.place(node.$.childnode.links, i);
								}
							}
						}, this);
						// dom anpassen, quasi eigenes template
						this.buckets.forEach(function(bucket) {
							var bucketWrapper = document.createElement('bucket');
							Polymer.dom(this).appendChild(bucketWrapper);
							bucket.forEach(function(node_) {
								Polymer.dom(bucketWrapper).appendChild(node_);
							});
						}, this);
					}
					if(item.nodeName == "Bookmarks") {} // ignore
					if(item.nodeName == "ClassExtender") {} // ignore
					if(item.nodeName == "ConversationType") {
						this.conversationType = item.textContent;
					}
					if(item.nodeName == "WordLimit") {
						this.wordLimit = item.textContent;
					}
					if(item.nodeName == "Description") {} // ignore
					if(item.nodeName == "SceneLocation") {} // ignore
					if(item.nodeName == "SceneTime") {} // ignore
					if(item.nodeName == "CharacterMappings") {
						if(item.hasChildNodes()) {
							var node2;
							for(var j = 0; j < item.childNodes.length; j++) {
								node2 = item.childNodes[j];
								if(node2.hasChildNodes()) {
									var guid = node2.childNodes[0].textContent;
									var instanceTag = node2.childNodes[1].textContent;
									this.characterMappings[j] = {'guid' : guid, 'instanceTag': instanceTag};
								}
							}
						}
					}
					if(item.nodeName == "WarningDisplayed") {} // ignore
				}
			}
		},
		
		toXML: function() {
			var result = this.basetypecontent_toXML();
			// todo nicht gleiches
			result += '<ConversationType>' + this.conversationType + '</ConversationType>';
			if(this.gameVersion > 3) {
				result += '<WordLimit>' + this.wordLimit + '</WordLimit>';
			}
			// Nicht weiter wichtig, solange die Community nicht einen Weg findet die Texte zu vertonen
			result += '<Description>Scene description.</Description>';
			result += '<SceneLocation>SCENE LOCATION</SceneLocation>';
			result += '<SceneTime>SCENE TIME</SceneTime>';
			result += '<CharacterMappings>';
			for(var i = 0; i < this.characterMappings.length; i++) {
				result += '<CharacterMapping>';
				result += '<Guid>' + this.characterMappings[i].guid + '</Guid>';
				result += '<InstanceTag>' + this.characterMappings[i].instanceTag + '</InstanceTag>';
				result += '</CharacterMapping>';
			}
			result += '</CharacterMappings>';
			return result + '</' + this.type + '>';
		},

		stringsFromXMLNode: function(node) {	
			var types = ["TalkNode", "PlayerResponseNode", "TriggerConversationNode", "BankNode", "ScriptNode"];
			if(node.nodeName == "Entries") {
				var entry;
				for(var n = 0; n < node.childNodes.length; n++) {
					entry = node.childNodes[n];
					types.forEach(function(type) {
						var talkNode = this.nodesMap[type + entry.childNodes[0].textContent];
						if(talkNode !== undefined) {
							talkNode.setText(entry.childNodes[1].textContent, entry.childNodes[2].textContent);
						}
					}, this);
				}
			}
		}
	});
</script>