Aspert

<table class="table">
        <thead class="table-header gallery-header">
        <tr>
            <th></th>
            <th sortByProperty="Name"><a href="#">Nome</a><i class="mdi mdi-chevron-up"></i></th>
            <th sortByProperty="Size"><a href="#">Tamanho</a><i class="mdi"></i></th>
            <th sortByProperty="CreatedInDateValues"><a href="#">Criado em</a><i class="mdi"></i></th>
            <th sortByProperty="LastUpdateDateValues"><a href="#">Modificado em</a><i class="mdi"></i></th>
            <th></th>
        </tr>
        </thead>
        <tbody>
            {for folder in Folder.SubFolders}
                <tr class="table-row folderItem" folderId="${folder.Id}">
                    <td class="table-icon">
                        <div class="file-icon iconAspert-folder"></div>
                    </td>
                    <td>
                        <span class="table-file-name">${folder.Name}</span>
                    </td>
                    <td class="table-file-size desktop">${formatter.fileSize(folder.Size)}</td>
                    <td class="table-file-date-created desktop">${formatter.dateValuesShort(folder.CreatedInDateValues)} ${formatter.timeValueCompleteShort(folder.CreatedInDateValues)}</td>
                    <td class="table-file-date-modified desktop"></td>
                    <td class="table-file-star"><i class="mdi star-click mdi-star-outline"></i></td>
                </tr>
            {/for}
            {for file in Files}
                <tr class="table-row fileItem" fileId="${file.Id}">
                    <td class="table-icon">
                        <div class="file-icon iconAspert-${Global.interfaceData.Enums.FileTypesEnum[file.Type].toLowerCase()}"></div>
                    </td>
                    <td>
                        <span class="table-file-name">${file.Name}</span>
                        <p class="table-file-info">
                            <span class="table-file-size mobile">${formatter.fileSize(file.Size)}, </span>
                            <span class="table-file-date-modified mobile">${formatter.dateValuesShort(file.LastUpdateDateValues)}</span>
                        </p>
                    </td>
                    <td class="table-file-size desktop">${formatter.fileSize(file.Size)}</td>
                    <td class="table-file-date-created desktop">${formatter.dateValuesShort(file.CreatedInDateValues)} ${formatter.timeValueCompleteShort(file.CreatedInDateValues)}</td>
                    <td class="table-file-date-modified desktop">${formatter.dateValuesShort(file.LastUpdateDateValues)} ${formatter.timeValueCompleteShort(file.LastUpdateDateValues)}</td>
                    <td class="table-file-star">
                        <i class="mdi mdi-checkbox-marked-circle approved-icon {if file.Approved === false} not-approved-icon{/if}" {if file.Approved === null}style="display:none"{/if}></i>
                        <i class="mdi mdi-lock checkedout-icon" {if !file.CheckedOutById}style="display:none"{/if}></i>
                        <i class="mdi star-click mdi-star-outline"></i>
                    </td>
                </tr>
            {/for}
        </tbody>
    </table>

{for folder in Folder.SubFolders}
    {if folder.Name != '_folderCoverRepository'}
    <div class="gallery-item-area folderItem" folderId="${folder.Id}" folderCoverFileId="${folder.FolderCoverFileId}">
        <div class="checkbox-item-gallery"><i class="mdi checkbox-gallery mdi-checkbox-blank-circle-outline"></i></div>
        {if folder.FolderCoverFileId == null}
            <div class="gallery-item">
                <img src="https://aspertfileshandlerw2.aspert.net.br/StaticThumbImages/Gray_thumbnail-folder.png">
            </div>
        {else}
            {if folder.FolderCoverFile.Status != Global.interfaceData.Enums.FileStatusesTypesEnum.Finalized}
                <div class="gallery-item">
                    <div class="wrapper-loader-img-folder" src-original="https://aspertfileshandlerw2.aspert.net.br/FolderCoverThumb.ashx?id=${folder.FolderCoverFile.Id}&securityToken=&i=&cacheOnly=${folder.LastUpdateTicks}&index=0&historyId=&publicKey=194%7c12169%7c3197%7crvSK7IV9XPrw3fcxdyPOw">
                        <div class="loader-mask">
                            <img src="https://aspertfileshandlerw2.aspert.net.br/StaticThumbImages/aspert-load-fundo-claro.gif">
                        </div>
                    </div>
                </div>
            {else}
                <div class="gallery-item">
                    <img src="https://aspertfileshandlerw2.aspert.net.br/StaticThumbImages/Gray_thumbnail-folder.png">
                </div>
            {/if}
        {/if}

<div class="item-name" data-toggle="tooltip" data-placement="bottom" title="${folder.Name}">
            <div class="ellipsis">
                <p>
                    <i class="gallery-file-star mdi star-gallery mdi-star-outline"></i>
                    ${folder.Name}
                </p>
            </div>
        </div>
    </div>
    {/if}
    {/for}
    {for file in Files}
        <div class="gallery-item-area fileItem" fileId="${file.Id}">
            <div class="checkbox-item-gallery"><i class="mdi checkbox-gallery mdi-checkbox-blank-circle-outline"></i></div>
            <div class="gallery-item {if !Global.isStaticImage(file)} transparent{/if}">
                {if file.Status != Global.interfaceData.Enums.FileStatusesTypesEnum.Finalized}
                    <div class="wrapper-loader" src-original="https://aspertfileshandlerw2.aspert.net.br/FileThumb.ashx?id=${file.Id}&securityToken=&i=&cacheOnly=${file.LastUpdateTicks}&index=0&historyId=&publicKey=194%7c12169%7c3197%7crvSK7IV9XPrw3fcxdyPOw">
                      <div class="loader-mask">
                        <img src="https://aspertfileshandlerw2.aspert.net.br/StaticThumbImages/aspert-load-fundo-claro.gif">
                      </div>  
                    </div>
                {else}
                    <img class="gallery-item-img " data-original="https://aspertfileshandlerw2.aspert.net.br/FileThumb.ashx?id=${file.Id}&securityToken=&i=&cacheOnly=${file.LastUpdateTicks}&index=0&historyId=&publicKey=194%7c12169%7c3197%7crvSK7IV9XPrw3fcxdyPOw">
                    {if file.ThumbsCount > 1}<div class="images-counter-controls thumb-pages-navegation"></div>{/if}
                {/if}
                <i class="item-approved approved-icon {if file.Approved === false} not-approved-icon{/if}" {if file.Approved === null}style="display:none"{/if}></i>
            </div>
            <div class="item-name" data-toggle="tooltip" data-placement="bottom" title="${file.Name}">
                <div class="ellipsis">
                    <p>
                        <i class="gallery-file-star mdi star-gallery mdi-star-outline"></i>
                        <i class="mdi mdi-lock lock-gallery checkedout-icon" {if !file.CheckedOutById}style="display:none"{/if}></i>
                        ${file.Name}
                    </p>
                </div>
            </div>
        </div>
    {/for}

{if ThumbsCount > 1 && Type != 2}
        <div class="slide-navigation noselect">
            <div class="button-prev prev">
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.755 10.11"><polygon points="8.755,0 0,5.055 8.755,10.11 "></polygon></svg>
            </div> 
            </div>
            <div class="button-next next">
            <div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.755 10.11"><polygon points="0,10.11 8.755,5.055 0,0 "></polygon></svg>
            </div>
            </div>  
        </div>
    {/if}

<ul class="menu-item-action clearfix">
            <li class="disableOnCheckedOut downloadBtn" data-toggle="modal" data-target=".modal-downloadOptions"><a href="#"><i class="mdi mdi-cloud-download"></i><p>Download</p></a></li>

<li class="disableOnCheckedOut">
                <ul class="list-inline approval-buttons">
                    <li><a href="#"><i class="btnApprove approved mdi mdi-check"></i></a></li>
                    <li><a href="#"><i class="btnApprove notApproved mdi mdi-close not-approved-btn"></i></a></li>
                </ul>
                <a href="#" class="approval-label"><p>Aprovação</p></a>
            </li>
        </ul>

<div class="accordion-all">
            <div class="single">
                <div class="title accordion-title">Informações do arquivo</div>
                <div class="content accordion-content clearfix">
                    <div class="acc info">
                        <h6>Nome</h6>
                        <p class="fileNameContainer">${Name}</p>
                    </div>
                    <div class="{if !CheckedOut}hide{/if} acc info">
                        <h6>Bloqueado por</h6>
                        <p>{if CheckedOut}${CheckedOutBy.Name}{/if}</p>
                    </div>               
                    <div class="acc info">
                        <h6>Tamanho</h6>
                        <p>${formatter.fileSize(Size)}</p>
                    </div>
                    {if Width}
                        <div class="acc info">
                            <h6>Largura</h6>
                            <p>${Width} px</p>
                        </div>
                        <div class="acc info">
                            <h6>Altura</h6>
                            <p>${Height} px</p>
                        </div>
                    {/if}
                    <div class="acc info">
                        <h6>Modificado em</h6>
                        <p>${formatter.dateTimeValuesComplete(LastUpdateDateValues)}</p>
                    </div>
                    <div class="acc info">
                        <h6>Modificado por</h6>
                        <p>${LastUpdatedBy.Name}</p>
                    </div>
                    <div class="acc info">
                        <h6>Criado em</h6>
                        <p>${formatter.dateTimeValuesComplete(CreatedInDateValues)}</p>
                    </div>
                    <div class="acc info">
                        <h6>Criado por</h6>
                        <p>${CreatedBy.Name}</p>
                    </div>
                    <div class="acc info">
                        <h6>Visualizações</h6>
                        <p>${Views}</p>
                    </div>
                </div>
            </div>
            {if Approved !== null}
                <div class="single">
                    <div class="title accordion-title">Aprovação</div>
                    <div class="content accordion-content clearfix">
                        <div class="acc info">
                            <h6>Data</h6>
                            <p>${formatter.dateTimeValuesComplete(ApprovedInDateValues)}</p>
                        </div>
                        <div class="acc info">
                            <h6>{if Approved}Aprovado por{else}Não aprovado por{/if}</h6>
                            <p>${ApprovedByName}</p>
                        </div>
                        {if ApprovalText}
                            <div class="acc info">
                                <h6>Mensagem</h6>
                                <p>${ApprovalText}</p>
                            </div>
                        {/if}
                    </div>
                </div>
            {/if}
            {if Folder.Permissions.Metadatas != Global.interfaceData.Enums.PermissionValueTypesEnum.NotAllowed}
                <div class="single">
                    <div class="title accordion-title">Metadados</div>
                    <div class="content accordion-content clearfix metadados">
                            <div class="acc meta" metadataPropertyName="AudioAlbum">
                                <h6>Album</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioAlbumArtist">
                                <h6>Artista</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioArtist">
                                <h6>Artista</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioCompose">
                                <h6>Compositor</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioFormat">
                                <h6>Formato</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioGenre">
                                <h6>Genre</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioPublisher">
                                <h6>Publicadora</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioTitle">
                                <h6>Título</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="AudioTrack">
                                <h6>Faixa</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="Bitrate">
                                <h6>Bit rate</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="CreationDateValues">
                                <h6>Data de criação</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="UpdateDateValues">
                                <h6>Data de atualização</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocSubject">
                                <h6>Assunto</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocCategory">
                                <h6>Categoria</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocComents">
                                <h6>Comentários</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocCompany">
                                <h6>Empresa</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocContentStatus">
                                <h6>Status do conteúdo</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocContentType">
                                <h6>Tipo do conteúdo</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocCreator">
                                <h6>Criador</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocDescription">
                                <h6>Descrição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocIdentifier">
                                <h6>Identificador</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocLanguage">
                                <h6>Idioma</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocCharactersCount">
                                <h6>Quantidade de caracteres</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocLinesCount">
                                <h6>Quantidade de linhas</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocWordsCount">
                                <h6>Quantidade de palavras</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocParagraphs">
                                <h6>Paragrafos</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocRevision">
                                <h6>Revisão</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocLastUserUpdate">
                                <h6>Último a atualizar</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="DocVersion">
                                <h6>Versão</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="Duration">
                                <h6>Duração</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifApertureValue">
                                <h6>Valor de abertura</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifColorSpace">
                                <h6>Espaço de cor</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifComponentsConfiguration">
                                <h6>Configuração dos componentes</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifCompressedBitsPerPixel">
                                <h6>Bits por pixel comprimidos</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifContrast">
                                <h6>Contraste</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifCustomRendered">
                                <h6>Renderizado customizado</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifDateTimeDigitized">
                                <h6>Data de digitalização</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifDateTimeOriginal">
                                <h6>Data original</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifDigitalZoomRatio">
                                <h6>Digital zoom ratio</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifExifVersion">
                                <h6>Versão do exif</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifExposureBiasValue">
                                <h6>Valor da compensação de exposição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifExposureMode">
                                <h6>Modo de exposição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifExposureProgram">
                                <h6>Programa de exposição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifExposureTime">
                                <h6>Tempo de exposição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFileSource">
                                <h6>Fonte do arquivo</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash">
                                <h6>Flash</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash_Fired">
                                <h6>Flash disparado</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash_Function">
                                <h6>Função do flash</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash_Mode">
                                <h6>Modo do flash</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash_RedEyeMode">
                                <h6>Modo dos olhos vermelhos no Flash</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlash_Return">
                                <h6>Retorno do flash</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFlashpixVersion">
                                <h6>Versão do flashpix</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFNumber">
                                <h6>Número F</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFocalLength">
                                <h6>Valor focal</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFocalLengthIn35mmFilm">
                                <h6>Valor focal em filme de 35mm</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFocalPlaneResolutionUnit">
                                <h6>Unidade de resolução do plano focal</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFocalPlaneXResolution">
                                <h6>Plano focal - Resolução X</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifFocalPlaneYResolution">
                                <h6>Plano focal - Resolução Y</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifGainControl">
                                <h6>Controle de ganho</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifISOSpeedRatings">
                                <h6>Classificações da velocidade ISO</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifLightSource">
                                <h6>Fonte de luz</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifMaxApertureValue">
                                <h6>Valor da abertura máxima</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifMeteringMode">
                                <h6>Modo de medição</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifPixelXDimension">
                                <h6>Dimensão do pixel X</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifPixelYDimension">
                                <h6>Dimensão do pixel Y</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSaturation">
                                <h6>Saturação</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSceneCaptureType">
                                <h6>Tipo de cena capturada</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSceneType">
                                <h6>Tipo de cena</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSensingMethod">
                                <h6>Método de detecção</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSharpness">
                                <h6>Agudeza</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifShutterSpeedValue">
                                <h6>Valor da velocidade do obturador</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifSubjectDistanceRange">
                                <h6>Distância do objeto</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifUserComment">
                                <h6>Comentários do usuário</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="ExifWhiteBalance">
                                <h6>Balanço do branco</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="FrameRate">
                                <h6>Frame rate</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="Keyword">
                                <h6>Palavra-chave</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="FramesCount">
                                <h6>Quantidade de frames</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="RawAudioFormat">
                                <h6>Formato do áudio original</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="RawInfo">
                                <h6>Tipo do original</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="RawVideoFormat">
                                <h6>Formato do vídeo original</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="Title">
                                <h6>Título</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="VideoAudioBitRate">
                                <h6>Bit rate do áudio</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="VideoBitRate">
                                <h6>BitRate</h6>
                                <p class="metadadataValue"></p>
                            </div>
                            <div class="acc meta" metadataPropertyName="VideoFormat">
                                <h6>Formato</h6>
                                <p class="metadadataValue"></p>
                            </div>
                    </div>
                </div>
            {/if}
            <div class="single">
                <div class="title accordion-title">Histórico</div>
                <div class="content accordion-content clearfix">
                    {for fileLog in Logs}
                        <div class="acc">
                            <p>
                                <span>${fileLog.UserName}</span> - 
                                <span>${fileLogTypes[fileLog.Type]}</span> - 
                                <span>${formatter.dateTimeValuesComplete(fileLog.DateTimeValues)}</span>
                            </p>
                        </div>
                    {/for}
                </div>
            </div>
            <div class="single">
                <div class="title accordion-title">Keywords</div>
                <div class="content accordion-content clearfix keywordsContainer">
                </div>
            </div>
            <div class="single">
                <div class="title accordion-title">Campos</div>
                <div class="content accordion-content clearfix fieldsContainer">
                </div>
            </div>
            <div class="single">
                <div class="title accordion-title">Comentários</div>
                <div class="content accordion-content clearfix commentsContainer">
                </div>
            </div>
        </div>
    </div>
    <div class="button-item-info"><i class="mdi open-close-info mdi-close"></i></div>

<div class="filter-title"><a class="mdi mdi-filter-remove btnClearFilter" data-toggle="tooltip" data-placement="bottom" title="Limpar filtro" href="#"></a>Filtrar por...</div>
    <div class="all-filters">
        <div class="filter-row">
            <div class="filter-options iconAspert-folder" filetype="folder"></div>
            <div class="filter-name">Pastas</div>
        </div>
        <div class="filter-row">
            <div class="filter-options iconAspert-audio" filetype="${Global.interfaceData.Enums.FileTypesEnum['Audio']}"></div>
            <div class="filter-name">Audios</div>
        </div>
        <div class="filter-row">
            <div class="filter-options iconAspert-document" filetype="${Global.interfaceData.Enums.FileTypesEnum['Document']}"></div>
            <div class="filter-name">Documentos</div>
        </div>
        <div class="filter-row">
            <div class="filter-options iconAspert-image" filetype="${Global.interfaceData.Enums.FileTypesEnum['Image']},${Global.interfaceData.Enums.FileTypesEnum['Adobe']}"></div>
            <div class="filter-name">Imagens</div>
        </div>
        <div class="filter-row">
            <div class="filter-options iconAspert-video" filetype="${Global.interfaceData.Enums.FileTypesEnum['Video']}"></div>
            <div class="filter-name">Videos</div>
        </div>
    </div>

<div class="center-block">
        <button type="button" data-dismiss="modal" class="btn btn-option downloadButton" downloadtype="original" {if !enableOriginalDownload}disabled{/if}>Original</button>
        
    </div>

{if file}
        <div class="collapse" id="customDownloadOptions">
            <div class="mrg-top">
                <div class="form-group clearfix">
                    <label for="Width">Largura</label>
                    <div class="helper-cntnr">
                        <div class="half-cntnr"><input class="form-control form-custom-download" id="txtWidth" type="number" value="${file.Width}"><span class="measurement">pixels</span></div>
                        <div class="half-cntnr"><input class="form-control form-custom-download" id="txtWidthCentimeters" type="number" value="${Util.convertPixelsToCentimeters(file.Width, 300)}"><span class="measurement">cm</span></div>
                    </div>
                </div>

<div class="form-group clearfix">
                    <label for="Width">Altura</label>
                    <div class="helper-cntnr">
                        <div class="half-cntnr"><input class="form-control form-custom-download" id="txtHeight" type="number" value="${file.Height}"><span class="measurement">pixels</span></div>
                        <div class="half-cntnr"><input class="form-control form-custom-download" id="txtHeightCentimeters" type="number" value="${Util.convertPixelsToCentimeters(file.Height, 300)}"><span class="measurement">cm</span></div>
                    </div>
                </div>

<div class="form-group clearfix">
                    <div class="half-cntnr">
                        <label for="Resolution">Resolução</label>
                        <div>
                            <input class="form-control form-custom-download" id="txtResolution" type="number" value="300"><span class="measurement">pixels</span>
                        </div>
                    </div>
                    <div class="half-cntnr">
                        <label for="Resolution">Porcentagem</label>
                        <div>
                            <input class="form-control form-custom-download" id="txtRatio" type="number" value="100"><span class="measurement">%</span>
                        </div>
                    </div>
                </div>

<div class="form-group clearfix">
                    <div class="half-cntnr">
                    <label for="Resolution">Formato</label>
                        <div>                        
                            <select class="form-control form-custom-download" id="drpFormats" name="drpFormats"><option value="1">Bmp</option>
<option value="3">Gif</option>
<option value="2">Jpg</option>
<option value="5">Pdf</option>
<option value="4">Png</option>
</select>
                        </div>
                    </div>
                </div>

<button type="button" data-dismiss="modal" class="btn btn-confirm downloadCustomButton">Download</button>
            </div>
        </div>
    {/if}
    <iframe class="iframeDownload" style="display: none"></iframe>

<table>
        <thead>
            <tr>
                <td>E/Ou</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </thead>
        <tbody>
            {for item in queryFieldItems}
                <tr queryFieldIndex="${item_index}">
                    <td>
                        <a href="#"><i class="btnAdd mdi mdi-plus-circle-outline"></i></a>
                    </td>
                    <td>
                        <a href="#"><i class="btnRemove mdi mdi-minus-circle"></i></a>
                    </td>
                    <td>
                        <select class="drpOperators">
                            <option value="0"></option>
                            <option value="1">E</option>
                            <option value="2">Ou</option>
                        </select>
                    </td>
                    <td>
                        <select class="drpFields">
                            <option></option>
                            {for fieldName in fieldNames}
                                <option>${fieldName}</option>
                            {/for}
                        </select>
                    </td>
                    <td>
                        <select class="drpComparators">
                            <option value="0">Igual</option>
                            <option value="1">Diferente</option>
                            <option value="2">Maior</option>
                            <option value="4">Maior ou igual</option>
                            <option value="3">Menor</option>
                            <option value="5">Menor ou igual</option>
                            <option value="6">Contém</option>
                            <option value="11">Não contém</option>
                            <option value="7">Começa com</option>
                            <option value="8">Termina com</option>
                            <option value="14">É vazio</option>
                            <option value="15">Não é vazio</option>
                        </select>
                    </td>
                    <td class="queryFieldValueContainer">

</td>
                </tr>
            {/for}
            <tr queryFieldIndex="${queryFieldItems.length}">
                <td>
                    <a href="#"><i class="btnAdd mdi mdi-plus-circle-outline"></i></a>
                </td>
            </tr>
        </tbody>
    </table>

{if FileHistories.length}
        <div class="panel-group collapse in" id="accordion" role="tablist" aria-multiselectable="true" aria-expanded="true" style="margin-bottom: 0px;">

{for fileHistory in FileHistories}
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="h${fileHistory.Id}">
                        <h4 class="panel-title">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#acc${fileHistory.Id}" aria-expanded="false" aria-controls="#acc${fileHistory.Id}">
                                ${formatter.dateTimeValuesComplete(fileHistory.DateDateValues)} - ${fileHistory.User.Name}
                            </a>

<button type="button" data-dismiss="modal" class="btn btn-default downloadButton pull-right" filehistoryid="${fileHistory.Id}" style="margin-top: -8px; margin-left: 10px;"><i class="mdi mdi-cloud-download"></i></button>
                            <button type="button" data-dismiss="modal" class="btn btn-default compareButton pull-right" filehistoryid="${fileHistory.Id}" style="margin-top: -8px; margin-left: 10px;"><i class="mdi mdi-compare"></i></button>
                        </h4>
                    </div>
                    <div id="acc${fileHistory.Id}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="#h${fileHistory.Id}" aria-expanded="false" style="height: 0px; padding: 15px;">
                        <img class="gallery-item-img" src="https://aspertfileshandlerw2.aspert.net.br/FileThumb.ashx?id=${fileHistory.FileId}&securityToken=&i=&cacheOnly=${File.LastUpdateTicks}&index=0&historyId=${fileHistory.Id}&publicKey=194%7c12169%7c3197%7crvSK7IV9XPrw3fcxdyPOw">
                    </div>
                </div>
            {/for}
        </div>
        <iframe class="iframeDownloadHistory" style="display: none"></iframe>
    {else}
        Não foram encontrados arquivos no histórico.
    {/if}

Remover