-
Notifications
You must be signed in to change notification settings - Fork 148
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
337a125
commit b5eb8e5
Showing
3 changed files
with
367 additions
and
27 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,156 @@ | ||
| function getStdinFromFormBoxRaw() { | ||
| const stdinBox = document.getElementById('stdin'); | ||
| return stdinBox.value; | ||
| } | ||
|
|
||
| function getFilesFromFormBoxRaw() { | ||
| const filesBox = document.getElementById('files'); | ||
| return filesBox.value; | ||
| } | ||
|
|
||
|
|
||
| function getStdinFromFormBox() { | ||
| return JSON.parse(getStdinFromFormBoxRaw() || '[]'); | ||
| } | ||
|
|
||
| function getFilesFromFormBox() { | ||
| return JSON.parse(getFilesFromFormBoxRaw() || '{}'); | ||
| } | ||
|
|
||
| function populateStdinEntries(stdin) { | ||
| const stdinEntries = document.getElementById('stdinEntries'); | ||
|
|
||
| if (stdin === undefined) { | ||
| stdin = getStdinFromFormBox(); | ||
| } | ||
| const entries = stdinEntries.querySelectorAll('.stdin-entry'); | ||
| entries.forEach(entry => { | ||
| entry.remove(); | ||
| }); | ||
| stdin.forEach(line => { | ||
| const entry = createStdinEntry(line); | ||
| stdinEntries.appendChild(entry); | ||
| }); | ||
| } | ||
|
|
||
| function populateFileEntries(files) { | ||
| const fileEntries = document.getElementById('fileEntries'); | ||
|
|
||
| if (files === undefined) { | ||
| files = getFilesFromFormBox(); | ||
| } | ||
| const entries = fileEntries.querySelectorAll('.file-entry'); | ||
| entries.forEach(entry => { | ||
| entry.remove(); | ||
| }); | ||
| Object.entries(files).forEach(([filename, content]) => { | ||
| const entry = createFileEntry(filename, content); | ||
| fileEntries.appendChild(entry); | ||
| }); | ||
| } | ||
|
|
||
| document.addEventListener('DOMContentLoaded', function () { | ||
| const stdinEntries = document.getElementById('stdinEntries'); | ||
| const fileEntries = document.getElementById('fileEntries'); | ||
| const addStdinButton = document.getElementById('addStdinButton'); | ||
| const addFileButton = document.getElementById('addFileButton'); | ||
| const stdinBox = document.getElementById('stdin'); | ||
| const filesBox = document.getElementById('files'); | ||
|
|
||
| // Function to create a new file entry | ||
| function createFileEntry(filename, content) { | ||
| filename = filename || ''; | ||
| content = content || ''; | ||
| const fileEntryHTML = ` | ||
| <div class="file-entry"> | ||
| <input type="text" class="file-name" placeholder="Filename"> | ||
| <textarea class="file-content" placeholder="File content"></textarea> | ||
| <button type="button" class="remove-btn">-</button> | ||
| </div> | ||
| `; | ||
|
|
||
| const template = document.createElement('template'); | ||
| template.innerHTML = fileEntryHTML.trim(); | ||
| const entry = template.content.firstElementChild.cloneNode(true); | ||
|
|
||
| entry.querySelector('.file-name').value = filename; | ||
| entry.querySelector('.file-content').value = content; | ||
|
|
||
| const removeButton = entry.querySelector('.remove-btn'); | ||
| removeButton.addEventListener('click', function () { | ||
| entry.remove(); | ||
| updateFilesValue(); | ||
| }); | ||
|
|
||
| const nameInput = entry.querySelector('.file-name'); | ||
| const contentTextarea = entry.querySelector('.file-content'); | ||
|
|
||
| nameInput.addEventListener('input', updateFilesValue); | ||
| contentTextarea.addEventListener('input', updateFilesValue); | ||
|
|
||
| return entry; | ||
| } | ||
|
|
||
| function createStdinEntry(line) { | ||
| line = line || ''; | ||
| const stdinEntryHTML = ` | ||
| <div class="stdin-entry"> | ||
| <textarea class="stdin-textarea" placeholder="Enter stdin"></textarea> | ||
| <button type="button" class="remove-btn">-</button> | ||
| </div> | ||
| `; | ||
|
|
||
| const template = document.createElement('template'); | ||
| template.innerHTML = stdinEntryHTML.trim(); | ||
| const entry = template.content.firstElementChild.cloneNode(true); | ||
|
|
||
| entry.querySelector('.stdin-textarea').value = line; | ||
|
|
||
| const removeButton = entry.querySelector('.remove-btn'); | ||
| removeButton.addEventListener('click', function () { | ||
| entry.remove(); | ||
| updateStdinValue(); | ||
| }); | ||
|
|
||
| return entry; | ||
| } | ||
|
|
||
| // Function to update the hidden stdin input value | ||
| function updateStdinValue() { | ||
| const entries = stdinEntries.querySelectorAll('.stdin-entry'); | ||
| const stdinArray = Array.from(entries).map(entry => { | ||
| const textarea = entry.querySelector('.stdin-textarea'); | ||
| return textarea.value.split('\n').map(line => line + '\n'); | ||
| }); | ||
| stdinBox.value = JSON.stringify(stdinArray); | ||
| } | ||
|
|
||
| // Function to update the hidden files input value | ||
| function updateFilesValue() { | ||
| const entries = fileEntries.querySelectorAll('.file-entry'); | ||
| const filesObj = {}; | ||
|
|
||
| Array.from(entries).forEach(entry => { | ||
| const nameInput = entry.querySelector('.file-name'); | ||
| const contentTextarea = entry.querySelector('.file-content'); | ||
|
|
||
| if (nameInput.value.trim()) { | ||
| filesObj[nameInput.value] = contentTextarea.value.split('\n').map(line => line + '\n'); | ||
| } | ||
| }); | ||
|
|
||
| filesBox.value = JSON.stringify(filesObj); | ||
| } | ||
|
|
||
| // Add event listeners for adding new entries | ||
| addStdinButton.addEventListener('click', function () { | ||
| stdinEntries.appendChild(createStdinEntry()); | ||
| }); | ||
|
|
||
| addFileButton.addEventListener('click', function () { | ||
| fileEntries.appendChild(createFileEntry()); | ||
| }); | ||
|
|
||
| populateStdinEntries(); | ||
| populateFileEntries(); | ||
| }); |
Oops, something went wrong.