[% var width = 0, height = 0; if (metadata.image) { width = metadata.image.width; height = metadata.image.height; } %] <div class="k-details"> <div class="k-card"> <div class="k-card__body"> <div class="k-card__section k-card__section--small-spacing"> <div class="k-ratio-block k-ratio-block--4-to-3 k-overflow-hidden"> <div class="k-loader"></div> <div class="k-ratio-block__body"> <div class="k-ratio-block__centered"> <img class="icon" src="" alt="[%=name%]" border="0" /> </div> </div> </div> </div> </div> </div> <dl> <dt>Name</dt> <dd class="k-ellipsis"><span class="k-ellipsis__item">[%=name%]</span></dd> [% if (width && height) { %] <dt>Dimensions</dt> <dd>[%=width%] x [%=height%]</dd> [% } %] <dt>Size</dt> <dd>[%=size.humanize()%]</dd> </dl> </div>
<div class="k-details"> <div class="k-card k-card--center"> <div class="k-card__body"> <div class="k-card__section"> <span class="k-icon-document-document k-icon--size-large k-icon--accent"></span> </div> </div> </div> <dl> <dt>Name</dt> <dd>[%=name%]</dd> <dt>Size</dt> <dd>[%=size.humanize()%]</dd> </dl> </div>
<div class="k-table-container"> <div class="k-table"> <table> <tbody></tbody> </table> </div> </div>
<tr class="files-node files-folder"> <td class="k-table-data--ellipsis"> <span> <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
<tr class="files-node files-image"> <td class="k-table-data--ellipsis"> <span> <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
<tr class="files-node files-file"> <td class="k-table-data--ellipsis"> <span > <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
Insert / Upload file
Select a folder
Create a new folder
Add folder
Root folder
Upload
Start
Stop
/
Drop a file here
OK
Clear queue
Size
Title
[% var width = 0, height = 0; if (metadata.image) { width = metadata.image.width; height = metadata.image.height; } %] <div class="k-details"> <div class="k-card"> <div class="k-card__body"> <div class="k-card__section k-card__section--small-spacing"> <div class="k-ratio-block k-ratio-block--4-to-3 k-overflow-hidden"> <div class="k-loader"></div> <div class="k-ratio-block__body"> <div class="k-ratio-block__centered"> <img class="icon" src="" alt="[%=name%]" border="0" /> </div> </div> </div> </div> </div> </div> <dl> <dt>Name</dt> <dd class="k-ellipsis"><span class="k-ellipsis__item">[%=name%]</span></dd> [% if (width && height) { %] <dt>Dimensions</dt> <dd>[%=width%] x [%=height%]</dd> [% } %] <dt>Size</dt> <dd>[%=size.humanize()%]</dd> </dl> </div>
<div class="k-details"> <div class="k-card k-card--center"> <div class="k-card__body"> <div class="k-card__section"> <span class="k-icon-document-document k-icon--size-large k-icon--accent"></span> </div> </div> </div> <dl> <dt>Name</dt> <dd>[%=name%]</dd> <dt>Size</dt> <dd>[%=size.humanize()%]</dd> </dl> </div>
<div class="k-table-container"> <div class="k-table"> <table> <tbody></tbody> </table> </div> </div>
<tr class="files-node files-folder"> <td class="k-table-data--ellipsis"> <span> <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
<tr class="files-node files-image"> <td class="k-table-data--ellipsis"> <span> <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
<tr class="files-node files-file"> <td class="k-table-data--ellipsis"> <span > <a class="navigate k-link-coverall" href="#" title="[%= name %]"> [%= name %] </a> </span> </td> </tr>
Loading...
Selected file info
Select a file from the list
Insert
Refresh