83 lines
2.6 KiB
Plaintext
83 lines
2.6 KiB
Plaintext
<div class="card chat-card">
|
|
<div class="card-block">
|
|
|
|
<div id="support-chat" class="col-md-12">
|
|
|
|
<div class="row m-b-20 send-chat">
|
|
<div class="col">
|
|
<div class="msg">
|
|
<p class="m-b-0">이건 보낸 채팅, 그러니까 고객이 문의한 내용을 보여 주는 겁니다.</p>
|
|
</div>
|
|
<p class="text-muted m-b-0"><i class="fa fa-clock-o m-r-10"></i>2020년 9월 2일 오전 9시 6분</p>
|
|
</div>
|
|
<div class="col-auto p-l-0">
|
|
<img src="/images/avatar-3.jpg" alt="user image" class="img-radius img-40"> 여기에 사용자 이름.
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row m-b-20 received-chat">
|
|
<div class="col-auto p-r-0">
|
|
<img src="/images/avatar-2.jpg" alt="user image" class="img-radius img-40">관리자 이름
|
|
</div>
|
|
<div class="col">
|
|
<div class="msg">
|
|
<p class="m-b-0">응답한 내용이 나옵니다. </p>
|
|
</div>
|
|
<p class="text-muted m-b-0"><i class="fa fa-clock-o m-r-10"></i>2020년 9월 2일 오전 9시 6분</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-12">
|
|
<div class="alert alert-info">
|
|
<strong>이걸로 대화를 종료 합니다. </strong>
|
|
<code>몇시간 전</code>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-icon-control">
|
|
<div class="input-group input-group-button">
|
|
<input id="support-message" type="text" class="form-control" placeholder="답변할 내용을 입력해 주세요.">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-primary waves-effect waves-light" type="button" onclick="doAllThingsInSafe('insert', {target: 'support:reply'})"><i class="feather icon-message-circle"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card-footer">
|
|
<div class="text-center">
|
|
|
|
|
|
<div class="col-md-12">
|
|
<nav aria-label="...">
|
|
<ul id="ul-pagination" class="pagination justify-content-center">
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="#" tabindex="-1">Prev</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active">
|
|
<a class="page-link" href="#">2 <span class="sr-only">(Current)</span></a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="#">Next</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|