latest_message.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <div class="latest-message" ng-class="{'show-draft': ctrl.showDraft(), 'is-typing': ctrl.isTyping(), 'is-hidden': ctrl.isHidden()}">
  2. <!-- Typing indicator -->
  3. <div class="left typing">
  4. <span translate>messenger.IS_TYPING</span>
  5. </div>
  6. <!-- Left aligned message content -->
  7. <div class="left no-draft no-typing no-hidden" ng-if="ctrl.message">
  8. <!-- If this receiver is a group, show contact name that sent last message. -->
  9. <span eee-message-contact
  10. ng-if="ctrl.isGroup" eee-contact="ctrl.contact"></span>
  11. <!-- For non-text-messages, show an icon. -->
  12. <span eee-message-icon
  13. ng-show="ctrl.showIcon" class="message-icon"
  14. eee-message="ctrl.message"></span>
  15. <!-- For voip status messages -->
  16. <eee-message-voip-status
  17. ng-if="ctrl.showVoipInfo"
  18. class="message-voip-status"
  19. eee-message="ctrl.message">
  20. </eee-message-voip-status>
  21. <!-- For text-messages, show message text excerpt. -->
  22. <span eee-message-text class="message-text" eee-message="ctrl.message"
  23. eee-multi-line="false"></span>
  24. </div>
  25. <div class="left hidden no-typing">
  26. <span class="message-text" translate>messenger.PRIVATE</span>
  27. </div>
  28. <div class="left draft no-typing no-hidden">
  29. <span class="message-text">{{ctrl.getDraft()}}</span>
  30. </div>
  31. <!-- Right aligned message metadata -->
  32. <div class="right">
  33. <span class="no-draft no-hidden">
  34. <span eee-message-date
  35. class="message-date" eee-message="ctrl.message"></span>
  36. <span eee-latest-message-state
  37. class="message-state"
  38. eee-message="ctrl.message"
  39. ng-show="!ctrl.defaultStatusIcon"></span>
  40. <span class="message-state"
  41. ng-show="ctrl.defaultStatusIcon">
  42. <i class="material-icons md-dark md-14">{{ ctrl.defaultStatusIcon }}</i>
  43. </span>
  44. </span>
  45. <span class="draft no-hidden">
  46. <span translate>messenger.DRAFT</span>
  47. </span>
  48. </div>
  49. </div>