diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-16 01:15:23 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-16 01:15:23 +0200 |
| commit | 1859a9a174010789dcd7ecefb2451e1de7b60b4c (patch) | |
| tree | 2e4ec99c50aa2e10ac3021ed2f0722cb2c891684 /src/tools/integer-base-converter | |
| parent | 7a7372df191abc7ecd3fee7234d4de7aaaba03f6 (diff) | |
| download | it-tools-1859a9a174010789dcd7ecefb2451e1de7b60b4c.tar.gz it-tools-1859a9a174010789dcd7ecefb2451e1de7b60b4c.tar.zst it-tools-1859a9a174010789dcd7ecefb2451e1de7b60b4c.zip | |
feat(ux): copyable input
Diffstat (limited to 'src/tools/integer-base-converter')
| -rw-r--r-- | src/tools/integer-base-converter/integer-base-converter.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/src/tools/integer-base-converter/integer-base-converter.vue b/src/tools/integer-base-converter/integer-base-converter.vue index 223ca00..abda8e7 100644 --- a/src/tools/integer-base-converter/integer-base-converter.vue +++ b/src/tools/integer-base-converter/integer-base-converter.vue @@ -28,7 +28,7 @@ <n-input-group-label style="width: 200px;"> Binary (2): </n-input-group-label> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 2 })" readonly /> @@ -38,7 +38,7 @@ <n-input-group-label style="width: 200px;"> Octale (8): </n-input-group-label> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 8 })" readonly /> @@ -48,7 +48,7 @@ <n-input-group-label style="width: 200px;"> Decimal (10): </n-input-group-label> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 10 })" readonly /> @@ -58,7 +58,7 @@ <n-input-group-label style="width: 200px;"> Hexadecimal (16): </n-input-group-label> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 16 })" readonly /> @@ -68,7 +68,7 @@ <n-input-group-label style="width: 200px;"> Base64 (64): </n-input-group-label> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 64 })" readonly /> @@ -83,7 +83,7 @@ max="64" min="2" /> - <n-input + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: outputBase })" readonly /> @@ -95,6 +95,7 @@ <script setup lang="ts"> import { ref } from 'vue' import { convertBase } from './integer-base-converter.model' +import InputCopyable from "../../components/InputCopyable.vue"; const inputNumber = ref(42) const inputBase = ref(10) |