mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-04 05:19:12 -04:00
feat: add label for units
This commit is contained in:
parent
66dd351d48
commit
7856df3918
3 changed files with 62 additions and 7 deletions
3
components.d.ts
vendored
3
components.d.ts
vendored
|
@ -133,15 +133,18 @@ declare module '@vue/runtime-core' {
|
||||||
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
|
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
|
||||||
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
|
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
|
||||||
NButton: typeof import('naive-ui')['NButton']
|
NButton: typeof import('naive-ui')['NButton']
|
||||||
|
NCheckbox: typeof import('naive-ui')['NCheckbox']
|
||||||
NCode: typeof import('naive-ui')['NCode']
|
NCode: typeof import('naive-ui')['NCode']
|
||||||
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
|
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
|
||||||
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
|
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
|
||||||
|
NDivider: typeof import('naive-ui')['NDivider']
|
||||||
NEllipsis: typeof import('naive-ui')['NEllipsis']
|
NEllipsis: typeof import('naive-ui')['NEllipsis']
|
||||||
NForm: typeof import('naive-ui')['NForm']
|
NForm: typeof import('naive-ui')['NForm']
|
||||||
NFormItem: typeof import('naive-ui')['NFormItem']
|
NFormItem: typeof import('naive-ui')['NFormItem']
|
||||||
NH1: typeof import('naive-ui')['NH1']
|
NH1: typeof import('naive-ui')['NH1']
|
||||||
NH3: typeof import('naive-ui')['NH3']
|
NH3: typeof import('naive-ui')['NH3']
|
||||||
NIcon: typeof import('naive-ui')['NIcon']
|
NIcon: typeof import('naive-ui')['NIcon']
|
||||||
|
NInput: typeof import('naive-ui')['NInput']
|
||||||
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
||||||
NLayout: typeof import('naive-ui')['NLayout']
|
NLayout: typeof import('naive-ui')['NLayout']
|
||||||
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
||||||
|
|
|
@ -6,9 +6,34 @@ const input = ref<{ size: string; unit: string }>({ size: '0', unit: 'KB' });
|
||||||
const output = ref<{ unit: string; precision: number; appendUnit: boolean }>({ unit: 'MB', precision: 3, appendUnit: false });
|
const output = ref<{ unit: string; precision: number; appendUnit: boolean }>({ unit: 'MB', precision: 3, appendUnit: false });
|
||||||
|
|
||||||
const allUnits = [
|
const allUnits = [
|
||||||
'iB', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB',
|
{ value: 'B', label: 'Bytes (B)' },
|
||||||
'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB',
|
{ value: 'b', label: 'Bits (bit)' },
|
||||||
'b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'];
|
{ value: 'iB', label: 'Bibytes (iB)' },
|
||||||
|
{ value: 'KB', label: 'Kilobytes (KB)' },
|
||||||
|
{ value: 'Kb', label: 'Kilobits (Kbit)' },
|
||||||
|
{ value: 'KiB', label: 'Kibibytes (KiB)' },
|
||||||
|
{ value: 'MB', label: 'Megabytes (MB)' },
|
||||||
|
{ value: 'Mb', label: 'Megabits (Mbit)' },
|
||||||
|
{ value: 'MiB', label: 'Mebibytes (MiB)' },
|
||||||
|
{ value: 'GB', label: 'Gigabytes (GB)' },
|
||||||
|
{ value: 'Gb', label: 'Gigabits (Gbit)' },
|
||||||
|
{ value: 'GiB', label: 'Gibibytes (GiB)' },
|
||||||
|
{ value: 'TB', label: 'Terabytes (TB)' },
|
||||||
|
{ value: 'Tb', label: 'Terabits (Tbit)' },
|
||||||
|
{ value: 'TiB', label: 'Tebibytes (TiB)' },
|
||||||
|
{ value: 'PB', label: 'Petabytes (PB)' },
|
||||||
|
{ value: 'Pb', label: 'Petabits (Pbit)' },
|
||||||
|
{ value: 'PiB', label: 'Pebibytes (PiB)' },
|
||||||
|
{ value: 'EB', label: 'Exabytes (EB)' },
|
||||||
|
{ value: 'Eb', label: 'Exabits (Ebit)' },
|
||||||
|
{ value: 'EiB', label: 'Exbibytes (EiB)' },
|
||||||
|
{ value: 'ZB', label: 'Zettabytes (ZB)' },
|
||||||
|
{ value: 'Zb', label: 'Zettabits (Zbit)' },
|
||||||
|
{ value: 'ZiB', label: 'Zebibytes (ZiB)' },
|
||||||
|
{ value: 'YB', label: 'Yottabytes (YB)' },
|
||||||
|
{ value: 'Yb', label: 'Yottabits (Ybit)' },
|
||||||
|
{ value: 'YiB', label: 'Yobibytes (YiB)' },
|
||||||
|
];
|
||||||
|
|
||||||
const convertedValue = computed(() => {
|
const convertedValue = computed(() => {
|
||||||
try {
|
try {
|
||||||
|
@ -51,7 +76,7 @@ const convertedValue = computed(() => {
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<n-form-item label="Precision:" label-placement="left">
|
<n-form-item label="Precision:" label-placement="left">
|
||||||
<n-input-number v-model:value="output.precision" placeholder="Precision..." :max="10" :min="0" />
|
<n-input-number v-model:value="output.precision" style="width:100px" placeholder="Precision..." :max="10" :min="0" />
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
|
||||||
<n-checkbox v-model:checked="output.appendUnit">
|
<n-checkbox v-model:checked="output.appendUnit">
|
||||||
|
|
|
@ -4,9 +4,36 @@ import { type AllSupportedUnits, type BitsUnits, displayStorageAndRateUnits } fr
|
||||||
import { amountTransferable, neededRate, transferTimeSeconds } from './data-transfer-rate-converter.service';
|
import { amountTransferable, neededRate, transferTimeSeconds } from './data-transfer-rate-converter.service';
|
||||||
|
|
||||||
const allStorateUnits = [
|
const allStorateUnits = [
|
||||||
'iB', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB',
|
{ value: 'B', label: 'Bytes (B)' },
|
||||||
'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
{ value: 'iB', label: 'Bibytes (iB)' },
|
||||||
const allBitsUnits = ['b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'];
|
{ value: 'KB', label: 'Kilobytes (KB)' },
|
||||||
|
{ value: 'KiB', label: 'Kibibytes (KiB)' },
|
||||||
|
{ value: 'MB', label: 'Megabytes (MB)' },
|
||||||
|
{ value: 'MiB', label: 'Mebibytes (MiB)' },
|
||||||
|
{ value: 'GB', label: 'Gigabytes (GB)' },
|
||||||
|
{ value: 'GiB', label: 'Gibibytes (GiB)' },
|
||||||
|
{ value: 'TB', label: 'Terabytes (TB)' },
|
||||||
|
{ value: 'TiB', label: 'Tebibytes (TiB)' },
|
||||||
|
{ value: 'PB', label: 'Petabytes (PB)' },
|
||||||
|
{ value: 'PiB', label: 'Pebibytes (PiB)' },
|
||||||
|
{ value: 'EB', label: 'Exabytes (EB)' },
|
||||||
|
{ value: 'EiB', label: 'Exbibytes (EiB)' },
|
||||||
|
{ value: 'ZB', label: 'Zettabytes (ZB)' },
|
||||||
|
{ value: 'ZiB', label: 'Zebibytes (ZiB)' },
|
||||||
|
{ value: 'YB', label: 'Yottabytes (YB)' },
|
||||||
|
{ value: 'YiB', label: 'Yobibytes (YiB)' },
|
||||||
|
];
|
||||||
|
const allBitsUnits = [
|
||||||
|
{ value: 'b', label: 'Bits (bit)' },
|
||||||
|
{ value: 'Kb', label: 'Kilobits (Kbit)' },
|
||||||
|
{ value: 'Mb', label: 'Megabits (Mbit)' },
|
||||||
|
{ value: 'Gb', label: 'Gigabits (Gbit)' },
|
||||||
|
{ value: 'Tb', label: 'Terabits (Tbit)' },
|
||||||
|
{ value: 'Pb', label: 'Petabits (Pbit)' },
|
||||||
|
{ value: 'Eb', label: 'Exabits (Ebit)' },
|
||||||
|
{ value: 'Zb', label: 'Zettabits (Zbit)' },
|
||||||
|
{ value: 'Yb', label: 'Yottabits (Ybit)' },
|
||||||
|
];
|
||||||
|
|
||||||
function convertToTimeDisplay(seconds: number) {
|
function convertToTimeDisplay(seconds: number) {
|
||||||
if (seconds === 0) {
|
if (seconds === 0) {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue