Rigged up some UI to show and allow removing permissions that have been granted or denied by the user to an app.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3961 ed5197a5-7fde-0310-b194-c3ffbd925b24

core/client.js

@@ -2,6 +2,7 @@
 
 let gSocket;
 let gCredentials;
+let gPermissions;
 
 let gCurrentFile;
 let gFiles = {};
@@ -504,6 +505,64 @@ function api_print() {
 	console.log('app>', ...arguments);
 }
 
+function hidePermissions() {
+	let permissions = document.getElementById('permissions_settings');
+	while (permissions.firstChild) {
+		permissions.removeChild(permissions.firstChild);
+	}
+	permissions.style.visibility = 'hidden';
+}
+
+function showPermissions() {
+	let permissions = document.getElementById('permissions_settings');
+
+	let container = document.createElement('div');
+	container.classList.add('permissions_contents');
+
+	let div = document.createElement('div');
+	div.appendChild(document.createTextNode('This app has the following permission:'));
+	for (let key of Object.keys(gPermissions || {})) {
+		let row = document.createElement('div');
+
+		let span = document.createElement('span');
+		span.appendChild(document.createTextNode(key));
+		row.appendChild(span);
+
+		span = document.createElement('span');
+		span.appendChild(document.createTextNode(': '));
+		row.appendChild(span);
+
+		span = document.createElement('span');
+		span.appendChild(document.createTextNode(gPermissions[key] ? '✅ Allowed' : '❌ Denied'));
+		row.appendChild(span);
+		
+		span = document.createElement('span');
+		span.appendChild(document.createTextNode(' '));
+		row.appendChild(span);
+
+		let button = document.createElement('button');
+		button.innerText = 'Reset';
+		button.onclick = function() {
+			send({action: "resetPermission", permission: key});
+		};
+		row.appendChild(button);
+		div.appendChild(row);
+	}
+	container.appendChild(div);
+
+	div = document.createElement('div');
+	let button = document.createElement('button');
+	button.innerText = 'Close';
+	button.onclick = function() {
+		hidePermissions();
+	}
+	div.appendChild(button);
+	container.appendChild(div);
+
+	permissions.appendChild(container);
+	permissions.style.visibility = 'visible';
+}
+
 function _receive_websocket_message(message) {
 	if (message && message.action == "session") {
 		setStatusMessage("🟢 Executing...", kStatusColor);
@@ -513,6 +572,13 @@ function _receive_websocket_message(message) {
 		let parent_enabled = message.parentApp;
 		document.getElementById('push_to_parent').style.display = parent_enabled ? 'inline-block' : 'none';
 		document.getElementById('pull_from_parent').style.display = parent_enabled ? 'inline-block' : 'none';
+	} else if (message && message.action == 'permissions') {
+		gPermissions = message.permissions;
+		let permissions = document.getElementById('permissions_settings');
+		if (permissions.firstChild) {
+			hidePermissions();
+			showPermissions();
+		}
 	} else if (message && message.action == "ready") {
 		setStatusMessage(null);
 		if (window.location.hash) {