210 lines
7.9 KiB
Vue
210 lines
7.9 KiB
Vue
|
<template>
|
||
|
|
<b-modal size="lg" id="modalEditarLibro" hide-footer title="Editar Libro">
|
||
|
|
<b-container fluid>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col >
|
||
|
|
<h1 style="text-align:center;">Editar {{nombreLibro}}</h1>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>ISBN:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{isbn}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Titulo:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{titulo}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Categoria:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{categoria}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Autor:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{autor}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Numero de paginas:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{paginas}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Precio:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{precio}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Versión:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{version}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Año de publicación:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{year}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-input
|
||
|
|
id="inline-form-input-name"
|
||
|
|
class="mb-2 mr-sm-2 mb-sm-0"
|
||
|
|
placeholder="Editar"
|
||
|
|
></b-form-input>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Descrpción:</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
<label class="mr-sm-2">{{descripcion}}</label>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-textarea
|
||
|
|
id="textarea"
|
||
|
|
v-model="text"
|
||
|
|
placeholder="Enter something..."
|
||
|
|
rows="3"
|
||
|
|
max-rows="6"
|
||
|
|
></b-form-textarea>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>Imagen</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-file
|
||
|
|
v-model="file1"
|
||
|
|
placeholder="Seleccione la imagen o arrastre..."
|
||
|
|
accept=".png"
|
||
|
|
></b-form-file>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<b-form-checkbox v-model="checked" name="check-button" switch><b>PDF Visualización</b></b-form-checkbox>
|
||
|
|
</b-col>
|
||
|
|
<b-col>
|
||
|
|
</b-col>
|
||
|
|
<b-col cols="6">
|
||
|
|
<b-form-file
|
||
|
|
v-model="file1"
|
||
|
|
placeholder="Seleccione el PDF o arrastre..."
|
||
|
|
accept=".pdf"
|
||
|
|
></b-form-file>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
|
||
|
|
<b-row class="mb-2">
|
||
|
|
<b-col>
|
||
|
|
<div style="margin-top: 2rem;">
|
||
|
|
<b-button class="btn btn-outline-success float-right" @click="enviarFicha()" style="width: 30%; ">Enviar</b-button>
|
||
|
|
<b-button @click="$bvModal.hide('modalEditarLibro')" variant="outline-danger" class="btn float-left" style="width: 30%; ">Cancelar</b-button>
|
||
|
|
</div>
|
||
|
|
</b-col>
|
||
|
|
</b-row>
|
||
|
|
</b-container>
|
||
|
|
</b-modal>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
nombreLibro: String,
|
||
|
|
value: String
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isbn: "example asa12",
|
||
|
|
titulo: "",
|
||
|
|
categoria:"",
|
||
|
|
autor:"",
|
||
|
|
paginas:"",
|
||
|
|
impresion:"",
|
||
|
|
precio:"",
|
||
|
|
version:"",
|
||
|
|
descripcion:"",
|
||
|
|
year:""
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|