<div class="files-control">
    <div class="btn-close">
        <div class="layout-fixed w-auto-i full-h">
            <div class="w40px clear">
                <button class="popup-back-button bg-transparent pd0-i biger-3-time block-i right close-audio" type="button" ng-click="closeFileViewer()">
                    <svg class="block h14px" viewBox="0 0 64 64"> <g> <path fill="#FFF" d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59   c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59   c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0   L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z" /> </g> </svg>
                </button>
            </div>
        </div>
    </div>
    <div class="thumb-view" ng-if="dataTypeFile">
        <div class="layout-fixed w-auto-i full-h">
            <div>
                <div class="checkbox-group-1 layout-fixed w-auto-i">
                    <div>
                        <input type="radio" name="rdPhotoViewer" value="" ng-click="changePhotoViewMode('hd')" ng-checked="modePhotoView == 'hd' "/>
                        <i>HD</i>
                    </div>
                    <div>
                        <input type="radio" name="rdPhotoViewer" value="" ng-click="changePhotoViewMode('thumb')" ng-checked=" modePhotoView == 'thumb' "/>
                        <i>Thumb</i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button type="button" class="control btn-prev" ng-click="prevSlide()" ng-show="activeIndex != 0">
        <svg class="block-i h24px" viewBox="0 0 64 64"> <path d="m45.539,63.41c0.394,0.394 0.908,0.59 1.424,0.59s1.031-0.197 1.424-0.59c0.787-0.787 0.787-2.061 0-2.848l-28.328-28.329 28.348-28.347c0.786-0.787 0.786-2.062 0-2.848-0.787-0.787-2.062-0.787-2.849,0l-29.736,29.735c-0.205,0.206-0.384,0.506-0.484,0.778-0.273,0.738-0.092,1.567 0.465,2.124l29.736,29.735z" /> </svg>
    </button>
    <button type="button" class="control btn-next" ng-click="nextSlide()" ng-show="activeIndex < countAllFilesOfAppHistory - 1">
        <svg class="block-i h24px" viewBox="0 0 64 64"> <path d="M44.152,32.024L15.824,60.353c-0.787,0.787-0.787,2.062,0,2.849c0.394,0.394,0.909,0.59,1.424,0.59   c0.515,0,1.031-0.196,1.424-0.59l29.736-29.736c0.557-0.557,0.718-1.439,0.445-2.177c-0.101-0.272-0.26-0.519-0.464-0.725   L18.652,0.828c-0.787-0.787-2.062-0.787-2.848,0c-0.787,0.787-0.787,2.061,0,2.848L44.152,32.024z" /> </svg>
    </button>
</div>
<ion-slides options="{ pagination: false }" delegate-handle="scrollEstimate" slider="dataSlider.slider">
    <ion-slide-page ng-repeat="item in estimateAppDetail" ng-if="noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.pdf_url, true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Estimate {{$index+1}} of {{estimateAppDetail.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="downloadFile(item.pdf_url)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in invoiceAppDetail" ng-if="noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.pdf_url, true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Invoice {{$index+1}} of {{invoiceAppDetail.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="downloadFile(item.pdf_url)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in allPhotoAppHistory" ng-if="!noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2 data-type-file" id="lgBoxOnViewer-{{item.id}}">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i" ng-if="modePhotoView == 'hd' ">
                    <div class="content-inner">
                        <div>
                            <img class="data-path-file" data-path-file="{{item.path}}" src="http://#">
                        </div>
                    </div>
                </div>
                <div class="content pd0-i" ng-if="modePhotoView == 'thumb' ">
                    <div class="content-inner">
                        <div>
                            <img class="data-path-file" data-path-file="{{item.thumb_path}}" src="http://#">
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Photo {{$index+1}} of {{allPhotoAppHistory.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="rotateImageOnViewer(item.id,'left')">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="block h18px" viewbox="0 0 481.95 481.95">
                                            <g id="rotate-left">
                                                <path class="active-path" d="M114.75,191.25l-35.7-35.7C56.1,186.15,40.8,219.3,38.25,255h51C91.8,232.05,102,211.65,114.75,191.25z M89.25,306h-51    c5.1,35.7,17.85,68.85,40.8,99.45l35.7-35.7C102,349.35,91.8,328.95,89.25,306z M114.75,441.15    c30.6,22.949,63.75,35.699,99.45,40.8v-51c-22.95-2.55-43.35-12.75-63.75-25.5L114.75,441.15z M265.2,79.05V0L150.45,114.75    L265.2,229.5v-99.45c71.4,12.75,127.5,73.95,127.5,150.45s-56.1,137.7-127.5,150.45v51c99.45-12.75,178.5-99.45,178.5-201.45    S364.65,91.8,265.2,79.05z" data-old_color="#000000" data-original="#000000" fill="#FFFFFF">
                                                </path>
                                            </g>
                                        </svg>
                                    </button>
                                </div>
                                <div class="w40px clear" ng-click="rotateImageOnViewer(item.id,'right')">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="block h18px" viewbox="0 0 481.95 481.95">
                                            <g id="rotate-right">
                                                <path class="active-path" d="M331.5,114.75L216.75,0v79.05C117.3,91.8,38.25,175.95,38.25,280.5s79.05,188.7,178.5,201.45v-51    C145.35,418.2,89.25,357,89.25,280.5s56.1-137.7,127.5-150.45v99.45L331.5,114.75z M443.7,255    c-5.101-35.7-17.851-68.85-40.8-99.45l-35.7,35.7c12.75,20.4,22.95,40.8,25.5,63.75H443.7z M267.75,430.95v51    c35.7-5.101,68.85-17.851,99.45-40.8l-35.7-35.7C311.1,418.2,290.7,428.4,267.75,430.95z M367.2,369.75l35.7,35.7    c22.949-30.601,38.25-63.75,40.8-99.45h-51C390.15,328.95,379.95,349.35,367.2,369.75z" data-old_color="#000000" data-original="#000000" fill="#FFFFFF">
                                                </path>
                                            </g>
                                        </svg>
                                    </button>
                                </div>
                                <div class="w40px clear" ng-click="deleteViewer(item,'photo')">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 59 59"> <path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289   C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h46c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M20.553,6   c0.112-1.048,0.435-2.496,1.24-3.319C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681   c0.805,0.823,1.128,2.271,1.24,3.319H20.553z" /> <path d="M10.456,54.021C10.493,55.743,11.565,59,15.364,59h28.272c3.799,0,4.871-3.257,4.907-4.958L50.376,10H8.624L10.456,54.021z    M17.5,42h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,42,17.5,42z M17.5,47h24c0.552,0,1,0.447,1,1   s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,47,17.5,47z M17.5,52h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24   c-0.552,0-1-0.447-1-1S16.948,52,17.5,52z" /> </svg>
                                    </button>
                                </div>
                                <div class="w40px clear" ng-click="downloadFile(item.path)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in estimateFile" ng-if="!noAttackClicked" >
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.invoice_no}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.pdf_url, true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Estimate {{$index+1}} of {{estimateFile.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="downloadFile(item.pdf_url)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in invoiceFile" ng-if="!noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.invoice_no}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.pdf_url, true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Invoice {{$index+1}} of {{invoiceFile.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="downloadFile(item.pdf_url)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in dataPdfFile" ng-if="!noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.path,true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <div class="layout-fixed full-h">
                        <div class="text-title-2 text-center pdL100">Pdf {{$index+1}} of {{dataPdfFile.length}}</div>
                        <div class="w100px clear">
                            <div class="layout-fixed w-auto-i right">
                                <div class="w40px clear" ng-click="deleteViewer(item,'photo')">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 59 59"> <path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289   C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h46c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M20.553,6   c0.112-1.048,0.435-2.496,1.24-3.319C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681   c0.805,0.823,1.128,2.271,1.24,3.319H20.553z" /> <path d="M10.456,54.021C10.493,55.743,11.565,59,15.364,59h28.272c3.799,0,4.871-3.257,4.907-4.958L50.376,10H8.624L10.456,54.021z    M17.5,42h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,42,17.5,42z M17.5,47h24c0.552,0,1,0.447,1,1   s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,47,17.5,47z M17.5,52h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24   c-0.552,0-1-0.447-1-1S16.948,52,17.5,52z" /> </svg>
                                    </button>
                                </div>
                                <div class="w40px clear" ng-click="downloadFile(item.path)">
                                    <button class="bg-transparent pd0-i biger-3-time right">
                                        <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-slide>
    </ion-slide-page>
    <ion-slide-page ng-repeat="item in otherFile" ng-if="!noAttackClicked">
        <ion-slide>
            <div class="box-file-viewer-2">
                <div class="title">
                    <div class="layout-fixed full-h">
                        <div class="pdLR40">
                            <div>{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="content pd0-i">
                    <div class="content-inner">
                        <div style="position: relative;" ng-if="item.extension != 'mp4' && item.extension != 'mov' && item.extension != 'MP4' && item.extension != 'MOV'">
                            <div style="background-color: transparent; height: 90vh; position: absolute; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; left: 0px; width: 12px; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 12px; position: absolute; top: 0px; width: 100vw; z-index: 2147483647;"></div>
                            <div style="background-color: #d1d1d1; height: 100vh; position: absolute; right: 0px; width: 12px; z-index: 2147483647;"></div>
                            <iframe class="data-path-file" data-path-file="{{trustSrc(item.path,true)}}" src="http://#" style="position:relative; min-height: 100vh;width: 100vw; background: #d1d1d1;" data-tap-disabled="true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                        <video width="400" height="240" controls ng-if="item.extension == 'mp4' || item.extension == 'mov' || item.extension == 'MP4' || item.extension == 'MOV' ">
                            <source class="data-path-file" src="http://#" data-path-file="{{trustSrc(item.path,false)}}" type="video/mp4">
                                <source class="data-path-file" src="http://#" data-path-file="{{trustSrc(item.path,false)}}" type="video/ogg">
                                  Your browser does not support the video tag.
                              </video> 
                          </div>
                      </div>
                      <div class="controls">
                        <div class="layout-fixed full-h">
                            <div class="text-title-2 text-center pdL100">File {{$index+1}} of {{otherFile.length}}</div>
                            <div class="w100px clear">
                                <div class="layout-fixed w-auto-i right">
                                    <div class="w40px clear" ng-click="deleteViewer(item,'photo')">
                                        <button class="bg-transparent pd0-i biger-3-time right">
                                            <svg class="h20px clr-symbol-clickable" viewBox="0 0 59 59"> <path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289   C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h46c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M20.553,6   c0.112-1.048,0.435-2.496,1.24-3.319C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681   c0.805,0.823,1.128,2.271,1.24,3.319H20.553z" /> <path d="M10.456,54.021C10.493,55.743,11.565,59,15.364,59h28.272c3.799,0,4.871-3.257,4.907-4.958L50.376,10H8.624L10.456,54.021z    M17.5,42h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,42,17.5,42z M17.5,47h24c0.552,0,1,0.447,1,1   s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,47,17.5,47z M17.5,52h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24   c-0.552,0-1-0.447-1-1S16.948,52,17.5,52z" /> </svg>
                                        </button>
                                    </div>
                                    <div class="w40px clear" ng-click="downloadFile(item.path)">
                                        <button class="bg-transparent pd0-i biger-3-time right">
                                            <svg class="h20px clr-symbol-clickable" viewBox="0 0 490 490"> <path d="M245,0c-9.5,0-17.2,7.7-17.2,17.2v331.2L169,289.6c-6.7-6.7-17.6-6.7-24.3,0s-6.7,17.6,0,24.3l88.1,88.1     c3.3,3.3,7.7,5,12.1,5c4.4,0,8.8-1.7,12.1-5l88.1-88.1c6.7-6.7,6.7-17.6,0-24.3c-6.7-6.7-17.6-6.7-24.3,0L262,348.4V17.1     C262.1,7.6,254.5,0,245,0z" /> <path d="M462.1,472.9v-99.7c0-9.5-7.7-17.2-17.2-17.2s-17.2,7.7-17.2,17.2v82.6H62.2v-82.6c0-9.5-7.7-17.2-17.1-17.2     s-17.2,7.7-17.2,17.2v99.7c0,9.5,7.7,17.1,17.2,17.1h399.8C454.4,490,462.1,482.4,462.1,472.9z" /> </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-slide>
        </ion-slide-page>
        <ion-slide-page ng-if="selectedApp.audio.recordingfile != null && selectedApp.audio.recordingfile != '' ">
            <ion-slide>
                <div class="box-file-viewer-2">
                    <div class="title">
                        <div class="layout-fixed full-h">
                            <div class="pdLR40">
                                <div>Call Audio</div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="content-inner" style="width: 320px">
                            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                                <div class="box-setting-4 form-field-container no-saperator rounded-15">
                                    <div class="content content-in">
                                        <div class="itm">
                                            <div class="text-title-5 text-center">Call detail</div>
                                        </div>
                                        <div class="itm">
                                            <div class="text-title-4 text-center">{{selectedApp.audio.call_time}}</div>
                                            <div class="text-title-4 text-center mgT5">{{selectedApp.audio.caller_id}}</div>
                                        </div>
                                        <div class="itm">
                                            <div class="text-title-4 text-center">Leadsource:</div>
                                            <div class="text text-center mgT5">{{selectedApp.audio.leadsource}}</div>
                                        </div>
                                        <div class="itm">
                                            <div class="w300px center" id="callRecordAudioAreaHistory"></div>
                                        </div>
                                    </div>
                                </div>
                            </ion-scroll>
                        </div>
                    </div>
                    <div class="controls">
                        <div class="layout-fixed full-h">
                            <div class="clear">
                                <div class="layout-fixed w-auto-i right">
                                    <div class="w40px clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-slide>
        </ion-slide-page>
        <ion-slide-page ng-if="viewStatusLogCounter">
            <ion-slide>
                <div class="box-file-viewer-2">
                    <div class="title">
                        <div class="layout-fixed full-h">
                            <div class="pdLR40">
                                <div>Status Logs</div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="content-inner" style="width: 320px">
                            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                                <div class="box-setting-4 form-field-container no-saperator rounded-15">
                                    <div class="content content-in">
                                        <div class="itm">
                                            <div class="layout-fixed">
                                                <div class="text-title-4 pdL10">
                                                    Appointment Status
                                                </div>
                                                <div class="w120px text-title-4 pdL10">
                                                    Time
                                                </div>
                                            </div>
                                        </div>
                                        <div class="itm row-one-content">
                                            <div class="layout-fixed" ng-repeat="item in selectedApp.status.status_log">
                                                <div>
                                                    <div class="layout-fixed w-auto-i h30px pdLR10" style="background: #3480bb">
                                                        <div class="text-title-4 w120px">{{item.name}}</div>
                                                    </div>
                                                </div>
                                                <div class="w120px text-title-4">
                                                    <div class="layout-fixed w-auto-i h30px pdLR10" style="background: #3480bb">
                                                        <div class="text-title-4 w60px">{{item.jobstatus_date}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </ion-scroll>
                        </div>
                    </div>
                    <div class="controls">
                        <div class="layout-fixed full-h">
                            <div class="clear">
                                <div class="layout-fixed w-auto-i right">
                                    <div class="w40px clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-slide>
        </ion-slide-page>
        <ion-slide-page ng-if="viewDispathLogCounter">
            <ion-slide>
                <div class="box-file-viewer-2">
                    <div class="title">
                        <div class="layout-fixed full-h">
                            <div class="pdLR40">
                                <div>Dispatch Logs</div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="content-inner">
                            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                                <div class="box-setting-4 form-field-container no-saperator rounded-15">
                                    <div class="content content-in stripe-1">
                                        <div class="itm row-one-content" ng-repeat="item in selectedApp.dispatchlogs.data">
                                            <div class="layout-fixed">
                                                <div class="w50px v-top-i">
                                                    <div class="box-image-thumnail-2 w40px h40px">
                                                        <a class="image-outer" href="javascript:void(0)">
                                                            <img ng-src="{{getImage(item.from_user)}}" />
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="v-top-i">
                                                    <div class="name clr-clickable first-capitalize nowrap">{{item.room_name}}</div>
                                                    <div class="text">{{item.contents}}</div>
                                                    <div class="layout-fixed w-auto-i baseline mgT8">
                                                        <div class="subname clr-black capitalize ng-binding">{{item.user_name}}</div>
                                                        <div class="text-date-1 pdL4 pdR2">at</div>
                                                        <div class="text-date-1 lowercase ng-binding">{{item.servertime}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </ion-scroll>
                        </div>
                    </div>
                    <div class="controls">
                        <div class="layout-fixed full-h">
                            <div class="clear">
                                <div class="layout-fixed w-auto-i right">
                                    <div class="w40px clear">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-slide>
        </ion-slide-page>
    </ion-slides>
    <style type="text/css" media="screen">
        .scroll-wrapper {
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }
        .scroll-wrapper iframe {

        }
        .demo-iframe-holder {
            position: fixed; 
            right: 0; 
            bottom: 0; 
            left: 0;
            top: 0;
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }

        .demo-iframe-holder iframe {
            height: 100%;
            width: 100%;
        }
    </style>
