Patrick
51 lines
3.0 KiB
HTML
51 lines
3.0 KiB
HTML
<!-- ═══════════════ BYTE SIZE CONVERTER ═══════════════ -->
|
|
<div class="page" id="page-byteconv">
|
|
<button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
|
|
<div class="section-header">
|
|
<h2><i class="fas fa-weight-hanging" style="color:var(--yellow)"></i> Byte Size Converter</h2>
|
|
<p>Convert between bytes, KB, MB, GB, TB with binary (1024) and SI (1000) modes.</p>
|
|
</div>
|
|
<div style="max-width:720px;">
|
|
<div style="display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:12px;">
|
|
<div>
|
|
<div class="panel-label">Value</div>
|
|
<input type="number" id="byteValue" placeholder="e.g. 1048576" value="1048576" oninput="convertBytes()" />
|
|
</div>
|
|
<div>
|
|
<div class="panel-label">Unit</div>
|
|
<select id="byteUnit" onchange="convertBytes()">
|
|
<option value="B">Bytes (B)</option>
|
|
<option value="KB">Kilobytes (KB)</option>
|
|
<option value="MB" selected>Megabytes (MB)</option>
|
|
<option value="GB">Gigabytes (GB)</option>
|
|
<option value="TB">Terabytes (TB)</option>
|
|
<option value="PB">Petabytes (PB)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="checkbox-group" style="margin-bottom:16px;">
|
|
<label><input type="radio" name="byteMode" value="binary" checked onchange="convertBytes()"> Binary (1024)</label>
|
|
<label><input type="radio" name="byteMode" value="si" onchange="convertBytes()"> SI / Decimal (1000)</label>
|
|
</div>
|
|
<div id="byteResults"></div>
|
|
<div class="status" id="byteStatus"></div>
|
|
<div class="api-usage">
|
|
<button class="api-usage-toggle" onclick="toggleApiUsage(this)"><span><i class="fas fa-terminal"></i> API Usage <span class="badge">REST</span></span><i class="fas fa-chevron-down"></i></button>
|
|
<div class="api-usage-body">
|
|
<div class="api-baseurl-note">All examples use <code>BASE_URL</code> — set it to your deployment URL.</div>
|
|
<div class="api-endpoint">
|
|
<span class="api-method post">POST</span><span class="api-path">/api/bytes/convert</span>
|
|
<div class="api-desc">Convert a value between byte units. Use <code>mode: "binary"</code> (1024) or <code>"si"</code> (1000).</div>
|
|
<div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/bytes/convert`</span>, {
|
|
method: <span class="str">"POST"</span>,
|
|
headers: { <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span> },
|
|
body: JSON.<span class="fn">stringify</span>({ value: 1, unit: <span class="str">"GB"</span>, mode: <span class="str">"binary"</span> })
|
|
});
|
|
<span class="cm">// → { success: true, B: 1073741824, KB: 1048576, MB: 1024, GB: 1, TB: 0.000977, PB: 0.00000095 }</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|