webogram-i2p/app/partials/desktop/inline_results.html

<ul class="inline_results_wrap composer_dropdown">
  <li class="inline_result_wrap" ng-class="'inline_result_' + result.type" ng-repeat="result in botResults.results track by result.qID" ng-switch="result.type">

    <a ng-switch-when="gif" class="img_gif_with_progress_wrap" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._">
      <div class="inline_result_ind"></div>
      <div ng-switch-when="botInlineMediaResultDocument" ng-switch="result.document.url !== undefined" class="inline_result_gif_mtproto">
        <div ng-switch-when="true" ng-switch="result.document.mime_type == 'video/mp4'">
          <video ng-switch-when="true" width="{{result.thumbW}}" height="{{result.thumbH}}" loop autoplay class="img_gif_video">
            <source ng-src="{{result.document.url}}" type="video/mp4">
          </video>
          <img ng-switch-default class="img_gif_image" ng-src="{{result.document.url}}" width="{{result.thumbW}}" height="{{result.thumbH}}" />
        </div>
        <div ng-switch-default class="img_gif_image_wrap">
          <img class="img_gif_thumb" my-load-thumb thumb="result.document.thumb" width="{{result.thumbW}}" height="{{result.thumbH}}" />
        </div>
      </div>
      <div ng-switch-default ng-switch="result.contentUrl !== undefined" class="inline_result_gif_http">
        <div ng-switch-when="true" ng-switch="result.content_type == 'video/mp4'">
          <video ng-switch-when="true" width="{{result.thumbW}}" height="{{result.thumbH}}" loop autoplay class="img_gif_video">
            <source ng-src="{{result.contentUrl}}" type="video/mp4">
          </video>
          <img ng-switch-default class="img_gif_image" ng-src="{{result.contentUrl}}" width="{{result.thumbW}}" height="{{result.thumbH}}" />
        </div>
        <img ng-switch-default ng-if="result.thumbUrl !== undefined" class="img_gif_thumb" width="{{result.thumbW}}" height="{{result.thumbH}}" ng-src="{{result.thumbUrl}}" />
      </div>
    </a>

    <a ng-switch-when="photo" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._">
      <div class="inline_result_ind"></div>
      <div ng-switch-when="botInlineMediaResultPhoto" class="inline_result_photo_mtproto">
        <img
          class="inline_result_photo_image"
          my-load-thumb
          thumb="result.thumb"
          ng-style="::{width: result.thumbW, height: result.thumbH}"
        />
      </div>
      <div ng-switch-default ng-switch="result.contentUrl !== undefined" class="inline_result_photo_http">
        <img ng-switch-default ng-if="result.thumbUrl !== undefined" class="inline_result_photo_image" width="{{result.thumbW}}" height="{{result.thumbH}}" ng-src="{{result.thumbUrl}}" />
      </div>
    </a>

    <a ng-switch-default class="inline_result_article clearfix" data-inlineid="{{result.qID}}">
      <div class="inline_article_thumb_wrap pull-left" ng-switch="result.thumbUrl !== undefined">
        <img ng-switch-when="true" class="inline_article_thumb" ng-src="{{result.thumbUrl}}"/>
        <div ng-switch-default class="inline_article_thumb_initials" ng-bind="result.initials"></div>
      </div>
      <div class="inline_article_content_wrap">
        <div class="inline_article_title" ng-if="::result.title.length > 0" ng-bind-html="::result.rTitle"></div>
        <div class="inline_article_description" ng-if="::result.description.length > 0" ng-bind-html="::result.rDescription"></div>
        <div class="inline_article_url" ng-if="::result.url.length > 0" ng-bind="::result.url"></div>
      </div>
    </a>

  </li>
</ul>