Skip to content

Commit 37cfd0a

Browse files
robweberrobweber
committed
implementation of raid calculator with levels 0, 1, 5, 6, and 10
need to add descriptions yet
1 parent 76a19d2 commit 37cfd0a

File tree

7 files changed

+247
-7
lines changed

7 files changed

+247
-7
lines changed

‎components.d.ts

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,9 @@ declare module '@vue/runtime-core' {
8989
HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default']
9090
IbanValidatorAndParser: typeof import('./src/tools/iban-validator-and-parser/iban-validator-and-parser.vue')['default']
9191
'IconMdi:brushVariant': typeof import('~icons/mdi/brush-variant')['default']
92+
'IconMdi:contentCopy': typeof import('~icons/mdi/content-copy')['default']
9293
'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default']
94+
IconMdiArrowRightBottom: typeof import('~icons/mdi/arrow-right-bottom')['default']
9395
IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
9496
IconMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default']
9597
IconMdiClose: typeof import('~icons/mdi/close')['default']
@@ -126,25 +128,27 @@ declare module '@vue/runtime-core' {
126128
MenuLayout: typeof import('./src/components/MenuLayout.vue')['default']
127129
MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default']
128130
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
131+
NAlert: typeof import('naive-ui')['NAlert']
129132
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
130-
NCode: typeof import('naive-ui')['NCode']
131133
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
132134
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
135+
NDatePicker: typeof import('naive-ui')['NDatePicker']
133136
NDivider: typeof import('naive-ui')['NDivider']
134137
NEllipsis: typeof import('naive-ui')['NEllipsis']
138+
NForm: typeof import('naive-ui')['NForm']
135139
NFormItem: typeof import('naive-ui')['NFormItem']
136-
NGi: typeof import('naive-ui')['NGi']
137-
NGrid: typeof import('naive-ui')['NGrid']
138140
NH1: typeof import('naive-ui')['NH1']
139141
NH3: typeof import('naive-ui')['NH3']
140142
NIcon: typeof import('naive-ui')['NIcon']
143+
NInputGroup: typeof import('naive-ui')['NInputGroup']
144+
NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel']
141145
NInputNumber: typeof import('naive-ui')['NInputNumber']
142-
NLabel: typeof import('naive-ui')['NLabel']
143146
NLayout: typeof import('naive-ui')['NLayout']
144147
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
145148
NMenu: typeof import('naive-ui')['NMenu']
146-
NScrollbar: typeof import('naive-ui')['NScrollbar']
147-
NSpin: typeof import('naive-ui')['NSpin']
149+
NStatistic: typeof import('naive-ui')['NStatistic']
150+
NSwitch: typeof import('naive-ui')['NSwitch']
151+
NTable: typeof import('naive-ui')['NTable']
148152
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
149153
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
150154
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
@@ -153,6 +157,7 @@ declare module '@vue/runtime-core' {
153157
PercentageCalculator: typeof import('./src/tools/percentage-calculator/percentage-calculator.vue')['default']
154158
PhoneParserAndFormatter: typeof import('./src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue')['default']
155159
QrCodeGenerator: typeof import('./src/tools/qr-code-generator/qr-code-generator.vue')['default']
160+
RaidCalculator: typeof import('./src/tools/raid-calculator/raid-calculator.vue')['default']
156161
RandomPortGenerator: typeof import('./src/tools/random-port-generator/random-port-generator.vue')['default']
157162
ResultRow: typeof import('./src/tools/ipv4-range-expander/result-row.vue')['default']
158163
RomanNumeralConverter: typeof import('./src/tools/roman-numeral-converter/roman-numeral-converter.vue')['default']

‎src/tools/index.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { tool as base64FileConverter } from './base64-file-converter';
22
import { tool as base64StringConverter } from './base64-string-converter';
33
import { tool as basicAuthGenerator } from './basic-auth-generator';
4+
import { tool as raidCalculator } from './raid-calculator';
45

56
import { tool as asciiTextDrawer } from './ascii-text-drawer';
67

@@ -156,7 +157,7 @@ export const toolsByCategory: ToolCategory[] = [
156157
},
157158
{
158159
name: 'Math',
159-
components: [mathEvaluator, etaCalculator, percentageCalculator],
160+
components: [mathEvaluator, etaCalculator, percentageCalculator, raidCalculator],
160161
},
161162
{
162163
name: 'Measurement',

‎src/tools/raid-calculator/index.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Database } from '@vicons/tabler';
2+
import { defineTool } from '../tool';
3+
4+
export const tool = defineTool({
5+
name: 'RAID Calculator',
6+
path: '/raid-calculator',
7+
description: 'Calculate storage capacity and fault tolerance of an array based on the number of disks, size, and RAID type',
8+
keywords: ['raid', 'calculator'],
9+
component: () => import('./raid-calculator.vue'),
10+
icon: Database,
11+
createdAt: new Date('2024-07-27'),
12+
});

‎src/tools/raid-calculator/raid-calculator.e2e.spec.ts

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { test, expect } from '@playwright/test';
2+
3+
test.describe('Tool - RAID Calculator', () => {
4+
test.beforeEach(async ({ page }) => {
5+
await page.goto('/raid-calculator');
6+
});
7+
8+
test('Has correct title', async ({ page }) => {
9+
await expect(page).toHaveTitle('RAID Calculator - IT Tools');
10+
});
11+
12+
test('', async ({ page }) => {
13+
14+
});
15+
});

‎src/tools/raid-calculator/raid-calculator.service.test.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import { expect, describe, it } from 'vitest';
2+
// import { } from './raid-calculator.service';
3+
//
4+
// describe('raid-calculator', () => {
5+
//
6+
// })

‎src/tools/raid-calculator/raid-calculator.service.ts

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
export { raidCalculations };
2+
3+
const raidCalculations = {
4+
raid_0: {
5+
about: 'RAID 0 splits data evenly across 2 or more disks with redunancy or fault tolerance. More info: <a href="https://en.wikipedia.org/wiki/Standard_RAID_levels#RAID_0">Wikipedia</a>',
6+
requirements: 'RAID 0 requires at least 1 disk',
7+
validate: function(num, size){
8+
return num > 1
9+
},
10+
capacity: function(num, size, unit){
11+
// total disks * size
12+
return (num * size) * unit;
13+
},
14+
speed: function(num, size, unit){
15+
return `${num}x read and ${num}x write speed gain`;
16+
},
17+
fault: function(num, size, unit){
18+
return "None";
19+
}
20+
},
21+
raid_1: {
22+
about: 'RAID 1 consists of an exact copy of the data across two or moe disks. The array will operate as long as at least one drive is operational. More info: <a href="https://en.wikipedia.org/wiki/Standard_RAID_levels#RAID_1">Wikipedia</a>',
23+
requirements: 'RAID 1 requires at least 1 disk',
24+
validate: function(num, size){
25+
return num > 1
26+
},
27+
capacity: function(num, size, unit){
28+
// total size is size of a single drive
29+
return size * unit;
30+
},
31+
speed: function(num, size, unit){
32+
// potential for all drives read at once
33+
return `Potential ${num}x read and no write speed gain`;
34+
},
35+
fault: function(num, size, unit){
36+
// FT = total - 1
37+
return `${num -1} drive failures`;
38+
}
39+
},
40+
raid_5: {
41+
about: 'This is RAID 5',
42+
requirements: 'RAID 5 requires at least 3 disks',
43+
validate: function(num, size){
44+
return num >= 3
45+
},
46+
capacity: function(num, size, unit){
47+
// (N-1) * S (one drive for parity)
48+
return ((num - 1) * size) * unit;
49+
},
50+
speed: function(num, size, unit){
51+
return `${num - 1}x read speed gain and write speed penalty (due to parity calculations)`;
52+
},
53+
fault: function(num, size, unit){
54+
// always 1 failure
55+
return "1 drive failure";
56+
}
57+
},
58+
raid_6: {
59+
about: 'This is RAID 6',
60+
requirements: 'RAID 6 requires at least 4 disks',
61+
validate: function(num, size){
62+
return num >= 4
63+
},
64+
capacity: function(num, size, unit){
65+
// (N-2) * S (2 parity)
66+
return ((num - 2) * size) * unit;
67+
},
68+
speed: function(num, size, unit){
69+
return `${num - 2}x read speed gain and write speed penalty (due to parity calculations)`;
70+
},
71+
fault: function(num, size, unit){
72+
// always 2 drive failures
73+
return "2 drive failures";
74+
}
75+
},
76+
raid_10: {
77+
about: 'RAID 10 is generally recognized as a stripe of mirrors (RAID 1 + RAID 2). Each set of drives is mirrored and striped together so that each drive in the set is fault tolerant within the group. More info: <a href="https://en.wikipedia.org/wiki/Nested_RAID_levels#RAID_10_(RAID_1+0)">Wikipedia</a>',
78+
requirements: 'RAID 10 requires an even number of at least 4 disks',
79+
validate: function(num, size){
80+
return num >= 4 && num % 2 == 0
81+
},
82+
capacity: function(num, size, unit){
83+
// Total disks (stripe)/2 (mirror)
84+
return ((num * size) / 2) * unit;
85+
},
86+
speed: function(num, size, unit){
87+
return `${num - 2}x read speed gain and write speed penalty (due to parity calculations)`;
88+
},
89+
fault: function(num, size, unit){
90+
// always 2 drive failures
91+
return "At least 1 drive failure per mirrored set";
92+
}
93+
}
94+
}

‎src/tools/raid-calculator/raid-calculator.vue

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<script setup lang="ts">
2+
import { isNotThrowing } from '@/utils/boolean';
3+
import { raidCalculations } from './raid-calculator.service';
4+
5+
const diskTotal = ref(2);
6+
const diskSize = ref(100);
7+
const diskUnit = ref(Math.pow(10, 9));
8+
const raidType = ref('raid_0');
9+
const raidInfo = computed(() => raidCalculations[raidType.value].about);
10+
const raidRequirements = computed(() => raidCalculations[raidType.value].requirements);
11+
const inputsValid = computed(() => validateSetup());
12+
13+
const calculatedCapacity = computed(() => {
14+
// make sure values exist
15+
if(diskTotal.value === undefined || diskSize.value === undefined)
16+
{
17+
return '';
18+
}
19+
20+
return formatBytes(raidCalculations[raidType.value].capacity(diskTotal.value, diskSize.value, diskUnit.value));
21+
22+
});
23+
24+
const calculatedFaultTolerance = computed(() => {
25+
// make sure values exist
26+
if(diskTotal.value === undefined || diskSize.value === undefined)
27+
{
28+
return '';
29+
}
30+
31+
return raidCalculations[raidType.value].fault(diskTotal.value, diskSize.value, diskUnit.value);
32+
33+
});
34+
35+
function validateSetup(){
36+
// validate the selected RAID type against parameters
37+
return raidCalculations[raidType.value].validate(diskTotal.value, diskSize.value);
38+
}
39+
40+
// similar to the utility function but uses base 10 instead of base 2
41+
function formatBytes(bytes: number, decimals = 2) {
42+
if (bytes === 0) {
43+
return '0 Bytes';
44+
}
45+
46+
const k = Math.pow(10, 3);
47+
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
48+
const i = Math.floor(Math.log(bytes) / Math.log(k));
49+
50+
return `${Number.parseFloat((bytes / k ** i).toFixed(decimals))} ${sizes[i]}`;
51+
}
52+
</script>
53+
54+
<template>
55+
<div>
56+
<c-card>
57+
<n-form-item label="Number of disks" label-placement="left" label-width="150" mb-2>
58+
<n-input-number v-model:value="diskTotal" max="10000" min="2" placeholder="Number of disks (ex: 2)" w-full />
59+
</n-form-item>
60+
61+
<n-form-item label="Disk size" label-placement="left" label-width="150" mb-2>
62+
<n-input-number v-model:value="diskSize" max="10000" min="1" placeholder="Disk size (ex: 100)" w-full />
63+
<div flex items-baseline gap-2>
64+
<c-select
65+
v-model:value="diskUnit"
66+
min-w-130px
67+
:options="[
68+
{ label: 'MB', value: Math.pow(10, 6) },
69+
{ label: 'GB', value: Math.pow(10, 9) },
70+
{ label: 'TB', value: Math.pow(10, 12) },
71+
{ label: 'PB', value: Math.pow(10, 15) },
72+
]"
73+
/>
74+
</div>
75+
</n-form-item>
76+
<n-form-item label="RAID Type" label-placement="left" label-width="150" mb-2>
77+
<c-select
78+
v-model:value="raidType"
79+
w-full
80+
:options="[
81+
{ label: 'RAID 0 (stripe)', value: 'raid_0' },
82+
{ label: 'RAID 1 (mirror)', value: 'raid_1' },
83+
{ label: 'RAID 5 (parity)', value: 'raid_5' },
84+
{ label: 'RAID 6 (double parity)', value: 'raid_6' },
85+
{ label: 'RAID 10 (mirror + stripe)', value: 'raid_10' },
86+
]"
87+
/>
88+
</n-form-item>
89+
<p class="raidError" v-if="!inputsValid">{{ raidRequirements }}</p>
90+
<p v-else v-html="raidInfo"></p>
91+
</c-card>
92+
<c-card title="Results">
93+
<n-statistic label="Capacity" mb-2 v-if="inputsValid">
94+
{{ calculatedCapacity }}
95+
</n-statistic>
96+
<n-statistic label="Fault Tolerance" mb-2 v-if="inputsValid">
97+
{{ calculatedFaultTolerance }}
98+
</n-statistic>
99+
</c-card>
100+
</div>
101+
</template>
102+
103+
<style lang="less" scoped>
104+
.raidError {
105+
color: rgb(208, 48, 80)
106+
}
107+
</style>

0 commit comments

Comments
 (0)