ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbfguest.tbf.ro / src / components / dashboard /

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 : Navbar.vue \| Size : 4.40 KB
<template> <div class="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8"> <button type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden" @click="toggleSidebar"> <span class="sr-only">Open sidebar</span> <font-awesome-icon icon="fa-light fa-bars" class="h-6 w-6" aria-hidden="true" /> </button> <!-- Separator --> <div class="h-6 w-px bg-gray-200 lg:hidden" aria-hidden="true" /> <div class="flex flex-1 gap-x-4 self-stretch lg:gap-x-6"> <form class="relative flex flex-1" action="#" method="GET"> <label for="search-field" class="sr-only">Search</label> <font-awesome-icon icon="fa-light fa-magnifying-glass" class="pointer-events-none absolute inset-y-0 left-0 h-full w-4 text-gray-400" aria-hidden="true" /> <input id="search-field" class="block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" placeholder="Search..." type="search" name="search" /> </form> <div class="flex items-center gap-x-4 lg:gap-x-6"> <button type="button" class="-m-2.5 p-2.5 text-gray-400 hover:text-gray-500"> <span class="sr-only">View notifications</span> <font-awesome-icon icon="fa-light fa-bell" class="h-5 w-5" aria-hidden="true" /> </button> <!-- Separator --> <div class="hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200" aria-hidden="true" /> <!-- Profile dropdown --> <Menu as="div" class="relative"> <MenuButton class="-m-1.5 flex items-center p-1.5"> <span class="sr-only">Open user menu</span> <img class="h-8 w-8 rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" /> <span class="hidden lg:flex lg:items-center"> <span class="ml-4 text-sm font-semibold leading-6 text-gray-900" aria-hidden="true">Tom Cook</span> <font-awesome-icon icon="fa-light fa-chevron-down" class="ml-2 h-3 w-3 text-gray-400" aria-hidden="true" /> </span> </MenuButton> <transition enter-active-class="transition ease-out duration-100" enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100" leave-active-class="transition ease-in duration-75" leave-from-class="transform opacity-100 scale-100" leave-to-class="transform opacity-0 scale-95"> <MenuItems class="absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none"> <MenuItem v-for="item in userNavigation" :key="item.name" v-slot="{ active }"> <a :href="item.href" :class="[active ? 'bg-gray-50' : '', 'block px-3 py-1 text-sm leading-6 text-gray-900']">{{ item.name }}</a> </MenuItem> </MenuItems> </transition> </Menu> </div> </div> </div> </template> <script> // Import the required components import { Menu, MenuButton, MenuItem, MenuItems, } from '@headlessui/vue' import { useSidebarStore } from '@/stores/sidebar.js'; export default { components: { Menu, MenuButton, MenuItem, MenuItems }, data() { return { userNavigation: [ { name: 'Your profile', href: '#' }, { name: 'Sign out', href: '#' }, ], realTimeSidebar: useSidebarStore() } }, methods: { toggleSidebar() { // Update the real-time variable in the sidebar this.realTimeSidebar.toggleSidebar(); } } }; </script> Back

Edit File : Navbar.vue | Size : 4.40 KB

<template>
    <div
        class="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8">
        <button type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden" @click="toggleSidebar">
            <span class="sr-only">Open sidebar</span>
            <font-awesome-icon icon="fa-light fa-bars" class="h-6 w-6" aria-hidden="true" />
        </button>

<div class="h-6 w-px bg-gray-200 lg:hidden" aria-hidden="true" />

<div class="flex flex-1 gap-x-4 self-stretch lg:gap-x-6">
            <form class="relative flex flex-1" action="#" method="GET">
                <label for="search-field" class="sr-only">Search</label>

<font-awesome-icon icon="fa-light fa-magnifying-glass"
                    class="pointer-events-none absolute inset-y-0 left-0 h-full w-4 text-gray-400" aria-hidden="true" />
                <input id="search-field"
                    class="block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm"
                    placeholder="Search..." type="search" name="search" />
            </form>
            <div class="flex items-center gap-x-4 lg:gap-x-6">
                <button type="button" class="-m-2.5 p-2.5 text-gray-400 hover:text-gray-500">
                    <span class="sr-only">View notifications</span>
                    <font-awesome-icon icon="fa-light fa-bell" class="h-5 w-5" aria-hidden="true" />
                </button>

<div class="hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200" aria-hidden="true" />

<Menu as="div" class="relative">
                    <MenuButton class="-m-1.5 flex items-center p-1.5">
                        <span class="sr-only">Open user menu</span>
                        <img class="h-8 w-8 rounded-full bg-gray-50"
                            src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
                            alt="" />
                        <span class="hidden lg:flex lg:items-center">
                            <span class="ml-4 text-sm font-semibold leading-6 text-gray-900" aria-hidden="true">Tom
                                Cook</span>
                            <font-awesome-icon icon="fa-light fa-chevron-down" class="ml-2 h-3 w-3 text-gray-400"
                                aria-hidden="true" />
                        </span>
                    </MenuButton>
                    <transition enter-active-class="transition ease-out duration-100"
                        enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100"
                        leave-active-class="transition ease-in duration-75"
                        leave-from-class="transform opacity-100 scale-100" leave-to-class="transform opacity-0 scale-95">
                        <MenuItems
                            class="absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none">
                            <MenuItem v-for="item in userNavigation" :key="item.name" v-slot="{ active }">
                            <a :href="item.href"
                                :class="[active ? 'bg-gray-50' : '', 'block px-3 py-1 text-sm leading-6 text-gray-900']">{{
                                    item.name }}</a>
                            </MenuItem>
                        </MenuItems>
                    </transition>
                </Menu>
            </div>
        </div>
    </div>
</template>

export default {
    components: {
        Menu,
        MenuButton,
        MenuItem,
        MenuItems
    },
    data() {
        return {
            userNavigation: [
                { name: 'Your profile', href: '#' },
                { name: 'Sign out', href: '#' },
            ],
			realTimeSidebar: useSidebarStore()
        }
    },
    methods: {
        toggleSidebar() {
			// Update the real-time variable in the sidebar
			this.realTimeSidebar.toggleSidebar();
		}
    }
};
</script>

Back