Review Code

This commit is contained in:
Zarak Khan
2024-02-22 11:35:06 +05:00
parent 8b4c0ffc3b
commit 2fab5982a4
75 changed files with 11067 additions and 1022 deletions

View File

@@ -11,6 +11,13 @@
<p class="text-4xl font-bold">List Database</p>
<p class="text-xs text-gray-600 py-2 font-semibold">List databases or change their passwords.</p>
</div>
<div>
<div class="sm:mt-6">
<a href="{% url 'createDatabaseV2' %}"
class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Create Database
</a>
</div>
</div>
</div>
<div class="py-4">
<p class="text-xl font-bold">List Database</p>
@@ -129,132 +136,166 @@
class="bg-orange-500 text-white font-semibold px-2 py-1">{% trans "Change" %}</button>
</td>
<td class="px-6 py-4">
<button ng-click="remoteAccess(record.dbUser)" data-toggle="modal"
data-target="#remoteAccess" type="button"
class="bg-orange-500 text-white font-semibold px-2 py-1">{% trans "Manage" %}</button>
{# <a onclick="return false;"#}
{# ng-click="remoteAccess(record.dbUser)"#}
{# class="bg-orange-500 text-white font-semibold px-2 py-1"#}
{# href="#" data-modal-target="edit"#}
{# data-modal-toggle="edit">{% trans "Manage" %}#}
{# </a>#}
{# <div id="edit" tabindex="-1"#}
{# class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">#}
{# <div class="relative p-4 w-full max-w-2xl max-h-full">#}
{# <div class="relative bg-white shadow dark:bg-gray-700">#}
{# <div class="flex items-center bg-blue-400 px-4 py-4">#}
{# <p class="font-bold">Remote Access</p>#}
{# <img ng-hide="dbLoading"#}
{# src="{% static 'images/loading.gif' %}">#}
{# <button type="button" data-modal-toggle="edit"#}
{# class="absolute top-2 end-1 text-black bg-transparent hover:text-black rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center"#}
{# data-modal-hide="edit">#}
{# <svg class="w-3 h-3" aria-hidden="true"#}
{# xmlns="http://www.w3.org/2000/svg" fill="none"#}
{# viewBox="0 0 14 14">#}
{# <path stroke="currentColor" stroke-linecap="round"#}
{# stroke-linejoin="round" stroke-width="2"#}
{# d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>#}
{# </svg>#}
{# <span class="sr-only">Close modal</span>#}
{# </button>#}
{# </div>#}
{# <div class="p-4 md:p-5">#}
{# <form name="containerSettingsForm">#}
{# <div ng-hide="installationDetailsForm"#}
{# class="flex mt-4 py-2 px-6">#}
{# <div>#}
{# <p class="font-semibold w-60">Allow Remote Access on following#}
{# IP</p>#}
{# </div>#}
{# <div>#}
{# <input placeholder="IP Address"#}
{# name="remoteIP" type="text"#}
{# class="w-80 bg-gray-100 rounded px-2 py-1"#}
{# ng-model="$parent.remoteIP"#}
{# required>#}
{# </div>#}
{# </div>#}
{# </form>#}
{# <div class="flex justify-center mt-3">#}
{# <button ng-click="allowRemoteIP()"#}
{# class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">#}
{# Save Changes#}
{# </button>#}
{# </div>#}
{# <div class="relative py-5 overflow-x-auto">#}
{# <table class="w-full text-sm text-left rtl:text-right">#}
{# <thead>#}
{# <tr>#}
{# <th scope="col" class="px-6 py-3">#}
{# Username#}
{# </th>#}
{# <th scope="col" class="px-6 py-3">#}
{# Host#}
{# </th>#}
{# </tr>#}
{# </thead>#}
{# <tbody class="border shadow-lg py-3 px-6 rounded-b-lg">#}
{# <tr>#}
{# <td class="px-6 py-4">#}
{# {$ dbUsername $}#}
{# </td>#}
{# <td class="px-6 py-4">#}
{# {$ dbHost $}#}
{# </td>#}
{# </tr>#}
{# </tbody>#}
{# </table>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
</td>
</tr>
</tbody>
</table>
</div>
</div>
{# <div>#}
{# <button ng-click="deleteUserInitial(record.name)" data-modal-target="DeleteListUser"#}
{# data-modal-toggle="DeleteListUser"#}
{# class="bg-orange-500 px-2 py-1 text-white"#}
{# type="button">#}
{# Delete#}
{# </button>#}
{##}
{# <div id="DeleteListUser" tabindex="-1"#}
{# class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">#}
{# <div class="relative p-4 w-full max-w-md max-h-full">#}
{# <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">#}
{# <button type="button" data-modal-toggle="DeleteListUser"#}
{# class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"#}
{# data-modal-hide="DeleteListUser">#}
{# <svg class="w-3 h-3" aria-hidden="true"#}
{# xmlns="http://www.w3.org/2000/svg" fill="none"#}
{# viewBox="0 0 14 14">#}
{# <path stroke="currentColor" stroke-linecap="round"#}
{# stroke-linejoin="round" stroke-width="2"#}
{# d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>#}
{# </svg>#}
{# <span class="sr-only">Close modal</span>#}
{# </button>#}
{# <div class="p-4 md:p-5 text-center">#}
{# <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200"#}
{# aria-hidden="true"#}
{# xmlns="http://www.w3.org/2000/svg" fill="none"#}
{# viewBox="0 0 20 20">#}
{# <path stroke="currentColor" stroke-linecap="round"#}
{# stroke-linejoin="round" stroke-width="2"#}
{# d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>#}
{# </svg>#}
{# <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">#}
{# Are you sure you want to#}
{# delete this user {$ UserToDelete $} ?</h3>#}
{# <button ng-click="deleteUserFinal()" data-modal-hide="DeleteListUser" type="button"#}
{# data-modal-toggle="DeleteListUser"#}
{# class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2">#}
{# Yes, I'm sure#}
{# </button>#}
{# <button data-modal-hide="DeleteListUser" type="button"#}
{# data-modal-toggle="DeleteListUser"#}
{# class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">#}
{# No, cancel#}
{# </button>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div>#}
{# <button ng-click="editInitial(record.name)" data-modal-target="EditListUser"#}
{# data-modal-toggle="EditListUser"#}
{# class="bg-orange-500 px-2 py-1 text-white"#}
{# type="button">#}
{# Edit#}
{# </button>#}
{##}
{# <div id="EditListUser" tabindex="-1"#}
{# class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">#}
{# <div>#}
{# <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">#}
{# <h2 class="px-4 py-4 font-bold text-xl">Edit Users</h2>#}
{# <button type="button" data-modal-toggle="EditListUser"#}
{# class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"#}
{# data-modal-hide="EditListUser">#}
{# <svg class="w-3 h-3" aria-hidden="true"#}
{# xmlns="http://www.w3.org/2000/svg" fill="none"#}
{# viewBox="0 0 14 14">#}
{# <path stroke="currentColor" stroke-linecap="round"#}
{# stroke-linejoin="round" stroke-width="2"#}
{# d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>#}
{# </svg>#}
{# <span class="sr-only">Close modal</span>#}
{# </button>#}
{# <div class="p-4">#}
{# <div ng-hide="installationDetailsForm" class="flex mt-4 py-2 px-6">#}
{# <div>#}
{# <p class="font-semibold w-60">Name</p>#}
{# </div>#}
{# <div>#}
{# <input name="name" type="text" class="w-80 bg-gray-100 rounded px-2 py-1"#}
{# ng-model="name" readonly>#}
{# </div>#}
{# </div>#}
{# <div class="flex py-2 px-6">#}
{# <div>#}
{# <p class="font-semibold w-60">New Owner</p>#}
{# </div>#}
{# <div>#}
{# <select ng-change="saveResellerChanges()"#}
{# ng-model="$parent.newOwner"#}
{# class="w-80 bg-gray-100 rounded px-2 py-1">#}
{# {% for items in resellerPrivUsers %}#}
{# <option>{{ items }}</option>#}
{# {% endfor %}#}
{# </select>#}
{# </div>#}
{# </div>#}
{# <div class="flex py-2 px-6">#}
{# <div>#}
{# <p class="font-semibold w-60">Select ACL</p>#}
{# </div>#}
{# <div>#}
{# <select ng-change="changeACLFunc()"#}
{# ng-model="$parent.selectedACL"#}
{# class="w-80 bg-gray-100 rounded px-2 py-1">#}
{# {% for items in aclNames %}#}
{# <option>{{ items }}</option>#}
{# {% endfor %}#}
{# </select>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
<a onclick="return false;"
ng-click="remoteAccess(record.dbUser)"
class="bg-orange-500 text-white font-semibold px-2 py-1"
href="#" data-modal-target="edit"
data-modal-toggle="edit">{% trans "Manage" %}
</a>
<div id="edit" tabindex="-1"
class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
<div class="relative p-4 w-full max-w-2xl max-h-full">
<div class="relative bg-white shadow dark:bg-gray-700">
<div class="flex items-center bg-blue-400 px-4 py-4">
<p class="font-bold">Remote Access</p>
<img ng-hide="dbLoading"
src="{% static 'images/loading.gif' %}">
<button type="button" data-modal-toggle="edit"
class="absolute top-2 end-1 text-black bg-transparent hover:text-black rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center"
data-modal-hide="edit">
<svg class="w-3 h-3" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2"
d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
</svg>
<span class="sr-only">Close modal</span>
</button>
</div>
<div class="p-4 md:p-5">
<form name="containerSettingsForm">
<div ng-hide="installationDetailsForm"
class="flex mt-4 py-2 px-6">
<div>
<p class="font-semibold w-60">Allow Remote Access on following
IP</p>
</div>
<div>
<input placeholder="IP Address"
name="remoteIP" type="text"
class="w-80 bg-gray-100 rounded px-2 py-1"
ng-model="$parent.remoteIP"
required>
</div>
</div>
</form>
<div class="flex justify-center mt-3">
<button ng-click="allowRemoteIP()"
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Save Changes
</button>
</div>
<div class="relative py-5 overflow-x-auto">
<table class="w-full text-sm text-left rtl:text-right">
<thead>
<tr>
<th scope="col" class="px-6 py-3">
Username
</th>
<th scope="col" class="px-6 py-3">
Host
</th>
</tr>
</thead>
<tbody class="border shadow-lg py-3 px-6 rounded-b-lg">
<tr>
<td class="px-6 py-4">
{$ dbUsername $}
</td>
<td class="px-6 py-4">
{$ dbHost $}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endblock %}