slaprunner: ace editor asks for unsaved changes before leaving page

slapos/runner/static/js/scripts/softwareFolder.js

@@ -23,6 +23,7 @@ $(document).ready(function () {
         edit_status = "",
         current_file = null,
         favourite_list = new Array(),
+        beforeunload_warning_set = false,
         base_path = function () {
             return softwareDisplay ? currentProject : 'runner_workdir/';
         };
@@ -585,8 +586,11 @@ $(document).ready(function () {
 
     editor = ace.edit("editor");
     modelist = require("ace/ext/modelist");
+    ace.require("ace/ext/language_tools");
     config = require("ace/config");
 
+    editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true });
+
     editor.setTheme("ace/theme/crimson_editor");
     editor.getSession().setMode("ace/mode/text");
     editor.getSession().setTabSize(2);
@@ -603,6 +607,18 @@ $(document).ready(function () {
     $("#option").Tooltip();
     $("#filelist").Tooltip();
 
+    editor.getSession().on('change', function(){
+        $("#editor").val(editor.getSession().getValue());
+        if (!beforeunload_warning_set) {
+            window.onbeforeunload = function() { return "You have unsaved changes"; };
+            beforeunload_warning_set = true;
+        }
+    });
+
+    $('input[value="Save Changes"]').click(function() {
+        window.onbeforeunload = function() { return; };
+    });
+
     editor.on("change", function (e) {
         if (edit_status === "" && edit) {
             $("span#edit_status").html("*");

slapos/runner/templates/layout.html

@@ -36,6 +36,7 @@
     {% if request.path != '/login' %}
     <script src="{{ url_for('static', filename='js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
     <script src="{{ url_for('static', filename='js/ace/ext-modelist.js') }}" type="text/javascript" charset="utf-8"></script>
+    <script src="{{ url_for('static', filename='js/ace/ext-language_tools.js') }}" type="text/javascript" charset="utf-8"></script>
     <script src="{{ url_for('static', filename='js/scripts/process.js') }}" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript">
   		$(document).ready(function() {