From 0100b7da99ef0f07f3bb256c45b025555fad1d15 Mon Sep 17 00:00:00 2001
From: overcuriousity <overcuriousity@posteo.org>
Date: Sat, 27 Sep 2025 23:57:48 +0200
Subject: [PATCH] ux improvement

---
 index.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index c828924..8b9b0ad 100644
--- a/index.html
+++ b/index.html
@@ -733,9 +733,9 @@
                             <input type="text" id="numFATs1216" placeholder="0x2">
                         </div>
                         <div class="input-group">
-                            <label for="fatSizeBytes1216">Größe einer FAT <span
-                                    class="unit-indicator fix-highlight">(Bytes)</span>:</label>
-                            <input type="text" id="fatSizeBytes1216" placeholder="0x4000">
+                            <label for="fatSizeSectors1216">Größe einer FAT <span
+                                    class="unit-indicator fix-highlight">(Sektoren)</span>:</label>
+                            <input type="text" id="fatSizeSectors1216" placeholder="0x4000">
                         </div>
                         <div class="input-group">
                             <label for="maxRootEntries1216">Max. Wurzelverzeichnis-Einträge <span
@@ -773,7 +773,7 @@
                             </div>
                         </div>
                         <div class="result-item">
-                            <span class="result-label" data-formula="numFATs × fatSizeBytes">Größe FAT-Bereich:</span>
+                            <span class="result-label" data-formula="numFATs × fatSizeSectors * sectorSize">Größe FAT-Bereich:</span>
                             <div class="result-value-container">
                                 <span class="result-value" id="fatSize1216" data-result-formula="">-</span>
                                 <button class="copy-btn" onclick="copyToClipboard('fatSize1216')"
@@ -992,9 +992,9 @@
                             <input type="text" id="numFATs32" placeholder="0x2">
                         </div>
                         <div class="input-group">
-                            <label for="fatSizeBytes32">Größe einer FAT <span
+                            <label for="fatSizeSectors32">Größe einer FAT <span
                                     class="unit-indicator fix-highlight">(Bytes)</span>:</label>
-                            <input type="text" id="fatSizeBytes32" placeholder="0x20000">
+                            <input type="text" id="fatSizeSectors32" placeholder="0x20000">
                         </div>
                         <div class="input-group">
                             <label for="rootDirCluster32">Root Directory Cluster <span
@@ -1032,7 +1032,7 @@
                             </div>
                         </div>
                         <div class="result-item">
-                            <span class="result-label" data-formula="numFATs × fatSizeBytes">Größe FAT-Bereich:</span>
+                            <span class="result-label" data-formula="numFATs × fatSizeSectors * sectorSize">Größe FAT-Bereich:</span>
                             <div class="result-value-container">
                                 <span class="result-value" id="fatSize32" data-result-formula="">-</span>
                                 <button class="copy-btn" onclick="copyToClipboard('fatSize32')"
@@ -1416,20 +1416,20 @@
         // Filesystem calculation implementations
         const filesystems = {
             fat1216: {
-                requiredFields: ['reservedSectors1216', 'numFATs1216', 'fatSizeBytes1216', 'maxRootEntries1216', 'partitionSizeInSectors1216', 'clusterSizeSectors1216'],
+                requiredFields: ['reservedSectors1216', 'numFATs1216', 'fatSizeSectors1216', 'maxRootEntries1216', 'partitionSizeInSectors1216', 'clusterSizeSectors1216'],
                 calculate: function () {
                     const baseOffset = parseHex(document.getElementById('baseOffset1216').value);
                     const sectorSize = parseHex(document.getElementById('sectorSize1216').value);
                     const reservedSectors = parseHex(document.getElementById('reservedSectors1216').value);
                     const numFATs = parseHex(document.getElementById('numFATs1216').value);
-                    const fatSizeBytes = parseHex(document.getElementById('fatSizeBytes1216').value);
+                    const fatSizeSectors = parseHex(document.getElementById('fatSizeSectors1216').value);
                     const maxRootEntries = parseHex(document.getElementById('maxRootEntries1216').value);
                     const partitionSizeInSectors = parseHex(document.getElementById('partitionSizeInSectors1216').value);
                     const clusterSizeSectors = parseHex(document.getElementById('clusterSizeSectors1216').value);
                     const clusterNumber = parseHex(document.getElementById('clusterNumber1216').value);
 
                     const fatStart = reservedSectors * sectorSize + baseOffset;
-                    const fatSize = numFATs * fatSizeBytes;
+                    const fatSize = numFATs * fatSizeSectors * sectorSize;
                     const fatEnd = fatStart + fatSize;
                     const rootDirStart = fatEnd;
                     const rootDirSize = maxRootEntries * 0x20;
@@ -1442,7 +1442,7 @@
 
                     const calculations = {
                         fatStart: `0x${reservedSectors.toString(16)} × 0x${sectorSize.toString(16)} + 0x${baseOffset.toString(16)} = 0x${fatStart.toString(16)}`,
-                        fatSize: `0x${numFATs.toString(16)} × 0x${fatSizeBytes.toString(16)} = 0x${fatSize.toString(16)}`,
+                        fatSize: `0x${numFATs.toString(16)} × 0x${fatSizeSectors.toString(16)} * 0x${sectorSize.toString(16)}= 0x${fatSize.toString(16)}`,
                         fatEnd: `0x${fatStart.toString(16)} + 0x${fatSize.toString(16)} = 0x${fatEnd.toString(16)}`,
                         rootDirStart: `0x${fatEnd.toString(16)}`,
                         rootDirSize: `0x${maxRootEntries.toString(16)} × 0x20 = 0x${rootDirSize.toString(16)}`,
@@ -1460,20 +1460,20 @@
                 }
             },
             fat32: {
-                requiredFields: ['reservedSectors32', 'numFATs32', 'fatSizeBytes32', 'rootDirCluster32', 'partitionSizeInSectors32', 'clusterSizeSectors32'],
+                requiredFields: ['reservedSectors32', 'numFATs32', 'fatSizeSectors32', 'rootDirCluster32', 'partitionSizeInSectors32', 'clusterSizeSectors32'],
                 calculate: function () {
                     const baseOffset = parseHex(document.getElementById('baseOffset32').value);
                     const sectorSize = parseHex(document.getElementById('sectorSize32').value);
                     const reservedSectors = parseHex(document.getElementById('reservedSectors32').value);
                     const numFATs = parseHex(document.getElementById('numFATs32').value);
-                    const fatSizeBytes = parseHex(document.getElementById('fatSizeBytes32').value);
+                    const fatSizeSectors = parseHex(document.getElementById('fatSizeSectors32').value);
                     const rootDirCluster = parseHex(document.getElementById('rootDirCluster32').value);
                     const partitionSizeInSectors = parseHex(document.getElementById('partitionSizeInSectors32').value);
                     const clusterSizeSectors = parseHex(document.getElementById('clusterSizeSectors32').value);
                     const clusterNumber = parseHex(document.getElementById('clusterNumber32').value);
 
                     const fatStart = reservedSectors * sectorSize + baseOffset;
-                    const fatSize = numFATs * fatSizeBytes;
+                    const fatSize = numFATs * fatSizeSectors * sectorSize;
                     const fatEnd = fatStart + fatSize;
                     const dataStart = fatEnd;
                     const partitionSizeBytes = partitionSizeInSectors * sectorSize;
@@ -1485,7 +1485,7 @@
 
                     const calculations = {
                         fatStart: `0x${reservedSectors.toString(16)} × 0x${sectorSize.toString(16)} + 0x${baseOffset.toString(16)} = 0x${fatStart.toString(16)}`,
-                        fatSize: `0x${numFATs.toString(16)} × 0x${fatSizeBytes.toString(16)} = 0x${fatSize.toString(16)}`,
+                        fatSize: `0x${numFATs.toString(16)} × 0x${fatSizeSectors.toString(16)} * 0x${sectorSize.toString(16)}= 0x${fatSize.toString(16)}`,
                         fatEnd: `0x${fatStart.toString(16)} + 0x${fatSize.toString(16)} = 0x${fatEnd.toString(16)}`,
                         dataStart: `0x${fatEnd.toString(16)}`,
                         dataSize: `(0x${partitionSizeInSectors.toString(16)} × 0x${sectorSize.toString(16)}) - (0x${dataStart.toString(16)} - 0x${baseOffset.toString(16)}) = 0x${dataSize.toString(16)}`,