layers.html

<div class="layers">
	<div class="spaced modelLoader">
		No models loaded
		<button class="btn btn-default btn-xs btnLoad">Load all</button>
	</div>
	<table class="table table-no-top">
		<thead></thead>
		<tbody>
		</tbody>
	</table>
</div>
<script>
function Layers(containerDiv, parent) {
	var othis = this;
	
	othis.layers = {};
	othis.objectToLayer = {};
	
	this.close = function(){};
	
	this.toggleEye = function(oid, mode){
		for (var roid in parent.models) {
			var model = parent.models[roid];
			var objects = othis.layers[oid].objects;
			parent.setObjectVisibility(roid, Object.keys(objects).map(Number), mode);
		}
	};
	
	this.getSelectedId = function(){
		return -1;
	};
	
	this.hide = function(){
		containerDiv.hide();
	};
	
	this.show = function(){
		containerDiv.show();
	};
	
	this.objectVisibilityChanged = function(objects, oldModes){
		for (var i=0; i<objects.length; i++) {
			var object = objects[i];
			var oldMode = oldModes[i];
			var layers = othis.objectToLayer[object.oid];
			var mode = object.trans.mode;
			if (layers != null) {
				layers.forEach(function(layer){
					var info = othis.layers[layer.oid];
					if (info == null) {
						console.warn("Layer not found");
					} else {
						if (oldMode == 0) {
							othis.layers[layer.oid].visible--;
						} else if (oldMode == 1) {
							othis.layers[layer.oid].transparent--;
						}
						if (mode == 0) {
							othis.layers[layer.oid].visible++;
						} else if (mode == 1) {
							othis.layers[layer.oid].transparent++;
						}
						var eye = info.eye;
						if (eye == null) {
							console.warn("No eye");
						} else {
							eye.attr("mode", mode);
							if (info.visible == info.total) {
								eye.addClass("eyeopen").removeClass("eyeclosed").removeClass("eyehalfopen");
							} else if (info.transparent == info.total) {
								eye.addClass("eyehalfopen").removeClass("eyeopen").removeClass("eyeclosed");
							} else if (info.visible == 0) {
								eye.addClass("eyeclosed").removeClass("eyehalfopen").removeClass("eyeopen");
							}
						}
					}
				});
			}
		}
	};
	
	this.loadRevision = function(project, roid){
		containerDiv.find(".modelLoader").hide();
		if (project.lastRevisionId != -1 && project.nrSubProjects == 0) {
			var model = parent.models[roid];
//			containerDiv.find("table tbody tr").remove();
			
			model.getAllOfType("IfcProduct", true, function(product){
				othis.objectToLayer[product.oid] = [];
				product.getRepresentation(function(productRepresentation){
					if (productRepresentation != null) {
						productRepresentation.getRepresentations(function(representation){
							representation.getLayerAssignments(function(layer){
								othis.objectToLayer[product.oid].push(layer);
								if (othis.layers[layer.oid] == null) {
									othis.layers[layer.oid] = {visible: 0, total: 0, transparent: 0, objects: {}};
								}
//								if (objectsToHide[product.oid] == null) {
//									othis.layers[layer.oid].visible++; 
//								}
								othis.layers[layer.oid].total++;
								othis.layers[layer.oid].objects[product.oid] = true;
							});
						});
					}
				});
			}).done(function(){
				model.getAllOfType("IfcPresentationLayerAssignment", true, function(presentationLayerAssignment){
					var tr = $("<tr>");
					tr.attr("oid", presentationLayerAssignment.oid);
					tr.append("<td>" + presentationLayerAssignment.getName() + "</td>");
					var td = $("<td>");
					
					var info = othis.layers[presentationLayerAssignment.oid];
					if (info == null) {
						console.log("no info");
					} else {
						var eye = $("<div>");
						eye.addClass("eye");
						
						if (info != null) {
							if (info.visible == info.total) {
								eye.addClass("eyeopen");
								eye.attr("mode", 0);
							} else if (info.transparent == info.total) {
								eye.addClass("eyehalfopen");
								eye.attr("mode", 1);
							} else if (info.visible == 0) {
								eye.addClass("eyeclosed");
								eye.attr("mode", 2);
							} else {
								eye.attr("mode", 0);
							}
						}
						eye.toggle(parent.threeDAspectVisible.get());
						eye.attr("oid", presentationLayerAssignment.oid);
						eye.click(function(){
							var eye = $(this);
							var mode = parseInt(eye.attr("mode"));
							othis.toggleEye(eye.attr("oid"), (mode + 1) % 3);
						});
						td.append(eye);
						td.append(" <span class=\"badge\" style=\"float: right\">" + (info == null ? 0 : info.total) + "</span>");
						
						tr.append(td);
						
						info.tr = tr;
						info.eye = eye;
						
						containerDiv.find("table tbody").append(tr);
					}
				}).done(function(){
					if (containerDiv.find("table tbody tr").size() == 0) {
						containerDiv.find("table tbody").append("<tr><td>No layers</td></tr>");
					}
				});
			});
		}
	};
	
	othis.unloadRevision = function(poid, roid) {
		
	};
	
	containerDiv.find(".btnLoad").click(parent.loadModel);
	
	this.setShowEyes = function(show) {
		containerDiv.find(".eye").toggle(show);
	};
	
	parent.objectVisibilityListeners.register(othis.objectVisibilityChanged);
	parent.threeDAspectVisible.register(othis.setShowEyes);
	parent.modelLoadedListeners.register(othis.loadRevision);
	parent.modelUnloadedListeners.register(othis.unloadRevision);
};
</script>