server-data-store-client.js

/** Default owner/source */
const owner = "";
const source = "";
const HTTP_SERVER_URI = "/fileserver";

/// The datastoreServer we use for our data
// datastoreServer = new datastore('https://localhost:8443/openbis', 'https://localhost:8444/datastore_server');
datastoreServer = new datastore('http://localhost:8085', HTTP_SERVER_URI);



/** Creates open button for reading the file from dss */
function createOpenButton(row, filePath, fileSize) {
	readButton = document.createElement("button");
			readButton.innerText = "open";
			readButton.dataset.filepath = filePath;
			readButton.dataset.filesize = fileSize;
			readButton.onclick = (function() { 
				datastoreServer.read(owner, this.dataset.filepath, 0, this.dataset.filesize, (responseData => {
						var win = window.open("", "_blank");
						var doc = win.document;
						doc.open("text/html");
						doc.write(responseData);
						doc.close();
					}));
			});
			row.appendChild(readButton);
}

/** creates button for deleteing a file from the dss */
function createDeleteButton(row, filePath) {
	deleteButton = document.createElement("button");
	deleteButton.innerText = "delete";
	deleteButton.dataset.filepath = filePath;
	deleteButton.onclick = (function() { 
		if (confirm("Do you want to delete "+filePath+" ?") == true) {
			datastoreServer.delete(owner, this.dataset.filepath, (responseData => {
					showEntries();
				}));
		}
	});
	row.appendChild(deleteButton);
}

/** recursive implementation of DFS algorithm to traverse the tree and accumulate results in order of traversal */
function dfs(tree, map, path, acc) {
	for(const [key, val] of Object.entries(tree).sort(([a1,a2],[b1,b2]) => a1>b1 ? 1:-1)) {
		var newPath = path + '/' + key;
		acc.push(map[newPath]);
		dfs(val, map, newPath, acc);
	}
	return acc;
}

/** function to generate the table of file information */
function generateTable(files) {

	/** converts array into tree object for sorting files by path */
	const toTree = (paths) => {
		const tree = {};
		for (const path of paths) {
			if (path) {
				let node = tree;
				const parts = path[1]['path'].split("/");
				for (const part of parts) {
					if (part) {
						node = node[part] ?? (node[part] = {});
					}
				}
			}
		}
		return tree;
	};

	var tree = toTree(files);
	map = {};
	files.forEach(file => map[file[1]['path']] = file[1]);
	files = dfs(tree, map, '', []);
	

	// column names for the list of files
	const columns = ["name", "path", "directory", "size", "creationTime", "lastAccessTime", "lastModifiedTime"];
	const mytable = document.getElementById("html-data-table");

	let headRow = document.createElement("tr");
	columns.forEach(header => {
		let cell = document.createElement("th");
		cell.innerText = header;
		headRow.appendChild(cell);
	});
	cell = document.createElement("th");
	cell.innerText = "actions";
	headRow.appendChild(cell);
	mytable.appendChild(headRow);

	// create rows in table together with open and delete buttons
	for (let i in files) {
		let file = files[i];

		let newRow = document.createElement("tr");
		columns.forEach(column => {
			let cell = document.createElement("th");
			cell.innerText = file[column];
			newRow.appendChild(cell);
		});
		if (file['directory'] !== true) {
			createOpenButton(newRow, file['path'], file['size']);
			createDeleteButton(newRow, file['path']);
		}
		mytable.appendChild(newRow);
	}

  }
  

/**
 * Display the files returned by the server
 */
function displayReturnedFiles(data)
{
	if (data.error) {
		console.log(data.error);
		alert("Could not retrieve data.");
		return;
	}

	var results = data.result[1];

	// Restrict the display to 50 samples
	// results = results.splice(0, 50);

	generateTable(results);
}

/**
 * Request file list from the server and show them in the Page.
 */
function showEntries()
{
	$("#html-data-table tr").remove(); 
	datastoreServer.list(owner, source, "true", displayReturnedFiles);
}


/** validation for write */
function isWriteValid() {
	return $('#fpath').val() != '' && $('#foffset').val() != '';
}

/** validation for copy */
function isCopyValid() {
	return $('#copy-from-path').val() != '' && $('#copy-to-path').val() != '';
}

/** validation for move */
function isMoveValid() {
	return $('#move-from-path').val() != '' && $('#move-to-path').val() != '';
}


function enterApp(data)
{
	if(data.result == null){
		alert("Login or password incorrect");
		$("#username").focus();
		return;
	}

	$("#login-form-div").hide();
	$("#main").show();

	$('#openbis-logo').height(30);

	showEntries();
}

$(document).ready(function() {
	new dssClientLoginPage(datastoreServer, enterApp).configure();

	$('#list-button').click(function() { 
		showEntries();
	});

	$('#write-submit').click(function() { 
		if(isWriteValid()) {
			datastoreServer.write(owner, $('#fpath').val(), parseInt($('#foffset').val()), $('#write-text').val(), (responseData => {
				showEntries();
			}));
		}
	});

	$('#copy-submit').click(function() { 
		if(isCopyValid()) {
			datastoreServer.copy(owner, $('#copy-from-path').val(), owner, $('#copy-to-path').val(), (responseData => {
				showEntries();
			}));
		}
		
	});

	$('#move-submit').click(function() { 
		if(isMoveValid()) {
			datastoreServer.move(owner, $('#move-from-path').val(), owner, $('#move-to-path').val(), (responseData => {
				showEntries();
			}));
		}
	});

});