90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
|
<!-- Messages tab -->
|
||
|
|
<div class="global-message-tab-element">
|
||
|
|
<div class="cor-loader" ng-show="!messages"></div>
|
||
|
|
<div ng-show="messages">
|
||
|
|
<div class="manager-header" header-title="Messages">
|
||
|
|
<button class="create-button btn btn-primary" ng-click="showCreateMessage()">
|
||
|
|
<i class="fa fa-plus" style="margin-right: 6px;"></i>Create Message
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table class="cor-table">
|
||
|
|
<thead>
|
||
|
|
<td>Message</td>
|
||
|
|
<td style="options-cols"></td>
|
||
|
|
</thead>
|
||
|
|
|
||
|
|
<tr ng-repeat="message in messages" class="user-row">
|
||
|
|
<td>
|
||
|
|
{{ message.content }}
|
||
|
|
</td>
|
||
|
|
<td class="options-col">
|
||
|
|
<span class="cor-options-menu">
|
||
|
|
<span class="cor-option" option-click="showDeleteMessage(message.uuid)">
|
||
|
|
<i class="fa fa-times"></i> Delete Message
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div><!-- Messages tab -->
|
||
|
|
|
||
|
|
<!-- Modal delete message dialog -->
|
||
|
|
<div class="co-dialog modal fade" id="confirmDeleteMessageModal">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
|
|
<h4 class="modal-title">Delete Message?</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-danger" ng-click="deleteMessage(messageToDelete)">Delete Message</button>
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||
|
|
</div>
|
||
|
|
</div><!-- /.modal-content -->
|
||
|
|
</div><!-- /.modal-dialog -->
|
||
|
|
</div><!-- /.modal -->
|
||
|
|
|
||
|
|
<!-- Modal create message dialog -->
|
||
|
|
<div class="co-dialog modal fade" id="createMessageModal">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
|
|
<h4 class="modal-title">Create new message</h4>
|
||
|
|
</div>
|
||
|
|
<form name="createMessageForm" ng-submit="createNewMessage()">
|
||
|
|
<div class="modal-body" ng-show="createdMessage">
|
||
|
|
<table class="table">
|
||
|
|
<thead>
|
||
|
|
<th>Message</th>
|
||
|
|
</thead>
|
||
|
|
<tr class="user-row">
|
||
|
|
<td>{{ createdMessage.content }}</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body" ng-show="creatingMessage">
|
||
|
|
<div class="cor-loader"></div>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body" ng-show="!creatingMessage && !createdMessage">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Message</label>
|
||
|
|
<input class="form-control" type="text" ng-model="newMessage.content" required>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer" ng-show="createdMessage">
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer" ng-show="!creatingMessage && !createdMessage">
|
||
|
|
<button class="btn btn-primary" type="submit" ng-disabled="!createMessageForm.$valid">
|
||
|
|
Create Message
|
||
|
|
</button>
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div><!-- /.modal-content -->
|
||
|
|
</div><!-- /.modal-dialog -->
|
||
|
|
</div><!-- /.modal -->
|
||
|
|
</div>
|