--- /dev/null
+<div class="container-media-viewer">
+ <div
+ ng-if="$ctrl.source"
+ ng-switch="$ctrl.type | typeFromMimeType"
+ class="attachment media-container"
+ ng-style="{'width': $ctrl.size.width, 'height': $ctrl.size.height }"
+ >
+ <img
+ ng-switch-when="image"
+ adjust-img-size
+ class="media-photo"
+ ng-src="{{$ctrl.source}}"
+ ng-style="{'opacity' : ($ctrl.hover === true) ? .75 : 1}"
+ />
+
+ <video
+ ng-switch-when="video"
+ adjust-video-size
+ playsinline="true"
+ controls
+ disablepictureinpicture
+ controlslist="nodownload nofullscreen noplaybackrate"
+ class="media-video"
+ ng-click="$ctrl.onVideoClick($event)"
+ ng-src="{{$ctrl.source}}"
+ ></video>
+ <md-button
+ title="{{settings.closingMessageButton}}"
+ class="md-raised media-container-download-button"
+ ng-click="$ctrl.downloadMedia()"
+ ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textButtonColor || settings.textColor}}'}"
+ >
+ <i class="mdi mdi-download mdi-24px"></i>
+ </md-button>
+ </div>
+</div>