<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">
(20)
<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">Urgenti</span>
<span class="a-filter-button--extra">
(20)
<svg class="icon icon--chat">
<use xlink:href="../../assets/icons.svg#chat" />
</svg>
<span class="a-filter-button__notification">
<div class="a-notification bg-azure ">
3
</div>
</span>
</span>
</a>
<a href="#" class="a-filter-button">
<span class="a-filter-button--label">Assegnate a me</span>
<span class="a-filter-button--extra">
(20)
</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="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 class="l-main-wrapper l-spacing--v-margin-small-auto">
<table class="m-table-list m-table-list--row-hover">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--">
</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">
arrivo
</td>
<td class="m-table-list__col m-table-list__col--label">
prodotto<br/>finanziario
</td>
<td class="m-table-list__col m-table-list__col--label">
richiedente
</td>
<td class="m-table-list__col m-table-list__col--label">
sospesa da
</td>
<td class="m-table-list__col m-table-list__col--label">
causale<br/>sospensione
</td>
<td class="m-table-list__col m-table-list__col--label">
asset
</td>
<td class="m-table-list__col m-table-list__col--label">
campagna
</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--dot">
<div class="h-dot"></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="16-01-2019 12:21">
16-01-2019 12:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Noleggio">
Noleggio
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Rigoni Fausto">
Rigoni Fausto
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Mauro Rossi">
Mauro Rossi
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="103">
103
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Nuovo">
Nuovo
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Leasing">
Leasing
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions">
<div class="m-action-controls">
<div class="m-action-controls__child">
<svg class="icon icon--loked">
<use xlink:href="../../assets/icons.svg#loked" />
</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--notification">
<use xlink:href="../../assets/icons.svg#notification" />
</svg>
<div class="m-action-controls__child__notification">
<div class="a-notification">
2
</div>
</div>
</div>
<div class="m-action-controls__child">
</div>
<div class="m-action-controls__child">
<svg class="icon icon--arrow-up f-azure">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td colspan="10" class="m-table-list__col m-table-list__col-- bg-white">
<div class="m-accordion-row__wrapper">
<div class="m-accordion-row__col">
<div class="m-accordion-row__child">
<div class="m-action-controls">
<div class="m-action-controls__child">
<svg class="icon icon--loked">
<use xlink:href="../../assets/icons.svg#loked" />
</svg>
<div class="m-action-controls__child__notification">
<div class="a-notification">
3
</div>
</div>
</div>
</div>
</div>
<div class="m-accordion-row__child m-accordion-row__child-title">
Blocchi
</div>
<div class="m-accordion-row__child c-darkGray">
<p>Controllo proposta</p>
<p>PEP</p>
<p>Blocco numero 3</p>
</div>
</div>
<div class="m-accordion-row__col">
<div class="m-accordion-row__child">
<div class="m-action-controls">
<div class="m-action-controls__child">
<svg class="icon icon--note">
<use xlink:href="../../assets/icons.svg#note" />
</svg>
</div>
</div>
</div>
<div class="m-accordion-row__child m-accordion-row__child-title">
Ultima nota
</div>
<div class="m-accordion-row__child">
<p>Bonino Marco</p>
<p class="c-darkGray">problema documenti</p>
</div>
</div>
<div class="m-accordion-row__col">
<div class="m-accordion-row__child c-darkGray">
Stato
</div>
<div class="m-accordion-row__child">
72
</div>
<div class="m-accordion-row__child c-darkGray">
Data ultimo documento
</div>
<div class="m-accordion-row__child">
20-11-2016
</div>
</div>
<div class="m-accordion-row__col">
<div class="m-accordion-row__child c-darkGray">
Causale sospensione
</div>
<div class="m-accordion-row__child">
Blocco telaio
</div>
</div>
<div class="m-accordion-row__col">
</div>
</div>
<div class="m-accordion-row__controls">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button">
Annulla
</div>
<div class="a-button a-button--azure">
Consulta proposta
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--">
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="2004798">
2004798
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="17-03-2019 16:21">
17-03-2019 16:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Finanziamento">
Finanziamento
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Rigoni Fausto">
Rigoni Fausto
</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="">
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Usato">
Usato
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="My drive pass">
My drive pass
</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">
</div>
<div class="m-action-controls__child">
</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>
{% render '@header' %}
{% render '@sub-header' %}
{% render '@filter-controls' %}
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
{% render '@filter-container', {
"state": "closed"
} %}
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
{% render '@table-list--hover', tableList %}
</div>
{
"tableList": {
"header": [
{},
{
"label": "proposta",
"type": "label"
},
{
"label": "arrivo",
"type": "label"
},
{
"label": "prodotto<br/>finanziario",
"type": "label"
},
{
"label": "richiedente",
"type": "label"
},
{
"label": "sospesa da",
"type": "label"
},
{
"label": "causale<br/>sospensione",
"type": "label"
},
{
"label": "asset",
"type": "label"
},
{
"label": "campagna",
"type": "label"
},
{
"label": null,
"type": "label"
}
],
"data": [
[
{
"type": "dot"
},
{
"label": 1002007462,
"type": "label"
},
{
"label": "16-01-2019 12:21",
"type": "label"
},
{
"label": "Noleggio",
"type": "label"
},
{
"label": "Rigoni Fausto",
"type": "label"
},
{
"label": "Mauro Rossi",
"type": "label"
},
{
"label": "103",
"type": "label"
},
{
"label": "Nuovo",
"type": "label"
},
{
"label": "Leasing",
"type": "label"
},
{
"label": null,
"type": "actions",
"actions": [
{
"icon": "loked",
"count": 3
},
{
"icon": "notification",
"count": 2
},
{},
{
"icon": "arrow-up",
"class": "f-azure"
}
],
"accordion": "accordion-row--sprint3-6"
}
],
[
{},
{
"label": 2004798,
"type": "label"
},
{
"label": "17-03-2019 16:21",
"type": "label"
},
{
"label": "Finanziamento",
"type": "label"
},
{
"label": "Rigoni Fausto",
"type": "label"
},
{
"label": null,
"type": "label"
},
{
"label": null,
"type": "label"
},
{
"label": "Usato",
"type": "label"
},
{
"label": "My drive pass",
"type": "label"
},
{
"label": null,
"type": "actions",
"actions": [
{},
{},
{},
{
"icon": "arrow-down"
}
]
}
]
]
}
}
There are no notes for this item.