PHP Classes

File: resources/assets/js/components/CreateGroup.vue

Recommend this page to a friend!
  Classes of Nyi Nyi Lwin  >  Laravel Group Chat  >  resources/assets/js/components/CreateGroup.vue  >  Download  
File: resources/assets/js/components/CreateGroup.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Group Chat
Interactive chat module for multiple users
Author: By
Last change:
Date: 1 year ago
Size: 1,658 bytes


Class file image Download
    <div class="box box-solid">
        <div class="box-header">
            <h3 class="box-title">Create Group</h3>
            <div class="box-tools">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
        <form role="form">
            <div class="box-body">
                <div class="form-group">
                    <input class="form-control" type="text" v-model="name" placeholder="Group Name">
                <div class="form-group">
                    <select class="form-control" v-model="users" multiple id="friends">
                        <option v-for="user in initialUsers" :value="">
                            {{ }}
                <button type="submit" @click.prevent="createGroup" class="btn btn-primary">Create Group</button>

    export default {
        props: ['initialUsers' , 'currentUser'],

        data() {
            return {
                name: '',
                users: []

        methods: {
            createGroup() {
      '/groups', {name:, users: this.users, user_id:})
                .then((response) => {
           = '';
                    this.users = [];
For more information send a message to info at phpclasses dot org.