<form id="-recovery-form" action="" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate class="u-self-center">
    <fieldset data-toggle="-recovery-fw__step" class="fw__inputs o-divider -recovery-fw__step u-pl-none u-pr-none u-mb-medium">
        <!-- page hgroup -->
        <div class="u-text-center u-mb-large">
            <h1 class="u-heading-09">Recupera la password</h1>
            <p class="u-mb-large u-body-03 u-color-secondary">Se la mail che inserisci è già registrato riceverai una mail con il PIN e un link per modificare la tua password.</p>
        </div>
        <!-- end page hgroup -->
        <!-- form recovery -->
        <div class="u-mb-base ">
            <div class="">

                <label class="u-label-04 u-color-base" for="">Email o Cellulare</label>

                <input class=" u-block u-size-full" type="text" placeholder="">

            </div>

            <!-- TODO: REVIEW ICON POSITION -->

        </div>
        <div class="u-mb-base u-mt-medium u-flex u-column u-row@md u-items-center">
            <img id="captcha~tpMPpXsQvRejT6IeIEDb4veuW6h" class="u-mr-base@md" alt="Codice di controllo" src="/captcha/?_=1731514484458095118">

            <a class="o-link-primary u-body-03 u-mt-base u-mt-none@md" href="#" title="Rigenera il codice di controllo">
                <span>Genera un nuovo codice</span>
            </a>
        </div>
        <div class="u-mb-base ">
            <div class="">

                <label class="u-label-04 u-color-base" for="">Codice di controllo</label>

                <input class=" u-block u-size-full" type="text" placeholder="">

            </div>

            <!-- TODO: REVIEW ICON POSITION -->

        </div>
        <div class="u-mt-large u-py-small">

            <div class="u-flex u-items-center">

                <div class="u-size-full u-flex@md u-justify-center@md u-text-right ">
                    <input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center u-size-full u-size-1-2@md" type="submit" value="Recupera Password" />
                </div>

            </div>

        </div>
        <!-- form recovery -->
        <div class="u-text-center u-mt-large u-pl-large u-pr-large u-pl-none@md u-pr-none@md">
            <span class="u-label-07 u-color-secondary u-block u-mb-small">
                Non sei registrato?
                <a class="o-link-primary" href="user--signup2021">Crea un account</a>
            </span>
            <span class="u-label-07 u-color-secondary u-block u-mb-small">
                Non hai ricevuto il codice di attivazione?
                <a class="o-link-primary" href="user--recovery2021">Richiedi il codice di attivazione</a>
            </span>
        </div>
    </fieldset>
</form>
<form id="{{mode}}-{{type}}-form" action="" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate class="u-self-center">
	<fieldset data-toggle="{{mode}}-{{type}}-fw__step" class="fw__inputs o-divider {{mode}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
		<!-- page hgroup -->
		<div class="u-text-center u-mb-large">
			<h1 class="u-heading-09">{{ page_title }}</h1>
			<p class="u-mb-large u-body-03 u-color-secondary">Se la mail che inserisci è già registrato riceverai una mail con il PIN e un link per modificare la tua password.</p>
		</div>
		<!-- end page hgroup -->
		<!-- form recovery -->
		<div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@input--default", {label:'Email o Cellulare', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
		</div>
		<div class="u-mb-base u-mt-medium u-flex u-column u-row@md u-items-center">
			<img id="captcha~tpMPpXsQvRejT6IeIEDb4veuW6h" class="u-mr-base@md" alt="Codice di controllo" src="/captcha/?_=1731514484458095118">

			<a class="o-link-primary u-body-03 u-mt-base u-mt-none@md" href="#" title="Rigenera il codice di controllo">
				<span>Genera un nuovo codice</span>
			</a>
		</div>
		<div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@input--default", {label:'Codice di controllo', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
		</div>
		<div class="u-mt-large u-py-small">
			{% render "@stepcontrols", {
				submitForm: 'FALSE',
				midSize: 'TRUE',
				actionLabel: "Recupera Password",
				prevStep: 'FALSE',
				prevStepIndex: 'FALSE',
				prevStepForLabel: 'intro-form-radio',
				skipStep: 'FALSE',
				backLabel:'← Indietro',
				nextLabel:'Avanti →',
				mode: mode,
				type: type
			}, true %}
		</div>
		<!-- form recovery -->
		<div class="u-text-center u-mt-large u-pl-large u-pr-large u-pl-none@md u-pr-none@md">
			<span class="u-label-07 u-color-secondary u-block u-mb-small">
				Non sei registrato? 
				<a class="o-link-primary" href="user--signup2021">Crea un account</a>
			</span>
			<span class="u-label-07 u-color-secondary u-block u-mb-small">
				Non hai ricevuto il codice di attivazione? 
				<a class="o-link-primary" href="user--recovery2021">Richiedi il codice di attivazione</a>
			</span>
		</div>
	</fieldset>
</form>
{
  "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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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://www.romatoday.it/~media/square-hi/28324255677065/podcast-cover_9-16_2-2.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",
  "page_title": "Recupera la password",
  "type": "recovery",
  "steps": 2,
  "succededImg": "/assets/images/site/illustrations/end_wizard_recovery-min.svg"
}

Forms templates

Items templates are used to display forms.

Parameters

  • type - toggle input email/phone, accepted values: login, logout, recovery, delete, activate, signup, edit, lead
  • mode - toggle input email/phone, accepted values: email, phone, social, user,
  • zoneRequired - toggle required zone fieldset, accepted values: bolean

Variants

  1. Default - Unused
  2. Login - Used for login form
  3. Logout - Used for logout form
  4. Delete - Used for delete account
  5. Recovery - Used for recovery credentials
  6. Activate - Used for activate account
  7. Signup - Used for new account registration
  8. Edit - Used for edit user profile
  9. Lead - Used for marketing lead generation