<!-- Default -->
<tr class="document ">
<td>
<a href="" class="title">General file</a>
</td>
<td class="nowrap text-right" data-sort="1580079600000">
<time class="updated" datetime="2020-01-01">
2 days ago
</time>
</td>
</tr>
<!-- Level Up -->
<tr class="document type-level-up">
<td>
<a href="" class="title">..</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<!-- Folder -->
<tr class="document type-folder">
<td>
<a href="" class="title">Folder</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<!-- Text -->
<tr class="document type-text">
<td>
<a href="" class="title">Text file</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<!-- Spreadsheet -->
<tr class="document type-spreadsheet">
<td>
<a href="" class="title">Spreadsheet file</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<!-- Presentation -->
<tr class="document type-presentation">
<td>
<a href="" class="title">Presentation file</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<!-- Pdf -->
<tr class="document type-pdf">
<td>
<a href="" class="title">PDF file</a>
</td>
<td class="nowrap text-right" data-sort="1580333164163">
<time class="updated" datetime="2020-01-01">
Today
</time>
</td>
</tr>
<tr class="document {{ type ? 'type-' ~ type }}" {{ attr }}>
<td>
<a href="" class="title">{{ name }}</a>
</td>
<td class="nowrap text-right" data-sort="{{ updated.timestamp }}">
<time class="updated" datetime="2020-01-01">
{{ updated.copy }}
</time>
</td>
</tr>
/* Default */
{
"name": "General file",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
}
}
/* Level Up */
{
"name": "..",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "level-up"
}
/* Folder */
{
"name": "Folder",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "folder"
}
/* Text */
{
"name": "Text file",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "text"
}
/* Spreadsheet */
{
"name": "Spreadsheet file",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "spreadsheet"
}
/* Presentation */
{
"name": "Presentation file",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "presentation"
}
/* Pdf */
{
"name": "PDF file",
"updated": {
"copy": "Today",
"timestamp": 1580333164163
},
"type": "pdf"
}
Optional type classes:
.type-level-up.type-folder.type-text.type-numbers.type-presentation.type-pdf