sibyaugustine
diff --git a/‎assets/icon_128.png
5.45 KB b/‎assets/icon_128.png
5.45 KB
diff --git a/‎assets/icon_16.png
961 Bytes b/‎assets/icon_16.png
961 Bytes
diff --git a/‎index.html
Lines changed: 12 additions & 4 deletions b/‎index.html
Lines changed: 12 additions & 4 deletions
diff --git a/‎script/main.js
Lines changed: 5 additions & 1 deletion b/‎script/main.js
Lines changed: 5 additions & 1 deletion
diff --git a/‎styles/styles.css
Lines changed: 8 additions & 0 deletions b/‎styles/styles.css
Lines changed: 8 additions & 0 deletions
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>SQLPrepareStatementPertify</title>
+  <title>SQL Prepared Statement Beautify</title>
   <link rel="stylesheet" href="styles/primer.css">
   <link rel="stylesheet" href="styles/styles.css">
 
@@ -12,19 +12,27 @@
 
 <body>
   <header class="header gradient text-center">
-  <h1 id="title_hd" class="title">SQL Prepared Statement Pertify</h1>
+  <h1 id="title_hd" class="title">SQL Prepared Statement Beautify</h1>
 
-  <h2 class="subtitle">Copy your prepare statement,pertify and run.Its Easy</h2>
+  <h2 class="subtitle">Copy your sql prepared statement,beautify and copy.Its Easy</h2>
   </header>
 
+  <div id ="main" class="main_section">
+
   <div id="IpScript">
     <textarea id="textAreaInpScript" placeholder="Enter your script here!"></textarea>
+  </div>
 
-    <button id="btn_pertify" class="btn" data-clipboard-action="copy" data-clipboard-target="#textAreaOupScript">Pertify&Copy</button>
+  <div class="btn_bar">
+     <button id="btn_pertify_copy" class="btn" data-clipboard-action="copy" data-clipboard-target="#textAreaOupScript">Beautify&Copy</button>
+     <button id="btn_pertify" class="btn">Beautify</button>
+     <button id="btn_copy" class="btn" data-clipboard-action="copy" data-clipboard-target="#textAreaOupScript">Copy</button>
   </div>
 
   <div>
      <textarea id="textAreaOupScript" placeholder="Output!"></textarea>
   </div>
+  
+  </div>
 </body>
 </html>
@@ -7,13 +7,14 @@
 
 $( document ).ready(function() {
     console.log( "ready!" );
+    $('#btn_pertify_copy').click(onBtnPertifyClick);
     $('#btn_pertify').click(onBtnPertifyClick);
-    
     var clipboard = new Clipboard('.btn');
 });
 
 function onBtnPertifyClick(){
   var sInput = $('#textAreaInpScript').val();
+  sInput = _removeLineBreaks(sInput);
   var sSqlPrep = _extractPrepQueryFromInput(sInput);
   var aColPorperties = _extractArrayOfDataFromInput(sInput);
 
@@ -44,4 +45,7 @@ function _prepareQuery(sQueryPrep,aQueryArgs){
    return final_query;
 }
 
+function _removeLineBreaks(sInput){
+  return sInput.replace(/(\r\n|\n|\r)/gm,"");
+}
 })(window);
@@ -284,3 +284,11 @@ code {
         font-size: 22px;
     }
 }
+
+.main_section{
+  padding: 15px 10px;
+}
+
+.btn_bar{
+   padding: 10px 0px;
+}
Original file line number	Diff line number	Diff line change
`@@ -284,3 +284,11 @@ code {`
`284`	`284`	`font-size: 22px;`
`285`	`285`	`}`
`286`	`286`	`}`
	`287`	`+`
	`288`	`+.main_section{`
	`289`	`+ padding: 15px 10px;`
	`290`	`+}`
	`291`	`+`
	`292`	`+.btn_bar{`
	`293`	`+ padding: 10px 0px;`
	`294`	`+}`