adding save and load function

2020-06-26 21:22:48 +02:00
parent cce92aef76
commit 2bdf4fe0d2
3 changed files with 44 additions and 2 deletions
@@ -22,6 +22,7 @@
  <body>
    <div id="content"></div>
    <div id="Test">a</div>
    <script src="js/download.js"></script>
    <script src="js/drawFunctions.js"></script>
    <script src="js/script.js"></script>
  </body>
@@ -0,0 +1,32 @@
 function download(filename, text) {
  var element = document.createElement("a");
  element.setAttribute(
    "href",
    "data:text/plain;charset=utf-8," + encodeURIComponent(text)
  );
  element.setAttribute("download", filename);
  element.style.display = "none";
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
 }
 function upload() {
  return new Promise(function (resolve, reject) {
    var element = document.createElement("input");
    element.setAttribute("type", "file");
    element.setAttribute("accept", ".txt");
    element.style.display = "none";
    document.body.appendChild(element);
    element.addEventListener("input", async function (e) {
      text = await element.files[0].text();
      resolve(text);
      document.body.removeChild(element);
    });
    element.click();
  });
 }
@@ -102,7 +102,7 @@ content.addEventListener("mousedown", function (e) {
 content.addEventListener("mouseup", mouseUp);
-document.addEventListener("keydown", function (e) {
+document.addEventListener("keydown", async function (e) {
  //history shit
  if (e.ctrlKey == true) {
    switch (e.key) {
@@ -116,7 +116,16 @@ document.addEventListener("keydown", function (e) {
        drawGrid = forwards ? forwards : drawGrid;
        render();
        break;
-
+      case "s":
        e.preventDefault();
        download("ascii.txt", JSON.stringify(drawGrid));
        break;
      case "o":
        e.preventDefault();
        text = await upload();
        drawGrid = JSON.parse(text);
        render();
        break;
      default:
        break;
    }