1.4.1

README.md

@@ -19,6 +19,8 @@ gitlit /home/s2/myApp
 
 If no folder is specified, gitlit looks at the current path.
 
+You can also drag&drop a folder inside the main window.
+
 ## contribute
 
 The code is very easy. Just clone the repo and have look!

app/css/app.css

@@ -1,3 +1,12 @@
+html {
+    margin-bottom: 10px;
+}
+
+.jumbotron {
+    height: 640px;
+    margin-bottom: 0px;
+}
+
 .js-container {
 	margin: 5px;
 }

app/index.html

@@ -14,7 +14,7 @@
 	<script type="text/javascript" src="../node_modules/pnotify/dist/iife/PNotifyButtons.js"></script>
 
 	<script type="text/javascript" src="../node_modules/ejs/ejs.js"></script>
-	<script type="text/javascript" src="js/templates.js"></script>
+	<script type="text/javascript" src="../node_modules/ejs-render-remote/ejs-render-remote.js"></script>
 	<script type="text/javascript" src="js/sorttable.js"></script>
 
 	<link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

app/js/index.js

@@ -4,25 +4,39 @@
 	const electronFind = require('electron-find');
 	let findInPage = new electronFind.FindInPage(remote.getCurrentWebContents());
 
+	let firstRun = true;
+
 	//events
 	ipcRenderer.on('fileList', (event, files) => {
+		firstRun = false;
 		if (files && files.length > 0) {
-			$('.files-table-container').html(gitlit.templates.files({files: files}));
+			ejs.preloadTemplate('templates/files.ejs')
-			sorttable.makeSortable($('.js-filestable')[0]);
+			.then(t => {
-			var myTH = document.getElementsByTagName('th')[0];
+				$('.files-table-container').html(ejs.rr(t, {files: files}));
-			sorttable.innerSortFunction.apply(myTH, []);
+				sorttable.makeSortable($('.js-filestable')[0]);
+				var myTH = document.getElementsByTagName('th')[0];
+				sorttable.innerSortFunction.apply(myTH, []);
+			});
 		} else {
-			$('.files-table-container').html(gitlit.templates.noGitLfsFiles());
+			$('.files-table-container').html(ejs.rr('templates/noGitLfsFiles.ejs'));
 		}
 	});
 
 	ipcRenderer.on('repoDir', (event, repoDir) => {
-		$('.js-container').html(gitlit.templates.main());
+		ejs.preloadTemplate('templates/main.ejs')
-		$('.js-repo-dir').text('current repo dir: ' + repoDir).show();
+		.then(t => {
+			$('.js-container').html(ejs.rr(t));
+			$('.js-repo-dir').text('current repo dir: ' + repoDir).show();
+		});
 	});
 
 	ipcRenderer.on('isNoGitLfsRepo', (event, repoDir) => {
-		$('.js-container').html(gitlit.templates.isNoGitLfsRepo({repoDir: repoDir}));
+		if (firstRun) {
+			firstRun = false;
+			$('.js-container').html(ejs.rr('templates/firstRun.ejs', {repoDir: repoDir}));
+		} else {
+			$('.js-container').html(ejs.rr('templates/isNoGitLfsRepo.ejs', {repoDir: repoDir}));
+		}
 	});
 
 	ipcRenderer.on('notification', (event, notification) => {
@@ -76,6 +90,16 @@
 		window.location.reload(false);
 	});
 
+	$(document).on('click', '.js-open-folder', (ev) => {
+		ev.preventDefault();
+		$('.js-open-folder-input').trigger('click');
+	});
+
+	$(document).on('change', '.js-open-folder-input', (ev) => {
+		ev.preventDefault();
+		ipcRenderer.send('restart', $('.js-open-folder-input')[0].files[0].path);
+	});
+
 	$(document).on('keypress', (ev) => {
 		//ctrl + f
 		if (ev.ctrlKey && ev.charCode == 6) {

app/js/templates.js

@@ -1,63 +0,0 @@
-window.gitlit = window.gitlit || {};
-gitlit.templates = {
-	main: ejs.compile(`
-		<div class="alert alert-success js-repo-dir" style="display:none;"></div>
-		<div class="files-table-container">
-			<div class="alert alert-primary" role="alert">
-				Getting file list...
-			</div>
-		</div>
-	`),
-	files: ejs.compile(`
-		<table class="table table-striped sortable js-filestable">
-			<thead class="thead-light">
-				<tr>
-					<th>file</th>
-					<th>status</th>
-					<th class="sorttable_nosort">action</th>
-				</tr>
-			<thead>
-
-			<tbody>
-			<% files.forEach((file) => { %>
-				<tr>
-					<td><%= file.file %></td>
-					<td><%= file.lockedBy ? file.lockedBy + ' (id: ' + file.id + ')' : 'not locked' %></td>
-					<td>
-						<a class="btn btn-primary btn-sm js-lock"
-							href="javascript:///"
-							data-file="<%= file.file %>"
-							style="<%= file.lockedBy ? 'display: none;' : '' %>"
-						>
-							Lock
-						</a>
-						<a class="btn btn-danger btn-sm js-unlock"
-							href="javascript:///"
-							data-file="<%= file.file %>"
-							style="<%= file.lockedBy ? '' : 'display: none;' %>"
-						>
-							Unlock
-						</a>
-					</td>
-				</tr>
-			<% }); %>
-			</tbody>
-		</table>
-
-		<div class="float-right">
-			<a class="btn btn-secondary btn-sm js-refresh" href="javascript:///">
-				Refresh
-			</a>
-		</div>
-	`),
-	isNoGitLfsRepo: ejs.compile(`
-		<div class="alert alert-danger">
-			<%= repoDir %> is not a git lfs repo.
-		</div>
-	`),
-	noGitLfsFiles: ejs.compile(`
-		<div class="alert alert-info">
-			no files tracked with lfs here.
-		</div>
-	`)
-};

app/main.js

@@ -126,7 +126,7 @@ function loadRepoPage() {
 
 function createWindow() {
 	// Create the browser window.
-	win = new BrowserWindow({width: 800, height: 600});
+	win = new BrowserWindow({width: 800, height: 700});
 	win.setMenu(null);
 
 	// and load the index.html of the app.

app/templates/files.ejs

@@ -0,0 +1,44 @@
+<table class="table table-striped sortable js-filestable">
+	<thead class="thead-light">
+		<tr>
+			<th>file</th>
+			<th>status</th>
+			<th class="sorttable_nosort">action</th>
+		</tr>
+	<thead>
+
+	<tbody>
+	<% files.forEach((file) => { %>
+		<tr>
+			<td><%= file.file %></td>
+			<td><%= file.lockedBy ? file.lockedBy + ' (id: ' + file.id + ')' : 'not locked' %></td>
+			<td>
+				<a class="btn btn-primary btn-sm js-lock"
+					href="javascript:///"
+					data-file="<%= file.file %>"
+					style="<%= file.lockedBy ? 'display: none;' : '' %>"
+				>
+					Lock
+				</a>
+				<a class="btn btn-danger btn-sm js-unlock"
+					href="javascript:///"
+					data-file="<%= file.file %>"
+					style="<%= file.lockedBy ? '' : 'display: none;' %>"
+				>
+					Unlock
+				</a>
+			</td>
+		</tr>
+	<% }); %>
+	</tbody>
+</table>
+
+<div class="float-right">
+	<div style="display: inline;">
+		<a class="btn btn-primary btn-sm js-open-folder" href="javascript:///">Open another folder</a>
+		<input type="file" style="display: none" class="js-open-folder-input" webkitdirectory />
+	</div>
+	<a class="btn btn-secondary btn-sm js-refresh" href="javascript:///">
+		Refresh
+	</a>
+</div>

app/templates/firstRun.ejs

@@ -0,0 +1,9 @@
+<div class="jumbotron text-center">
+	<img src="../logo/logo.png">
+	<h1>gitlit</h1>
+	<p class="lead">Handle git lfs locks with ease</p>
+	<div class="text-center">
+		<a class="btn btn-primary btn-lg js-open-folder" href="javascript:///">Open git repository folder</a>
+		<input type="file" style="display: none" class="js-open-folder-input" webkitdirectory />
+	</div>
+</div>

app/templates/isNoGitLfsRepo.ejs

@@ -0,0 +1,4 @@
+<div class="alert alert-danger">
+	<%= repoDir %> is not a git lfs repo.
+</div>
+<%- ejs.rr('templates/openFolder.ejs') %>

app/templates/main.ejs

@@ -0,0 +1,6 @@
+<div class="alert alert-success js-repo-dir" style="display:none;"></div>
+<div class="files-table-container">
+	<div class="alert alert-primary" role="alert">
+		Getting file list...
+	</div>
+</div>

app/templates/noGitLfsFiles.ejs

@@ -0,0 +1,4 @@
+<div class="alert alert-info">
+	no files tracked with lfs here.
+</div>
+<%- ejs.rr('templates/openFolder.ejs') %>

app/templates/openFolder.ejs

@@ -0,0 +1,4 @@
+<div class="text-center">
+	<a class="btn btn-primary js-open-folder" href="javascript:///">Open another folder</a>
+	<input type="file" style="display: none" class="js-open-folder-input" webkitdirectory />
+</div>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "gitlit",
-  "version": "1.2.0",
+  "version": "1.4.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -812,6 +812,11 @@
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.6.2.tgz",
       "integrity": "sha512-PcW2a0tyTuPHz3tWyYqtK6r1fZ3gp+3Sop8Ph+ZYN81Ob5rwmbHEzaqs10N3BEsaGTkh/ooniXK+WwszGlc2+Q=="
     },
+    "ejs-render-remote": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/ejs-render-remote/-/ejs-render-remote-1.0.7.tgz",
+      "integrity": "sha512-Yr3dk+Z1tn386sntXBZv53Ql0s+vg7clKFP6URGsZvKkPr5nyc9oJ/tAZBcodHh3y9js1u+Z4DvW7wm622HjTA=="
+    },
     "electron": {
       "version": "3.1.11",
       "resolved": "https://registry.npmjs.org/electron/-/electron-3.1.11.tgz",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitlit",
-  "version": "1.2.0",
+  "version": "1.4.1",
   "description": "",
   "main": "app/main.js",
   "build": {
@@ -30,6 +30,7 @@
     "animate.css": "^3.5.2",
     "bootstrap": "^4.1.3",
     "ejs": "^2.6.1",
+    "ejs-render-remote": "^1.0.7",
     "electron-find": "^1.0.6",
     "electron-localshortcut": "^3.1.0",
     "jquery": "^3.3.1",