<!-- 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