<div class="modal-body bg-white text-black-50" id="modal-body">
    <div>
        <img src="images/ui/file-default.png"/>
        <span>{{name}}</span>
        <button aria-label="Close" class="close mx-1" data-dismiss="modal" ng-click="onClose()" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class=" col-12 view-online my-viewer vh-90" ng-class="(showType === -1 || showType === 1 || showType === 3) ? '': 'my-custom-scrollbar scrollbar-info'">
        <div class="w-100 text-center" ng-show="showType === -1">
            <image alt="Loading..." class="img-loading" ng-show="loadingModal"
                   src="images/loadder/loading-white.gif"></image>
            <p class="center-el" ng-i18next="view_online.not_support" ng-show="showType === -1">
                {{'VIEW_ONLINE.NOT_SUPPORT_FILE' | translate}}
            </p>
        </div>

        <!--document view-->
        <iframe class="w-100 h-100" frameborder="0" ng-if="showType === 1" ng-src="{{currentUrl}}"></iframe>

        <!--image-->
        <image class="w-100 bg-white" ng-if="showType === 2" ng-src="{{currentUrl}}" ></image>

        <!--mp4-->
        <div class="row mt-5 "  ng-if="showType === 3">
            <div class="col-12 text-center">
                <label class="form-control-static">
                    <i aria-hidden="true"
                       class="fa fa-soundcloud fa-4x text-info"></i>
                </label>
            </div>
            <div class="col-12 text-center">
                <audio autoplay="autoplay" controls ng-src="{{currentUrl}}" preload="metadata">
                    {{'VIEW_ONLINE.NOT_SUPPORT_AUDIO' | translate}}
                </audio>
            </div>
        </div>

        <!--plan text/video-->
        <div class="text-center" ng-if="showType === 4">
            <video autoplay="autoplay" class="w-75" controls ng-src="{{currentUrl}}" preload="metadata">
                {{'VIEW_ONLINE.NOT_SUPPORT_VIDEO' | translate}}
            </video>
        </div>

    </div>
</div>

