PHP Classes

File: index.html

Recommend this page to a friend!
  Classes of António Lira Fernandes   Chat Text   index.html   Download  
File: index.html
Role: Auxiliary data
Content type: text/plain
Description: HTML Template
Class: Chat Text
Exchange text messages between Web site users
Author: By
Last change:
Date: 1 year ago
Size: 5,375 bytes
 

Contents

Class file image Download
<!DOCTYPE html> <html lang="pt"> <head> <meta charset=?UTF-8?> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Chat</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> <!-- Font Awesome Icons --> <link rel="stylesheet" href="https://www.esmonserrate.org//templates/AdminLTE/plugins/fontawesome-free/css/all.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="https://www.esmonserrate.org//templates/AdminLTE/plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Theme style --> <link rel="stylesheet" href="https://www.esmonserrate.org//templates/AdminLTE/dist/css/adminlte.min.css"> </head> <body class="dark-mode"> <div class="wrapper"> <!-- Content Wrapper. Contains page content --> <div class="container-fluid"> <div class="row"> <!-- Left col --> <section class="col-lg-12 connectedSortable"> <div class="card direct-chat direct-chat-primary"> <div class="card-header"> <h3 class="card-title">Mensagens</h3> <div class="card-tools"> <span title="Novas Mensagens" class="badge badge-primary" id="chatTxtNewMsg">3</span> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body"> <!-- Conversations are loaded here --> <div class="direct-chat-messages" id="chatTxt"> <!-- Message. Default to the left --> <div class="direct-chat-msg"> <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-left">Alexander Pierce -> Sarah Bullock</span> <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="/templates/AdminLTE/dist/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img --> <div class="direct-chat-text"> Is this template really for free? That's unbelievable! </div> <!-- /.direct-chat-text --> </div> <!-- /.direct-chat-msg --> <!-- Message to the right --> <div class="direct-chat-msg right"> <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-right">Sarah Bullock</span> <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="/templates/AdminLTE/dist/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img --> <div class="direct-chat-text"> You better believe it! </div> <!-- /.direct-chat-text --> </div> <!-- /.direct-chat-msg --> </div> <!--/.direct-chat-messages--> </div> <!-- /.card-body --> <div class="card-footer"> <div class="form-group"> <label>Destinatário</label> <select class="form-control select2" style="width: 100%;" id="chatTxtDest"> <option value=-1>... Seleciona um destinatário</option> </select> </div> <div class="input-group"> <input type="text" id="chatTxtMsg" placeholder="Escreva a mensagem ..." class="form-control"> <span class="input-group-append"> <button type="button" class="btn btn-primary" onClick="addMsg()">Enviar</button> </span> </div> </div> <!-- /.card-footer--> </div> </section> </div> <!-- /.row (main row) --> </div> </div> <!-- ./wrapper --> <!-- REQUIRED SCRIPTS --> <!-- jQuery --> <script src="https://www.esmonserrate.org//templates/AdminLTE/plugins/jquery/jquery.min.js"></script> <!-- Bootstrap --> <script src="https://www.esmonserrate.org//templates/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- overlayScrollbars --> <script src="https://www.esmonserrate.org//templates/AdminLTE/dist/js/adminlte.js"></script> <!-- AdminLTE dashboard demo (This is only for demo purposes) --> <script src="https://www.esmonserrate.org//templates/AdminLTE/dist/js/pages/dashboard2.js"></script> <!--script src="https://www.esmonserrate.org//templates/AdminLTE/js/code/gestor.js"></script--> <script src="https://www.esmonserrate.org//js/code/chat.js"></script> <script> renderDestinatarios(); renderChat(); setInterval(renderChatNews, 2000); </script> </body> </html>