PHP Classes

File: resources/js/views/NewBoard.vue

Recommend this page to a friend!
  Classes of Hillary Kollan   PHP Trello Clone using Laravel and Vue.js   resources/js/views/NewBoard.vue   Download  
File: resources/js/views/NewBoard.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Trello Clone using Laravel and Vue.js
Web app and API to manage tasks like Trello
Author: By
Last change:
Date: 1 year ago
Size: 1,999 bytes
 

Contents

Class file image Download
<template> <div> <div class="modal modal-mask" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" v-html="data.title"></h5> <button type="button" class="close" data-dismiss="modal" @click="closeModal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="exampleInputEmail1">Title</label> <input type="text" v-model="data.title" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"> </div> <div class="form-group"> <label for="exampleInputEmail1">Board Description</label> <textarea class="form-control" v-model="data.description" placeholder="description"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal" @click="closeModal()">Add</button> </div> </form> </div> </div> </div> </div> </div> </template> <script> export default { props: ['board'], data() { return { } }, computed: { data: function() { if (this.board != null) { return this.board } return { title: "", description: "" } } }, methods: { closeModal(event){ console.log("here: " + this.board); this.$emit('close', this.board ); } } } </script>