codemirror: save file changes

filemanager/filemanager.py

@@ -11,7 +11,7 @@ from filemanager.models import Trash
 
 class FileManager:
     modes = {'php': 'application/x-httpd-php', 'javascript': 'javascript', 'python': 'text/x-python',
-             'html': 'text/html', 'go': 'text/x-go', 'css': 'text/css'}
+             'html': 'text/html', 'go': 'text/x-go', 'css': 'text/css', 'java': 'text/x-java'}
 
     def __init__(self, request, data):
         self.request = request
@@ -31,6 +31,8 @@ class FileManager:
             return FileManager.modes['go']
         elif fileName.endswith('.css') or fileName.endswith('.scss'):
             return FileManager.modes['css']
+        elif fileName.endswith('.java'):
+            return FileManager.modes['java']
 
 
     @staticmethod
@@ -111,6 +113,10 @@ class FileManager:
             return """
     <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/mode/css/css.min.js" integrity="sha512-DG+5u//fVN9kpDgTGe78IJhJW8e5+tlrPaMgNqcrzyPXsn+GPaF2T62+X3ds7SuhFR9Qeb7XZ6kMD8X09FeJhA==" crossorigin="anonymous"></script>
 """
+        elif mode == FileManager.modes['java']:
+            return """
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/mode/clike/clike.min.js" integrity="sha512-HT3t3u7HfQ7USbSZa0Tk5caEnUfO8s58OWqMBwm96xaZAbA17rpnXXHDefR8ixVmSSVssbOv3W3OMh6mNX/XuQ==" crossorigin="anonymous"></script>
+"""
 
     @staticmethod
     def findThemeFile(theme):

filemanager/static/filemanager/js/codeMirror.js

@@ -30,11 +30,9 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
 
     var domainName = $("#domainNameInitial").text();
 
-    $scope.editDisable = true;
     // html editor
-    $scope.errorMessageEditor = true;
-    $scope.htmlEditorLoading = true;
-    $scope.saveSuccess = true;
+    $scope.cyberPanelLoading = true;
+    var globalCM;
 
     var url = '/filemanager/controller';
 
@@ -67,15 +65,16 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
                 let params = new URLSearchParams(url.search);
                 let python = params.get('python');
 
-                if(python == null) {
+                if (python == null) {
                     var cm = new CodeMirror.fromTextArea(document.getElementById("fileContent"), {
                         lineNumbers: true,
                         mode: $("#mode").text(),
                         lineWrapping: false,
                         theme: $("#theme").text()
                     });
-                }else{
-                    var mode = {name: $("#mode").text(), version:python};
+                    globalCM = cm;
+                } else {
+                    var mode = {name: $("#mode").text(), version: python};
 
                     var cm = new CodeMirror.fromTextArea(document.getElementById("fileContent"), {
                         lineNumbers: true,
@@ -83,6 +82,7 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
                         lineWrapping: false,
                         theme: $("#theme").text()
                     });
+                    globalCM = cm;
                 }
 
                 cm.setValue(response.data.fileContents);
@@ -151,17 +151,12 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
 
     $scope.putFileContents = function () {
 
-        $scope.htmlEditorLoading = false;
-        $scope.saveSuccess = true;
-        $scope.errorMessageEditor = true;
-
-        var completePathForFile = $scope.currentPath;
+        $scope.cyberPanelLoading = false;
 
         var data = {
-            fileName: completePathForFile,
+            fileName: $("#completeFilePath").text(),
             method: "writeFileContents",
-            fileContent: editor.getValue(),
-            domainRandomSeed: domainRandomSeed,
+            fileContent: globalCM.getValue(),
             domainName: domainName
         };
 
@@ -176,20 +171,30 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
         $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
 
         function ListInitialDatas(response) {
-
-            $scope.htmlEditorLoading = true;
-
+            $scope.cyberPanelLoading = true;
             if (response.data.status === 1) {
-                $scope.htmlEditorLoading = true;
-                $scope.saveSuccess = false;
+                new PNotify({
+                    title: 'Success!',
+                    text: 'File saved successfully.',
+                    type: 'success'
+                });
             } else {
-                $scope.errorMessageEditor = false;
-                $scope.error_message = response.data.error_message;
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
             }
 
         }
 
         function cantLoadInitialDatas(response) {
+            $scope.cyberPanelLoading = true;
+            new PNotify({
+                title: 'Operation Failed!',
+                text: 'Could not connect to server, please refresh this page',
+                type: 'error'
+            });
         }
 
     };

filemanager/templates/filemanager/editFile.html

@@ -15,6 +15,7 @@
           integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
     <link rel="stylesheet" href="{% static 'filemanager/images/fonts/css/font-awesome.min.css' %}">
     <link rel="stylesheet" href="{% static 'filemanager/css/fileManager.css' %}">
+    <link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/custom-js/pnotify.custom.min.css' %}">
 
 
     <!-- Angular JS -->
@@ -43,7 +44,7 @@
           crossorigin="anonymous"/>
 
     {{ modeFiles | safe }}
-
+    <script src="{% static 'baseTemplate/custom-js/pnotify.custom.min.js' %}"></script>
     <script src="{% static 'filemanager/js/codeMirror.js' %}"></script>
 
     <!-- HTML Editor Include -->
@@ -165,6 +166,17 @@
         </div>
     </div>
 
+    <div class="fixed-bottom">
+        <div class="card" style="margin-left: 15%; margin-right: 15%; margin-bottom: -1%">
+            <div class="card-body">
+                <p><span>Editing {{ fileName }}</span>
+                    <button style="float:right" ng-click="putFileContents()" type="button"
+                            class="btn btn-outline-success">{% trans "Save Changes" %} <img ng-hide="cyberPanelLoading" src="{% static 'filemanager/images/loadingSmall.gif' %}"></button>
+                </p>
+            </div>
+        </div>
+    </div>
+
 </div>
 
 <!--- File Manager body ends ---->

static/filemanager/js/codeMirror.js

@@ -30,11 +30,9 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
 
     var domainName = $("#domainNameInitial").text();
 
-    $scope.editDisable = true;
     // html editor
-    $scope.errorMessageEditor = true;
-    $scope.htmlEditorLoading = true;
-    $scope.saveSuccess = true;
+    $scope.cyberPanelLoading = true;
+    var globalCM;
 
     var url = '/filemanager/controller';
 
@@ -67,15 +65,16 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
                 let params = new URLSearchParams(url.search);
                 let python = params.get('python');
 
-                if(python == null) {
+                if (python == null) {
                     var cm = new CodeMirror.fromTextArea(document.getElementById("fileContent"), {
                         lineNumbers: true,
                         mode: $("#mode").text(),
                         lineWrapping: false,
                         theme: $("#theme").text()
                     });
-                }else{
-                    var mode = {name: $("#mode").text(), version:python};
+                    globalCM = cm;
+                } else {
+                    var mode = {name: $("#mode").text(), version: python};
 
                     var cm = new CodeMirror.fromTextArea(document.getElementById("fileContent"), {
                         lineNumbers: true,
@@ -83,6 +82,7 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
                         lineWrapping: false,
                         theme: $("#theme").text()
                     });
+                    globalCM = cm;
                 }
 
                 cm.setValue(response.data.fileContents);
@@ -151,17 +151,12 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
 
     $scope.putFileContents = function () {
 
-        $scope.htmlEditorLoading = false;
-        $scope.saveSuccess = true;
-        $scope.errorMessageEditor = true;
-
-        var completePathForFile = $scope.currentPath;
+        $scope.cyberPanelLoading = false;
 
         var data = {
-            fileName: completePathForFile,
+            fileName: $("#completeFilePath").text(),
             method: "writeFileContents",
-            fileContent: editor.getValue(),
-            domainRandomSeed: domainRandomSeed,
+            fileContent: globalCM.getValue(),
             domainName: domainName
         };
 
@@ -176,20 +171,30 @@ fileManager.controller('editFileCtrl', function ($scope, $http, $window) {
         $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
 
         function ListInitialDatas(response) {
-
-            $scope.htmlEditorLoading = true;
-
+            $scope.cyberPanelLoading = true;
             if (response.data.status === 1) {
-                $scope.htmlEditorLoading = true;
-                $scope.saveSuccess = false;
+                new PNotify({
+                    title: 'Success!',
+                    text: 'File saved successfully.',
+                    type: 'success'
+                });
             } else {
-                $scope.errorMessageEditor = false;
-                $scope.error_message = response.data.error_message;
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
             }
 
         }
 
         function cantLoadInitialDatas(response) {
+            $scope.cyberPanelLoading = true;
+            new PNotify({
+                title: 'Operation Failed!',
+                text: 'Could not connect to server, please refresh this page',
+                type: 'error'
+            });
         }
 
     };