<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">
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-small-auto ">
<div class="l-pr-100">
<div class="m-filter-container m-filter-container--active">
<div class="m-filter-container__wrapper">
<div class="m-filter-container__col">
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-8005">
<input type="checkbox" checked="checked" id="field-id-8005">
<span></span>
<div class="ty-body">
Nuova proposta
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-1314">
<input type="checkbox" id="field-id-1314">
<span></span>
<div class="ty-body">
Proposta in modifica
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-8179">
<input type="checkbox" id="field-id-8179">
<span></span>
<div class="ty-body">
Richiesta benestare
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-9163">
<input type="checkbox" id="field-id-9163">
<span></span>
<div class="ty-body">
Richiesta numerazione fallita
</div>
</label>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-8527">
<input type="checkbox" id="field-id-8527">
<span></span>
<div class="ty-body">
Proposta non accettata
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-403">
<input type="checkbox" checked="checked" id="field-id-403">
<span></span>
<div class="ty-body">
Proposta accettata
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-4156">
<input type="checkbox" id="field-id-4156">
<span></span>
<div class="ty-body">
Proposta accettata con modifiche
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-7830">
<input type="checkbox" id="field-id-7830">
<span></span>
<div class="ty-body">
Richiesta numerazione
</div>
</label>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-6614">
<input type="checkbox" id="field-id-6614">
<span></span>
<div class="ty-body">
Numerazione rifiutata
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-8875">
<input type="checkbox" id="field-id-8875">
<span></span>
<div class="ty-body">
Numerazione eseguita
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-9880">
<input type="checkbox" id="field-id-9880">
<span></span>
<div class="ty-body">
Contratto stampato
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-1702">
<input type="checkbox" id="field-id-1702">
<span></span>
<div class="ty-body">
Richiesta attivazione
</div>
</label>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-5086">
<input type="checkbox" id="field-id-5086">
<span></span>
<div class="ty-body">
Attivazione eseguita
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-5067">
<input type="checkbox" id="field-id-5067">
<span></span>
<div class="ty-body">
Attivazione rifiutata
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-3948">
<input type="checkbox" id="field-id-3948">
<span></span>
<div class="ty-body">
Richiesta cancellazione fallita
</div>
</label>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-8225">
<input type="checkbox" id="field-id-8225">
<span></span>
<div class="ty-body">
Proposta in modifica
</div>
</label>
</div>
</div>
</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>
</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>
</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": "active",
"columns":[
{
"atoms": [
{
"atom": "checkbox",
"label": "Nuova proposta",
"checked": 1
},
{
"atom": "checkbox",
"label": "Proposta in modifica"
},
{
"atom": "checkbox",
"label": "Richiesta benestare"
},
{
"atom": "checkbox",
"label": "Richiesta numerazione fallita"
}
]
},
{
"atoms": [
{
"atom": "checkbox",
"label": "Proposta non accettata",
"checked": 0
},
{
"atom": "checkbox",
"label": "Proposta accettata",
"checked": 1
},
{
"atom": "checkbox",
"label": "Proposta accettata con modifiche"
},
{
"atom": "checkbox",
"label": "Richiesta numerazione"
}
]
},
{
"atoms": [
{
"atom": "checkbox",
"label": "Numerazione rifiutata",
"checked": 0
},
{
"atom": "checkbox",
"label": "Numerazione eseguita",
"checked": 0
},
{
"atom": "checkbox",
"label": "Contratto stampato"
},
{
"atom": "checkbox",
"label": "Richiesta attivazione"
}
]
},
{
"atoms": [
{
"atom": "checkbox",
"label": "Attivazione eseguita",
"checked": 0
},
{
"atom": "checkbox",
"label": "Attivazione rifiutata",
"checked": 0
},
{
"atom": "checkbox",
"label": "Richiesta cancellazione fallita"
},
{
"atom": "checkbox",
"label": "Proposta in modifica"
}
]
}
]
} %}
</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"
}
],
"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"
}
]
]
}%}
<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>
/* No context defined for this component. */
There are no notes for this item.