66 lines
2.8 KiB
PHP
66 lines
2.8 KiB
PHP
|
||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css">
|
||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
<link rel="stylesheet" type="text/css" href="./chat/style.css">
|
||
|
||
<div id="body">
|
||
|
||
<div id="chat-circle" class="btn btn-raised">
|
||
<div id="chat-overlay"></div>
|
||
<!-- <i class="material-icons">speaker_phone</i> -->
|
||
<img src="assets/images/chat/chat-icon.png" alt="Chat Icon">
|
||
</div>
|
||
|
||
<div class="chat-box">
|
||
<div class="chat-box-header">
|
||
<div class="chat-user-email-div">
|
||
<!-- <img src="https://ui-avatars.com/api/?background=random&name=${user.email}" alt="" class="chat-user-email"> -->
|
||
<img src="//ui-avatars.com/api/?background=random&name=Tech4Biz" alt="Tech4Biz" class="chat-user-email">
|
||
<p>Tech4Biz</p>
|
||
</div>
|
||
<span class="chat-box-toggle"><i class="material-icons">close</i></span>
|
||
</div>
|
||
<div class="chat-box-body">
|
||
<div class="chat-box-overlay">
|
||
</div>
|
||
<div class="chat-logs" id="chat-logs">
|
||
|
||
</div>
|
||
<!--chat-log -->
|
||
</div>
|
||
<div class="chat-input">
|
||
<form autocomplete="off" id="chatForm" method="post" action="" (keyenter)="submit">
|
||
<input type="email" id="chat-input" placeholder="Send a message..."/>
|
||
<button type="submit" class="chat-submit" id="chat-submit"><i class="material-icons">send</i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="modal fade" id="myModal">
|
||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title">My Modal</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
...
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary mx-auto" data-dismiss="modal">Close</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||
<!-- <script src="https://164.92.112.47:5005/socket.io/socket.io.js"></script> -->
|
||
<script src="http://localhost:5005/socket.io/socket.io.js"></script>
|
||
|
||
<script type="text/javascript" src="./chat/script.js"></script>
|
||
|