<!-- form -->
{% set prevStepForLabel = 'sidebar-form-radio' %}

<!-- form -->
{% for item in userSettingsSections %}
	{% if item.slug == "compliteProfile" %}
	<!-- fildset-->
	<input {% if item.slug=='compliteProfile' %}checked{% endif %} type="radio" value="{{item.slug}}" id="radio-{{item.slug}}" class="u-none" name="c-tabs__choice">
	<div class="c-tab__content u-size-full u-pl-large@md u-pr-large@md">
		<form id="{{item.slug}}-form" class="fw__wrapper" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post"novalidate>
			<fieldset data-toggle="{{type}}-fw__step" class="fw__inputs o-divider {{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
				{# <div class="u-mb-large u-block u-none@md">
					{% render "@stepcontrols", {
						submitForm: 'FALSE',
						actionLabel: actionLabel,
						prevStep: 'FALSE',
						prevStepIndex: 'TRUE',
						prevStepForLabel: prevStepForLabel,
						nextStep: 'FALSE',
						skipStep: 'FALSE',
						backLabel:'← Indietro',
						nextLabel:'Avanti →',
						mode: mode,
						type: type,
						slug: item.slug
					}, true %}
				</div> #}
				<div class="u-mb-xlarge u-mt-large">
					<h2 class="u-heading-09 u-mb-small u-text-center u-text-left@md">{{ item.title }}</h2>
					<p class="u-body-03 u-color-secondary u-my-none u-text-center u-text-left@md">{{ item.subtitle }}</p>
				</div>
				<div class="u-mb-xlarge u-flex u-items-center u-column u-row@sm">
					<div class="{% if error %}c-form-error{% endif %}">
					</div>
					<div class="u-mt-base u-mt-none@sm u-ml-base@sm">
						<h3 class="u-title-05 u-mb-xsmall">Nome Cognome</h3>
						<span class="u-label-07 u-color-secondary u-block">Iscritto dal 14 ottobre 2013</span>
					</div>
				</div>
				<div class="u-flex u-column u-row@md ">
					<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Nome', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Cognome', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
				</div>
				<div class="u-mb-base">
					{% render "@switch", {label: 'Mostra cognome sul tuo profilo pubblico'}, true %}
				</div>
				<div class="u-flex u-column u-row@md ">
					<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Anno di nascita', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@select", {label:'Sesso', helper:false}, true %}
					</div>
				</div>
				<div class="u-mb-base">
					{% render "@switch", {label: 'Mostra anno di nascita sul tuo profilo pubblico'}, true %}
				</div>
				<div class="u-mb-base">
					{% render "@switch", {label: 'Mostra sesso sul tuo profilo pubblico'}, true %}
				</div>
				<div class="u-flex u-column u-row@md ">
					<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Impiego', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Settore', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
				</div>
				<div class="u-mb-base {% if error %}c-form-error{% endif %}">
					{% render "@textarea--default", {label:'Biografia', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
				</div>


				<!-- zone shoose -->
				<h2 class="u-title-05 u-mb-small u-text-center u-text-left@md">Scelta zona</h2>
				<div class="u-mb-base">
					<input type="radio" value="localization" id="localization-form-radio" class="u-none" name="c-tabs__choice">
					<div id="localization-form-tab" class="c-tab__content u-size-full u-border-none">
						<div class="u-mb-base">
							{# map goes here #}
						</div>
					</div>
					<input checked type="radio" value="adress" id="adress-form-radio" class="u-none" name="c-tabs__choice">
					<div id="adress-form-tab" class="c-tab__content u-size-full u-border-none">
						<div class="u-flex u-column u-row@md ">
							<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md {% if error %}c-form-error{% endif %}">
								{% render "@select", {label:'Provincia', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
							</div>
							<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
								{% render "@select", {label:'Città', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
							</div>
						</div>
						<div class="u-flex u-column u-row@md ">
							<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md {% if error %}c-form-error{% endif %}">
								{% render "@input--default", {label:'Indirizzo', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
							</div>
							<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall {% if error %}c-form-error{% endif %}">
								{% render "@input--default", {label:'Civico', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
							</div>
						</div>
						<div class="u-mb-base">
							{%render "@switch", {label: 'Nascondi Zona sul tuo profilo pubblico'}, true %}
						</div>
					</div>
				</div>
				<!-- end zone shoose -->

				<!-- edit credentials -->
				<h2 class="u-title-05 u-mb-small u-text-center u-text-left@md">Modifica credenziali</h2>
				<div class="u-flex u-column u-row@md ">
					<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md  {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Email', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Cellulare', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
				</div>
				<div class="u-mb-base u-size-full {% if error %}c-form-error{% endif %}">
					{% render "@input--password", {label:'Password', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
				</div>
				<div class="u-flex u-column u-row@md ">
					<div class="u-mb-base u-size-full u-size-1-1 u-mr-xsmall@md {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Modifica password', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<div class="u-mb-base u-size-full u-size-1-1 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Conferma password', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
				</div>
				<div class="u-mb-base u-mt-large">
					<label class="c-form-label u-color-base">Connections</label>
					<p>
					Connesso con facebook to Facebook 
					<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
					</p>
					<p>
					Connesso con facebook to Apple 
					<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
					</p>
					<p>
					Connesso con facebook to Google 
					<a class="c-btn c-btn--default c-btn--link u-cursor-pointer u-items-center u-label-04">Disconnetti</a>
					</p>
				</div>
				<!-- end edit credentials -->

				<div class="fw__inputs o-divider__error">
					<p class="fw__inputs o-divider__error--message"></p>
				</div>
				<div class="u-mt-large">
					{% render "@stepcontrols", {
						toggleVisibilityClass:'u-none',
						submitForm: 'TRUE',
						actionLabel: actionLabel,
						prevStep: 'FALSE',
						prevStepIndex: 'TRUE',
						prevStepForLabel: prevStepForLabel,
						nextStep: 'FALSE',
						skipStep: 'FALSE',
						backLabel:'← Indietro',
						nextLabel:'Avanti →',
						mode: mode,
						type: type,
						slug: item.slug
					}, true %}
				</div>

				<div class="u-size-full u-size-1-2@md u-text-left u-mt-large">
					<a href="user--delete2021" class="fw__button c-btn c-btn--link u-px-none u-color-error u-label-04 u-cursor-pointer c-btn--large u-text-center u-inline-block u-size-full" />
					Cancella profilo
					</a>
				</div>

			</fieldset>
		</form>
	</div>
	<!-- end fildset -->
	{% endif %}
{% endfor %}
{
  "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",
  "type": "edit-profile",
  "steps": 4,
  "switchPrivacy": "Ho letto <a>fgddg</a>",
  "switchPersonalData": "Acconsento <a>fgddg</a>",
  "succededImg": "/assets/images/site/illustrations/end_wizard_user-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