first commit

public/tools/chmod.html

@@ -0,0 +1,45 @@
+<!-- ═══════════════ CHMOD CALCULATOR ═══════════════ -->
+<div class="page" id="page-chmod">
+  <button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
+  <div class="section-header">
+    <h2><i class="fas fa-user-shield" style="color:var(--orange)"></i> Chmod Calculator</h2>
+    <p>Convert between numeric (755) and symbolic (rwxr-xr-x) Unix file permissions.</p>
+  </div>
+  <div style="max-width:720px;">
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
+      <div>
+        <div class="panel-label">Numeric (Octal)</div>
+        <input type="text" id="chmodNumeric" placeholder="e.g. 755" maxlength="4" value="755" oninput="chmodFromNumeric()" />
+      </div>
+      <div>
+        <div class="panel-label">Symbolic</div>
+        <input type="text" id="chmodSymbolic" placeholder="e.g. rwxr-xr-x" value="rwxr-xr-x" oninput="chmodFromSymbolic()" />
+      </div>
+    </div>
+    <div class="panel-label" style="margin-top:20px;">Permission Matrix</div>
+    <div id="chmodMatrix" style="margin-bottom:16px;"></div>
+    <div class="panel-label">Command</div>
+    <div class="result-row" style="cursor:pointer;" onclick="copyText(this.querySelector('.value').textContent)">
+      <div class="label">CHMOD</div>
+      <div class="value" id="chmodCommand">chmod 755 filename</div>
+    </div>
+    <div class="status" id="chmodStatus"></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/chmod/calculate</span>
+          <div class="api-desc">Convert between numeric and symbolic chmod. Pass <code>numeric</code> or <code>symbolic</code>.</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/chmod/calculate`</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>({ numeric: <span class="str">"755"</span> })
+});
+<span class="cm">// → { success: true, numeric: "755", symbolic: "rwxr-xr-x", owner: {...}, group: {...}, others: {...} }</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+