com.webfirmframework.wffweb.server.page.js.wffTagUtil.js Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of wffweb Show documentation
A java framework to develop web applications
There is a newer version: 12.0.0
/**
 * 
 */

var wffTagUtil = new function() {

	var encoder = wffGlobal.encoder;
	var decoder = wffGlobal.decoder;

	var getStringFromBytes = function(utf8Bytes) {
		return decoder.decode(new Uint8Array(utf8Bytes));
	};

	//Not required for now
//	this.createTagFromBytes = function(bytes) {
//		var htmlString = getStringFromBytes(bytes);
//		var div = document.createElement('div');
//		div.innerHTML = htmlString;
//		return div.firstChild;
//	};

	this.getTagByTagNameAndWffId = function(tagName, wffId) {
		console.log('getTagByTagNameAndWffId tagName', tagName, 'wffId', wffId);
		var elements = document.querySelectorAll(tagName + '[data-wff-id="'
				+ wffId + '"]');
		if (elements.length > 1) {
			alert('multiple tags with same wff id');
		}
		return elements[0];
	};

	this.getTagByWffId = function(wffId) {
		console.log('getTagByTagNameAndWffId ', 'wffId', wffId);
		var elements = document.querySelectorAll('[data-wff-id="' + wffId
				+ '"]');
		if (elements.length > 1) {
			alert('multiple tags with same wff id');
		}
		return elements[0];
	};

	/*
	 * this method will return string wff id from wff id bytes
	 */
	this.getWffIdFromWffIdBytes = function(wffIdBytes) {

		var sOrC = decoder.decode(new Uint8Array([ wffIdBytes[0] ]));
		var intBytes = [];
		for (var i = 1; i < wffIdBytes.length; i++) {
			intBytes.push(wffIdBytes[i]);
		}
		var intId = wffBMUtil.getIntFromOptimizedBytes(intBytes);
		return sOrC + intId;

	};

	this.getWffIdBytesFromTag = function(tag) {
		// the first char will be either C or S where C stands for Client and S
		// stands for Server
		console.log('tag', tag);
		var attrValue = tag.getAttribute("data-wff-id");
		console.log('attrValue', attrValue);

		if (attrValue == null) {
			attrValue = "C" + wffGlobal.getUniqueWffIntId();
			tag.setAttribute("data-wff-id", attrValue);
		}

		var sOrC = attrValue.substring(0, 1);

		var sOrCUtf8Bytes = encoder.encode(sOrC);

		var wffIdBytes = [ sOrCUtf8Bytes[0] ];

		console.log('sOrCUtf8Bytes', sOrCUtf8Bytes[0]);

		var intId = attrValue.substring(1, attrValue.length);

		var intIdBytes = wffBMUtil.getOptimizedBytesFromInt(parseInt(intId));

		wffIdBytes = wffIdBytes.concat(intIdBytes);

		console.log('wffIdBytes', wffIdBytes);
		return wffIdBytes;
	};

	splitAttrNameValue = function(attrNameValue) {
		// attrNameValue will contain string like name=attr-name
		var attrName;
		var attrValue;
		var indexOfSeparator = attrNameValue.indexOf('=');
		if (indexOfSeparator != -1) {
			attrName = attrNameValue.substring(0, indexOfSeparator);
			attrValue = attrNameValue.substring(indexOfSeparator + 1,
					attrNameValue.length);
		} else {
			attrName = attrNameValue;
			attrValue = '';
		}
		return [ attrName, attrValue ];
	};

	this.splitAttrNameValue = splitAttrNameValue;

	// getWffIdBytesFromTag = this.getWffIdBytesFromTag;
	// var div = document.createElement('div');
	// div.setAttribute('data-wff-id', 'S255');
	// console.log('div', div);
	// var v = getWffIdBytesFromTag(div);
	// console.log('v' ,v);

	this.createTagFromWffBMBytes = function(bytes) {
		var nameValues = wffBMUtil.parseWffBinaryMessageBytes(bytes);

		var superParentNameValue = nameValues[0];
		var superParentValues = superParentNameValue.values;

		var allTags = [];

		var parent;
		var parentTagName = getStringFromBytes(superParentValues[0]);
		if (parentTagName === '#') {
			var text = getStringFromBytes(superParentValues[1]);
			parent = document.createDocumentFragment();
			parent.appendChild(document.createTextNode(text));
		} else {

			parent = document.createElement(parentTagName);

			for (var i = 1; i < superParentValues.length; i++) {
				var attrNameValue = splitAttrNameValue(getStringFromBytes(superParentValues[i]));
				parent.setAttribute(attrNameValue[0], attrNameValue[1]);
			}
		}

		allTags.push(parent);

		for (var i = 1; i < nameValues.length; i++) {
			var name = nameValues[i].name;
			var values = nameValues[i].values;

			var tagName = getStringFromBytes(values[0]);

			var child;

			if (tagName === '#') {
				var text = getStringFromBytes(values[1]);
				child = document.createDocumentFragment();
				child.appendChild(document.createTextNode(text));
			} else {
				child = document.createElement(tagName);

				for (var j = 1; j < values.length; j++) {
					var attrNameValue = splitAttrNameValue(getStringFromBytes(values[j]));
					child.setAttribute(attrNameValue[0], attrNameValue[1]);
				}
			}

			allTags.push(child);

			var parentIndex = wffBMUtil.getIntFromOptimizedBytes(name);
			allTags[parentIndex].appendChild(child);
		}

		return parent;
	};

};