Commit 11ea6528 authored by Adrian's avatar Adrian

Optimizando el tamaño

parent 6e1f7131
......@@ -5,7 +5,7 @@
<v-tooltip bottom>
<template v-slot:activator="{ on }">
<v-btn color="primary" dark v-on="on" @click.native.stop="oModal" slot="activator"
><v-icon dark>add</v-icon> Agregar
><v-icon dark>{{ icons.mdiAccountPlusOutline }}</v-icon> Agregar
</v-btn>
</template>
<span> Agregar usuario </span>
......@@ -22,14 +22,14 @@
:cols="11"
class="d-flex flex-row align-center text-sm primary--tex primary--text"
>
<v-icon class="mr-2" color="primary">how_to_reg</v-icon>
<v-icon class="mr-2" color="primary">{{ icons.mdiAccountPlusOutline }}</v-icon>
{{ form.id ? 'Editar usuario' : 'Adicionar usuario' }}
</v-col>
<v-col :cols="1">
<v-tooltip bottom color="primary">
<template v-slot:activator="{ on }">
<v-btn icon color="primary" v-on="on" @click.stop="closeModal">
<v-icon>close</v-icon>
<v-icon>{{ icons.mdiClose }}</v-icon>
</v-btn>
</template>
<span>Cerrar ventana emergente</span>
......@@ -63,11 +63,13 @@
<small class="error--text text-required">* Los campos son obligatorios</small>
</v-col>
<v-col sm="12" xs="12" md="4" lg="4" cols="12">
<v-btn block @click.stop="closeModal"><v-icon>cancel</v-icon> Cancelar </v-btn>
<v-btn block @click.stop="closeModal"
><v-icon>{{ icons.mdiCancel }}</v-icon> Cancelar
</v-btn>
</v-col>
<v-col sm="12" xs="12" md="4" lg="4" cols="12">
<v-btn block color="primary" type="submit" :disabled="!valid">
<v-icon dark>check</v-icon> Enviar
<v-icon dark>{{ icons.mdiCheck }}</v-icon> Enviar
</v-btn>
</v-col>
</v-row>
......@@ -89,7 +91,7 @@
<v-tooltip bottom color="success">
<template v-slot:activator="{ on }">
<v-btn icon v-on="on" @click.stop="oModal(items)">
<v-icon color="success">edit</v-icon>
<v-icon color="success">{{ icons.mdiClipboardEdit }}</v-icon>
</v-btn>
</template>
<span>Editar registro</span>
......@@ -98,7 +100,7 @@
<v-tooltip bottom color="error">
<template v-slot:activator="{ on }">
<v-btn icon v-on="on" @click.prevent="itemDelete(items)">
<v-icon color="red">delete</v-icon>
<v-icon color="red">{{ icons.mdiDelete }}</v-icon>
</v-btn>
</template>
<span>Eliminar registro</span>
......@@ -111,12 +113,28 @@
</template>
<script>
import validate from 'validate.js';
import {
mdiAccountPlusOutline,
mdiClose,
mdiCancel,
mdiCheck,
mdiClipboardEdit,
mdiDelete
} from '@mdi/js';
import CrudTable from '@/plugins/crud-table/CrudTable.vue';
import actions from '@/plugins/crud-table/mixins/crud-table';
export default {
mixins: [actions],
data: () => ({
icons: {
mdiAccountPlusOutline,
mdiClose,
mdiCancel,
mdiCheck,
mdiClipboardEdit,
mdiDelete
},
rules: {
usuario: [
val => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment