<div data-ng-include="'views/header.html'"></div><div class="container" style="color:black;"><div my-title title="{{'Conversa com o diretor de turma' | translate}}" obs></div><div class="row clearfix"><div class="col-lg-12"><div class="card chat-app"><div id="plist" class="people-list"><input type="text" class="form-control" placeholder="Pesquisar..." style="margin-bottom: 20px;"><ul class="list-unstyled chat-list mt-2 mb-0"><li class="clearfix" style="display: flex; align-items: center;" data-ng-class="chat.contactoSelecionado == contacto ? 'active' : ''" data-ng-repeat="contacto in chat.contactos" data-ng-click="chat.selecionaContacto(contacto)"><img src="https://cdn-icons-png.flaticon.com/512/149/149071.png" alt="avatar"><div class="about"><div class="name">{{contacto.Nome}}</div><div class="disciplina cut-text-disciplina">{{contacto.Disciplina}}</div></div></li></ul></div><div class="chat"><div class="chat-header clearfix" data-ng-if="chat.contactoSelecionado"><div class="row"><div class="col-lg-6" style="display: flex; align-items: center;"><a href="javascript:void(0);" data-toggle="modal" data-target="#view_info"><img src="https://cdn-icons-png.flaticon.com/512/149/149071.png" alt="avatar"></a><div class="chat-about"><div class="about"><div class="name">{{chat.contactoSelecionado.Nome}}</div><div class="disciplina">{{chat.contactoSelecionado.Disciplina}}</div></div></div></div></div></div><div id="chatHistory" class="chat-history"><ul id="chatHistory" class="m-b-0" data-ng-if="chat.mensagens && chat.mensagens.length > 0"><li class="clearfix" data-ng-repeat="m in chat.mensagens"><div class="message-data" data-ng-class="m.Posicao == 'right' ? 'message-data-right' : 'message-data-left'"><img alt="avatar" data-ng-if="m.Posicao == 'right'" data-ng-src="data:image/JPEG;base64,{{ chat.identificacao.Avatar }}"> <span class="message-data-time">{{m.DataEnvioStr}}</span></div><div class="message" data-ng-class="m.Posicao == 'right' ? 'my-message float-right' : 'other-message'">{{m.Mensagem}}</div></li></ul><div style="height: 325px; display: flex; justify-content: center; align-items: center;" data-ng-if="!chat.mensagens || chat.mensagens.length == 0"><h4>Sem mensagens para mostrar</h4></div></div><div class="chat-message clearfix" style="display: flex;" data-ng-if="chat.contactoSelecionado"><input type="text" class="form-control" placeholder="Insira o texto..." data-ng-keypress="chat.onKeyPress($event)" data-ng-model="chat.mensagem"> <button type="button" class="btn blue pull-right" style="margin-left: 10px;" data-ng-disabled="!chat.mensagem || !chat.contactoSelecionado" data-ng-click="chat.enviar()">Enviar</button></div></div></div></div></div></div><div data-ng-include="'views/footer.html'"></div>