PHP Classes

File: resources/views/chat.blade.php

Recommend this page to a friend!
  Classes of Ahmed Khan  >  PHP Realtime Chat with Laravel, Vue.js and Pusher  >  resources/views/chat.blade.php  >  Download  
File: resources/views/chat.blade.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: PHP Realtime Chat with Laravel, Vue.js and Pusher
Realtime chat application with an API and channels
Author: By
Last change:
Date: 6 months ago
Size: 2,282 bytes


Class file image Download
<div class="row">
    <div class="col-md-2">
        <ul class="list-group">
        @foreach($users as $chatuser)
            <li v-on:click="getUserId" class="list-group-item" id="{{ $chatuser->id }}" value="{{ $chatuser->name }}">{{ $chatuser->name }}</li>
<div class="col-md-10">
<div class="row">
    <div class="col-md-4" v-for="(chatWindow,index) in chatWindows" v-bind:sendid="index.senderid" v-bind:name="">
        <div class="panel panel-primary">
            <div class="panel-heading" id="accordion">
                <span class="glyphicon glyphicon-comment"></span> @{{}}
            <div class="panel-collapse" id="collapseOne">
                <div class="panel-body">
                    <ul class="chat" id="chat">
                        <li class="left clearfix" v-for="chat in chats[chatWindow.senderid]" v-bind:message="chat.message" v-bind:username="chat.username">
                        <span class="chat-img pull-left">
                        <img src=";text=U" alt="User Avatar" class="img-circle">
                        <div class="chat-body clearfix">
                        <div class="header">
                        <strong class="primary-font"> @{{}}</strong>
                        <p v-if="">@{{chat.message}} </p>
                <div class="panel-footer">
                    <div class="input-group">
                        <input :id="chatWindow.senderid" v-model="chatMessage[chatWindow.senderid]" v-on:keyup.enter="sendMessage" type="text" class="form-control input-md" placeholder="Type your message here..." />
                        <span class="input-group-btn"><button :id="chatWindow.senderid" class="btn btn-warning btn-md" v-on:click="sendMessage">

For more information send a message to info at phpclasses dot org.