• Home
• org.ogema.ref-impl
• framework-administration
• 2.1.3
• source code
• jsMain.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

admin.mainpage_files.jsMain.js Maven / Gradle / Ivy

var client = null;
var selectedApp;
var permContentToSend = "";

$(function() {

	//creating dialog
	$("#webResourceDisplay").dialog({
		autoOpen : false,
		resizeable : true,
		draggable : true,
		close : function() {
			$('div#wrap').css('opacity', '1.0');
			$('div#footer').css('opacity', '1.0');
			$('div#header').css('opacity', '1.0');
		},
		open : function() {
			$('div#wrap').css('opacity', '0.3');
			$('div#footer').css('opacity', '0.3');
			$('div#header').css('opacity', '0.3');
		},
		minWidth : 300,
		minHeight : 100,
		width : $("div#wrap").width(),
		height : $(window).height() - 500
	});

	//creating dialog
	$("#editWebResources").dialog(
			{
				autoOpen : false,
				resizeable : true,
				draggable : true,
				buttons : [ {
					text : "Submit",
					click : function() { // POST settings to server
						var isReady = getPoliciesToSend();
						// wait until getPoliciesToSend() is done
						if (isReady == true) {
							var portletID = $(".selectedPortlet")[0].id;
							$.post(
									"/install/installedapps?action=setPermission&app="
											+ portletID, {
										settings : "" + permContentToSend
									}, function(data, status) { 
										// if successfull
										alert(status);
									}).fail(function(xhr) {
								alert(xhr);
							});
							$(this).dialog("close");
						}
					}
				} ],
				close : function() {
					$(this).html("");
					permContentToSend = "";
					$('div#wrap').css('opacity', '1.0');
					$('div#footer').css('opacity', '1.0');
					$('div#header').css('opacity', '1.0');
				},
				open : function() {
					$('div#wrap').css('opacity', '0.3');
					$('div#footer').css('opacity', '0.3');
					$('div#header').css('opacity', '0.3');
				},
				minWidth : 300,
				minHeight : 100,
				width : $("div#wrap").width(),
				height : $(window).height() - 500
			});

	//creating dialog
	$("#appDisplay").dialog({
		autoOpen : false,
		resizeable : true,
		draggable : true,
		close : function() {
			$(this).html("");
			$('div#wrap').css('opacity', '1.0');
			$('div#footer').css('opacity', '1.0');
			$('div#header').css('opacity', '1.0');
		},
		open : function() {
			$('div#wrap').css('opacity', '0.3');
			$('div#footer').css('opacity', '0.3');
			$('div#header').css('opacity', '0.3');
		},
		minWidth : 300,
		minHeight : 100,
		width : $("div#wrap").width(),
		height : $(window).height() - 300
	});

	//creating dialog
	$("#diaUpload").dialog({
		autoOpen : false,
		resizable : false,
		draggable : true,
		minWidth : 513,
		minHeight : 300,
		close : function() {
			$('div#wrap').css('opacity', '1.0');
			$('div#footer').css('opacity', '1.0');
			$('div#header').css('opacity', '1.0');
		},
		open : function() {
			$('div#wrap').css('opacity', '0.3');
			$('div#footer').css('opacity', '0.3');
			$('div#header').css('opacity', '0.3');
		}
	});
	
	//creating button
	$("button#done").button({
		icons : {
			primary : "ui-icon-check"
		},
		text : false,
		disabled : true
	});

	//creating button
	$("#initUp").button({
		icons : {
			primary : "ui-icon-arrowthickstop-1-n"
		}
	});
	//creating button
	$('input:text').button().css({
		'text-align' : 'left',
		'outline' : 'none',
		'cursor' : 'text',
		'padding' : '2.5px',
		'padding-left' : '10px',
		'margin-left' : '10px'
	});

	//creating button
	$('input[type="submit"]').each(function() {
		$(this).hide().after('').next().button({
			icons : {
				primary : 'ui-icon-search'
			},
			label : $(this).val()
		}).click(function(event) {
			event.preventDefault();
			$(this).prev().click();
		});
	});
	//creating button
	$('input[type="button"]').each(function() {
		$(this).hide().after('').next().button({
			label : $(this).val()
		}).click(function(event) {
			event.preventDefault();
			$(this).prev().click();
		});
	});
	//creating button
	$('input[type="file"]').each(function() {
		$(this).hide().after('').next().button({
			icons : {
				primary : 'ui-icon-plus'
			},
			label : "Select File"
		}).click(function(event) {
			event.preventDefault();
			$(this).prev().click();
		});
	});
	//creating menu
	$("#menu").menu();
	
	
	
	// ------------------ Site ready -> Do following:
	// ----------------------------------------------------------------
	
	//clicking systemApps-tab initializes listSysApps()
	$("div#systemApps .head").click(function() {
		listSysApps();
	});
	
	//setting value of text-input
	$("#store").val("enter an appstore...");
	//change the text-input color
	changeTextColor();
	
	//get appstores
	$.getJSON("/install/appstores", function(json) {
		for (var i = 0; i < json.appstores.length; i++) {
			//append appstores as 
 items to menu
			$("#menu").append(
					"
" + json.appstores[i] + "
");
		}
		// click on 
 puts name as value of text input
		$("li").click(function() {
			$("input#store").val(json.appstores[this.id]).focus();
			changeTextColor();
			$("ul#menu").toggle("slide", {
				direction : "up"
			});
			$("#wrapArrow").toggle("slide", {
				direction : "up"
			});
		});
	});

	// toggle menu when button clicked
	$("img#button").click(function() {
		$("#menu").toggle("slide", {
			direction : "up"
		});

		$("#wrapArrow").toggle("slide", {
			direction : "up"
		});
	});

	// click on head toggles its part
	$("div p.head").click(function() {
		$(this).parent().siblings().find("div.part").hide();
		$(this).parent().find("div.part").toggle("slide", {
			direction : "up"
		}, function() {
			$('html, body').animate({
				"scrollTop" : $(this).offset().top
			}, 'fast')
		});
	});

});



//--------------------------------------------------------------------------------//
//----------------------------------- FUNCTIONS ----------------------------------//
//--------------------------------------------------------------------------------//


// ----------------------------------- APPSTORE ----------------------------------//
//--------------------------------------------------------------------------------//
// text-input style, if focused or not
function changeTextColor() {
	if ($("#store").val() == "enter an appstore...") {
		$("#store").css("font-style", "italic");
		$("#store").css("color", "#ADADAD");
	} else {
		$("#store").css("font-style", "normal");
		$("#store").css("color", "black");
	}
}


//----------------------------------- APPUPLOAD ----------------------------------//
//--------------------------------------------------------------------------------//
var count = 0;
var fileArr = [];
var file;
var fileNew;
// File-Upload

// if file changed to no file
function fileChange() {
	count++;
	if (count > 1) {
		var num = count - 1;
		$("div#file" + num).removeClass("highlightFile");
	}
	// FileList Object existing of input with ID "fileA"
	var fileList = document.getElementById("fileA").files;

	// File Object (first element of FileList)
	file = fileList[0];

	fileArr.push(file);
	// File Object not available = no data chosen
	if (!file) {
		return;
	}

	$("div#wrapFiles")
			.append(
					"
  
 
 
 
");

	$("div#file" + count + " span.fileName").html("Name: " + file.name);
	$("div#file" + count + " span.fileSize").html("Size: " + file.size + "B");
	$("div#file" + count).addClass("highlightFile");

}

var client = null;
var preAbort;

function uploadFile() {
	preAbort = true;

	client = new XMLHttpRequest();

	client.onabort = function(e) {
		return;
	}

	client.onprogress = function(e) {
		var p = Math.round(100 / e.total * e.loaded);
		$("div#file" + count + " #prog span").css("width", p + "%");
	};

	setTimeout(function() {// again File Object
		if (fileChanged == false) {
			if (preAbort == true) {
				var file = document.getElementById("fileA").files[0];
				// new FormData Object
				var formData = new FormData();
				if (!file)
					return;

				// adds file object to formData object
				formData.append("datei", file, file.name);

				client.onerror = function(e) {
					alert("Error!");

				};

				client.open("POST", "/install/uploadApp");
				client.send(formData);
				client.onreadystatechange = function() {
					if (client.readyState == 4 && client.status == 200) {
						var json = JSON.parse(client.response);
						// clear the dialog before for-loop
						$("dialUpload").empty();
						getPerms(json, file.name, "1", "uploadDia");
						setTimeout(function() {
							$("#diaUpload").dialog("close");
							$("#dialUpload").dialog("open");
						}, 1000);
					}
				}
			}

		} else {
			if (preAbort == true) {

				client.onprogress = function(e) {
					var p = Math.round(100 / e.total * e.loaded);
					$("div#file" + number + " #prog span")
							.css("width", p + "%");
				};
				// new FormData Object
				var formData = new FormData();
				if (!fileNew)
					return;

				// adds file object to formData object
				formData.append("datei", fileNew, fileNew.name);

				client.onerror = function(e) {
					alert("Error!");
				};
				client.open("POST", "/install/uploadApp");
				client.send(formData);
				client.onreadystatechange = function() {
					if (client.readyState == 4 && client.status == 200) {
						var json = JSON.parse(client.response);
						// clear the dialog before for-loop
						$("dialUpload").empty();
						getPerms(json, file.name, "1", "uploadDia");
						setTimeout(function() {
							$("#diaUpload").dialog("close");
							$("#dialUpload").dialog("open");
						}, 1000);
					}
				}
			}
		}
	}, 1000);
}

function uploadAbort() {
	if (client instanceof XMLHttpRequest) {
		client.abort();
		preAbort = false;
	}
}

// Open the uploader (dialogWidget)
function openUploader() {
	$("#diaUpload").dialog("open");
}

// Selection of a file in the uploader
var number;
var fileChanged = false;
function setFile(num) {
	fileChanged = true;
	var fileID = "file" + num;
	if (!($("#" + fileID).hasClass("highlightFile"))) {
		$("div.singleFile").removeClass("highlightFile");
		$("#" + fileID).addClass("highlightFile");
	}
	var arrPos = num - 1;
	fileNew = fileArr[arrPos];
	number = num;
}

//----------------------------------- SYSTEMAPP ----------------------------------//
//--------------------------------------------------------------------------------//

//listing all apps installed on the system
function listSysApps() {
	var jsonArr = [];
	//clearing tab content
	$("div#sortableApps").html("");
	$
			.getJSON(
					"/install/installedapps?action=listAll",
					function(json) {
						for (var v = 0; v < json.length; v++) {
							//appends apps as portlets
							$("div#sortableApps")
									.append(
											"
 
 
 
"
													+ json[v].name
													+ "
 
");
						}
						
						//declaration of the portlet functionality, cf. jquery-ui-website
						$(".column").sortable({
							connectWith : ".column",
							handle : ".portlet-header",
							cancel : ".portlet-toggle",
							placeholder : "portlet-placeholder ui-corner-all"
						});
						$(".portlet")
								.addClass(
										"ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
								.find(".portlet-header")
								.addClass("ui-widget-header ui-corner-all")
								.prepend(
										"");
						$(".portlet-toggle")
								.click(
										function() {
											var icon = $(this);
											icon
													.toggleClass("ui-icon-minusthick ui-icon-plusthick");
											icon.closest(".portlet").find(
													".portlet-content")
													.toggle();
										});

						$("div.portlet-header>span").removeClass("ui-icon");

						// Select an appPortlet, when
						// dblClick
						$("div.portlet-header").dblclick(
								function() {
									$("div.portlet-header").removeClass(
											"selectedPortlet");
									$(this).addClass("selectedPortlet");

									$(".ui-dialog-content").dialog("close");
									selectedApp = $(this).parent().find(
											".portlet-content").text();
								});

						// Clicking anywhere in
						// sortableAppsWrapper causes
						// deselection
						$("#sortableApps").click(
								function() {
									$("div.portlet-header").removeClass(
											"selectedPortlet");
									selectedApp = "";
								});

						//creating buttons
						$("div#buttonSet > button").button();
						$("button#showInfo").button({
							icons : {
								primary : "ui-icon-info"
							}
						});
						$("button#update").button({
							icons : {
								primary : "ui-icon-refresh"
							}
						});
						$("button#setPerms").button({
							icons : {
								primary : "ui-icon-gear"
							}
						});
						$("button#deleteApp").button({
							icons : {
								primary : "ui-icon-trash"
							}
						});
						$("button#webResources").button({
							icons : {
								primary : "ui-icon-folder-collapsed"
							}
						});
					});

}
/**
* fills the display for the chosen system-app with app-information
* 
* @param {String}
*            appName Specific appname of the current chosen app
*/
function fillAppDisplay(appName, policyArr) {
	//clear dialog
	$("#appDisplay").html("");
	
	//append bundle-name
	$("#appDisplay").append(
			"" + appName + " 

");

	for (var i = 0; i < policyArr.length; i++) { // for each policy
		
		//mode-specific content
		if (policyArr[i].mode == "allow") {
			$("#appDisplay")
					.append(
							"
 Mode:  "
									+ policyArr[i].mode
									+ "
 

");
		} else {
			$("#appDisplay")
					.append(
							"
 Mode:  "
									+ policyArr[i].mode
									+ "
 

");
		}
		
		//add one div for permission and one div for conditions
		$("#wrapPol" + i)
		.append(
				"
Permissions: 
 
 
Conditions: 
 
");
		
		//for each permission in the current policy
		for (var j = 0; j < policyArr[i].permissions.length; j++) { 

			//create permission-div and add permission information  
			$("#perm" + i).append(
					"
Actions: "
							+ policyArr[i].permissions[j].actions
							+ "
Filter: "
							+ policyArr[i].permissions[j].filter + "
Type: "
							+ policyArr[i].permissions[j].type
							+ "

");

		}
		
		//for each condition in the current policy
		for (var k = 0; k < policyArr[i].conditions.length; k++) {
			
			//create condition-div and add condition information  
			$("#cond" + i).append(
					"
Type: " + policyArr[i].conditions[k].type
							+ "
Arg1: " + policyArr[i].conditions[k].arg1
							+ "
Arg2: " + policyArr[i].conditions[k].arg2
							+ "

");
		}
	}
	
	//open dialog
	if ($("#appDisplay").html() != "") {
		$("#appDisplay").dialog("open");
	}
}

//fill editing mode (same as fillAppDisplay, but with additional editing-possibility)
function fillEditDisplay(appName, policyArr) {
	//clear dialog
	$("#editWebResources").html("");
	var countActions;
	var actions;
	var actionForThis;
	for (var i = 0; i < policyArr.length; i++) { // for each policy
		
		// For each Policy one DIV.wrapPolicies with slideCheckbox
		$("#editWebResources")
				.append(
						"

");

		// In each policyWrap there is one DIV for permissions and one DIV for
		// conditions
		$("#wrapPolicy" + i)
				.append(
						"
Permissions

 
 
Conditions


");
		
		//for each condition
		for (var k = 0; k < policyArr[i].conditions.length; k++) {
			$("#polCond" + i).append(
					"
Type"
							+ "
Arg1"
							+ "
Arg2");
		}

		// Start value of the slideCheckboxes
		if (policyArr[i].mode == "allow") {
			$("#slide" + i).prop("checked", "true");
			$("#slide" + i).parent().css("background", "#454545");
			$("#wrapPolicy" + i).css("opacity", "1.0");
		} else {
			$("#slide" + i).prop("checked", "false");
			$("#slide" + i).parent().css("background", "#E8E8E8");
			$("#wrapPolicy" + i).css("opacity", "0.8");
		}

		//for each permission
		for (var j = 0; j < policyArr[i].permissions.length; j++) { // In one
			
			//actions for current permission
			var actions = policyArr[i].permissions[j].actions;
			if (actions == "") {
				//if there are 0 actions
				countActions = 0;
			} else {
				if (actions.indexOf(",") != -1) {
					//if there are 2+ actions
					countActions = 2;
					//transform into action as array
					actionForThis = actions.split(",");
				} else {
					//if there is 1 action
					countActions = 1;
					//stays action as string
					actionForThis = actions;
				}
			}

			//if 1 action
			if (countActions == 1) {
				$("#polPerm" + i)
						.append(
								"