detail.html

<div class="row wrapper border-bottom white-bg">
    <div class="page-heading">
        <div class="col-lg-12">
            <h2>Detalle de mensaje</h2>
            <ol class="breadcrumb">
                <li>
                    <a ui-sref="home.index">Inicio</a>
                </li>
                <li>
                    <a ui-sref="messages.index">Mensajes</a>
                </li>
                <li class="active">
                    <strong>Detalle de mensaje</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox">
                    <div class="ibox-content wizard">
                        <div class="wizard">
                            <div class="content">
                                <fieldset>
                                    <label>Titulo:</label>
                                    <span>{{ vm.message.title }}</span>
                                    <br/>
                                    <label>Mensaje:</label>
                                    <span>{{ vm.message.body }}</span>
                                    <br/>
                                    <div ng-if="vm.message.place">
                                        <label>Lugar:</label>
                                        <span>{{ vm.message.place }}</span>
                                        <br/>
                                    </div>
                                    <div ng-if="vm.message.date">
                                        <label>Fecha:</label>
                                        <span>{{ vm.message.date | date:'dd-MM-yyyy HH:mm:ss' }}</span>
                                        <br/>
                                    </div>
                                    <label>Usuario que envia:</label>
                                    <span>{{ vm.message.sender.name }} {{ vm.message.sender.lastName }} {{ vm.message.sender.secondLastName }}</span>
                                    <br/>
                                    <label>Destinatarios:</label>
                                    <br/>
                                    <div ng-if="vm.message.receiver.groups.length > 0">
                                        <li>Grupos</li>
                                        <ul>
                                            <li ng-repeat="group in vm.message.receiver.groups">
                                                {{ group.name }}
                                            </li>
                                        </ul>
                                    </div>
                                    <div ng-if="vm.message.receiver.users.length >0">
                                        <li>Usuarios</li>
                                        <ul>
                                            <li ng-repeat="user in vm.message.receiver.users">
                                                {{ user.name }} {{ user.lastName }} {{ user.secondLastName }}
                                            </li>
                                        </ul>
                                    </div>
                                    <br/>
                                    <label>Fecha y hora de envio:</label>
                                    <span>{{ vm.message.createdDate | date:'dd-MM-yyyy HH:mm:ss' }}</span>
                                    <br/>
                                    <div ng-if="vm.message.attachments.length > 0">
                                        <label>Adjuntos:</label>
                                        <ul>
                                            <li ng-repeat="attachment in vm.message.attachments">
                                                <a href="{{ attachment.file }}" target="_blank">
                                                    {{ attachment.file }}
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </fieldset>
                                <div> <!--ng-if="vm.students"-->
                                    <div class="col-lg-8 text-right m-t">
                                        <form class="form-inline">
                                            <div class="form-group">
                                                <select name="status" ng-model="vm.query.status"
                                                    ng-options="status for status in vm.status"
                                                    class="form-control m-b">
                                                    <option ng-selected="true" value="">Seleccione</option>
                                                </select>
                                            </div>
                                            <button class="btn btn-primary m-b" ng-click="vm.search();">Filtrar</button>
                                        </form>
                                    </div>
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-content table-responsive">
                                            <table id="themeList" class="table table-striped table-bordered table-hover">
                                                <thead>
                                                    <tr>
                                                        <th>Usuario</th>
                                                        <th>Tutor</th>
                                                        <th>Estado</th>
                                                    </tr>
                                                </thead>
                                                <div ng-if="vm.message.receiver.groups.length > 0">
                                                    <tbody ng-repeat="student in vm.students">
                                                        <tr>
                                                            <td ng-if="vm.students.length == 0" colspan="3">Filtro sin resultados</td>
                                                        </tr>
                                                        <tr ng-repeat="student_group in student.usersReceivers" colspan="3">
                                                            <td>
                                                                {{ student_group.name }} {{ student_group.lastName }} {{ student_group.secondLastName }}
                                                            </td>
                                                            <td>
                                                                <span ng-if="student_group.tutors.length == 0">No Tiene un tutor vinculado</span>
                                                                <ul ng-repeat="parents in student_group.tutors">
                                                                    <li ng-if="parents"> {{ parents.name }} {{ parents.lastName }} {{ parents.secondLastName }}</li>
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <span ng-if="student.wasRead" style="color:green" class="glyphicon glyphicon-eye-open"> Leído</span>
                                                                <span ng-if="!student.wasRead" class="glyphicon glyphicon-eye-close"> No leído</span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                              </div>
                                              <tbody ng-if="vm.message.receiver.users.length > 0">
                                                  <tr ng-if="vm.students.length == 0">
                                                      <td colspan="3">Filtro sin resultados</td>
                                                  </tr>
                                                  <tr ng-repeat="student in vm.students">
                                                      <td>
                                                          {{ student.usersReceivers.name }} {{ student.usersReceivers.lastName }} {{ student.usersReceivers.secondLastName }}
                                                      </td>
                                                      <td>
                                                          <span ng-if="student.usersReceivers.tutors.length == 0 ">No Tiene un tutor vinculado</span>
                                                          <ul ng-repeat="parents in student.usersReceivers.tutors">
                                                              <li ng-if="parents"> {{ parents.name }} {{ parents.lastName }} {{ parents.secondLastName }}</li>
                                                          </ul>
                                                      </td>
                                                      <td>
                                                          <span ng-if="student.wasRead" style="color:green" class="glyphicon glyphicon-eye-open"> Leído</span>
                                                          <span ng-if="!student.wasRead" class="glyphicon glyphicon-eye-close"> No leído</span>
                                                      </td>
                                                  </tr>
                                            </tbody>
                                            </table>
                                            <div ng-include="$content.url('angular/commons/views/pagination.html')"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>