1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <template>
- <div class="card direct-chat direct-chat-warning">
- <div class="card-header">
- <h3 class="card-title">Feeds View</h3>
- <div class="card-tools">
- <span data-toggle="tooltip" title="3 New Messages" class="badge badge-warning">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-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">
- <i class="fas fa-comments"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="direct-chat-messages">
- <div class="direct-chat-msg">
- <div class="direct-chat-infos clearfix">
- <span class="direct-chat-name float-left">Alexander Pierce</span>
- <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
- </div>
- <img class="direct-chat-img" src="@/assets/img/user1-128x128.jpg" alt="message user image">
- <div class="direct-chat-text">
- Is this template really for free? That's unbelievable!
- </div>
- </div>
- <!-- 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>
- <img class="direct-chat-img" src="@/assets/img/user3-128x128.jpg" alt="message user image">
- <div class="direct-chat-text">
- You better believe it!
- </div>
- </div>
- </div>
- </div>
- <div class="card-footer">
- <form action="javascript://" method="post">
- <div class="input-group">
- <input type="text" name="message" placeholder="Who ru looking for?" class="form-control">
- <span class="input-group-append">
- <button type="button" class="btn btn-warning">Search</button>
- </span>
- </div>
- </form>
- </div>
- </div>
- </template>
- <script>
- export default {
- //
- }
- </script>
|