<table class="m-table-list">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
asset
</td>
<td class="m-table-list__col m-table-list__col--label">
proposta
</td>
<td class="m-table-list__col m-table-list__col--label">
contratto
</td>
<td class="m-table-list__col m-table-list__col--label">
soggetto
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="m-table-list__trigger">
stato
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
data
</td>
<td class="m-table-list__col m-table-list__col--label">
scadenza
</td>
<td class="m-table-list__col m-table-list__col--checkbox">
priorità
</td>
<td class="m-table-list__col m-table-list__col--label">
venditore
</td>
</tr>
</thead>
<tbody class="m-table-list__data">
<tr class="m-table-list__row m-table-list--row-error">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="1">
1
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="1002007462">
1002007462
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="--">
--
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Henry Richardson Henry Richardson">
Henry Richardson Henry Richardson
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="01-12-2016">
01-12-2016
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="01-12-2016">
01-12-2016
</div>
</td>
<td class="m-table-list__col m-table-list__col--checkbox">
<label class="a-checkbox " for="field-id-554">
<input type="checkbox" id="field-id-554">
<span></span>
</label>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Alfie Wood">
Alfie Wood
</div>
</td>
</tr>
</tbody>
</table>
<table class="m-table-list">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
{% for item in header %}
<td class="m-table-list__col m-table-list__col--{{ item.type }}">
{% if item.action %}
<div class="m-table-list__trigger">
{% endif %}
{{ item.label }}
{% if item.action %}
</div>
{% endif %}
</td>
{% endfor %}
</tr>
</thead>
<tbody class="m-table-list__data">
{% for item in data %}
<tr class="m-table-list__row m-table-list--row-error">
{% for key in item %}
<td class="m-table-list__col m-table-list__col--{{ key.type }}">
{% if key.type == "dot" %}
<div class="h-dot"></div>
{% endif %}
{% if key.type == "label" %}
<div class="h-ellipsis" title="{{ key.label }}">
{{ key.label }}
</div>
{% endif %}
{% if key.type == "checkbox" %}
{% render '@checkbox', {
"label": key.label
} %}
{% endif %}
{% if key.type == "icon" %}
<a href="#" title="{{ key.label }}">
{% render '@icon', { id: key.id} %}
</a>
{% endif %}
{% if key.type == "score" %}
<div class="l-center" title="{{ key.label }}">
<span class="h-score">
{{ key.label }}
</span>
</div>
{% endif %}
{% if key.type == "actions" %}
{% render '@action-controls', key %}
{% endif %}
</td>
{% endfor %}
</tr>
{% if item[item.length - 1].accordion %}
<tr class="m-table-list__row">
<td colspan="{{ item.length }}" class="m-table-list__col m-table-list__col--{{ key.type }} bg-white">
{% render "@" + item[item.length - 1].accordion %}
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
{
"header": [
{
"label": "asset",
"type": "label"
},
{
"label": "proposta",
"type": "label"
},
{
"label": "contratto",
"type": "label"
},
{
"label": "soggetto",
"type": "label"
},
{
"label": "stato",
"type": "label",
"action": true
},
{
"label": "data",
"type": "label"
},
{
"label": "scadenza",
"type": "label"
},
{
"label": "priorità",
"type": "checkbox"
},
{
"label": "venditore",
"type": "label"
}
],
"data": [
[
{
"label": 1,
"type": "label"
},
{
"label": 1002007462,
"type": "label"
},
{
"label": "--",
"type": "label"
},
{
"label": "Henry Richardson Henry Richardson",
"type": "label"
},
{
"label": "0",
"type": "label"
},
{
"label": "01-12-2016",
"type": "label"
},
{
"label": "01-12-2016",
"type": "label"
},
{
"type": "checkbox"
},
{
"label": "Alfie Wood",
"type": "label"
}
]
]
}
There are no notes for this item.