Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
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
close
Edit File :
Sidebar.vue
| Size :
5.83
KB
Copy
<template> <TransitionRoot as="template" :show="realTimeSidebar.sidebarOpen"> <Dialog as="div" class="relative z-50 lg:hidden" @close="toggleSidebar"> <TransitionChild as="template" enter="transition-opacity ease-linear duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="transition-opacity ease-linear duration-300" leave-from="opacity-100" leave-to="opacity-0"> <div class="fixed inset-0 bg-gray-900/80" /> </TransitionChild> <div class="fixed inset-0 flex"> <TransitionChild as="template" enter="transition ease-in-out duration-300 transform" enter-from="-translate-x-full" enter-to="translate-x-0" leave="transition ease-in-out duration-300 transform" leave-from="translate-x-0" leave-to="-translate-x-full"> <DialogPanel class="relative mr-16 flex w-full max-w-xs flex-1"> <TransitionChild as="template" enter="ease-in-out duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="ease-in-out duration-300" leave-from="opacity-100" leave-to="opacity-0"> <div class="absolute left-full top-0 flex w-16 justify-center pt-5"> <button type="button" class="-m-2.5 p-2.5" @click="toggleSidebar"> <span class="sr-only">Close sidebar</span> <font-awesome-icon icon="fa-light fa-xmark" class="h-6 w-6 text-white" aria-hidden="true" /> </button> </div> </TransitionChild> <!-- Sidebar component, swap this element with another sidebar if you like --> <div class="flex grow flex-col gap-y-5 overflow-y-auto bg-white px-6 pb-4"> <div class="flex h-16 shrink-0 items-center"> <img class="h-5 w-auto" src="@/assets/images/logo-tbf.svg" alt="Logo TBF" /> </div> <nav class="flex flex-1 flex-col"> <ul role="list" class="flex flex-1 flex-col gap-y-7"> <li> <router-link :to="{ name: 'admin_instances' }" custom v-slot="{ href, route, navigate, isActive, isExactActive }"> <a :href="href" @click="navigate" :class="[ isExactActive ? 'bg-gray-50 text-indigo-600' : 'text-gray-700 hover:text-indigo-600 hover:bg-gray-50', 'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold', ]"> <font-awesome-icon icon="fa-light fa-folders" :class="[isExactActive ? 'text-indigo-600' : 'text-gray-400 group-hover:text-indigo-600', 'h-6 w-6 shrink-0']" aria-hidden="true" /> Companii </a> </router-link> </li> <li class="mt-auto"> <a href="#" :class="['group -mx-2 flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 hover:bg-gray-50 hover:text-indigo-600']"> <font-awesome-icon icon="fa-light fa-gear" class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-indigo-600" aria-hidden="true" /> Prompts </a> </li> </ul> </nav> </div> </DialogPanel> </TransitionChild> </div> </Dialog> </TransitionRoot> <!-- Static sidebar for desktop --> <div class="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col"> <!-- Sidebar component, swap this element with another sidebar if you like --> <div class="flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-6 pb-4"> <div class="flex h-16 shrink-0 items-center"> <img class="h-5 w-auto" src="@/assets/images/logo-tbf.svg" alt="Logo TBF" /> </div> <nav class="flex flex-1 flex-col"> <ul role="list" class="flex flex-1 flex-col gap-y-4"> <li> <ul role="list" class="-mx-2 space-y-1"> <router-link :to="{ name: 'admin_instances' }" custom v-slot="{ href, route, navigate, isActive, isExactActive }"> <li> <a :href="href" @click="navigate" :class="[ isExactActive ? 'bg-gray-50 text-indigo-600' : 'text-gray-700 hover:text-indigo-600 hover:bg-gray-50', 'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold', ]"> <font-awesome-icon icon="fa-light fa-folders" :class="[isExactActive ? 'text-indigo-600' : 'text-gray-400 group-hover:text-indigo-600', 'h-6 w-6 shrink-0']" aria-hidden="true" /> Companii </a> </li> </router-link> </ul> </li> <li class="mt-auto"> <a href="#" :class="['group -mx-2 flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-5 text-gray-700 hover:bg-gray-50 hover:text-indigo-600']"> <font-awesome-icon icon="fa-light fa-gear" class="h-5 w-5 shrink-0" aria-hidden="true" /> Prompts </a> </li> <li> <div @click="logout" :class="['group -mx-2 flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-5 text-gray-700 hover:bg-gray-50 hover:text-indigo-600 cursor-pointer']"> <font-awesome-icon class="h-5 w-5 shrink-0 text-gray-400 group-hover:text-blue-500" :icon="['far', 'arrow-right-from-bracket']" /> Deconectare </div> </li> </ul> </nav> </div> </div> </template> <script> import { Dialog, DialogPanel, TransitionChild, TransitionRoot } from "@headlessui/vue"; import { useSidebarStore } from "@/stores/sidebar.js"; export default { components: { Dialog, DialogPanel, TransitionChild, TransitionRoot, }, data() { return { stepsMenu: [], projectSlug: "", standardMenu: this.$route.name == "edit-project" ? false : true, realTimeSidebar: useSidebarStore(), }; }, mounted() { // this.toggleSidebar() }, methods: { toggleSidebar() { // Update the real-time variable in the sidebar this.realTimeSidebar.toggleSidebar(); }, logout() { this.$auth.logout({ makeRequest: true, redirect: { name: "login" }, }); }, }, }; </script>
Back