ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbfguest.tbf.ro / src / layouts /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : Dashboard.vue \| Size : 4.98 KB
<template> <Sidebar /> <div class="lg:pl-72"> <!-- <Navbar /> --> <main class="py-10"> <div class="px-4 sm:px-6 lg:px-8"> <slot></slot> </div> </main> </div> <!-- MODALS --> <TransitionRoot as="template" :show="realTimeModals.showModal"> <Dialog as="div" class="relative z-50" @close="closeModal()"> <TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0"> <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" /> </TransitionChild> <ModalConfirmDelete v-if="realTimeModals.activeModal == 'modal_confirm_delete'" /> </Dialog> </TransitionRoot> <!-- Global notification live region, render this permanently at the end of the document --> <div aria-live="assertive" class="pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30"> <div class="flex w-full flex-col items-center space-y-4 sm:items-end"> <!-- Notification panel, dynamically insert this into the live region when it needs to be displayed --> <TransitionGroup enter-active-class="transform ease-out duration-300 transition" enter-from-class="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2" enter-to-class="translate-y-0 opacity-100 sm:translate-x-0" leave-active-class="transition ease-in duration-100" leave-from-class="opacity-100" leave-to-class="opacity-0"> <div v-for="notification in realTimeNotifications.notificationsList" :key="notification.key" class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"> <div class="p-4"> <div class="flex items-start"> <div class="flex-shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512" class="h-6 w-6 text-green-400" v-if="notification.type == 'success'"> <path fill="currentColor" d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM363.3 203.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512" class="h-6 w-6 text-red-400" v-else-if="notification.type == 'error'"> <path fill="currentColor" d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM180.7 180.7c-6.2 6.2-6.2 16.4 0 22.6L233.4 256l-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L256 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0z" /> </svg> </div> <div class="ml-3 w-0 flex-1"> <p class="text-sm font-medium text-gray-900">{{ notification.title }}</p> <p class="mt-1 text-sm text-gray-500" v-html="notification.description"></p> </div> <div class="ml-4 flex flex-shrink-0"> <button type="button" @click="removeNotificaiton(notification.key)" class="inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"> <span class="sr-only">Close</span> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" class="h-5 w-5"> <!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path fill="currentColor" d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.5 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z" /> </svg> </button> </div> </div> </div> </div> </TransitionGroup> </div> </div> </template> <script> // Import the required components import Sidebar from "@/components/dashboard/Sidebar.vue"; import Navbar from "@/components/dashboard/Navbar.vue"; import { Dialog, TransitionChild, TransitionRoot } from "@headlessui/vue"; import ModalConfirmDelete from "@/components/dashboard/ModalConfirmDelete.vue"; import { useModalsStore } from "@/stores/modals.js"; import { userNotificationsStore } from "@/stores/notifications.js"; export default { components: { Sidebar, Navbar, Dialog, TransitionChild, TransitionRoot, ModalConfirmDelete, }, data() { return { realTimeModals: useModalsStore(), realTimeNotifications: userNotificationsStore(), }; }, methods: { closeModal() { this.realTimeModals.closeModal(); }, removeNotificaiton(notificationKey) { this.realTimeNotifications.removeNotification(notificationKey); }, }, }; </script> Back

Edit File : Dashboard.vue | Size : 4.98 KB

<TransitionRoot as="template" :show="realTimeModals.showModal">
		<Dialog as="div" class="relative z-50" @close="closeModal()">
			<TransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0">
				<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
			</TransitionChild>

<div aria-live="assertive" class="pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30">
		<div class="flex w-full flex-col items-center space-y-4 sm:items-end">
			
			<TransitionGroup
				enter-active-class="transform ease-out duration-300 transition"
				enter-from-class="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
				enter-to-class="translate-y-0 opacity-100 sm:translate-x-0"
				leave-active-class="transition ease-in duration-100"
				leave-from-class="opacity-100"
				leave-to-class="opacity-0">
				<div
					v-for="notification in realTimeNotifications.notificationsList"
					:key="notification.key"
					class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5">
					<div class="p-4">
						<div class="flex items-start">
							<div class="flex-shrink-0">
								<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512" class="h-6 w-6 text-green-400" v-if="notification.type == 'success'">
									<path
										fill="currentColor"
										d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM363.3 203.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z" />
								</svg>
								<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512" class="h-6 w-6 text-red-400" v-else-if="notification.type == 'error'">
									<path
										fill="currentColor"
										d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM180.7 180.7c-6.2 6.2-6.2 16.4 0 22.6L233.4 256l-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L256 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0z" />
								</svg>
							</div>
							<div class="ml-3 w-0 flex-1">
								<p class="text-sm font-medium text-gray-900">{{ notification.title }}</p>
								<p class="mt-1 text-sm text-gray-500" v-html="notification.description"></p>
							</div>
							<div class="ml-4 flex flex-shrink-0">
								<button
									type="button"
									@click="removeNotificaiton(notification.key)"
									class="inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
									<span class="sr-only">Close</span>
									<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" class="h-5 w-5">
										
										<path
											fill="currentColor"
											d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.5 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z" />
									</svg>
								</button>
							</div>
						</div>
					</div>
				</div>
			</TransitionGroup>
		</div>
	</div>
</template>

export default {
	components: {
		Sidebar,
		Navbar,
		Dialog,
		TransitionChild,
		TransitionRoot,
		ModalConfirmDelete,
	},
	data() {
		return {
			realTimeModals: useModalsStore(),
			realTimeNotifications: userNotificationsStore(),
		};
	},
	methods: {
		closeModal() {
			this.realTimeModals.closeModal();
		},
		removeNotificaiton(notificationKey) {
			this.realTimeNotifications.removeNotification(notificationKey);
		},
	},
};
</script>

Back