<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 m-filter-container--active">
<div class="m-filter-container__wrapper">
<div class="m-filter-container__col">
<div class="m-filter-container__child m-filter-container__child-title">
Soggetto
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="" placeholder="Nome">
</div>
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-6381">
<input type="checkbox" id="field-id-6381">
<span></span>
<div class="ty-body">
K2K
</div>
</label>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child m-filter-container__child-title">
Proposta
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child m-filter-container__child-title">
Banche dati
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="m-filter-container__child">
<label class="a-checkbox " for="field-id-6111">
<input type="checkbox" id="field-id-6111">
<span></span>
<div class="ty-body">
In errore banche dati
</div>
</label>
</div>
</div>
<div class="m-filter-container__col">
<div class="m-filter-container__child m-filter-container__child-title">
Asset
</div>
<div class="m-filter-container__child">
<div class="a-input a-input--select ">
<div class="a-input__label">
Value
</div>
<select name="" id="">
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</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 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">
tipo di soggetto
</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">
istruttoria
</td>
<td class="m-table-list__col m-table-list__col--label">
prodotto
</td>
<td class="m-table-list__col m-table-list__col--label">
assegnatario
</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">
score
</td>
<td class="m-table-list__col m-table-list__col--label">
esposizione
</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="P.iva">
P.iva
</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="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="Vettura">
Vettura
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Mario Raggi">
Mario Raggi
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Bonino Marco">
Bonino Marco
</div>
</td>
<td class="m-table-list__col m-table-list__col--score">
<div class="l-center" title="AA">
<span class="h-score">
AA
</span>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="55.345,12 €">
55.345,12 €
</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">
<svg class="icon icon--switch">
<use xlink:href="../../assets/icons.svg#switch" />
</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>
<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="1002003242">
1002003242
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="P.iva">
P.iva
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="17-01-2019 12:21">
17-01-2019 12:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="18-01-2019 12:21">
18-01-2019 12:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Vettura">
Vettura
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Mario Bianchi">
Mario Bianchi
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Bonino Rossi">
Bonino Rossi
</div>
</td>
<td class="m-table-list__col m-table-list__col--score">
<div class="l-center" title="!">
<span class="h-score">
!
</span>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="10.123,45 €">
10.123,45 €
</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--stop f-error">
<use xlink:href="../../assets/icons.svg#stop" />
</svg>
</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>
<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="1001231234">
1001231234
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="P.iva">
P.iva
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="19-01-2019 12:21">
19-01-2019 12:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="22-01-2019 12:21">
22-01-2019 12:21
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Vettura">
Vettura
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Mario Verdi">
Mario Verdi
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Ciao Gialli">
Ciao Gialli
</div>
</td>
<td class="m-table-list__col m-table-list__col--score">
<div class="l-center" title="CC">
<span class="h-score">
CC
</span>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="12.344,45 €">
12.344,45 €
</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">
<svg class="icon icon--switch">
<use xlink:href="../../assets/icons.svg#switch" />
</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>
{% render '@header' %}
{% render '@sub-header' %}
{% render '@filter-controls' %}
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
{% render '@filter-container', {
"state": "active",
"columns":[
{
"title": "Soggetto",
"atoms": [
{
"atom": "input--text",
"text": {
"placeholder": "Nome"
}
},
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
},
{
"atom": "checkbox",
"label": "K2K"
}
]
},
{
"title": "Proposta",
"atoms": [
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
},
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
},
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
}
]
},
{
"title": "Banche dati",
"atoms": [
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
},
{
"atom": "checkbox",
"label": "In errore banche dati"
}
]
},
{
"title": "Asset",
"atoms": [
{
"atom": "input--select",
"select": {
"label" : "Value",
"values": ["Select Option"]
}
}
]
}
]
} %}
</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": "tipo di soggetto",
"type": "label"
},
{
"label": "arrivo",
"type": "label"
},
{
"label": "istruttoria",
"type": "label"
},
{
"label": "prodotto",
"type": "label"
},
{
"label": "assegnatario",
"type": "label"
},
{
"label": "richiedente",
"type": "label"
},
{
"label": "score",
"type": "label"
},
{
"label": "esposizione",
"type": "label"
},
{
"label": null,
"type": "label"
}
],
"data": [
[
{
"type": "dot"
},
{
"label": 1002007462,
"type": "label"
},
{
"label": "P.iva",
"type": "label"
},
{
"label": "16-01-2019 12:21",
"type": "label"
},
{
"label": "16-01-2019 12:21",
"type": "label"
},
{
"label": "Vettura",
"type": "label"
},
{
"label": "Mario Raggi",
"type": "label"
},
{
"label": "Bonino Marco",
"type": "label"
},
{
"label": "AA",
"type": "score"
},
{
"label": "55.345,12 €",
"type": "label"
},
{
"label": null,
"type": "actions",
"actions": [
{
"icon": "loked",
"count": 3
},
{
"icon": "notification",
"count": 2
},
{
"icon": "switch"
},
{
"icon": "arrow-down"
}
]
}
],
[
{
"type": "dot"
},
{
"label": 1002003242,
"type": "label"
},
{
"label": "P.iva",
"type": "label"
},
{
"label": "17-01-2019 12:21",
"type": "label"
},
{
"label": "18-01-2019 12:21",
"type": "label"
},
{
"label": "Vettura",
"type": "label"
},
{
"label": "Mario Bianchi",
"type": "label"
},
{
"label": "Bonino Rossi",
"type": "label"
},
{
"label": "!",
"type": "score"
},
{
"label": "10.123,45 €",
"type": "label"
},
{
"label": null,
"type": "actions",
"actions": [
{
"icon": "stop",
"class": "f-error"
},
{},
{},
{
"icon": "arrow-down"
}
]
}
],
[
{},
{
"label": 1001231234,
"type": "label"
},
{
"label": "P.iva",
"type": "label"
},
{
"label": "19-01-2019 12:21",
"type": "label"
},
{
"label": "22-01-2019 12:21",
"type": "label"
},
{
"label": "Vettura",
"type": "label"
},
{
"label": "Mario Verdi",
"type": "label"
},
{
"label": "Ciao Gialli",
"type": "label"
},
{
"label": "CC",
"type": "score"
},
{
"label": "12.344,45 €",
"type": "label"
},
{
"label": null,
"type": "actions",
"actions": [
{
"icon": "loked",
"count": 3
},
{
"icon": "notification",
"count": 2
},
{
"icon": "switch"
},
{
"icon": "arrow-down"
}
]
}
]
]
}
}
There are no notes for this item.