stuzer05/random-web-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Add docker compose/decompose tool

Browse Source
This commit is contained in:
Illya Marchenko
2024-10-28 21:13:08 +02:00
parent e6a23f8a19
commit b767272e37
16 changed files with 151 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/views/docker/ConvertRunCompose.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<h2 class="tool-title">Docker run/compose</h2>
<hr class="mt-5 mb-5" />
<div class="input-group">
<label for="data">Data</label>
<textarea id="data" v-model="toolData.data" v-on:keyup="result"></textarea>
</div>
<div class="input-group">
<label for="data_delimiter">Mode</label>
<div>
<input
id="mode_run"
value="run"
name="mode"
v-model="toolData.mode"
v-on:change="result"
type="radio"
/>
<label for="mode_run"> to run</label><br />
<input
id="mode_compose"
value="compose"
name="mode"
v-model="toolData.mode"
v-on:change="result"
type="radio"
/>
<label for="mode_compose"> to compose</label><br />
</div>
</div>
<hr class="mt-5 mb-5" />
<div class="input-group">
<label for="result">Result</label>
<MonacoEditor
name="result"
language="text"
:value="toolResult"
></MonacoEditor>
</div>
</template>
<script>
import MonacoEditor from "@/components/MonacoEditor.vue";
import composerize from "composerize";
import decomposerize from "decomposerize";
export default {
components: {
MonacoEditor,
},
data() {
return {
toolData: {
data: "",
mode: "compose",
},
toolResult: "",
};
},
methods: {
result() {
if (!this.toolData.data.length) {
this.toolResult = "";
return;
}
try {
switch (this.toolData.mode) {
case "compose":
this.toolResult = composerize(this.toolData.data);
break;
case "run":
this.toolResult = decomposerize(this.toolData.data, {
command: "docker run",
rm: true,
detach: true,
multiline: true,
"long-args": false,
"arg-value-separator": " ",
});
break;
}
} catch (e) {
this.toolResult = e;
}
},
},
};
</script>
<style lang="scss"></style>

4
src/views/php/Serialize.vue
View File

@ -19,7 +19,7 @@
v-on:change="result"
type="radio"
/>
<label for="mode_serialize">serialize</label><br />
<label for="mode_serialize"> serialize</label><br />
<input
id="mode_unserialize"
value="unserialize"
@ -28,7 +28,7 @@
v-on:change="result"
type="radio"
/>
<label for="mode_unserialize">unserialize</label><br />
<label for="mode_unserialize"> unserialize</label><br />
</div>
</div>

6
src/views/sql/SplitInView.vue
View File

@ -41,7 +41,7 @@
v-on:change="result"
type="radio"
/>
<label for="wrap_in_quotes_no">No</label><br />
<label for="wrap_in_quotes_no"> no</label><br />
<input
id="wrap_in_quotes_single"
value="single"
@ -50,7 +50,7 @@
v-on:change="result"
type="radio"
/>
<label for="wrap_in_quotes_single">Single</label><br />
<label for="wrap_in_quotes_single"> single</label><br />
<input
id="wrap_in_quotes_double"
value="double"
@ -59,7 +59,7 @@
v-on:change="result"
type="radio"
/>
<label for="wrap_in_quotes_double">Double</label>
<label for="wrap_in_quotes_double"> double</label>
</div>
</div>

4
src/views/strings/FixRuEnKeyboard.vue
View File

@ -19,7 +19,7 @@
v-on:change="result"
type="radio"
/>
<label for="keyboard_mode_en_ru">en -> ru</label><br />
<label for="keyboard_mode_en_ru"> en -> ru</label><br />
<input
id="keyboard_mode_ru_en"
value="ru-en"
@ -28,7 +28,7 @@
v-on:change="result"
type="radio"
/>
<label for="keyboard_mode_ru_en">ru -> en</label>
<label for="keyboard_mode_ru_en"> ru -> en</label>
</div>
</div>

6
src/views/strings/Length.vue
View File

@ -27,7 +27,7 @@
:disabled="toolData.dataDelimiter.length"
type="radio"
/>
<label for="count_mode_characters">characters</label><br />
<label for="count_mode_characters"> characters</label><br />
<input
id="count_mode_words"
value="words"
@ -37,7 +37,7 @@
:disabled="toolData.dataDelimiter.length"
type="radio"
/>
<label for="count_mode_words">words</label><br />
<label for="count_mode_words"> words</label><br />
<input
id="count_mode_lines"
value="lines"
@ -47,7 +47,7 @@
:disabled="toolData.dataDelimiter.length"
type="radio"
/>
<label for="count_mode_lines">lines</label>
<label for="count_mode_lines"> lines</label>
</div>
</div>

8
src/views/strings/Pad.vue
View File

@ -43,7 +43,7 @@
v-on:change="result"
type="radio"
/>
<label for="pad_pos_begin">begin</label><br />
<label for="pad_pos_begin"> begin</label><br />
<input
id="pad_pos_end"
value="end"
@ -52,7 +52,7 @@
v-on:change="result"
type="radio"
/>
<label for="pad_pos_end">end</label>
<label for="pad_pos_end"> end</label>
</div>
</div>
@ -68,7 +68,7 @@
v-on:change="result"
type="radio"
/>
<label for="pad_by_repeat_symbol">repeat symbol</label><br />
<label for="pad_by_repeat_symbol"> repeat symbol</label><br />
<input
id="pad_by_string_length"
value="string_length"
@ -77,7 +77,7 @@
v-on:change="result"
type="radio"
/>
<label for="pad_by_string_length">to string length</label>
<label for="pad_by_string_length"> to string length</label>
</div>
</div>

10
src/views/strings/SortLines.vue
View File

@ -19,7 +19,7 @@
v-on:change="result"
type="radio"
/>
<label for="sort_mode_alpha">alphabetically</label><br />
<label for="sort_mode_alpha"> alphabetically</label><br />
<input
id="sort_mode_numerically"
value="numerically"
@ -28,7 +28,7 @@
v-on:change="result"
type="radio"
/>
<label for="sort_mode_numerically">numerically</label><br />
<label for="sort_mode_numerically"> numerically</label><br />
<input
id="sort_mode_by_length"
value="by_length"
@ -37,7 +37,7 @@
v-on:change="result"
type="radio"
/>
<label for="sort_mode_by_length">by length</label><br />
<label for="sort_mode_by_length"> by length</label><br />
<input
id="sort_mode_random"
value="random"
@ -46,7 +46,7 @@
v-on:change="result"
type="radio"
/>
<label for="sort_mode_random">random</label><br />
<label for="sort_mode_random"> random</label><br />
<br />
<input
id="sort_mode_reverse"
@ -56,7 +56,7 @@
v-on:change="result"
type="checkbox"
/>
<label for="sort_mode_reverse">reverse</label>
<label for="sort_mode_reverse"> reverse</label>
</div>
</div>

4
src/views/strings/ToLowerUppper.vue
View File

@ -19,7 +19,7 @@
v-on:change="result"
type="radio"
/>
<label for="case_mode_lower">to lower</label><br />
<label for="case_mode_lower"> to lower</label><br />
<input
id="case_mode_upper"
value="upper"
@ -28,7 +28,7 @@
v-on:change="result"
type="radio"
/>
<label for="case_mode_upper">to upper</label>
<label for="case_mode_upper"> to upper</label>
</div>
</div>

4
src/views/strings/UrlEncodeDecode.vue
View File

@ -19,7 +19,7 @@
v-on:change="result"
type="radio"
/>
<label for="encode_mode_encode">encode</label><br />
<label for="encode_mode_encode"> encode</label><br />
<input
id="encode_mode_decode"
value="decode"
@ -28,7 +28,7 @@
v-on:change="result"
type="radio"
/>
<label for="encode_mode_decode">decode</label>
<label for="encode_mode_decode"> decode</label>
</div>
</div>

4
src/views/unix/FileBase64EncodeDecode.vue
View File

@ -37,7 +37,7 @@
v-model="toolData.base64Mode"
type="radio"
/>
<label for="base64_mode_encode">file -> base64</label><br />
<label for="base64_mode_encode"> file -> base64</label><br />
<input
id="base64_mode_decode"
value="decode"
@ -45,7 +45,7 @@
v-model="toolData.base64Mode"
type="radio"
/>
<label for="base64_mode_decode">base64 -> file</label>
<label for="base64_mode_decode"> base64 -> file</label>
</div>
</div>