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 : ListDashboard.vue \| Size : 2.98 KB
<template> <div class="px-4 sm:px-6 lg:px-8"> <div class="sm:flex sm:items-center"> <div class="sm:flex-auto"> <h1 class="text-base font-semibold leading-6 text-gray-900"> <slot name="title"></slot> </h1> <p class="mt-2 text-sm text-gray-700" v-if="slots.description"> <slot name="description"></slot> </p> </div> <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none" v-if="slots.actions"> <slot name="actions"></slot> </div> </div> <div class="mt-8 flow-root"> <ul role="list" class="divide-y divide-gray-100 overflow-hidden bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl"> <li v-for="item in data" :key="item.id" class="relative flex justify-between gap-x-6 px-4 py-5 hover:bg-gray-50 sm:px-6"> <div class="min-w-0"> <div class="flex items-start gap-x-3"> <p class="text-sm font-semibold leading-6 text-gray-900">{{ item.name }}</p> </div> <div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500"> <p class="whitespace-nowrap"> {{ item.description }} </p> </div> </div> <div class="flex flex-none items-center gap-x-4"> <button class="hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" @click="editItem(typeList, item)"> Vizualizeaza<span class="sr-only">, {{ item.name }}</span> </button> </div> </li> </ul> </div> </div> </template> <script> import { useSlots } from 'vue' export default { setup() { const slots = useSlots() return { slots }; }, props: { data: { type: Array, required: true }, typeList: { type: String, required: true } }, components: { // }, methods: { editItem(type, item) { switch (type) { case 'project': this.$router.push({ name: 'show-project', params: { slug: item.id } }); break; // case 'task': // this.$router.push({ name: 'edit-task' }); // break; default: break; } }, getValueItem(item, value) { const keyArray = value.split('.'); if (keyArray.length) { let value_found = item; for (const keyVal of keyArray) { value_found = value_found[keyVal]; } return value_found; } else { return item[value]; } } } }; </script> Back

Edit File : ListDashboard.vue | Size : 2.98 KB

<template>
    <div class="px-4 sm:px-6 lg:px-8">
      <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
          <h1 class="text-base font-semibold leading-6 text-gray-900">
            <slot name="title"></slot>
          </h1>
          <p class="mt-2 text-sm text-gray-700" v-if="slots.description">
            <slot name="description"></slot>
            </p>
        </div>
        <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none" v-if="slots.actions">
            <slot name="actions"></slot>
        </div>
      </div>
      <div class="mt-8 flow-root">
        <ul role="list" class="divide-y divide-gray-100 overflow-hidden bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
            <li v-for="item in data" :key="item.id" class="relative flex justify-between gap-x-6 px-4 py-5 hover:bg-gray-50 sm:px-6">
                <div class="min-w-0">
                    <div class="flex items-start gap-x-3">
                        <p class="text-sm font-semibold leading-6 text-gray-900">{{ item.name }}</p>
                    </div>
                    <div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500">
                        <p class="whitespace-nowrap">
                            {{ item.description }}
                        </p>
                    </div>
                </div>
                <div class="flex flex-none items-center gap-x-4">
                    <button class="hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" @click="editItem(typeList, item)">
                        Vizualizeaza<span class="sr-only">, {{ item.name }}</span>
                    </button>
                </div>
            </li>
        </ul>
      </div>
    </div>
  </template>

export default {
    setup() {
        const slots = useSlots()
        return { slots };
    },
    props: {
        data: {
            type: Array,
            required: true
        },
        typeList: {
            type: String,
            required: true
        }
    },
    components: {
        //
    },
    methods: {
        editItem(type, item) {
            switch (type) {
                case 'project':
                        this.$router.push({ name: 'show-project', params: { slug: item.id } });
                    break;
                // case 'task':
                //     this.$router.push({ name: 'edit-task' });
                //     break;
                default:
                    break;
            }
        },
        getValueItem(item, value) {
            const keyArray = value.split('.');
            if (keyArray.length) {
                let value_found = item;
                for (const keyVal of keyArray) {
                    value_found = value_found[keyVal];
                }
                return value_found;
            } else {
                return item[value];
            }
        }
    }
};
</script>

Back