webogram-i2p/app/partials/message.html

<div class="im_message_unread_split" ng-if="::historyUnreadAfter == historyMessage.id" ng-show="historyUnreadAfter == historyMessage.id">
  Unread messages
</div>

<div class="im_message_date_split im_service_message_wrap" ng-if="::historyMessage.needDate" ng-show="historyMessage.needDate">
  <div class="im_service_message" ng-bind="historyMessage.date | myDate"></div>
</div>

<div class="im_message_outer_wrap" ng-class="[ selectedMsgs[historyMessage.id] &amp;&amp; 'im_message_selected', historyMessage.grouped &amp;&amp; ('im_message_grouped' + historyMessage.grouped) , historyFocus == historyMessage.id &amp;&amp; 'im_message_focus']" ng-click="toggleMessage(historyMessage.id, $event)">


  <div class="im_message_wrap clearfix">

    <div class="im_service_message_wrap" ng-if="::historyMessage._ == 'messageService'">
      <div class="im_service_message">
        <a class="im_message_author" my-user-link="historyMessage.from_id"></a>
        <span class="im_message_service" my-service-message></span>
      </div>

      <a ng-if="::historyMessage.action._ == 'messageActionChatEditPhoto'" class="im_service_message_photo_thumb" href="" ng-click="openPhoto(historyMessage.action.photo.id)">
        <img
          class="im_service_message_photo_thumb"
          my-load-thumb
          thumb="historyMessage.action.photo.thumb"
        />
      </a>

    </div>

    <div ng-if="::historyMessage._ != 'messageService'" class="im_content_message_wrap" ng-class="{im_message_unread: historyMessage.unread, im_message_out: historyMessage.out, im_message_error: historyMessage.error, im_message_pending: historyMessage.pending, im_message_fwd: historyMessage._ == 'messageForwarded'}">
      <div class="im_content_message_select_area">
        <i class="icon icon-select-tick"></i>
      </div>

      <a class="im_message_error_btn" ng-if="::historyMessage.pending || historyMessage.error" ng-click="historyMessage.send()">
        <i class="icon-message-status" tooltip="Try again"></i>
      </a>

      <i ng-if="::historyMessage.unread || historyMessage.pending" class="icon-message-status" ng-class="{'icon-message-status-unread': historyMessage.unread, 'icon-message-status-pending': historyMessage.pending}" ng-show="!historyMessage.error"></i>

      <a class="im_message_from_photo pull-left" my-user-photolink="historyMessage.from_id" img-class="im_message_from_photo"></a>

      <div class="im_message_meta pull-right text-right">
        <i class="icon-message-status-tick"></i>
        <span class="im_message_date" ng-bind="::historyMessage.date | time"></span>
      </div>

      <div class="im_message_body" ng-class="{im_message_body_media: historyMessage._ == 'message' &amp;&amp; historyMessage.media &amp;&amp; historyMessage.media._ != 'messageMediaEmpty'}">

        <a class="im_message_author" my-user-link="historyMessage.from_id" short="!historyMessage.to_id.chat_id" color="historyMessage.to_id.chat_id > 0"></a>

        <div ng-if="::historyMessage._ == 'messageForwarded'" class="im_message_fwd_from">
          <a class="im_message_fwd_photo pull-left" my-user-photolink="historyMessage.fwd_from_id" img-class="im_message_fwd_photo"></a>
          <div class="im_message_fwd_author_wrap">
            <a class="im_message_fwd_author" my-user-link="historyMessage.fwd_from_id" short="true"></a><span class="im_message_fwd_date" ng-bind="historyMessage.fwd_date | dateOrTime"></span>
          </div>
        </div>

        <div ng-if="::historyMessage.media &amp;&amp; historyMessage.media._ != 'messageMediaEmpty'" class="im_message_media" ng-switch="historyMessage.media._">

          <div ng-switch-when="messageMediaPhoto"     my-message-photo></div>
          <div ng-switch-when="messageMediaVideo"     my-message-video></div>
          <div ng-switch-when="messageMediaDocument"  my-message-document></div>
          <div ng-switch-when="messageMediaAudio"     my-message-audio></div>
          <div ng-switch-when="messageMediaGeo"       my-message-map></div>
          <div ng-switch-when="messageMediaContact"   my-message-contact></div>
          <div ng-switch-when="messageMediaPending"   my-message-pending></div>

        </div>

        <div class="im_message_text" ng-if="::historyMessage.message.length" ng-bind-html="::historyMessage.richMessage"></div>
      </div>

    </div>
  </div>

</div>