From 1a69dbb74147289a359dd6283238f76b8ed7bba0 Mon Sep 17 00:00:00 2001
From: Aayush <suranaaayush98@gmail.com>
Date: Sun, 21 Jul 2019 01:34:14 +0530
Subject: [PATCH] updated UI for ascii_art

---
 pd/nw/css/default.css |  6 ++----
 pd/nw/pd_canvas.html  |  3 +--
 pd/nw/pd_canvas.js    | 10 +++++-----
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/pd/nw/css/default.css b/pd/nw/css/default.css
index e9e507bd9..fe6b19bcd 100644
--- a/pd/nw/css/default.css
+++ b/pd/nw/css/default.css
@@ -503,11 +503,9 @@ text {
 
 /*text area to get ascii_art input */
 #ascii_art {
-    width: 100%;
-    height: 70%;
-    position: fixed;
+    position: absolute;
     top : 0;
-    right: 0;
+    right : 0;
 }
 
 /* Dialog to ask to save the patch before quitting */
diff --git a/pd/nw/pd_canvas.html b/pd/nw/pd_canvas.html
index c52aae1d2..f081b5bc0 100644
--- a/pd/nw/pd_canvas.html
+++ b/pd/nw/pd_canvas.html
@@ -56,11 +56,10 @@
                 rows="10" cols="50">
                 write your ascii art here
       </textarea>
+      <br/>
       <button type="button"
               id="canvas_ascii_art_button"
               data-i18n="[title]canvas.ascii_art.submit_tt">
-              submit ascii_art
-      </button>
         <span data-i18n="canvas.ascii_art.submit"></span>
     </div>
     <div style="display:none;" id="dropdown_list" class="noselect">
diff --git a/pd/nw/pd_canvas.js b/pd/nw/pd_canvas.js
index 17ca4b194..33e69c4b3 100644
--- a/pd/nw/pd_canvas.js
+++ b/pd/nw/pd_canvas.js
@@ -428,11 +428,13 @@ var canvas_events = (function() {
                 }
             },
             submit_ascii_art : function(evt) {
-                var art = document.getElementById("ascii_art_text_area").value;
-                var parsed_art = pd_ascii_art.parse_ascii_art(art);
+                var ascii_art = document.getElementById("ascii_art_text_area").value;
+                var parsed_art = pd_ascii_art.parse_ascii_art(ascii_art);
                 // to check the create pd_message
                 //document.getElementById("ascii_art_text_area").innerHTML = parsed_art.pd_message;
+                canvas_events.normal();
                 canvas_events.paste_from_pd_file(name, parsed_art.pd_message);
+                canvas_events.none();
             },
             scalar_draggable_mousemove: function(evt) {
                 var new_x = evt.pageX,
@@ -843,7 +845,6 @@ var canvas_events = (function() {
                 pdgui.post("paste error: clipboard doesn't appear to contain valid Pd code");
                 return;
             }
-
             // clear the buffer
             pdgui.pdsend(name, "copyfromexternalbuffer");
             pd_message = "";
@@ -1581,14 +1582,13 @@ function nw_create_patch_window_menus(gui, w, name) {
     minit(m.put.ascii_art, {
         enabled: true,
         click: function() {
-            //alert("ascii_art");
             var ascii_art = w.document.getElementById("ascii_art"),
                 display_state = ascii_art.style.getPropertyValue("display");
             // if there's a box being edited, try to instantiate it in Pd
             instantiate_live_box();
             if (display_state === "none") {
                 canvas_events.none();
-                ascii_art.style.setProperty("display", "block");
+                ascii_art.style.setProperty("display", "inline");
                 ascii_art_text_area.focus();
             } else {
                 ascii_art.style.setProperty("display", "none");
-- 
GitLab