Created json formatter and validator. #82

Merged
koleckia merged 25 commits from features/json-parser-and-formatter into master 2023-02-28 12:51:13 +01:00
2 changed files with 8 additions and 9 deletions
Showing only changes of commit 1e56b2885a - Show all commits

View File

@@ -330,6 +330,10 @@
height: 300px; height: 300px;
} }
.textarea-800 {
height: 800px;
}
.centered-content { .centered-content {
display: flex; display: flex;
justify-content: center; justify-content: center;

View File

@@ -24,20 +24,15 @@
<label for="xmlArea"><b>Insert your XML:</b></label> <label for="xmlArea"><b>Insert your XML:</b></label>
<textarea id="xmlArea" name="xmlArea" rows="15" <textarea id="xmlArea" name="xmlArea" rows="15"
class="textarea-300 bordered-field vertically-resizeable max-width" class="textarea-800 bordered-field vertically-resizeable max-width"
onblur="setDefaultContent(this, 'Insert XML here');" onblur="setDefaultContent(this, 'Insert XML here');"
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea> onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea>
<br><br> <br><br>
<button id="requestButton" class="max-width block-label action-button active" <button id="requestButton" class="max-width block-label action-button active"
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'resultArea')">Prettify XML</button> onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'xmlArea')">Prettify XML</button>
<button id="requestButton" class="max-width block-label action-button active" <button id="requestButton" class="max-width block-label action-button active"
onclick="performFormatRequest('minimizepost', true, 'xmlArea', 'resultArea')">Minimize XML</button> onclick="performFormatRequest('minimizepost', true, 'xmlArea', 'xmlArea')">Minimize XML</button>
<br><br>
<label for="resultArea"><b>Result:<span id="procinfo"></span></b></label>
<textarea id="resultArea" name="resultArea" rows="2"
class="bordered-field textarea-300 vert2ically-resizeable max-width" style="margin-bottom: 50px;"></textarea>
</div> </div>
</div> </div>
<div class="tooltip-window rwd-hideable"> <div class="tooltip-window rwd-hideable">