snippet/3.12.1/templates/cd4ab380f3d41616949b.html

   1 <div class="container-media-viewer">
   2   <div
   3     ng-if="$ctrl.source"
   4     ng-switch="$ctrl.type | typeFromMimeType"
   5     class="attachment media-container"
   6     ng-style="{'width': $ctrl.size.width, 'height': $ctrl.size.height }"
   7   >
   8     <img
   9       ng-switch-when="image"
  10       adjust-img-size
  11       class="media-photo"
  12       ng-src="{{$ctrl.source}}"
  13       ng-style="{'opacity' : ($ctrl.hover === true) ? .75 : 1}"
  14     />
  15
  16     <video
  17       ng-switch-when="video"
  18       adjust-video-size
  19       playsinline="true"
  20       controls
  21       disablepictureinpicture
  22       controlslist="nodownload nofullscreen noplaybackrate"
  23       class="media-video"
  24       ng-click="$ctrl.onVideoClick($event)"
  25       ng-src="{{$ctrl.source}}"
  26     ></video>
  27     <md-button
  28       title="{{settings.closingMessageButton}}"
  29       class="md-raised media-container-download-button"
  30       ng-click="$ctrl.downloadMedia()"
  31       ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textButtonColor || settings.textColor}}'}"
  32     >
  33       <i class="mdi mdi-download mdi-24px"></i>
  34     </md-button>
  35   </div>
  36 </div>