103 lines
5.2 KiB
Plaintext
103 lines
5.2 KiB
Plaintext
@page "/Ticket"
|
|
@layout PanelLayout
|
|
|
|
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<div class="container">
|
|
<div class="row clearfix">
|
|
<div class="col-lg-12">
|
|
<div class="card chat-app">
|
|
<div id="plist" class="people-list">
|
|
<ul class="list-unstyled chat-list mt-2 mb-0">
|
|
<li class="clearfix">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Vincent Porter</div>
|
|
<div class="status"> <i class="fa fa-circle offline"></i> left 7 mins ago </div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix active">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar2.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Aiden Chavez</div>
|
|
<div class="status"> <i class="fa fa-circle online"></i> online </div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar3.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Mike Thomas</div>
|
|
<div class="status"> <i class="fa fa-circle online"></i> online </div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar7.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Christian Kelly</div>
|
|
<div class="status"> <i class="fa fa-circle offline"></i> left 10 hours ago </div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar8.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Monica Ward</div>
|
|
<div class="status"> <i class="fa fa-circle online"></i> online </div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar3.png" alt="avatar">
|
|
<div class="about">
|
|
<div class="name">Dean Henry</div>
|
|
<div class="status"> <i class="fa fa-circle offline"></i> offline since Oct 28 </div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="chat">
|
|
<div class="chat-header clearfix">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="chat-about">
|
|
<h6 class="m-b-0">Aiden Chavez</h6>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="chat-history">
|
|
<ul class="m-b-0">
|
|
<li class="clearfix">
|
|
<div class="message other-message"> Hi Aiden, how are you? How is the project coming along? </div>
|
|
<div class="message-data">
|
|
<span class="message-data-time">10:10 AM, Today</span>
|
|
</div>
|
|
</li>
|
|
<li style="text-align:left;" class="clearfix">
|
|
<div>
|
|
<div class="message my-message">Are we meeting today?</div>
|
|
<div class="message-data">
|
|
<span style="text-align:right;" class="message-data-time">10:12 AM, Today</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="chat-message clearfix">
|
|
<div class="input-group mb-0">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text"><i class="fa fa-send"></i></span>
|
|
</div>
|
|
<input type="text" class="form-control" placeholder="Enter text here...">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.bundle.min.js"></script>
|