[% var width = metadata.image.width, height = metadata.image.height, ratio= 150 / (width > height ? width : height); %] <div class="details"> <div style="text-align: center"> <img class="icon" src="/web/" alt="[%=name%]" border="0" width="[%=Math.min(ratio*width, width)%]" height="[%=Math.min(ratio*height, height)%]" /> </div> <table class="table table-condensed parameters"> <tbody> <tr> <td class="detail-label">Name</td> <td>[%=name%]</td> </tr> <tr> <td class="detail-label">Dimensions</td> <td>[%=width%] x [%=height%]</td> </tr> <tr> <td class="detail-label">Size</td> <td>[%=size.humanize()%]</td> </tr> </tbody> </table> </div> <div class="details"> <div style="text-align: center"> <img class="icon" src="/web/media/com_files/images/document-64.png" width="64" height="64" alt="[%=name%]" border="0" /> </div> <table class="table table-condensed parameters"> <tbody> <tr> <td class="detail-label">Name</td> <td>[%=name%]</td> </tr> <tr> <td class="detail-label">Size</td> <td>[%=size.humanize()%]</td> </tr> </tbody> </table> </div> <ul class="sidebar-nav"> </ul> <li class="files-node files-folder"> <a class="navigate" href="#" title="[%= name %]"> [%= name %] </a> </li> <li class="files-node files-image"> <a class="navigate" href="#" title="[%= name %]"> [%= name %] </a> </li> <li class="files-node files-file"> <a class="navigate" href="#" title="[%= name %]"> [%= name %] </a> </li>