fix display theme dialog + change settings in owncloud + removing gap

1 files changed, 150 insertions, 148 deletions

diff --git a/settings/settings.js b/settings/settings.js
index 9f71410..66fc6c7 100644
--- a/settings/settings.js
+++ b/settings/settings.js
@@ -1,167 +1,169 @@
-var currentPath;
-document.getElementById("select_note_path_button").onclick = function () {
-  if (compatibility.isElectron) {
-    const {
-      remote
-    } = require('electron');
-    var dialog = remote.dialog;
-    dialog.showOpenDialog({
-      properties: ['openDirectory']
-    }, function (path) {
-      if (path != undefined) {
+$(document).ready(function () {
+  var currentPath;
+  document.getElementById("select_note_path_button").onclick = function () {
+    if (compatibility.isElectron) {
+      const {
+        remote
+      } = require('electron');
+      var dialog = remote.dialog;
+      dialog.showOpenDialog({
+        properties: ['openDirectory']
+      }, function (path) {
+        if (path != undefined) {
+          RequestBuilder.sRequestBuilder.post("/settings/note_path", {
+            path: path
+          }, function (error, data) {
+            window.location.reload(true)
+          });
+        }
+
+      })
+    } else {
+      var newPath = window.prompt("Please enter a new path. Be aware that this won't move your notes, so be careful", currentPath);
+      if (newPath != currentPath && newPath !== null && newPath !== "")
         RequestBuilder.sRequestBuilder.post("/settings/note_path", {
-          path: path
+          path: newPath
         }, function (error, data) {
-          window.location.reload(true)
+          window.location.href = "./";
         });
-      }
-
-    })
-  } else {
-    var newPath = window.prompt("Please enter a new path. Be aware that this won't move your notes, so be careful", currentPath);
-    if (newPath != currentPath && newPath !== null && newPath !== "")
-      RequestBuilder.sRequestBuilder.post("/settings/note_path", {
-        path: newPath
-      }, function (error, data) {
-        window.location.href = "./";
-      });
-  }
-}
-new RequestBuilder();
-RequestBuilder.sRequestBuilder.get("/settings/note_path", function (error, data) {
-  if (!error) {
-    document.getElementById("current_root_path").innerHTML = data
-    currentPath = data;
+    }
   }
+  new RequestBuilder();
+  RequestBuilder.sRequestBuilder.get("/settings/note_path", function (error, data) {
+    if (!error) {
+      document.getElementById("current_root_path").innerHTML = data
+      currentPath = data;
+    }
 
-})
+  })
 
-document.getElementById("cloudsync").onclick = function () {
-  const url = 'https://github.com/PhieF/QuickDocDocumentation/blob/master/README.md';
-  compatibility.openUrl(url)
+  document.getElementById("cloudsync").onclick = function () {
+    const url = 'https://github.com/PhieF/QuickDocDocumentation/blob/master/README.md';
+    compatibility.openUrl(url)
 
-  return false;
-};
+    return false;
+  };
 
-document.getElementById("export").onclick = function () {
-  const url = RequestBuilder.sRequestBuilder.buildUrl("/notes/export");
-  var win = window.open(url, '_blank');
-  win.focus();
-}
+  document.getElementById("export").onclick = function () {
+    const url = RequestBuilder.sRequestBuilder.buildUrl("/notes/export");
+    var win = window.open(url, '_blank');
+    win.focus();
+  }
 
-document.getElementById("liberapay").onclick = function () {
-  const url = 'https://liberapay.com/~34946';
-  compatibility.openUrl(url)
-}
+  document.getElementById("liberapay").onclick = function () {
+    const url = 'https://liberapay.com/~34946';
+    compatibility.openUrl(url)
+  }
 
-document.getElementById("sources").onclick = function () {
-  if (compatibility.isElectron) {
-    var {
-      shell
-    } = require('electron');
-    shell.openExternal("https://github.com/PhieF/CarnetElectron");
-  } else {
-    var win = window.open("https://github.com/PhieF/CarnetNextcloud/", '_blank');
-    win.focus();
+  document.getElementById("sources").onclick = function () {
+    if (compatibility.isElectron) {
+      var {
+        shell
+      } = require('electron');
+      shell.openExternal("https://github.com/PhieF/CarnetElectron");
+    } else {
+      var win = window.open("https://github.com/PhieF/CarnetNextcloud/", '_blank');
+      win.focus();
+    }
   }
-}
-
-document.getElementById("theme").onclick = function () {
-  document.getElementById("theme-dialog").showModal();
-}
-function createThemeSelector(name, url, preview) {
-  var id = Math.random().toString(36).substring(7);
-  var selector = document.createElement("div");
-  selector.classList.add("theme-selector")
-  var label = document.createElement("label");
-  label.classList.add("mdl-radio")
-  label.classList.add("mdl-js-radio")
-  label.classList.add("mdl-js-ripple-effect")
-  label.for = id;
-  selector.appendChild(label)
-  var input = document.createElement("input");
-  input.type = "radio"
-  input.id = id
-  input.classList.add("mdl-radio__button")
-  input.name = "theme"
-  input.value = url;
-
-  label.appendChild(input)
-  var span = document.createElement("span");
-  span.classList.add("mdl-radio__label")
-  span.innerHTML = name
-  label.appendChild(span)
-  var img = document.createElement("img")
-  img.src = preview;
-  selector.appendChild(img)
-  document.getElementById("theme-list").appendChild(selector)
-  var mat = new window['MaterialRadio'](label)
-  input.onchange = function () {
-    if (input.checked) {
-      console.log(name)
-      RequestBuilder.sRequestBuilder.post("/settings/app_theme", {
-        url: url
-      }, function (error, data) {
-        document.getElementById("theme-dialog").close()
-        window.location.reload(true)
-      })
+
+  document.getElementById("theme").onclick = function () {
+    document.getElementById("theme-dialog").showModal();
+  }
+  function createThemeSelector(name, url, preview) {
+    var id = Math.random().toString(36).substring(7);
+    var selector = document.createElement("div");
+    selector.classList.add("theme-selector")
+    var label = document.createElement("label");
+    label.classList.add("mdl-radio")
+    label.classList.add("mdl-js-radio")
+    label.classList.add("mdl-js-ripple-effect")
+    label.for = id;
+    selector.appendChild(label)
+    var input = document.createElement("input");
+    input.type = "radio"
+    input.id = id
+    input.classList.add("mdl-radio__button")
+    input.name = "theme"
+    input.value = url;
+
+    label.appendChild(input)
+    var span = document.createElement("span");
+    span.classList.add("mdl-radio__label")
+    span.innerHTML = name
+    label.appendChild(span)
+    var img = document.createElement("img")
+    img.src = preview;
+    selector.appendChild(img)
+    document.getElementById("theme-list").appendChild(selector)
+    var mat = new window['MaterialRadio'](label)
+    input.onchange = function () {
+      if (input.checked) {
+        console.log(name)
+        RequestBuilder.sRequestBuilder.post("/settings/app_theme", {
+          url: url
+        }, function (error, data) {
+          document.getElementById("theme-dialog").close()
+          window.location.reload(true)
+        })
+      }
     }
+    label['MaterialRadio'] = mat
   }
-  label['MaterialRadio'] = mat
-}
 
-RequestBuilder.sRequestBuilder.get("/settings/themes", function (error, data) {
-  if (!error) {
-    for (var theme of data) {
-      createThemeSelector(theme.name, theme.path, theme.preview)
+  RequestBuilder.sRequestBuilder.get("/settings/themes", function (error, data) {
+    if (!error) {
+      for (var theme of data) {
+        createThemeSelector(theme.name, theme.path, theme.preview)
 
+      }
     }
+  })
+  document.getElementById("paypal").onclick = function () {
+    const url = "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YMHT55NSCLER6";
+    compatibility.openUrl(url)
+
+  }
+
+  document.getElementById("import").onclick = function () {
+    var {
+      remote
+    } = require('electron');
+    const BrowserWindow = remote.BrowserWindow;
+
+    var win = new BrowserWindow({
+      width: 600,
+      height: 700,
+      frame: true
+    });
+    const url = require('url')
+    const path = require('path')
+    win.loadURL(url.format({
+      pathname: path.join(__dirname, 'importer/importer.html'),
+      protocol: 'file:',
+      slashes: true
+    }))
+    win.setMenu(null)
+
   }
-})
-document.getElementById("paypal").onclick = function () {
-  const url = "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YMHT55NSCLER6";
-  compatibility.openUrl(url)
-
-}
-
-document.getElementById("import").onclick = function () {
-  var {
-    remote
-  } = require('electron');
-  const BrowserWindow = remote.BrowserWindow;
-
-  var win = new BrowserWindow({
-    width: 600,
-    height: 700,
-    frame: true
-  });
-  const url = require('url')
-  const path = require('path')
-  win.loadURL(url.format({
-    pathname: path.join(__dirname, 'importer/importer.html'),
-    protocol: 'file:',
-    slashes: true
-  }))
-  win.setMenu(null)
-
-}
-if (compatibility.isElectron) {
-  document.getElementById("recent-button").href = "index.html"
-  document.getElementById("browser-button").href = "index.html"
-} else {
-  document.getElementById("recent-button").href = "./"
-  document.getElementById("browser-button").href = "./"
-}
-
-RequestBuilder.sRequestBuilder.get("/settings/settings_css", function (error, data) {
-  if (!error) {
-    console.log("data " + data)
-    for (var sheet of data) {
-      Utils.applyCss(sheet)
+  if (compatibility.isElectron) {
+    document.getElementById("recent-button").href = "index.html"
+    document.getElementById("browser-button").href = "index.html"
+  } else {
+    document.getElementById("recent-button").href = "./"
+    document.getElementById("browser-button").href = "./"
+  }
+
+  RequestBuilder.sRequestBuilder.get("/settings/settings_css", function (error, data) {
+    if (!error) {
+      console.log("data " + data)
+      for (var sheet of data) {
+        Utils.applyCss(sheet)
+      }
     }
+  })
+  var dias = document.getElementsByClassName("mdl-dialog")
+  for (var i = 0; i < dias.length; i++) {
+    dialogPolyfill.registerDialog(dias[i]);
   }
-})
-var dias = document.getElementsByClassName("mdl-dialog")
-for (var i = 0; i < dias.length; i++) {
-  dialogPolyfill.registerDialog(dias[i]);
-}
\ No newline at end of file
+})
\ No newline at end of file