init
This commit is contained in:
commit
72c0136f57
GPG key ID:
739D3C8D00944004
89
README.md
Normal file
89
README.md
Normal file
|
|
@ -0,0 +1,89 @@
|
||||||
|
# Simple Variable List Iterator
|
||||||
|
|
||||||
|
Not even sure if the name makes sense, but I hope it makes sense.
|
||||||
|
|
||||||
|
Let me know if there is a better tool. Didn't came across so I created this. It works for me, that is all care of.
|
||||||
|
|
||||||
|
Works with 1 to `n` variables. If a line is empty, it will add `null` (as in nothing). `[var1]` should be the longest list.
|
||||||
|
|
||||||
|
## [Live Demo](https://ittavern.com/svli)
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
```
|
||||||
|
Template:
|
||||||
|
|
||||||
|
Hi, the IP of [var1]'s DNS server is [var2].
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
|
||||||
|
Variables:
|
||||||
|
|
||||||
|
[var1]
|
||||||
|
Google
|
||||||
|
Cloudflare
|
||||||
|
|
||||||
|
[var2]
|
||||||
|
8.8.8.8
|
||||||
|
1.1.1.1
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
|
||||||
|
Results:
|
||||||
|
Hi, the IP of Google's DNS server is 8.8.8.8.
|
||||||
|
Hi, the IP of Cloudflare's DNS server is 1.1.1.1.
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
```
|
||||||
|
Template:
|
||||||
|
|
||||||
|
edit [var4]_[var1]
|
||||||
|
set ip [var2] [var3]
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
|
||||||
|
Variables:
|
||||||
|
|
||||||
|
[var1]
|
||||||
|
app-01
|
||||||
|
app-02
|
||||||
|
hr-01
|
||||||
|
|
||||||
|
[var2]
|
||||||
|
10.10.10.15
|
||||||
|
10.10.10.16
|
||||||
|
10.10.20.45
|
||||||
|
|
||||||
|
[var3]
|
||||||
|
255.255.255.0
|
||||||
|
255.255.255.0
|
||||||
|
255.255.255.0
|
||||||
|
|
||||||
|
[var4]
|
||||||
|
server
|
||||||
|
server
|
||||||
|
client
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
|
||||||
|
Results:
|
||||||
|
|
||||||
|
edit server_app-01
|
||||||
|
set ip 10.10.10.15 255.255.255.0
|
||||||
|
edit server_app-02
|
||||||
|
set ip 10.10.10.16 255.255.255.0
|
||||||
|
edit client_hr-01
|
||||||
|
set ip 10.10.20.45 255.255.255.0
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
# How-to
|
||||||
|
|
||||||
|
Download the `index.html` file, open it in your browser, done. Everything you need in one file.
|
||||||
|
|
||||||
|
# TODO
|
||||||
|
|
||||||
|
- [ ] License
|
||||||
|
- [ ] Footer with Git reference + License
|
||||||
|
- [ ] Save everything temporary to local storage to avoid data loss
|
||||||
181
index.html
Normal file
181
index.html
Normal file
|
|
@ -0,0 +1,181 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>SVLI</title>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function addVariable() {
|
||||||
|
const container = document.getElementById('variableContainer');
|
||||||
|
const variableCount = container.children.length + 1;
|
||||||
|
const newVariableGroup = document.createElement('div');
|
||||||
|
newVariableGroup.className = 'variable-group';
|
||||||
|
newVariableGroup.innerHTML = `<textarea placeholder="Enter one word per line for [var${variableCount}]" rows="5" class="variableInput"></textarea>`;
|
||||||
|
container.appendChild(newVariableGroup);
|
||||||
|
}
|
||||||
|
|
||||||
|
function customizeText() {
|
||||||
|
const inputText = document.getElementById('inputText').value;
|
||||||
|
const variableInputs = document.querySelectorAll('.variableInput');
|
||||||
|
const wordArrays = Array.from(variableInputs).map(textarea => textarea.value.split('\n').map(word => word.trim()));
|
||||||
|
|
||||||
|
const maxLength = Math.max(...wordArrays.map(words => words.length));
|
||||||
|
let results = [];
|
||||||
|
|
||||||
|
for (let i = 0; i < maxLength; i++) {
|
||||||
|
let modifiedText = inputText;
|
||||||
|
wordArrays.forEach((words, index) => {
|
||||||
|
const placeholder = new RegExp(`\\[var${index + 1}\\]`, 'g');
|
||||||
|
const word = words[i % words.length] || '';
|
||||||
|
modifiedText = modifiedText.replace(placeholder, word);
|
||||||
|
});
|
||||||
|
results.push(modifiedText);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('outputContainer').value = results.join('\n');
|
||||||
|
}
|
||||||
|
|
||||||
|
function exportToTextFile() {
|
||||||
|
const text = document.getElementById('outputContainer').value;
|
||||||
|
const blob = new Blob([text], { type: 'text/plain' });
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = URL.createObjectURL(blob);
|
||||||
|
link.download = 'svli-output.txt';
|
||||||
|
link.click();
|
||||||
|
URL.revokeObjectURL(link.href);
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyToClipboard() {
|
||||||
|
const outputText = document.getElementById('outputContainer');
|
||||||
|
outputText.select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
alert('Copied to clipboard!');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
color: #111;
|
||||||
|
background-color: #fefefe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 20px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button {
|
||||||
|
padding: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 1em;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.variables {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.variable-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-button {
|
||||||
|
font-size: 0.8em;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.yellow-button {
|
||||||
|
margin-right: 10px;
|
||||||
|
background-color: #fbb000;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 3px 7px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.blue-button {
|
||||||
|
margin-right: 10px;
|
||||||
|
background-color: #007bff;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 3px 7px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.green-button {
|
||||||
|
margin-right: 10px;
|
||||||
|
background-color: #28a745;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 3px 7px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
color: #ddd;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1>Simple Variable List Iterator</h1>
|
||||||
|
<h3>Template:</h3>
|
||||||
|
<textarea id="inputText">Example: host [var1] has IP [var2].</textarea>
|
||||||
|
<hr>
|
||||||
|
<h3>Variables:</h3>
|
||||||
|
<div id="variableContainer" class="variables">
|
||||||
|
<div class="variable-group">
|
||||||
|
<textarea placeholder="Enter one word per line for [var1]" rows="5" class="variableInput"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="variable-group">
|
||||||
|
<textarea placeholder="Enter one word per line for [var2]" rows="5" class="variableInput"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="yellow-button" onclick="addVariable()">Add Variable</button><br>
|
||||||
|
<hr>
|
||||||
|
<button class="green-button" onclick="customizeText()">RUN</button>
|
||||||
|
<textarea id="outputContainer" class="output" row="10" readonly></textarea>
|
||||||
|
<button class="blue-button" onclick="copyToClipboard()">Copy</button>
|
||||||
|
<button class="blue-button" onclick="exportToTextFile()">Export to File</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue