<div class="o-container u-size-full-view u-flex u-column">
<header id="c-header" class="c-header u-py-medium u-py-medium@md c-header--vanilla c-header--inverse u-z-high u-relative u-relative u-flex u-justify-center u-size-full">
<a class="u-flex u-justify-center" href="/">
<svg class="c-brand
c-brand--resize-small
" viewBox="0 0 500 50" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
<path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>
</svg>
</a>
</header>
<div class="c-tab u-p-none u-m-auto">
<!-- tabs module -->
<input type="radio" value="intro" id="intro-form-radio" class="u-none" name="c-tabs__choice" checked>
<div id="intro-form-tab" class="c-tab__content u-pl-base u-size-1-2@md u-pr-base u-pl-none@md u-pr-none@md u-m-auto">
<!-- email form -->
<div class="u-mb-base">
</div>
<form id="email-logout-form" class="form-signout u-self-center" action="/user/logout/" onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' );" method="post" novalidate>
<fieldset data-toggle="email-logout-fw__step" class="fw__inputs o-divider email-logout-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-text-center u-mb-large">
<h1 class="u-heading-09">Esci dal tuo profilo personale</h1>
<p class="u-body-03 u-mb-large u-color-secondary">Cliccando su Esci verrai scollegato dal tuo account. Per inviare commenti, contenuti o modificare i tuoi dati personali dovrai accedere nuovamente</p>
</div>
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2@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" type="button" value="Avanti →" onclick="next()" />
</div>
</div>
<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="#">Crea un account</a>
</span>
<span class="u-label-07 u-color-secondary u-block u-mb-small">
Hai già un profilo utente?
<a class="o-link-primary u-label-07" href="#">Attiva il tuo account</a>
</span>
</div>
</fieldset>
<fieldset data-toggle="email-logout-fw__step" class="fw__inputs o-divider email-logout-fw__step u-pl-none u-pr-none u-mb-medium">
<div class="u-mb-large u-block u-none@md">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2@md ">
<input class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" type="button" value="← Indietro" onclick="back()" />
</div>
</div>
</div>
<div class="u-mb-large">
<h2 class="u-heading-09 u-text-center">Sicuro di voler uscire dal tuo profilo personale?</h2>
<p class="u-body-03 u-text-center">
Cliccando su Esci verrai scollegato dal tuo account. Per inviare commenti, contenuti o modificare i tuoi dati
personali dovrai accedere nuovamente
</p>
</div>
<div class="u-mt-large">
<div class="u-flex u-items-center">
<div class="u-size-full u-size-1-2@md ">
<input class="c-btn c-btn--default u-label-03 u-cursor-pointer c-btn--large u-text-center" type="button" value="← Indietro" onclick="back()" />
</div>
<div class="u-size-full u-size-1-2@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" type="submit" value="Esci" />
</div>
</div>
</div>
</fieldset>
<section data-toggle="email-logout-fw__step" class="fw__result email-logout-fw__step">
<div class="u-mb-large">
<h2 class="u-heading-09 u-text-center">Sei uscito dal tuo account</h2>
<p class="u-body-03 u-mb-large u-text-center">Account scollegato correttamente</p>
<div class="u-mb-base">
<a href="#" class="c-btn c-btn--primary u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Accedi nuovamente
al tuo profilo</a>
</div>
<div class="u-mb-base">
<a href="#" class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Leggi
le ultime notizie</a>
</div>
</div>
<div id="results" class="u-mb-large u-mt-large"></div>
</section>
</form>
<script>
window.onload = function() {
var stepIndex = 0;
}
// var modeToggle = document.getElementsByClassName("input:radio[name=c-tabs__choice]:checked");
// const stepElements = document.querySelector('[data-toggle-step]');
var stepElements = document.getElementsByClassName("email-logout-fw__step");
var form = document.getElementById("email-logout-form");
var breadcrumbsItems = document.getElementsByClassName("c-stepper__element");
// Initialise the form
function init() {
// Reset the step
stepIndex = 0;
// Clear all fields
form.reset();
toggleBreadcrumbsStep();
showCurrentStep();
breadcrumbsItems.classList.add("c-stepper__element--active");
}
// Indicate the current step with breadcrumbs
function toggleBreadcrumbsStep() {
Array.from(breadcrumbsItems).forEach(function(el, index) {
if (index <= stepIndex) {
el.classList.add("c-stepper__element--active");
} else {
el.classList.remove("c-stepper__element--active");
}
});
}
// Show the current step and hide the rest
function showCurrentStep() {
Array.from(stepElements).forEach(function(el, index) {
if (index !== stepIndex) {
el.classList.add("u-none");
} else {
el.classList.remove("u-none");
}
});
}
// Next step action, all fields in current step must be validated before proceed to next step.
function next() {
const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
// Increment step
stepIndex++;
toggleBreadcrumbsStep();
showCurrentStep();
}
// Back button action to navigate 1 step back
function back() {
// Clear all fields in current step
const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
Array.from(fields).forEach(function(field) {
const tagName = field.tagName;
if (tagName.localeCompare("INPUT") === 0) {
field.value = '';
} else if (tagName.localeCompare("SELECT") === 0) {
field.selectedIndex = 0;
}
});
// Decrement step
stepIndex--;
toggleBreadcrumbsStep();
showCurrentStep();
}
form.addEventListener('submit', function(e) {
e.preventDefault();
const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
// all fields in current step must be validated before submission.
// Prepare the result in next view
showResult();
// Navigate to result
stepIndex++;
// toggleBreadcrumbsStep();
showCurrentStep();
}, false);
function showResult() {
const resultsContainer = document.getElementById("results");
// Make sure the result page is empty
resultsContainer.innerHTML = "";
const fields = form.querySelectorAll("input:not([type=button]):not([type=submit]), select");
// List out all data
fields.forEach(field => {
const fieldLabel = field.getAttribute("data-label");
const fieldValue = field.value;
const resultItem = document.createElement("li");
resultItem.setAttribute("class", "fw__result__item");
resultItem.innerHTML = '<span class="fw__result__label">' + fieldLabel + ':</span> <strong class="fw__result__value">' + fieldValue + '</strong>';
resultsContainer.append(resultItem);
});
}
init();
</script>
<!-- end email form -->
</div>
<!-- end tabs module -->
</div>
<footer class="c-footer c-footer--vanilla u-py-small u-py-medium@md u-mt-auto">
<div class="u-gap-medium o-divider u-flex u-column u-items-center">
<div class="u-flex u-column u-row@md u-gap-small u-text-center u-label-08 u-color-light">
<span> © 2024 Citynews SpA - P.IVA 10786801000 </span>
<span> <a href=https://citynews.it/termini-servizio#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Termini e Condizioni</a> </span>
<span> <a href=https://citynews.it/condizioni-particolari#_ga=2.5143347.1498799164.1669298142-1368784910.1664177783>Condizioni particolari </a></span>
<span> <a href=https://citynews.it/privacy#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Privacy Policy</a> </span>
<span> <a href=https://www.citynews.it/gruppo/compliance />Modello 231 e Codice Etico</a></span>
</div>
<a class="u-mr-base" href="">
<svg class="c-brand-cn" width="176" height="46">
<use xlink:href="#brand-citynews"></use>
</svg>
</a>
</div>
</footer>
</div>
<div class="o-container u-size-full-view u-flex u-column">
{% if type == "login" %}
{% render "@header--vanilla" %}
{% render "@login", {
type: type,
mode: mode,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "logout" %}
{% render "@header--vanilla" %}
{% render "@logout", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "signup" %}
{% render "@header--vanilla" %}
{% render "@signup", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel,
methods: methods
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "buysignup" %}
{% render "@header--vanilla" %}
{% render "@buysignup", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel,
methods: methods
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "activate" %}
{% render "@header--vanilla" %}
{% render "@activate", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "recovery" %}
{% render "@header--vanilla" %}
{% render "@recovery", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "delete" %}
{% render "@header--vanilla" %}
{% render "@delete", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% elif type == "view" %}
{% render "@header--vanilla" %}
{% render "@view", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel
}, true %}
{% render "@footer--vanilla" %}
{% else %}
{# {% render "@user--edit", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel,
userSettingsSections: userSettingsSections
}, true %} #}
{% render "@user--profile", {
type: type,
page_title: page_title,
page_subtitle: page_subtitle,
actionLabel: actionLabel,
userSettingsSections: userSettingsSections
}, true %}
{% endif %}
</div>
{
"sidebarImg": "/assets/images/site/cities/roma_desktop.jpg",
"hName": "RomaToday",
"hBrand": "/assets/images/site/brands_orizzontal/Property 1=RomaToday.svg",
"gBrand": "/assets/images/site/horizontal-white-full@2x.png",
"type": "logout",
"actionLabel": "Esci",
"errors": false,
"page_title": "Esci dal tuo profilo personale",
"page_subtitle": "Cliccando su Esci verrai scollegato dal tuo account. Per inviare commenti, contenuti o modificare i tuoi dati personali dovrai accedere nuovamente"
}
No notes defined.