Merge pull request #16 from rafspiny/testing

Format json

data/css/style.css

@@ -182,4 +182,12 @@ margin: 0;
 
 .button {
 	padding: 0.3em;
+}
+
+.formatsrc {
+	margin-right: 20%
+}
+
+.formatdst {
+	margin-left: 20%
 }

data/html/panel.html

@@ -40,7 +40,9 @@ <h3 class="darkblue">Second version</h3>
 				</div>
 			</div>
 			<div class="centered padded">
+				<a href="#" class="ui-state-default ui-corner-all button formatsrc" id="format1">Format</a>
 				<a href="#" class="ui-state-default ui-corner-all button" id="checkdiff">Check diff</a>
+				<a href="#" class="ui-state-default ui-corner-all button formatdst" id="format2">Format</a>
 			</div>
 		</div>
 		<div id='result'>

data/js/ui.js

@@ -86,6 +86,36 @@ function printSingleDiff(diff, div) {
 $(function() {
 	$( "#resizable" ).resizable();
 });
+function formatJsonInTextArea(node) {
+    var text1 = node.val();
+    // Remove newlines
+    var text1 = text1.replace("\n", "");
+    try{
+        value = JSON.parse(text1);
+        indendent_text = JSON.stringify(value, null, "  ");
+        node.val(indendent_text);
+
+    }catch(e){
+        $('#primary').addClass("invalidJson");
+        alert('The input is not valid JSON. Please check the checkboes.');
+    }
+};
+$(function() {
+    $( "#format1" ).click(function( event ) {
+        event.preventDefault();
+        node = $('textarea#primary');
+        $('#primary').removeClass("invalidJson");
+        formatJsonInTextArea(node);
+    });
+});
+$(function() {
+    $( "#format2" ).click(function( event ) {
+        event.preventDefault();
+        node = $('textarea#secondary');
+        $('#secondary').removeClass("invalidJson");
+        formatJsonInTextArea(node);
+    });
+});
 $(function() {
     $( "#checkdiff" ).click(function( event ) {
         event.preventDefault();

package.json

@@ -1,7 +1,7 @@
 {
   "title": "JSON Diff View",
   "name": "jsondiff",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Easily view JSON object diffs. Source code can be found at https://github.com/rafspiny/jsondiff/",
   "main": "index.js",
   "author": "Raffaele Spinelli",