-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 6.16 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta content="initial-scale=1,width=device-width" name="viewport"><meta content="ie=edge" http-equiv="X-UA-Compatible"><meta content="light dark" name="color-scheme"><meta content="#0d6efd" name="theme-color"><link href="favicon.svg" rel="apple-touch-icon"><link href="favicon.svg" rel="icon shortcut" type="image/x-icon"><title>REST Client</title><link href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"><link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet"><link href="index.css" rel="stylesheet"></head><body class="d-flex flex-column min-dvh-100"><nav class="bg-body-tertiary border-bottom navbar sticky-top"><div class="container"><a class="align-items-center d-flex navbar-brand" href=""><img alt="REST Client Logo" loading="lazy" src="favicon.svg" width="24"><span class="fw-medium ms-2">REST Client</span></a><div class="form-check form-switch"><input class="form-check-input" id="theme" oninput="setTheme()" type="checkbox"><label class="form-check-label user-select-none" for="theme">Dark Mode</label></div></div></nav><main class="container d-flex flex-column flex-fill py-3 row-gap-3"><form onsubmit="sendRequest()"><h5>API Endpoint</h5><div class="input-group"><select class="form-select max-w-max" id="method" required="required"><option value="GET">GET</option><option value="POST">POST</option><option value="PUT">PUT</option><option value="PATCH">PATCH</option><option value="DELETE">DELETE</option><option value="HEAD">HEAD</option><option value="OPTIONS">OPTIONS</option></select><input class="form-control" id="endpoint" placeholder="Enter URL or paste text" required="required" type="url"><button class="btn btn-primary" type="submit">Send</button></div></form><div class="d-flex flex-column flex-fill"><h5>Request</h5><div class="card flex-fill"><div class="card-header"><ul class="card-header-tabs nav nav-tabs"><li class="nav-item"><button class="active nav-link" data-bs-target="#request-headers" data-bs-toggle="tab" type="button">Headers</button></li><li class="nav-item"><button class="nav-link" data-bs-target="#request-body" data-bs-toggle="tab" type="button">Body</button></li></ul></div><div class="card-body"><div class="tab-content"><div class="active fade show tab-pane" id="request-headers" tabindex="0"><textarea class="form-control resize-none" id="requestHeaders" placeholder='{"X-Requested-With": "XMLHttpRequest"}' rows="3">{"X-Requested-With": "XMLHttpRequest"}</textarea></div><div class="fade tab-pane" id="request-body" tabindex="0"><textarea class="form-control resize-none" id="requestBody" placeholder='{"key": "value"}' rows="3"></textarea></div></div></div></div></div><div class="d-flex flex-column flex-fill"><div class="align-items-center d-flex mb-2"><h5 class="mb-0">Response</h5><div class="ms-auto" id="responseInfo" style="display:none"><span class="badge" id="responseStatus"></span><i class="bi bi-dot"></i><strong id="responseTime"></strong><i class="bi bi-dot"></i><strong id="responseSize"></strong></div></div><div class="card flex-fill"><div class="card-header"><ul class="card-header-tabs nav nav-tabs"><li class="nav-item"><button class="active nav-link" data-bs-target="#response-headers" data-bs-toggle="tab" type="button">Headers</button></li><li class="nav-item"><button class="nav-link" data-bs-target="#response-body" data-bs-toggle="tab" type="button">Body</button></li></ul></div><div class="card-body"><div class="tab-content"><div class="active fade show tab-pane" id="response-headers"><textarea class="form-control resize-none" disabled="disabled" id="responseHeaders" placeholder="Enter the URL and click Send to get a response" rows="3"></textarea></div><div class="fade tab-pane" id="response-body"><textarea class="form-control resize-none" disabled="disabled" id="responseBody" placeholder="Enter the URL and click Send to get a response" rows="3"></textarea></div></div></div></div></div><button class="bottom-0 btn btn-secondary end-0 m-3 position-fixed shadow" id="scrollToTop" onclick="$(document).scrollTop(0)" style="display:none" type="button"><i class="bi bi-arrow-up"></i></button></main><footer class="bg-body-tertiary border-top"><div class="container py-3"><div class="align-items-center g-3 row"><div class="col-lg-6"><div class="text-center text-lg-start">Copyright © 2024 ArX Code. All Rights Reserved.</div></div><div class="col-lg-6 order-first order-lg-last"><div class="align-items-center g-3 justify-content-center justify-content-lg-end row"><div class="col-auto"><a class="link-body-emphasis" href="mailto:arxcode40@gmail.com" target="_blank"><i class="bi bi-envelope-fill footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://www.facebook.com/aryaps.aryaps.378" target="_blank"><i class="bi bi-facebook footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://github.com/arxcode40" target="_blank"><i class="bi bi-github footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://www.instagram.com/arxt2411" target="_blank"><i class="bi bi-instagram footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://www.facebook.com/messages/t/100024197826905" target="_blank"><i class="bi bi-messenger footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://t.me/arxcode40" target="_blank"><i class="bi bi-telegram footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://twitter.com/arxt2411" target="_blank"><i class="bi bi-twitter-x footer-icon lh-1"></i></a></div><div class="col-auto"><a class="link-body-emphasis" href="https://wa.me/62895339792382" target="_blank"><i class="bi bi-whatsapp footer-icon lh-1"></i></a></div></div></div></div></div></footer><script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.bundle.min.js"></script><script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/downloadjs/download.min.js"></script><script src="http-response-status.js"></script><script src="index.js"></script></body></html>