2021-12-19 13:01:28 +00:00
|
|
|
{% extends "CHRISTMAS/default.html" %}
|
2021-12-14 22:48:37 +00:00
|
|
|
|
|
|
|
{% block title %}
|
|
|
|
<title>API App Administration</title>
|
|
|
|
<meta name="description" content="{{'SITE_NAME' | app_config}} Help">
|
|
|
|
{% endblock %}
|
|
|
|
|
2021-12-31 17:57:55 +00:00
|
|
|
{% block subHeader %}
|
|
|
|
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t">
|
|
|
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700 sub-header"></div>
|
|
|
|
<div class="relative col-span-full flex items-center">
|
|
|
|
<div>
|
|
|
|
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
|
|
|
API Access
|
|
|
|
</h1>
|
|
|
|
<ul class="flex space-x-2 text-xs text-gray-500 dark:text-gray-400 leading-normal mb-0">
|
|
|
|
<li>
|
|
|
|
<a href="/admin" class="text-gray-500 hover:underline">Admin Dashboard</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<i class="fas fa-arrow-alt-right text-shadow fa-fw fa-sm"></i>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#" class="text-gray-700 dark:text-gray-500 hover:underline">API Access</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="hidden ml-auto">
|
|
|
|
<a href="https://github.com/Aevann1/Drama" class="btn btn-gray">
|
|
|
|
<i class="fab fa-github fa-sm fa-fw mr-1"></i>
|
|
|
|
GitHub Repo
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
|
2021-12-14 22:48:37 +00:00
|
|
|
{% block content %}
|
|
|
|
<div class="col-span-full my-4">
|
|
|
|
{% for app in apps %}
|
|
|
|
<div class="flex flex-col space-y-4">
|
|
|
|
<div class="d-lg-flex">
|
|
|
|
<div class="text-lg mb-2 learding-normal">
|
|
|
|
<label for="over18">
|
|
|
|
<a href="{{app.permalink}}" {% if v and v.newtab %}target="_blank"{% endif %}>{{app.app_name}}</a>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col space-y-2">
|
|
|
|
<label for="edit-{{app.id}}-author" class="label">User</label>
|
|
|
|
<input id="edit-{{app.id}}-author" class="form-input" type="text" name="name" value="{{app.author.username}}" readonly=readonly>
|
|
|
|
|
|
|
|
<label for="edit-{{app.id}}-name" class="label">App Name</label>
|
|
|
|
<input id="edit-{{app.id}}-name" class="form-input" type="text" name="name" value="{{app.app_name}}" readonly=readonly>
|
|
|
|
|
|
|
|
{% if app.client_id %}
|
|
|
|
<label for="edit-{{app.id}}-client-id" class="label">Client ID</label>
|
|
|
|
<input id="edit-{{app.id}}-client-id" class="form-input" type="text" name="name" value="{{app.client_id}}" readonly="readonly">
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
<label for="edit-{{app.id}}-redirect" class="label">Redirect URI</label>
|
|
|
|
<input id="edit-{{app.id}}-redirect" class="form-input" type="text" name="redirect_uri" value="{{app.redirect_uri}}" readonly="readonly">
|
|
|
|
<label for="edit-{{app.id}}-desc" class="label">Description</label>
|
|
|
|
<textarea form="edit-app-{{app.id}}" class="form-input" name="description" id="edit-{{app.id}}-desc" maxlength="256" readonly="readonly">{{app.description}}</textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mt-2">
|
|
|
|
<div class="flex">
|
|
|
|
{% if not app.client_id %}
|
|
|
|
|
|
|
|
<a href="javascript:void(0)" class="btn btn-green ml-auto" onclick="post_toast('/admin/app/approve/{{app.id}}')">Approve</a>
|
|
|
|
<a href="javascript:void(0)" class="btn btn-red" onclick="post_toast('/admin/app/reject/{{app.id}}')">Reject</a>
|
|
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
|
|
<a href="javascript:void(0)" class="btn btn-red ml-auto" onclick="post_toast('/admin/app/revoke/{{app.id}}')">Revoke</a>
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
|
|
|
|
<div class="toast-body bg-success text-center text-white">
|
|
|
|
<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
|
|
|
|
<div class="toast-body bg-danger text-center text-white">
|
|
|
|
<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please try again later.</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% endblock %}
|