mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-01-17 04:42:22 +01:00
30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<!-- The chat view -->
|
|
<section class="container">
|
|
<div class="page-header">
|
|
<h1>Chat Example</h1>
|
|
</div>
|
|
<!-- The message form -->
|
|
<form class="col-xs-12 col-md-offset-4 col-md-4" ng-submit="vm.sendMessage();">
|
|
<fieldset class="row">
|
|
<div class="input-group">
|
|
<input type="text" id="messageText" name="messageText" class="form-control" ng-model="vm.messageText" placeholder="Enter new message" autofocus>
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-primary" ng-disabled="!vm.messageText.length">Submit</button>
|
|
</span>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<ul class="list-unstyled">
|
|
<!-- List all messages -->
|
|
<li class="col-xs-12 col-md-offset-4 col-md-4 chat-message" ng-repeat="message in vm.messages">
|
|
<small class="pull-right text-muted" ng-bind="message.created | date:'mediumTime'"></small>
|
|
<img ng-src="/{{message.profileImageURL}}" alt="{{message.username}}" class="pull-left chat-profile-image" />
|
|
<div class="pull-left chat-message-details">
|
|
<strong ng-bind="message.username"></strong>
|
|
<br>
|
|
<span ng-bind="message.text"></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|