make lock/unlock work

app/js/index.js

@@ -1,6 +1,58 @@
 (function($) {
 	let ipcRenderer = require('electron').ipcRenderer;
+
+	//events
 	ipcRenderer.on('fileList', (event, files) => {
-		$('body').html(gitlit.templates.main({files: files}));
+		$('.js-container').html(gitlit.templates.main({files: files}));
 	});
+
+	ipcRenderer.on('notification', (event, notification) => {
+		if (notification.message) {
+			var notice = PNotify.alert({
+				text: notification.message,
+				type: notification.type, // - Type of the notice. 'notice', 'info', 'success', or 'error'.
+				delay: 5000,
+				modules: {
+					Buttons: {
+						closerHover: true
+					}
+				}
+			});
+
+			notice.on('click', function() {
+				notice.remove();
+			});
+		}
+
+		if (notification.event && notification.event === 'unlock') {
+			$('[data-file="' + notification.file + '"].js-unlock').hide();
+			$('[data-file="' + notification.file + '"].js-lock').show();
+		}
+		if (notification.event && notification.event === 'lock') {
+			$('[data-file="' + notification.file + '"].js-lock').hide();
+			$('[data-file="' + notification.file + '"].js-unlock').show();
+		}
+	});
+
+	$(document).on('click', '.js-lock', (ev) => {
+		ev.preventDefault();
+		let file = $(ev.currentTarget).attr('data-file');
+		ipcRenderer.send('lock', file);
+	});
+
+	$(document).on('click', '.js-unlock', (ev) => {
+		ev.preventDefault();
+		let file = $(ev.currentTarget).attr('data-file');
+		ipcRenderer.send('unlock', file);
+	});
+
+	$(document).on('click', '.js-refresh', (ev) => {
+		ev.preventDefault();
+		window.location.reload(false);
+	});
+
+
+	//startup
+	PNotify.defaults.styling = 'bootstrap4'; // Bootstrap version 4
+
 })(jQuery);