44 lines
3.2 KiB
HTML
44 lines
3.2 KiB
HTML
|
<!-- ═══════════════ HTTP STATUS CODES ═══════════════ -->
|
||
|
|
<div class="page" id="page-httpstatus">
|
||
|
|
<button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
|
||
|
|
<div class="section-header">
|
||
|
|
<h2><i class="fas fa-server" style="color:var(--green)"></i> HTTP Status Codes</h2>
|
||
|
|
<p>Quick reference for all HTTP status codes with descriptions and categories.</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="panel-label">Search / Lookup</div>
|
||
|
|
<input type="text" id="httpStatusInput" placeholder="Search by code (e.g. 404) or keyword (e.g. not found)..." oninput="filterHttpStatus()" />
|
||
|
|
<div class="btn-group" id="httpCatBtns">
|
||
|
|
<button class="btn btn-sm btn-primary" onclick="filterHttpCat('all', this)">All</button>
|
||
|
|
<button class="btn btn-sm btn-secondary" onclick="filterHttpCat('1xx', this)">1xx Info</button>
|
||
|
|
<button class="btn btn-sm btn-secondary" onclick="filterHttpCat('2xx', this)">2xx Success</button>
|
||
|
|
<button class="btn btn-sm btn-secondary" onclick="filterHttpCat('3xx', this)">3xx Redirect</button>
|
||
|
|
<button class="btn btn-sm btn-secondary" onclick="filterHttpCat('4xx', this)">4xx Client Error</button>
|
||
|
|
<button class="btn btn-sm btn-secondary" onclick="filterHttpCat('5xx', this)">5xx Server Error</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="httpStatusList" style="margin-top:16px;"></div>
|
||
|
|
<div class="status" id="httpStatusStatus"></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, e.g. <code>https://winnieapi-v2.yourdomain.com</code></div>
|
||
|
|
<div class="api-endpoint">
|
||
|
|
<span class="api-method get">GET</span><span class="api-path">/api/http-status</span>
|
||
|
|
<div class="api-desc">Get all HTTP status codes with their text and category.</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/http-status`</span>);
|
||
|
|
<span class="kw">const</span> data = <span class="kw">await</span> res.<span class="fn">json</span>();
|
||
|
|
<span class="cm">// → { success: true, statuses: [{ code: 200, text: "OK", category: "2xx" }, ...] }</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="api-endpoint">
|
||
|
|
<span class="api-method get">GET</span><span class="api-path">/api/http-status/:code</span>
|
||
|
|
<div class="api-desc">Look up a specific HTTP status 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/http-status/404`</span>);
|
||
|
|
<span class="kw">const</span> data = <span class="kw">await</span> res.<span class="fn">json</span>();
|
||
|
|
<span class="cm">// → { success: true, code: 404, text: "Not Found", category: "4xx" }</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|