PHP Classes

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

Recommend this page to a friend!
  Classes of Nyi Nyi Lwin  >  Laravel Group Chat  >  resources/assets/js/components/Groups.vue  >  Download  
File: resources/assets/js/components/Groups.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: 2,138 bytes


Class file image Download
        <div class="row">
            <div class="col-md-4">
                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h3 class="box-title">Group Lists</h3>
                        <div class="box-tools">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    <div class="box-body no-padding">
                        <ul class="nav nav-pills nav-stacked">
                            <li class="" v-for="group in groups" :key="">
                                <a :href="'#'"  data-toggle="tab">{{ }}</a>
                    <!-- /.box-body -->
            <div class="col-md-8">
                <div class="tab-content">
                    <div class="tab-pane" :id="" v-for="group in groups" :key="">
                        <group-chat :current-user="user" :users="group.users" :group="group">
                    <!-- /.tab-pane -->

    export default {
        props: ['initialGroups', 'user'],

        data() {
            return {
                groups: []

        mounted() {
            this.groups = this.initialGroups;

            Bus.$on('groupCreated', (group) => {


        methods: {
            listenForNewGroups() {
                Echo.private('users.' +
                    .listen('\\PhpJunior\\LaravelChat\\Events\\GroupCreated', (e) => {
For more information send a message to info at phpclasses dot org.