103 lines
3.5 KiB
Text
103 lines
3.5 KiB
Text
<%- include("../base/header", { title: "API Information", session }) %>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"></li>
|
|
<li class="breadcrumb-item"><a href="/account/dashboard">Dashboard</a></li>
|
|
<li class="breadcrumb-item" aria-current="page">API</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col text-start">API Information</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row row-cols-1 row-cols-md-2">
|
|
<div class="col">
|
|
<h4>API Key</h4>
|
|
<p>
|
|
This is the key you need to utilise the EUS API. This can be used with the Authorization header as a Bearer token.
|
|
</p>
|
|
<div class="input-group mb-3">
|
|
<input id="akinput" type="password" class="form-control" readonly value="<%= apiKey %>">
|
|
<button id="akbtn" class="btn btn-success">
|
|
<span id="ak-reveal"><i class="bi bi-eye"></i> Reveal</span>
|
|
<span id="ak-hide" class="d-none"><i class="bi bi-eye-slash"></i> Hide</span>
|
|
</button>
|
|
</div>
|
|
<a class="btn btn-danger w-100"><i class="bi bi-arrow-repeat"></i> Request New API Key</a>
|
|
<br>
|
|
<span class="small">Only do this if you really need to, existing applications using this API Key will cease to function until it is replaced.</span>
|
|
</div>
|
|
<div class="col mt-3 mt-md-0">
|
|
<h4>Upload Key</h4>
|
|
<p>
|
|
This is the key you need to upload files to EUS when using the /upload POST endpoint.<br>
|
|
Simply add a header to your request called "Upload-Key" containing this key.
|
|
</p>
|
|
<div class="input-group mb-3">
|
|
<input id="ukinput" type="password" class="form-control" readonly value="<%= uploadKey %>">
|
|
<button id="ukbtn" class="btn btn-success">
|
|
<span id="uk-reveal"><i class="bi bi-eye"></i> Reveal</span>
|
|
<span id="uk-hide" class="d-none"><i class="bi bi-eye-slash"></i> Hide</span>
|
|
</button>
|
|
</div>
|
|
<a class="btn btn-danger w-100"><i class="bi bi-arrow-repeat"></i> Request New Upload Key</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
const akinput = document.querySelector("#akinput");
|
|
const akbtn = document.querySelector("#akbtn");
|
|
const akReveal = document.querySelector("#ak-reveal");
|
|
const akHide = document.querySelector("#ak-hide");
|
|
const ukinput = document.querySelector("#ukinput");
|
|
const ukbtn = document.querySelector("#ukbtn");
|
|
const ukReveal = document.querySelector("#uk-reveal");
|
|
const ukHide = document.querySelector("#uk-hide");
|
|
|
|
akbtn.addEventListener("click", _ => {
|
|
akReveal.classList.toggle("d-none");
|
|
akHide.classList.toggle("d-none");
|
|
|
|
if (akReveal.classList.contains("d-none")) {
|
|
akbtn.classList.remove("btn-success");
|
|
akbtn.classList.add("btn-danger");
|
|
akinput.type = "text";
|
|
} else {
|
|
akbtn.classList.add("btn-success");
|
|
akbtn.classList.remove("btn-danger");
|
|
akinput.type = "password";
|
|
}
|
|
});
|
|
|
|
ukbtn.addEventListener("click", _ => {
|
|
ukReveal.classList.toggle("d-none");
|
|
ukHide.classList.toggle("d-none");
|
|
|
|
if (ukReveal.classList.contains("d-none")) {
|
|
ukbtn.classList.remove("btn-success");
|
|
ukbtn.classList.add("btn-danger");
|
|
ukinput.type = "text";
|
|
} else {
|
|
ukbtn.classList.add("btn-success");
|
|
ukbtn.classList.remove("btn-danger");
|
|
ukinput.type = "password";
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<%- include("../base/footer") %>
|