main.html

<div class="main">
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand btnBrand">BIMvie.ws</a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="dropdown projectLink"><a href="#" class="dropdown-toggle Project" data-toggle="dropdown">Project <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a class="btnAddProject">New project</a></li>
							<li><a class="btnShowProjects">Show projects</a></li>
						</ul></li>
					<li class="dropdown usersettingsLink"><a href="#" class="dropdown-toggle" data-toggle="dropdown">User Settings <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a class="btnBasicSettings">User Settings</a></li>
							<li><a class="btnOAuthCodes">OAuth Codes</a></li>
							<li><a class="btnSerializers">Serializers</a></li>
							<li><a class="btnDeserializers">Deserializers</a></li>
							<li><a class="btnRenderEngines">Render Engines</a></li>
							<li><a class="btnQueryEngines">Query Engines</a></li>
							<li><a class="btnModelMergers">Model Mergers</a></li>
							<li><a class="btnModelCompareEngines">Model Compare Engines</a></li>
							<li><a class="btnInternalServices">Internal Services</a></li>
						</ul></li>
					<li class="dropdown serversettingsLink"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Server <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li role="presentation" class="dropdown-header">Server Settings</li>
							<li><a class="btnBasicServerSettings">Server Settings</a></li>
							<li><a class="btnMigrations">Migrations</a></li>
							<li><a class="btnInstalledPluginBundles">Installed Plugin Bundles</a></li>
							<li><a class="btnAvailablePluginBundles">Available Plugin Bundles</a></li>
							<li><a class="btnWebModules">Web Modules</a></li>
							<li><a class="btnExtendedDataSchemas">Extended Data Schemas</a></li>
							<li><a class="btnModelCheckers">Model Checkers</a></li>
							<li><a class="btnOAuthServers">OAuth Server</a></li>
							<li class="divider"></li>
							<li role="presentation" class="dropdown-header">Server Info</li>
							<li><a class="btnSystem">System</a></li>
							<li><a class="btnJava">Java</a></li>
							<li><a class="btnBimServer">BIMserver</a></li>
							<li><a class="btnDatabase">Database</a></li>
							<li><a class="btnWebServices">Web Services</a></li>
							<li><a class="btnMetrics">Metrics</a></li>
							<li><a class="btnLog">Log</a></li>
							<li class="userDivider divider"></li>
							<li><a class="btnAddUser">Add User</a></li>
							<li><a class="btnListUsers">List Users</a></li>
						</ul></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a class="btnLicense">License</a></li>
					<li class="dropdown userLink">
						<a class="dropdown-toggle userName" data-toggle="dropdown">User <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a class="changePasswordLink"><i></i>Change password</a></li>
							<li><a><span class="addressLabel"></span></a></li>
							<li class="divider"></li>
							<li><a class="logoutLink"><i></i>Logout</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="maincontainer"></div>
	<div class="mainStatus statusWrapper">
		<div class="alert status">
			<div class="message"></div>
		</div>
	</div>
</div>
<script>
function Main(address, user) {
	var othis = this;
	othis.pageChanger = new PageChanger($(".main .nav"), $(".main .maincontainer"));

	$(".main .userLink .userName").html(user.name + " (" + user.username + ")");
	$(".main .addressLabel").html(address);
	
	this.show = function() {
		Global.notifier.setSelector(".main .mainStatus .status");
		Global.bimServerApi.call("AuthInterface", "getLoggedInUser", {}, function(user){
			//$(".main .nav li").hide();
			othis.user = user;
			$(".userDivider, .btnAddUser, .btnListUsers").hide();
			Settings.getMenuItems().forEach(function(menuItem){
				if (menuItem == "dashboardLink" || menuItem == "gettingStartedLink" || menuItem == "serversettingsLink") {
					if (user.userType == "ADMIN") {
						$("." + menuItem).show();
					} else {
						$("." + menuItem).hide();
					}
				} else {
					$("." + menuItem).show();
				}
			});
			var history = History.getState().data;
			if (history.page == "Dashboard") {
				othis.showDashboard(null);
			} else if (history.page == "Projects") {
				othis.showProjects(null);
			} else if (history.page == "Project") {
				othis.showProject(history.poid, function(){
//					if (history.tab == "AddService3") {
//						console.log(this);
//						this.rightPanel.showAddService();
//					}
				});
			} else if (history.page == "Revision") {
				othis.showRevision(history.roid, null);
			} else if (history.page == "User") {
				othis.showUser(history.uoid, null);
			} else if (history.page == "Users") {
				othis.showUsers(null);
			} else if (history.page == "UserSettings") {
				othis.showUserSettings(null);
			} else if (history.page == "ServerSettings") {
				othis.showServerSettings(true, null);
			} else if (history.page == "ServerInfo") {
				othis.showServerInfo(null);
			} else if (history.page == "Testing") {
				othis.showTesting(null);
			} else if (history.page == "GettingStarted") {
				othis.showGettingStarted(null);
			} else if (history.page == "ResetPassword") {
				othis.showResetPassword(null);
			} else if (history.page == "OAuth") {
				othis.showOAuth(null);
			} else if (history.state != null) {
				var state = history.state;
				state = JSON.parse(decodeURIComponent(state));
				
				Global.bimServerApi.call("ServiceInterface", "getProjectByPoid", {poid: state._poid}, function(project){
					Global.bimServerApi.call("ServiceInterface", "getNewService", {soid: state._soid}, function(service){
						othis.showService(project, service, state._serverId, function(){
							
						});
					});
				});
			} else if (history.page == "AddService") {
				Global.bimServerApi.call("ServiceInterface", "getProjectByPoid", {poid: history.poid}, function(project){
					othis.showAddService(project, null, true);
				});
			} else if (history.page == "AddService2") {
				Global.bimServerApi.call("ServiceInterface", "getProjectByPoid", {poid: history.poid}, function(project){
					othis.showAddService(project, null, true);
				});
			} else if (history.page == "AddService3") {
				Global.bimServerApi.call("ServiceInterface", "getProjectByPoid", {poid: history.poid}, function(project){
					othis.showAddService(project, null, true);
				});
			} else {
				Settings.createStartPage($(".main .maincontainer"), othis);
			}
		});
	};

	this.logout = function() {
		$(".sidespan").empty();
		Global.bimServerApi.logout(function(){
    		$.removeCookie("autologin" + window.document.location.port, {});
			$(".indexcontainer").load(Global.baseDir + "login.html", function(){
				Global.notifier.setSelector(".indexStatus .status");
				new Login(Global.bimServerApi.baseUrl);
			});
		});
	};

	this.showDashboard = function(callback, push) {
		othis.pageChanger.changePage($(".dashboardLink"), "dashboard.html", function(){
			pushHistory({page: "Dashboard"}, "Dashboard");
			return new Dashboard(othis);
		}, callback, push);
	};
	
	this.showResetPassword = function(callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "resetpassword.html", function(){
			return new ResetPassword($(this), othis);
		}, callback, push);
	};

	this.showOAuth = function(callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "oauth.html", function(){
			return new OAuth($(this));
		}, callback, push);
	};

	this.showProjects = function(callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "projects.html", function(){
			pushHistory({page: "Projects"}, "Projects");
			return new Projects($(this), othis);
		}, callback, push);
	};

	this.showAddProject = function(callback, parentProject, push) {
		othis.pageChanger.changePage($(".projectsLink"), "addproject.html", function(){
			pushHistory({page: "AddProject"}, "Add Project");
			return new AddProject($(this), othis, parentProject);
		}, callback, push);
	};

	this.showAddUser = function(callback, push) {
		othis.pageChanger.changePage($(".usersLink"), "adduser.html", function(){
			pushHistory({page: "AddUser"}, "Add User");
			return new AddUser(othis);
		}, callback, push);
	};

	this.showUser = function(user, callback, push) {
		othis.pageChanger.changePage($(".usersLink"), "user.html", function(){
			return new User($(this), othis, user);
		}, callback, push);
	};

	this.showAddCheckinModelChecker = function(project, callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "addmodelchecker.html", function(){
			return new AddModelChecker(othis, project);
		}, callback, push);
	};

	this.showAddService2 = function(project, serviceDescriptor, isLocal, callback, longCallBack, push) {
		othis.pageChanger.changePage($(".projectsLink"), "addservice2.html", function(){
			return new AddService2(othis, project, serviceDescriptor, isLocal, longCallBack);
		}, callback, push);
	};

	this.showProject = function(project, callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "project.html", function(){
			return new Project($(this), othis, project);
		}, callback, push);
	};

	this.showRevision = function(revision, callback, push) {
		othis.pageChanger.changePage($(".projectsLink"), "revision.html", function(){
			return new Revision(othis, revision);
		}, callback, push);
	};

	this.showUsers = function(callback, push) {
		othis.pageChanger.changePage($(".usersLink"), "users.html", function(){
			pushHistory({page: "Users"}, "Users");
			return new Users($(this), othis);
		}, callback, push);
	};

	this.showUserSettings = function(callback, push) {
		othis.pageChanger.changePage($(".usersettingsLink2"), "usersettings.html", function(){
			return new UserSettings(othis);
		}, callback, push);
	};

	this.showExtendedDataSchema = function(oid, callback) {
		this.showServerSettings(false, function(){
			this.showExtendedDataSchema(oid);
		});
	};

	this.showModelChecker = function(oid, callback) {
		this.showServerSettings(false, function(){
			this.showModelChecker(oid);
		});
	};

	this.makeSchemaLink = function(soid){
		if (soid == -1) {
			return "No schema";			
		} else {
			var link = $("<a>Loading...</a>");
			link.attr("soid", soid);
			link.click(othis.schemaLinkClick);
			loadExtendedDataSchema(link);
			return link;
		}
	};
	
	this.schemaLinkClick = function(event) {
		othis.showExtendedDataSchema($(this).attr("soid"));
	};
	
	this.showService = function(project, service, serverId, callback) {
		this.showProject(project, function(){
			othis.pageChanger.current.rightPanel.showNewService(service, serverId);
		});
	};

	this.showAddService = function(project, service, callback) {
		this.showProject(project, function(){
			othis.current.rightpanel.showAddService();
		});
	};

	this.showServerSettings = function(loadFromHistory, callback, push) {
		if (othis.current != null && othis.current.getName != null && othis.current.getName() == "ServerSettings") {
			callback.call(othis.current);
		} else {
			othis.pageChanger.changePage($(".serversettingsLink"), "serversettings.html", function(){
				return new ServerSettings(othis, loadFromHistory);
			}, callback, push);
		}
	};

	this.showServerInfo = function(callback, push) {
		othis.pageChanger.changePage($(".serverinfoLink"), "serverinfo.html", function(){
			return new ServerInfo($(this), othis);
		}, callback, push);
	};

	this.showGettingStarted = function(callback, push) {
		othis.pageChanger.changePage($(".gettingStartedLink"), "gettingstarted.html", function(){
			return new GettingStarted($(this), othis);
		}, callback, push);
	};

	this.showLicense = function(callback, push) {
		othis.pageChanger.changePage($(".btnShowLicense"), "license.html", function(){
			return new License($(this), othis);
		}, callback, push);
	};

	this.showTesting = function(callback, push) {
		othis.pageChanger.changePage($(".testingLink"), "testing.html", function(){
			pushHistory({page: "Testing"}, "Testing");
			return new Testing(othis);
		}, callback, push);
	};

	this.extendedDataSchemaClick = function(event){
		event.preventDefault();
		othis.showExtendedDataSchema($(this).data("extendeddataschema").oid);
	};
	
	this.createExtendedDataSchemaLink = function(extendedDataSchema) {
		console.log(extendedDataSchema);
		var link = $("<a>" + extendedDataSchema.name + "</a>");
		link.data("extendeddataschema", extendedDataSchema);
		link.click(othis.extendedDataSchemaClick);
		return link;
	};

	this.changePasswordClick = function(){
		Global.bimServerApi.callWithFullIndication("AuthInterface", "requestPasswordChange", {username: othis.user.username, resetUrl: Global.baseDir + "?page=ResetPassword", includeSiteAddress: false}, function(){
		});
	};
	
	this.showCheckinPopup = function(project, callback) {
		var div = $("<div>");
		$(document.body).append(div);
		div.load(Global.baseDir + "checkin.html", function(){
			new Checkin($(this), project, function(){
				if (callback != null) {
					callback();
				}
			});
			div.find(".modal").modal("show");
		});
	};

	this.showBulkCheckinPopup = function(project, callback) {
		var div = $("<div>");
		$(document.body).append(div);
		div.load(Global.baseDir + "bulkcheckin.html", function(){
			new BulkCheckin($(this), project, function(){
				if (callback != null) {
					callback();
				}
			});
			div.find(".modal").modal("show");
		});
	};
	
	this.showDownloadCheckoutPopup = function(poid, roid) {
		var div = $("<div>");
		$(document.body).append(div);

		var query = {
			defines: {"AllFields": {
				includeAllFields: true,
				include: "AllFields"
			}},
			queries: [{
				includeAllFields: true,
				include: "AllFields"
			}]
		};
		
//		var query = {
//			includeAllFields: true
//		};
		var params = {
			roids: [roid]
		};
		params.query = JSON.stringify(query);

		div.load(Global.baseDir + "download.html", function(){
			new Download($(this), params);
			div.find(".modal").modal("show");
		});
	};

	this.showComparePopup = function(schema, roid1, roid2) {
		var div = $("<div>");
		$(document.body).append(div);

		div.load(Global.baseDir + "compare.html", function(){
			new Compare($(this), schema, roid1, roid2);
			div.find(".modal").modal("show");
		});
	};

	this.showDownloadRevisionsPopup = function(roids) {
		var div = $("<div>");
		$(document.body).append(div);
		
		// TODO first only works for serializers that use geometry (gltf), seconds only works for for example ifc export
		// includeAllFields is a funny one anyways... needs to go
		// The exclusion of certain types is still a thing, maybe the user should be able to select this?
		// Or maybe every serializer plugin can provide a default query for the "complete" model e.a. default download?
		
		var query = {
			doublebuffer: true,
			defines: {"AllFields": {
				includeAllFields: true,
				includes: ["AllFields", {
					type: "IfcProduct",
					field: "geometry",
					include: {
						type: "GeometryInfo",
						field: "data",
						include: {
							type: "GeometryData",
							fields: ["indices", "vertices", "normals", "colorsQuantized"]
						}
					}
				}]
			}},
			queries: [{
				includeAllFields: true,
				include: "AllFields"
			}]
		};
		
		var params = {
			roids: roids
		};
		params.query = JSON.stringify(query);

		div.load(Global.baseDir + "download.html", function(){
			new Download($(this), params);
			div.find(".modal").modal("show");
		});
	};

	this.addMenuDivider = function(mainTitle){
		var navbar = $(".nav.navbar-nav");
		var parentA = navbar.find("a." + mainTitle);
		var li = $("<li class=\"divider\"></li>");
		parentA.parent().find("ul").append(li);
		return li;
	};
	
	this.addMenuHeader = function(mainTitle, title){
		var navbar = $(".nav.navbar-nav");
		var parentA = navbar.find("a." + mainTitle);
		var li = $("<li role=\"presentation\" class=\"dropdown-header\">" + title + "</li>");
		parentA.parent().find("ul").append(li);
		return li;
	};
	
	this.addMenuItem = function(mainTitle, title, callback){
		var navbar = $(".nav.navbar-nav");
		var parentA = navbar.find("a." + mainTitle);
		var li = $("<li></li>");
		var a = $("<a>");
		a.html(title);
		a.click(callback);
		li.append(a);
		parentA.parent().find("ul").append(li);
		return li;
	};
	
	$(".changePasswordLink").click(othis.changePasswordClick);
	
	$(".dashboardLink").click(function(){othis.showDashboard(null, true)});
	$(".btnShowProjects").click(function(event){othis.showProjects(null, true)});
	$(".btnListUsers").click(function(event){othis.showUsers(null, true)});
	$(".serverinfoLink").click(function(event){othis.showServerInfo(null, true)});
	$(".btnBasicServerSettings").click(function(event){othis.showServerSettings(false, function(){
		this.showBasicServerSettings();
	}, true)});
	$(".btnSystem").click(function(event){othis.showServerInfo(function(){
		this.showSystem();
	}, true)});
	$(".btnJava").click(function(event){othis.showServerInfo(function(){
		this.showJava();
	}, true)});
	$(".btnBimServer").click(function(event){othis.showServerInfo(function(){
		this.showBimServer();
	}, true)});
	$(".btnWebServices").click(function(event){othis.showServerInfo(function(){
		this.showWebServices();
	}, true)});
	$(".btnMetrics").click(function(event){othis.showServerInfo(function(){
		this.showMetrics();
	}, true)});
	$(".btnDatabase").click(function(event){othis.showServerInfo(function(){
		this.showDatabase();
	}, true)});
	$(".btnLog").click(function(event){othis.showServerInfo(function(){
		this.showLog();
	}, true)});
	$(".gettingStartedLink").click(function(event){othis.showGettingStarted(null, true)});
	$(".testingLink").click(function(event){othis.showTesting(null, true)});
	$(".logoutLink").click(othis.logout);
	$(".btnAddUser").click(function(){othis.showAddUser()});
	
	$(".btnAddProject").click(function(){othis.showAddProject()});
	$(".btnBasicSettings").click(function(){
		othis.showUserSettings(function(){
			this.showBasicUserSettings();
		});
	});
	$(".btnOAuthCodes").click(function(){
		othis.showUserSettings(function(){
			this.showOAuthCodes();
		});
	});
	$(".btnSerializers").click(function(){
		othis.showUserSettings(function(){
			this.showSerializers();
		});
	});
	$(".btnDeserializers").click(function(){
		othis.showUserSettings(function(){
			this.showDeserializers();
		});
	});
	$(".btnRenderEngines").click(function(){
		othis.showUserSettings(function(){
			this.showRenderEngines();
		});
	});
	$(".btnQueryEngines").click(function(){
		othis.showUserSettings(function(){
			this.showQueryEngines();
		});
	});
	$(".btnModelMergers").click(function(){
		othis.showUserSettings(function(){
			this.showModelMergers();
		});
	});
	$(".btnModelCompareEngines").click(function(){
		othis.showUserSettings(function(){
			this.showModelCompares();
		});
	});
	$(".btnInternalServices").click(function(){
		othis.showUserSettings(function(){
			this.showInternalServices();
		});
	});
	$(".btnMigrations").click(function(){
		othis.showServerSettings(false, function(){
			this.showMigrations();
		});
	});
	$(".btnPlugins").click(function(){
		othis.showServerSettings(false, function(){
			this.showPlugins();
		});
	});
	$(".btnInstalledPluginBundles").click(function(){
		othis.showServerSettings(false, function(){
			this.showInstalledPluginBundles();
		});
	});
	$(".btnAvailablePluginBundles").click(function(){
		othis.showServerSettings(false, function(){
			this.showAvailablePluginBundles();
		});
	});
	$(".btnWebModules").click(function(){
		othis.showServerSettings(false, function(){
			this.showWebModules();
		});
	});
	$(".btnExtendedDataSchemas").click(function(){
		othis.showServerSettings(false, function(){
			this.showExtendedDataSchemas();
		});
	});
	$(".btnModelCheckers").click(function(){
		othis.showServerSettings(false, function(){
			this.showModelCheckers();
		});
	});
	$(".btnOAuthServers").click(function(){
		othis.showServerSettings(false, function(){
			this.showOAuthServers();
		});
	});
	
	$(".btnAddSubProject").click(function(){
		showAddProject(null, parentProject);
	});

	$(".btnLicense").click(function(){
		othis.showLicense();
	});
	$(".btnShow3D").click(othis.show3dView);
	
	$(".btnBrand").html(Settings.getTitle());
	
	$(".btnBrand").click(function(){
		Settings.createStartPage($(".main .maincontainer"), othis);
	});
	
	$(".userButton").click(function(){
		Global.bimServerApi.call("AuthInterface", "getLoggedInUser", {}, function(user){
			othis.showUser(user);
		});
	});
}
</script>