<header class="m-header">
<a class="m-header__logo" href="#">
<img src="/assets/images/m-logo.png" alt="">
</a>
<div class="m-header__nav">
<div class="m-header__links">
<a href="#" class="m-header__link m-header__link--active">Proposte</a>
<a href="#" class="m-header__link">Rifinanziamenti</a>
<a href="#" class="m-header__link">myMobilityPass</a>
<a href="#" class="m-header__link"><svg class="icon icon--user">
<use xlink:href="../../assets/icons.svg#user" />
</svg>
</a>
</div>
</div>
</header>
<div class="m-sub-header">
<div class="m-sub-header__img">
<img src="/assets/images/sub-header-bg.jpeg" alt="">
</div>
<div class="m-sub-header__data-box">
<div>
<span>
43
</span> in lavorazione
</div>
<div>
<span>
43
</span> in lavorazione
</div>
<div>
<span>
43
</span> in lavorazione
</div>
<div>
<span>
43
</span> in lavorazione
</div>
</div>
<div class="m-sub-header__date">dicembre 2018</div>
<a class="m-sub-header__cta" href="#">vedi statistiche</a>
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="row l-bottom">
<div class="col-12 m-filter-controlls">
<a href="#" class="a-filter-button">
<span class="a-filter-button--label">Tutte</span>
<span class="a-filter-button--extra">
(36)
<svg class="icon icon--filter">
<use xlink:href="../../assets/icons.svg#filter" />
</svg>
</span>
</a>
<a href="#" class="a-filter-button">
<span class="a-filter-button--label">Documentazione incompleta</span>
<span class="a-filter-button--extra">
(36)
</span>
</a>
<a href="#" class="a-filter-button">
<span class="a-filter-button--icon">
<svg class="icon icon--pen">
<use xlink:href="../../assets/icons.svg#pen" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="l-pr-100">
<div class="m-filter-container ">
<div class="m-filter-container__wrapper">
</div>
<div class="m-filter-container__controls">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button">
Azzera
</div>
<div class="a-button a-button--azure">
Conferma
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="l-table-container">
<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--label">
venditore
</td>
<td class="m-table-list__col m-table-list__col--label">
</td>
</tr>
</thead>
<tbody class="m-table-list__data">
<tr class="m-table-list__row">
<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--label">
<div class="h-ellipsis" title="Alfie Wood">
Alfie Wood
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions">
<div class="m-action-controls">
<div class="m-action-controls__child">
</div>
<div class="m-action-controls__child">
<svg class="icon icon--close">
<use xlink:href="../../assets/icons.svg#close" />
</svg>
<div class="m-action-controls__child__notification">
<div class="a-notification">
3
</div>
</div>
</div>
<div class="m-action-controls__child">
<svg class="icon icon--delete">
<use xlink:href="../../assets/icons.svg#delete" />
</svg>
<div class="m-action-controls__child__notification">
<div class="a-notification">
2
</div>
</div>
</div>
<div class="m-action-controls__child">
<svg class="icon icon--grid">
<use xlink:href="../../assets/icons.svg#grid" />
</svg>
</div>
<div class="m-action-controls__child">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="l-table-sidebar">
<div class="l-table-sidebar-top">
<div class="a-button-round a-button-round--active">
<svg class="icon icon--plus">
<use xlink:href="../../assets/icons.svg#plus" />
</svg>
</div>
</div>
<div class="l-table-sidebar-top">
<div class="a-button-round">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
</div>
</div>
{% render '@header' %}
{% render '@sub-header' %}
{% render '@filter-controls', {"filterbuttons": filterbuttons } %}
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="l-pr-100">
{% render '@filter-container', {
"state": "closed"
} %}
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="l-table-container">
{% render '@table-list', {
"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": "venditore",
"type": "label"
},
{
"label": "",
"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"
},
{
"label": "Alfie Wood",
"type": "label"
},
{
"label": "",
"type": "actions",
"actions": [
{ },
{ "icon": "close", "count": 3 },
{ "icon": "delete", "count": 2 },
{ "icon": "grid" },
{ "icon": "arrow-down" }
]
}
]
]
}%}
<div class="l-table-sidebar">
<div class="l-table-sidebar-top">
{% render '@button-round--active', { icon: 'plus'} %}
</div>
<div class="l-table-sidebar-top">
{% render '@button-round', { icon: 'arrow-down'} %}
</div>
</div>
</div>
</div>
{
"filterbuttons": [
{
"atom": "filter-button",
"label": "Tutte",
"icon": {
"id": "filter"
},
"counter": 36
},
{
"atom": "filter-button",
"label": "Documentazione incompleta",
"icon": null,
"counter": 36
},
{
"atom": "filter-button--icon",
"icon": "pen"
}
]
}
There are no notes for this item.