<div class="u-mt-large">
<!-- modal -->
<label class="c-modal">
<input class="u-none" type="checkbox" />
<div class="u-cursor-pointer">
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-text-center u-no-underline">
Nuovo metodo di pagamento
</span>
</div>
<div class="c-modal__dialog u-fixed u-top u-bottom u-right u-left o-bg-base">
<div class="c-modal__wrap u-absolute u-bottom u-right u-left ">
<div class="c-modal__textual u-relative u-mt-xlarge o-bg-base u-flex u-justify-start u-column">
<div class="u-flex u-justify-between u-size-full u-pb-0 u-px-base">
<div class="u-flex u-pt-base">
<img class="c-dropdown__brand u-mr-medium" src="" alt="">
<h2 class="u-heading-05 u-m-none u-py-base"></h2>
</div>
<span class="c-modal__close o-link-inverse u-p-xxsmall u-absolute u-radius-circle">
<svg class="o-icon o-icon--md u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</span>
</div>
<div class="u-overflow-scroll">
<div class="u-my-base u-px-base">
<div class="u-mb-base ">
<label class="u-label-04 u-color-base u-inline-block" for="">Prodotti</label>
<select class=" u-block u-size-full" name="select-name" id="select-id">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
</select>
</div>
</div>
</div>
<div class="c-modal__footer o-divider o-divider--top u-flex u-justify-end u-size-full u-wrap u-px-base u-py-base u-absolute u-bottom">
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer"> Chiudi </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</div>
</div>
</div>
</label>
<!-- end modal -->
</div>
{% for method in item.methods %}
<div class="u-mb-base u-p-base u-flex u-justify-between u-border-1 u-border-bottom-solid u-border-gray-light u-radius-base"> <div class="u-flex u-space-between">
<img class="c-dropdown__brand u-mr-medium" src="{{method.icon}}" alt="{{method.name}}">
<div>
<h4>{{method.name}}</h4>
<ul class="u-list-none">
<li>Numero: <strong>{{method.nunber}}</strong></li>
<li>
{% if method.renew == "annual" %}
<span class="">Billing: <strong>{{method.name}}</strong></span>
{% else %}
<span class="">Billing: <strong>{{method.status}}</strong></span>
{% endif %}
</li>
</ul>
</div>
</div>
<!-- modal -->
<label class="c-modal">
<input class="u-none" type="checkbox"/>
<div class="u-cursor-pointer">
<span class="o-link-primary">
Dettaglio
</span>
</div>
<div class="c-modal__dialog u-fixed u-top u-bottom u-right u-left o-bg-base">
<div class="c-modal__wrap u-absolute u-bottom u-right u-left ">
<div class="c-modal__textual u-relative u-mt-xlarge o-bg-base u-flex u-justify-start u-column">
<div class="u-flex u-justify-between u-size-full u-pb-0 u-px-base">
<div class="u-flex u-justify-between">
<h2 class="u-heading-05 u-m-none u-py-base">{{method.name}}</h2>
<span class="c-modal__close o-link-primary u-p-xxsmall u-absolute u-radius-circle">
<svg class="o-icon o-icon--md u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</span>
</div>
</div>
{% if method.status == "expired" %}
<!-- expired payment -->
<form class="o-divider o-divider--top o-divider--bottom u-overflow-scroll .u-mb-xlarge" id="{{sub.status}}-form" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate >
<div class="u-my-base u-px-base">
<div class="u-flex u-space-between">
<img class="c-dropdown__brand u-mr-medium" src="{{method.icon}}" alt="{{method.name}}">
<ul class="c-menu__list u-list-none u-mb-large">
<li>Name: {{method.name}}</li>
<li>Status: €{{method.status}}</li>
</ul>
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
{% render "@select", {label:'Metodo di pagamento', fieldLabel:'{{method.billing}}', helper:false}, true %}
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
<span>Aggiungi metodo di pagamento</span>
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
{% render "@select", {label:'Billink', fieldLabel:'{{method.billing}}', helper:false}, true %}
</div>
<br/><br/><br/><br/>
</div>
<div class="c-modal__footer o-divider o-divider--top u-flex u-justify-end u-size-full u-wrap u-px-base u-py-base u-absolute u-bottom">
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer"> Chiudi </span>
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer u-ml-small u-color-error"> Elimina </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</form>
<!-- end expired payment -->
{% else %}
<!-- active payment -->
<form class="o-divider o-divider--top o-divider--bottom u-overflow-scroll .u-mb-xlarge" id="{{sub.status}}-form" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate >
<div class="u-my-base u-px-base">
<div class="u-flex u-space-between">
<img class="c-dropdown__brand u-mr-medium" src="{{method.icon}}" alt="{{method.name}}">
<ul class="c-menu__list u-list-none u-mb-large">
<li>Name: {{method.name}}</li>
<li>Status: €{{method.status}}</li>
</ul>
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
{% render "@select", {label:'Metodo di pagamento', fieldLabel:'{{method.billing}}', helper:false}, true %}
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
<span>Aggiungi metodo di pagamento</span>
</div>
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
{% render "@select", {label:'Billink', fieldLabel:'{{method.billing}}', helper:false}, true %}
</div>
<br/><br/><br/><br/>
</div>
<div class="c-modal__footer o-divider o-divider--top u-flex u-justify-end u-size-full u-wrap u-px-base u-py-base u-absolute u-bottom">
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer"> Chiudi </span>
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer u-ml-small u-color-error"> Elimina </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</form>
<!-- end active payment -->
{% endif %}
</div>
</div>
</div>
</label>
<!-- end modal -->
</div>
{% endfor %}
<div class="u-mt-large">
<!-- modal -->
<label class="c-modal">
<input class="u-none" type="checkbox"/>
<div class="u-cursor-pointer">
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-text-center u-no-underline">
Nuovo metodo di pagamento
</span>
</div>
<div class="c-modal__dialog u-fixed u-top u-bottom u-right u-left o-bg-base">
<div class="c-modal__wrap u-absolute u-bottom u-right u-left ">
<div class="c-modal__textual u-relative u-mt-xlarge o-bg-base u-flex u-justify-start u-column">
<div class="u-flex u-justify-between u-size-full u-pb-0 u-px-base">
<div class="u-flex u-pt-base">
<img class="c-dropdown__brand u-mr-medium" src="{{sub.eidionBrand}}" alt="{{sub.editionName}}">
<h2 class="u-heading-05 u-m-none u-py-base">{{sub.editionName}}</h2>
</div>
<span class="c-modal__close o-link-inverse u-p-xxsmall u-absolute u-radius-circle">
<svg class="o-icon o-icon--md u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</span>
</div>
<div class="u-overflow-scroll">
<div class="u-my-base u-px-base">
<div class="u-mb-base {% if error %}c-form-error{% endif %}">
{% render "@select", {label:'Prodotti', fieldLabel:'', helper:false}, true %}
</div>
</div>
</div>
<div class="c-modal__footer o-divider o-divider--top u-flex u-justify-end u-size-full u-wrap u-px-base u-py-base u-absolute u-bottom">
<span class="c-btn c-btn--link u-label-04 u-cursor-pointer"> Chiudi </span>
<span class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-ml-small"> Salva </span>
</div>
</div>
</div>
</div>
</label>
<!-- end modal -->
</div>
{
"limit": 9,
"stories": [
{
"index": 1,
"title": "Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire",
"label": "Emergenza Coronavirus",
"date": "ieri pomeriggio, 15:51",
"author": "Violetto Gorrasi",
"number": 1,
"summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 2,
"title": "Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock",
"label": "Sei arresti",
"date": "ieri pomeriggio, 15:51",
"author": "Matteo Scarlino",
"number": 2,
"summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 3,
"title": "Coronavirus, negli Usa 2.500 morti in un giorno ma Trump \"ha fretta\" di riaprire",
"label": "Esteri",
"date": "ieri pomeriggio, 15:51",
"author": "Fabio Grilli",
"number": 3,
"summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 4,
"title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
"label": "Lo studio del Touring Club italiano",
"date": "ieri pomeriggio, 15:51",
"author": "Ginevra Nozzoli",
"number": 4,
"summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 5,
"title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
"label": "Lo studio del Touring Club italiano",
"date": "ieri pomeriggio, 15:51",
"author": "Veronica Altimari",
"number": 5,
"summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 6,
"title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
"label": "Lo studio del Touring Club italiano",
"date": "ieri pomeriggio, 15:51",
"author": "Alberto Berlini",
"number": 6,
"summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 7,
"title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
"label": "Lo studio del Touring Club italiano",
"date": "ieri pomeriggio, 15:51",
"author": "Ginevra Nozzoli",
"number": 7,
"summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 8,
"title": "Muore annegato nella piscina comunale il giorno prima di compiere 7 anni",
"label": "Lo studio del Touring Club italiano",
"date": "ieri pomeriggio, 15:51",
"author": "Fabio Grilli",
"number": 8,
"summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
},
{
"index": 9,
"title": "Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d'affitto",
"label": "Economia",
"date": "ieri pomeriggio, 15:51",
"author": "Fabio Grilli",
"number": 9,
"summary": "L'uomo è stato denunciato dalla Guardia di finanza a Lanciano, in provincia di Chieti. Gli immobili affittati, oltre quindici, secondo le Fiamme Gialle rendevano alla famiglia del beneficiario del sussidio oltre 120mila euro all'anno",
"media": {
"horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
"vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
"square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
}
}
],
"opinions": [
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "17 luglio, 2020",
"author": "Carlo Sala"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "12 luglio, 2020",
"author": "Massimiliano Dona"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "30 giugno, 2020",
"author": "Luciano Lanna"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "05 giugno, 2020",
"author": "Marilia Parente"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "27 maggio, 2020",
"author": "Dario Balotta"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "13 aprile, 2020",
"author": "Rossella Lamina"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "11 aprile, 2020",
"author": "Dario Balotta"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "04 marzo, 2020",
"author": "Luciano Lanna"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "18 febbraio, 2020",
"author": "Dario Balotta"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "01 febbraio, 2020",
"author": "Rossella Lamina"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "25 gennaio, 2020",
"author": "Dario Balotta"
},
{
"title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
"date": "05 gennaio, 2020",
"author": "Luciano Lanna"
}
],
"googlePlayStoreImg": "/assets/images/site/app/google_play_store.svg",
"iosAppStoreImg": "/assets/images/site/app/ios_app_store.svg",
"type": "edit-payments",
"steps": 4,
"switchPrivacy": "Ho letto <a>fgddg</a>",
"switchPersonalData": "Acconsento <a>fgddg</a>",
"succededImg": "/assets/images/site/illustrations/end_wizard_user-min.svg"
}
Items templates are used to display forms.
type - toggle input email/phone, accepted values: login, logout, recovery, delete, activate, signup, edit, leadmode - toggle input email/phone, accepted values: email, phone, social, user,zoneRequired - toggle required zone fieldset, accepted values: bolean