Added download dialogue and overwrite warning

src/i18n/en.json

@@ -40,6 +40,7 @@
     "file_save_confirm": "Do you want to save the following file:",
     "file_save_error": "Could not save file.",
     "file_save_success": "File saved.",
+    "file_overwrite_confirm": "File already exists. Overwrite?",
     "file_upload_error": "Could not upload file.",
     "file_upload_success": "File uploaded.",
     "filename": "Filename",

src/ifm.js

@@ -1,3 +1,13 @@
+// Shows the download dialogue
+window.confirmDownload = function(event, el) {
+	event.preventDefault();
+	var filename = el.getAttribute('data-filename') || '';
+	var msg = filename ? 'Are you sure to download "' + filename + '"?' : 'Start download?';
+	if (window.confirm(msg)) {
+		window.location.href = el.getAttribute('href');
+	}
+	return false;
+}
 /**
  * IFM constructor
  *
@@ -511,9 +521,19 @@ function IFM(params) {
 		form.addEventListener( 'click', function( e ) {
 			if( e.target.id == "buttonSave" ) {
 				e.preventDefault();
-				self.saveFile( document.querySelector( '#formFile input[name=filename]' ).value, self.editor.getValue() );
-				self.isModalClosedByButton = true;
-				self.hideModal();
+				let filename = document.querySelector( '#formFile input[name=filename]' ).value;
+				let exists = self.fileCache.map(x => x.name).indexOf(filename) !== -1;
+				if (exists) {
+					if (window.confirm(self.i18n.file_overwrite_confirm || 'Die Datei existiert bereits. Überschreiben?')) {
+						self.saveFile(filename, self.editor.getValue());
+						self.isModalClosedByButton = true;
+						self.hideModal();
+					}
+				} else {
+					self.saveFile(filename, self.editor.getValue());
+					self.isModalClosedByButton = true;
+					self.hideModal();
+				}
 			} else if( e.target.id == "buttonSaveNotClose" ) {
 				e.preventDefault();
 				self.saveFile( document.querySelector( '#formFile input[name=filename]' ).value, self.editor.getValue() );

src/templates/filetable.html

@@ -14,7 +14,14 @@
 	</td>
 	{{#config.download}}
 	<td>
-		<a href="{{download.link}}"><span class="{{download.icon}}"></span></a>
+		{{#type}}
+			{{#isDir}}
+				<a href="{{download.link}}" class="download-link" data-filename="{{download.name}}" onclick="return confirmDownload(event, this)"><span class="{{download.icon}}"></span></a>
+			{{/isDir}}
+			{{^isDir}}
+				<a href="{{download.link}}" class="download-link" data-filename="{{download.name}}"><span class="{{download.icon}}"></span></a>
+			{{/isDir}}
+		{{/type}}
 	</td>
 	{{/config.download}}
 	{{#config.showlastmodified}}