make ace theme a config option

Author: JojiiOfficial

handlers/web/PreviewHandler.go

@@ -75,6 +75,7 @@ func PrevievFileHandler(handlerData HandlerData, w http.ResponseWriter, r *http.
 		Encrypted:      (file.Encryption.Valid && libdm.EncryptionIValid(file.Encryption.Int32)),
 		MimeType:       file.FileType,
 		Scheme:         scheme,
+		AceTheme:       handlerData.Config.Webserver.AceTheme,
 	}
 
 	//Serve preview

html/templates/Content.html

@@ -36,33 +36,6 @@
 <button class="fab_dl" onclick="dl()"><i class="material-icons">download</i></button>
 
 <script>
-    $.get("{{.Scheme}}://{{.Host}}/preview/raw/{{.PublicFilename}}", {}, function (data) {
-        editor.setValue(data, -1);
-        setTimeout(function(){
-            var heightUpdateFunction = function () {
-                // http://stackoverflow.com/questions/11584061/
-                var newHeight =
-                    editor.getSession().getScreenLength()
-                    * editor.renderer.lineHeight
-                    + editor.renderer.scrollBar.getWidth()+1;
-
-                $('#editor').height(newHeight.toString() + "px");
-                $('#editor-section').height(newHeight.toString() + "px");
-
-                // This call is required for the editor to fix all of
-                // its inner structure for adapting to a change in size
-                editor.resize();
-            };
-
-            // Set initial size to match initial content
-            heightUpdateFunction();
-
-            // Whenever a change happens inside the ACE editor, update
-            // the size again
-            editor.getSession().on('change', heightUpdateFunction);
-        }, 10);
-    });
-
     function dl() {
         window.location.href = "{{.Scheme}}://{{.Host}}/preview/raw/{{.PublicFilename}}";
     }

html/templates/Preview.html

@@ -122,17 +122,45 @@
 
 <!-- Text preview -->
 <script src="/static/preview/ace/ace.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/preview/ace/theme-nord_dark.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/preview/ace/ext-modelist.js" type="text/javascript" charset="utf-8"></script>
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+<script src="/static/preview/ace/theme-{{.AceTheme}}.js" type="text/javascript" charset="utf-8"></script>
 
 <script>
     var editor = ace.edit("editor");
-    editor.setTheme("ace/theme/nord_dark");
+    editor.setTheme("ace/theme/{{.AceTheme}}");
 
     var modelist = ace.require("ace/ext/modelist");
     var mode = modelist.getModeForPath( "{{.Filename}}").mode;
     editor.session.setMode(mode);
+
+    $.get("{{.Scheme}}://{{.Host}}/preview/raw/{{.PublicFilename}}", {}, function (data) {
+        editor.setValue(data, -1);
+        setTimeout(function(){
+            var heightUpdateFunction = function () {
+                // http://stackoverflow.com/questions/11584061/
+                var newHeight =
+                    editor.getSession().getScreenLength()
+                    * editor.renderer.lineHeight
+                    + editor.renderer.scrollBar.getWidth()+1;
+
+                $('#editor').height(newHeight.toString() + "px");
+                $('#editor-section').height(newHeight.toString() + "px");
+
+                // This call is required for the editor to fix all of
+                // its inner structure for adapting to a change in size
+                editor.resize();
+            };
+
+            // Set initial size to match initial content
+            heightUpdateFunction();
+
+            // Whenever a change happens inside the ACE editor, update
+            // the size again
+            editor.getSession().on('change', heightUpdateFunction);
+        }, 10);
+    });
+
 </script>
 {{ end }}
 

models/Config.go

@@ -34,6 +34,7 @@ type webserverConf struct {
 	SchemeOverwrite      string
 	HTTP                 configHTTPstruct
 	HTTPS                configTLSStruct
+	AceTheme             string
 }
 
 type configServer struct {
@@ -174,6 +175,7 @@ func InitConfig(confFile string, createMode bool) (*Config, bool) {
 					Enabled:       false,
 					ListenAddress: ":443",
 				},
+				AceTheme: "nord_dark",
 			},
 		}
 	}

models/Preview.go

@@ -36,6 +36,7 @@ type PreviewTemplate struct {
 	Encrypted      bool
 	MimeType       string
 	Scheme         string
+	AceTheme       string
 }
 
 // PreviewTypeFromMime get Type to preview from mime