...
This commit is contained in:
marc-go
@@ -8,11 +8,11 @@
|
||||
/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>
|
||||
eCommerce Dashboard | TailAdmin - Tailwind CSS Admin Dashboard Template
|
||||
Alle Opfer | Spamhasi
|
||||
</title>
|
||||
</head>
|
||||
<body
|
||||
x-data="{ page: 'ecommerce', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
|
||||
x-data="{ page: 'Opfer', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false, isOpferAdd: false }"
|
||||
x-init="
|
||||
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
||||
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
||||
@@ -43,38 +43,42 @@
|
||||
<!-- ===== Main Content Start ===== -->
|
||||
<main>
|
||||
<div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
|
||||
<div class="grid grid-cols-12 gap-4 md:gap-6">
|
||||
<div class="col-span-12 space-y-6 xl:col-span-7">
|
||||
<!-- Metric Group One -->
|
||||
<include src="./partials/metric-group/metric-group-01.html" />
|
||||
<!-- Metric Group One -->
|
||||
|
||||
<!-- ====== Chart One Start -->
|
||||
<include src="./partials/chart/chart-01.html" />
|
||||
<!-- ====== Chart One End -->
|
||||
</div>
|
||||
<div class="col-span-12 xl:col-span-5">
|
||||
<!-- ====== Chart Two Start -->
|
||||
<include src="./partials/chart/chart-02.html" />
|
||||
<!-- ====== Chart Two End -->
|
||||
<!-- Breadcrumb Start -->
|
||||
<div x-data="{ pageName: `Opfer`}">
|
||||
<div class="mb-6 flex flex-wrap items-center justify-between gap-3">
|
||||
<h2
|
||||
class="text-xl font-semibold text-gray-800 dark:text-white/90"
|
||||
x-text="pageName"
|
||||
></h2>
|
||||
<button
|
||||
@click="isOpferAdd = true"
|
||||
class="flex w-full items-center justify-center gap-2 rounded-full border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200 lg:inline-flex lg:w-auto"
|
||||
>
|
||||
Add
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Breadcrumb End -->
|
||||
|
||||
<div class="col-span-12">
|
||||
<!-- ====== Chart Three Start -->
|
||||
<include src="./partials/chart/chart-03.html" />
|
||||
<!-- ====== Chart Three End -->
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 xl:col-span-5">
|
||||
<!-- ====== Map One Start -->
|
||||
<include src="./partials/map-01.html" />
|
||||
<!-- ====== Map One End -->
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 xl:col-span-7">
|
||||
<!-- ====== Table One Start -->
|
||||
<include src="./partials/table/table-01.html" />
|
||||
<!-- ====== Table One End -->
|
||||
<div class="space-y-5 sm:space-y-6">
|
||||
<div
|
||||
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
||||
>
|
||||
<div class="px-5 py-4 sm:px-6 sm:py-5">
|
||||
<h3
|
||||
class="text-base font-medium text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ALLE OPFER
|
||||
</h3>
|
||||
</div>
|
||||
<div
|
||||
class="p-5 border-t border-gray-100 dark:border-gray-800 sm:p-6"
|
||||
>
|
||||
<!-- ====== Table Six Start -->
|
||||
<include src="./partials/table/table-06.html" />
|
||||
<!-- ====== Table Six End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -84,5 +88,6 @@
|
||||
<!-- ===== Content Area End ===== -->
|
||||
</div>
|
||||
<!-- ===== Page Wrapper End ===== -->
|
||||
<include src="./partials/profile/opfer_add.html" />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
80
tailadmin/src/opfer.html
Normal file
80
tailadmin/src/opfer.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
||||
/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>
|
||||
Alle Opfer | Spamhasi
|
||||
</title>
|
||||
</head>
|
||||
<body
|
||||
x-data="{ page: 'Opfer', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
|
||||
x-init="
|
||||
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
||||
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
||||
:class="{'dark bg-gray-900': darkMode === true}"
|
||||
>
|
||||
<!-- ===== Preloader Start ===== -->
|
||||
<include src="./partials/preloader.html"></include>
|
||||
<!-- ===== Preloader End ===== -->
|
||||
|
||||
<!-- ===== Page Wrapper Start ===== -->
|
||||
<div class="flex h-screen overflow-hidden">
|
||||
<!-- ===== Sidebar Start ===== -->
|
||||
<include src="./partials/sidebar.html"></include>
|
||||
<!-- ===== Sidebar End ===== -->
|
||||
|
||||
<!-- ===== Content Area Start ===== -->
|
||||
<div
|
||||
class="relative flex flex-col flex-1 overflow-x-hidden overflow-y-auto"
|
||||
>
|
||||
<!-- Small Device Overlay Start -->
|
||||
<include src="./partials/overlay.html" />
|
||||
<!-- Small Device Overlay End -->
|
||||
|
||||
<!-- ===== Header Start ===== -->
|
||||
<include src="./partials/header.html" />
|
||||
<!-- ===== Header End ===== -->
|
||||
|
||||
<!-- ===== Main Content Start ===== -->
|
||||
<main>
|
||||
<div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
|
||||
<!-- Breadcrumb Start -->
|
||||
<div x-data="{ pageName: `Opfer`}">
|
||||
<include src="./partials/breadcrumb.html" />
|
||||
</div>
|
||||
<!-- Breadcrumb End -->
|
||||
|
||||
<div class="space-y-5 sm:space-y-6">
|
||||
<div
|
||||
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
||||
>
|
||||
<div class="px-5 py-4 sm:px-6 sm:py-5">
|
||||
<h3
|
||||
class="text-base font-medium text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ALLE OPFER
|
||||
</h3>
|
||||
</div>
|
||||
<div
|
||||
class="p-5 border-t border-gray-100 dark:border-gray-800 sm:p-6"
|
||||
>
|
||||
<!-- ====== Table Six Start -->
|
||||
<include src="./partials/table/table-06.html" />
|
||||
<!-- ====== Table Six End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- ===== Main Content End ===== -->
|
||||
</div>
|
||||
<!-- ===== Content Area End ===== -->
|
||||
</div>
|
||||
<!-- ===== Page Wrapper End ===== -->
|
||||
</body>
|
||||
</html>
|
||||
@@ -7,3 +7,12 @@
|
||||
class="h-16 w-16 animate-spin rounded-full border-4 border-solid border-brand-500 border-t-transparent"
|
||||
></div>
|
||||
</div>
|
||||
<script>
|
||||
fetch("/api/login/isauth.php")
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (!data.auth) {
|
||||
window.location.href = "/login.php";
|
||||
}
|
||||
})
|
||||
</script>
|
||||
132
tailadmin/src/partials/profile/opfer_add.html
Normal file
132
tailadmin/src/partials/profile/opfer_add.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<div
|
||||
x-show="isOpferAdd"
|
||||
class="fixed inset-0 flex items-center justify-center p-5 overflow-y-auto z-99999"
|
||||
>
|
||||
<div
|
||||
class="modal-close-btn fixed inset-0 h-full w-full bg-gray-400/50 backdrop-blur-[32px]"
|
||||
></div>
|
||||
<div
|
||||
@click.outside="isOpferAdd = false"
|
||||
class="no-scrollbar relative w-full max-w-[700px] overflow-y-auto rounded-3xl bg-white p-4 dark:bg-gray-900 lg:p-11"
|
||||
>
|
||||
<!-- close btn -->
|
||||
<button
|
||||
@click="isOpferAdd = false"
|
||||
class="transition-color absolute right-5 top-5 z-999 flex h-11 w-11 items-center justify-center rounded-full bg-gray-100 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:bg-gray-700 dark:bg-white/[0.05] dark:text-gray-400 dark:hover:bg-white/[0.07] dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M6.04289 16.5418C5.65237 16.9323 5.65237 17.5655 6.04289 17.956C6.43342 18.3465 7.06658 18.3465 7.45711 17.956L11.9987 13.4144L16.5408 17.9565C16.9313 18.347 17.5645 18.347 17.955 17.9565C18.3455 17.566 18.3455 16.9328 17.955 16.5423L13.4129 12.0002L17.955 7.45808C18.3455 7.06756 18.3455 6.43439 17.955 6.04387C17.5645 5.65335 16.9313 5.65335 16.5408 6.04387L11.9987 10.586L7.45711 6.04439C7.06658 5.65386 6.43342 5.65386 6.04289 6.04439C5.65237 6.43491 5.65237 7.06808 6.04289 7.4586L10.5845 12.0002L6.04289 16.5418Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="px-2 pr-14">
|
||||
<h4 class="mb-2 text-2xl font-semibold text-gray-800 dark:text-white/90">
|
||||
Ein neues Opfer hinzufügen!
|
||||
</h4>
|
||||
<p class="mb-6 text-sm text-gray-500 dark:text-gray-400 lg:mb-7">
|
||||
Füge hier ein neues Opfer hinzu, damit Spamhasi was zu tun hat!
|
||||
</p>
|
||||
</div>
|
||||
<form class="flex flex-col" action="/api/opfer/add.php" method="post">
|
||||
<div class="custom-scrollbar h-[450px] overflow-y-auto px-2">
|
||||
<div class="mt-7">
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-5 lg:grid-cols-2">
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value=""
|
||||
name="name"
|
||||
class="dark:bg-dark-900 h-11 w-full rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Email Addresse
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
name="mail"
|
||||
value=""
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Anzahl der Mails
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value=""
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div x-data="{ switcherToggle: false }">
|
||||
<label
|
||||
for="toggle1"
|
||||
class="flex cursor-pointer items-center gap-3 text-sm font-medium text-gray-700 select-none dark:text-gray-400"
|
||||
>
|
||||
<div class="relative">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="toggle1"
|
||||
name="enabled"
|
||||
class="sr-only"
|
||||
@change="switcherToggle = !switcherToggle"
|
||||
/>
|
||||
<div
|
||||
class="block h-6 w-11 rounded-full"
|
||||
:class="switcherToggle ? 'bg-brand-500 dark:bg-brand-500' : 'bg-gray-200 dark:bg-white/10'"
|
||||
></div>
|
||||
<div
|
||||
:class="switcherToggle ? 'translate-x-full': 'translate-x-0'"
|
||||
class="shadow-theme-sm absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white duration-300 ease-linear"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
Aktiviert
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 px-2 mt-6 lg:justify-end">
|
||||
<button
|
||||
@click="isOpferAdd = false"
|
||||
type="button"
|
||||
class="flex w-full justify-center rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] sm:w-auto"
|
||||
>
|
||||
Später
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
class="flex w-full justify-center rounded-lg bg-brand-500 px-4 py-2.5 text-sm font-medium text-white hover:bg-brand-600 sm:w-auto"
|
||||
>
|
||||
Hinzufügen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,196 +0,0 @@
|
||||
<div
|
||||
x-show="isProfileInfoModal"
|
||||
class="fixed inset-0 flex items-center justify-center p-5 overflow-y-auto z-99999"
|
||||
>
|
||||
<div
|
||||
class="modal-close-btn fixed inset-0 h-full w-full bg-gray-400/50 backdrop-blur-[32px]"
|
||||
></div>
|
||||
<div
|
||||
@click.outside="isProfileInfoModal = false"
|
||||
class="no-scrollbar relative w-full max-w-[700px] overflow-y-auto rounded-3xl bg-white p-4 dark:bg-gray-900 lg:p-11"
|
||||
>
|
||||
<!-- close btn -->
|
||||
<button
|
||||
@click="isProfileInfoModal = false"
|
||||
class="transition-color absolute right-5 top-5 z-999 flex h-11 w-11 items-center justify-center rounded-full bg-gray-100 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:bg-gray-700 dark:bg-white/[0.05] dark:text-gray-400 dark:hover:bg-white/[0.07] dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M6.04289 16.5418C5.65237 16.9323 5.65237 17.5655 6.04289 17.956C6.43342 18.3465 7.06658 18.3465 7.45711 17.956L11.9987 13.4144L16.5408 17.9565C16.9313 18.347 17.5645 18.347 17.955 17.9565C18.3455 17.566 18.3455 16.9328 17.955 16.5423L13.4129 12.0002L17.955 7.45808C18.3455 7.06756 18.3455 6.43439 17.955 6.04387C17.5645 5.65335 16.9313 5.65335 16.5408 6.04387L11.9987 10.586L7.45711 6.04439C7.06658 5.65386 6.43342 5.65386 6.04289 6.04439C5.65237 6.43491 5.65237 7.06808 6.04289 7.4586L10.5845 12.0002L6.04289 16.5418Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="px-2 pr-14">
|
||||
<h4 class="mb-2 text-2xl font-semibold text-gray-800 dark:text-white/90">
|
||||
Edit Personal Information
|
||||
</h4>
|
||||
<p class="mb-6 text-sm text-gray-500 dark:text-gray-400 lg:mb-7">
|
||||
Update your details to keep your profile up-to-date.
|
||||
</p>
|
||||
</div>
|
||||
<form class="flex flex-col">
|
||||
<div class="custom-scrollbar h-[450px] overflow-y-auto px-2">
|
||||
<div>
|
||||
<h5
|
||||
class="mb-5 text-lg font-medium text-gray-800 dark:text-white/90 lg:mb-6"
|
||||
>
|
||||
Social Links
|
||||
</h5>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-5 lg:grid-cols-2">
|
||||
<div>
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Facebook
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="https://facebook.com/PimjoHQ"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
X.com
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="https://x.com/PimjoHQ"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Linkedin
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="https://linkedin.com/PimjoHQ"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Instagram
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="https://instagram.com/PimjoHQ"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-7">
|
||||
<h5
|
||||
class="mb-5 text-lg font-medium text-gray-800 dark:text-white/90 lg:mb-6"
|
||||
>
|
||||
Personal Information
|
||||
</h5>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-5 lg:grid-cols-2">
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
First Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="Musharof"
|
||||
class="dark:bg-dark-900 h-11 w-full rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Last Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="Chowdhury"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Email Address
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="randomuser@pimjo.com"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Phone
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="+09 363 398 46"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2">
|
||||
<label
|
||||
class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
Bio
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value="Team Manager"
|
||||
class="dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 px-2 mt-6 lg:justify-end">
|
||||
<button
|
||||
@click="isProfileInfoModal = false"
|
||||
type="button"
|
||||
class="flex w-full justify-center rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] sm:w-auto"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="flex w-full justify-center rounded-lg bg-brand-500 px-4 py-2.5 text-sm font-medium text-white hover:bg-brand-600 sm:w-auto"
|
||||
>
|
||||
Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -66,10 +66,10 @@
|
||||
href="index.html"
|
||||
@click="selected = (selected === 'Opfer' ? '':'Opfer')"
|
||||
class="menu-item group"
|
||||
:class=" (selected === 'Opfer') && (page === 'opfer') ? 'menu-item-active' : 'menu-item-inactive'"
|
||||
:class=" (selected === 'Opfer') && (page === 'Opfer') ? 'menu-item-active' : 'menu-item-inactive'"
|
||||
>
|
||||
<svg
|
||||
:class="(selected === 'Opfer') && (page === 'opfer') ? 'menu-item-icon-active' :'menu-item-icon-inactive'"
|
||||
:class="(selected === 'Opfer') && (page === 'Opfer') ? 'menu-item-icon-active' :'menu-item-icon-inactive'"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
|
||||
@@ -46,8 +46,32 @@
|
||||
</thead>
|
||||
<!-- table header end -->
|
||||
<!-- table body start -->
|
||||
<tbody class="divide-y divide-gray-100 dark:divide-gray-800">
|
||||
<tr>
|
||||
<tbody class="divide-y divide-gray-100 dark:divide-gray-800" id="opfer_table">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<script>
|
||||
fetch("/api/opfer/list.php")
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.status == 500) {
|
||||
console.error("API Error: " + data.error);
|
||||
}
|
||||
|
||||
var list = document.getElementById("opfer_table").innerHTML;
|
||||
|
||||
for (const opfer of data.opfer) {
|
||||
if (opfer.enabled) {
|
||||
var status_class = "rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500";
|
||||
var status_text = "Enabled";
|
||||
}else{
|
||||
var status_class = "rounded-full bg-error-50 px-2 py-0.5 text-theme-xs font-medium text-error-700 dark:bg-error-500/15 dark:text-error-500";
|
||||
var status_text = "Disabled";
|
||||
}
|
||||
|
||||
list += `
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
@@ -55,12 +79,7 @@
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Lindsey Curtis
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Web Designer
|
||||
` + opfer.name + `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -69,26 +88,29 @@
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Agency Website
|
||||
` + opfer.mail + `
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
||||
class="` + status_class + `"
|
||||
>
|
||||
Active
|
||||
` + status_text + `
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">3.9K</p>
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">` + opfer.number + `</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
document.getElementById("opfer_table").innerHTML = list;
|
||||
})
|
||||
.catch(error => console.error("API Error: " + error))
|
||||
</script>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<title>Profile | TailAdmin - Tailwind CSS Admin Dashboard Template</title>
|
||||
</head>
|
||||
<body
|
||||
x-data="{ page: 'profile', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false, 'isProfileInfoModal': false, 'isProfileAddressModal': false }"
|
||||
x-data="{ page: 'profile', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false, 'isOpferAdd': false, 'isProfileAddressModal': false }"
|
||||
x-init="
|
||||
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
||||
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
||||
@@ -168,7 +168,7 @@
|
||||
</div>
|
||||
|
||||
<button
|
||||
@click="isProfileInfoModal = true"
|
||||
@click="isOpferAdd = true"
|
||||
class="flex w-full items-center justify-center gap-2 rounded-full border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200 lg:inline-flex lg:w-auto"
|
||||
>
|
||||
<svg
|
||||
@@ -275,7 +275,7 @@
|
||||
</div>
|
||||
|
||||
<button
|
||||
@click="isProfileInfoModal = true"
|
||||
@click="isOpferAdd = true"
|
||||
class="flex w-full items-center justify-center gap-2 rounded-full border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200 lg:inline-flex lg:w-auto"
|
||||
>
|
||||
<svg
|
||||
@@ -400,7 +400,7 @@
|
||||
<!-- ===== Page Wrapper End ===== -->
|
||||
|
||||
<!-- BEGIN MODAL -->
|
||||
<include src="./partials/profile/profile-info-modal.html" />
|
||||
<include src="./partials/profile/opfer_add.html" />
|
||||
<include src="./partials/profile/profile-address-modal.html" />
|
||||
<!-- END MODAL -->
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user