| Server IP : / Your IP : 10.244.4.16 [ Web Server : nginx/1.25.3 System : Linux escuela-portal-app-54f56585bc-kst6g 5.15.0-1084-azure #93-Ubuntu SMP Sat Mar 15 14:12:29 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.2.13 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /proc/448/cwd/app/resources/js/components/admin/configuration/ |
Upload File : |
<template>
<v-app>
<v-card v-if="data">
<v-card-title>
Datos de Configuración
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="Buscar"
single-line
hide-details
></v-text-field>
</v-card-title>
<v-data-table
:headers="headers"
:items="data"
class="elevation-1"
:search="search"
>
<template v-slot:item.item_visible="{ item }">
<v-icon v-if="item.visible == 'true'" color="green" dark> mdi-checkbox-marked-circle </v-icon>
<v-icon v-else > mdi-close-circle </v-icon>
</template>
<template v-slot:item.desc="{ item }">
<v-img max-height="51" max-width="90" contain :src="item.imagen" v-if="item.type == 'Iconos'"></v-img>
<a v-else-if="item.type == 'Servicios' || item.type == 'Redes Sociales' " :href="item.url">{{ item.url }}</a>
<p v-else>{{ item.description }}</p>
</template>
<template v-slot:item.actions="{ item }">
<v-btn color="primary" fab x-small dark @click="edit(item.id)">
<v-icon> mdi-pencil </v-icon>
</v-btn>
</template>
</v-data-table>
</v-card>
</v-app>
</template>
<script>
export default {
data() {
return {
data: null,
search: "",
headers: [
{ text: "Nombre", value: "name" },
{ text: "Tipo", value: "type" },
{ text: "Descripcion", value: "desc" },
{ text: "Visible", value: "item_visible" },
{ text: "Acciones", value: "actions", sortable: false },
],
};
},
mounted() {
this.loadData();
},
methods: {
loadData() {
axios.get("/api/configuration/index").then((response) => {
this.data = response.data;
});
},
edit(id) {
window.location.href = "/panel-administracion/configuraciones/" + id + "/editar";
},
},
};
</script>