WikiLerni/front/public/compte.html

164 lines
14 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex">
<title>Mon compte WikiLerni</title>
<!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src -->
<script src="/JS/polyfill.app.js" defer></script>
<script src="/JS/accountUser.app.js" defer></script>
<link rel="shortcut icon" href="/img/favicon.ico">
<link rel="stylesheet" href="/themes/wikilerni/css/style.css">
</head>
<body class="cardboard">
<!-- En tête -->
<header class="cardboard">
<a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-128.png" alt="WikiLerni (logo)" title="Accéder à la page d'accueil de WikiLerni" /></a>
<ul id="headLinks">
<li><a href="/contact.html" rel="nofollow">Contact</a></li>
<li><a href="/quizs/" id="indexHeadLink" title="Les dernières publications">Parcourir</a></li>
<li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>
<li><a href="/a-propos.html">À propos</a></li>
<li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>
</ul>
</header>
<div id="crash"></div>
<section id="main-content" class="needJS">
<ul id="menu" class="cardboard">
<li><a href="/accueil.html">MON WIKILERNI</a></li>
<li><a href="/compte.html#infos" title="Email, mot de passe">Mon abonnement</a></li>
<li><a href="/sortie.html">Me déconnecter</a></li>
</ul>
<div id="account" class="cardboard">
<h1 class="cardboard" id="infos">Votre compte WikiLerni</h1>
<div id="message"></div>
<form id="accountUpdate" method="POST">
<fieldset><label for="name">Nom ou pseudo</label><input id="name" type="text" name="name" class="cardboard"></fieldset>
<fieldset><label for="email">E-mail</label><input id="email" type="email" name="email" class="cardboard">
<div id="emailMessage"></div></fieldset>
<fieldset><label for="newPassword">Nouveau mot de passe</label><input id="newPassword" type="password" name="newPassword" class="cardboard">
<div id="newPasswordMessage"><span class="info">Laisser vide sauf si vous souhaitez le changer.</span></div></fieldset>
<div class="framed">
<p>Quels jours de la semaine souhaitez-vous recevoir des e-mails (nouveaux articles ou quizs)?</p>
<ul class="checkbox_li">
<li class="checkbox_li">
<label for="d2" class="check"><input type="checkbox" id="d2" name="d2" value="true" /><div class="checkbox_override"></div> Lundi.</label>
</li>
<li class="checkbox_li">
<label for="d3" class="check"><input type="checkbox" id="d3" name="d3" value="true" /><div class="checkbox_override"></div> Mardi.</label>
</li>
<li class="checkbox_li">
<label for="d4" class="check"><input type="checkbox" id="d4" name="d4" value="true" /><div class="checkbox_override"></div> Mercredi.</label>
</li>
<li class="checkbox_li">
<label for="d5" class="check"><input type="checkbox" id="d5" name="d5" value="true" /><div class="checkbox_override"></div> Jeudi.</label>
</li>
<li class="checkbox_li">
<label for="d6" class="check"><input type="checkbox" id="d6" name="d6" value="true" /><div class="checkbox_override"></div> Vendredi.</label>
</li>
<li class="checkbox_li">
<label for="d7" class="check"><input type="checkbox" id="d7" name="d7" value="true" /><div class="checkbox_override"></div> Samedi.</label>
</li>
<li class="checkbox_li">
<label for="d1" class="check"><input type="checkbox" id="d1" name="d1" value="true" /><div class="checkbox_override"></div> Dimanche.</label>
</li>
</ul>
</div>
<ul class="checkbox_li">
<li class="checkbox_li">
<label for="deleteOk" class="check"><input type="checkbox" id="deleteOk" name="deleteOk" value="true" /><div class="checkbox_override"></div> <span class="error">Je souhaite supprimer mon compte WikiLerni.</span></label>
</li>
</ul>
<div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" id="submitDatas" /></div>
</form>
<div id="response"></div>
<div id="godfatherInfos" class="needJS">
<h1 class="cardboard" id="godfather">Les utilisateurs que vous avez parrainés</h1>
<div class="engraved framed">
<p>Vous pouvez parrainer dautres utilisateurs. Pour ce faire, demandez-leur de saisir lors de linscription votre adresse e-mail <strong id="godfatherEmail"></strong> ou encore le code suivant: <strong id="godfatherCode"></strong>.</p>
<p>À chaque fois quun utilisateur que vous avez parrainé <b>souscrit ou renouvelle un abonnement payant</b>, son abonnement comme le vôtre <b>se trouve prolongé gratuitement de 30 jours</b>. Cet avantage restera valable tant que cet utilisateur et vous-mêmes garderez votre compte WikiLerni.</p>
</div>
<p id="godchilds"><b class="info">Pour linstant, aucune personne ne sest inscrite, en vous désignant comme «parrain».</b></p>
</div>
<div id="subscribeInfos" class="needJS">
<h1 class="cardboard" id="subscribe">Votre abonnement</h1>
<div id="subscribeIntro"></div>
<form>
<ul class="checkbox_li">
<li class="checkbox_li">
<label for="abo9" class="check"><input type="checkbox" id="abo9" name="abo9" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>1.5 € TTC/mois</b>, soit 9 € TTC pour 180 jours.</label>
</li>
<li class="checkbox_li">
<label for="abo18" class="check"><input type="checkbox" id="abo18" name="abo18" value="true" /><div class="checkbox_override"></div> Jaccepte de payer <b>3 € TTC/mois</b>, soit 18 € TTC pour 180 jours + une dédicace sur 1 des articles WikiLerni.</label>
</li>
<li class="checkbox_li">
<label for="abo36" class="check"><input type="checkbox" id="abo36" name="abo36" value="true" /><div class="checkbox_override"></div> Jaccepte de payer <b>6 € TTC/mois</b>, soit 36 € TTC pour 180 jours + une dédicace sur 2 des articles WikiLerni.</label>
</li>
<li class="checkbox_li">
<label for="abo54" class="check"><input type="checkbox" id="abo54" name="abo54" value="true" /><div class="checkbox_override"></div> Jaccepte de payer <b>9 € TTC/mois</b>, soit 54 € TTC pour 180 jours + une dédicace sur 4 des articles WikiLerni.</label>
</li>
<li class="checkbox_li">
<label for="CGVOk" class="check" title="Vous devez d'abord choisir le montant de votre abonnement."><input type="checkbox" id="CGVOk" name="CGVOk" value="true" /><div class="checkbox_override"></div> <span class="info">Jai lu et accepte les <a href="/CGV-CGU.html" target="_blank" rel="noopener">Conditions Générales de Vente</a> (obligatoire).</span></label>
</li>
</ul>
</form>
<div id="WPBtns" class="needJS">
<script type="text/javascript">
const userWP=JSON.parse(localStorage.getItem("user"));
var paiement_ref = ""+userWP.id;// d'après test, doit être une chaîne pour que cela fonctionne.
</script>
<div id="WPBtn9" class="needJS">
<h4>Paiement de votre abonnement de soutien à 9 € TTC.</h4>
<script type="text/javascript" src="https://paiementsecurise.info/S-pan64po51vmnscc5-d5ZgzCCYcJbg5AeN.js"></script>
</div>
<div id="WPBtn18" class="needJS">
<h4>Paiement de votre abonnement de soutien à 18 € TTC.</h4>
<script type="text/javascript" src="https://paiementsecurise.info/S-pan64po51vmnscc5-LlXn7ylPbr96Cbwx.js"></script>
</div>
<div id="WPBtn36" class="needJS">
<h4>Paiement de votre abonnement de soutien à 36 € TTC.</h4>
<script type="text/javascript" src="https://paiementsecurise.info/S-pan64po51vmnscc5-FXDsJCExwAhYH3u3.js"></script>
</div>
<div id="WPBtn54" class="needJS">
<h4>Paiement de votre abonnement de soutien à 54 € TTC.</h4>
<script type="text/javascript" src="https://paiementsecurise.info/S-pan64po51vmnscc5-wMg4k4PYLvFT6Zg4.js"></script>
</div>
<p class="success">En cliquant sur le bouton de paiement, vous serez dirigé vers loutil de facturation et de paiement en ligne.<br>Lors de votre premier abonnement, <b>vous devrez y créer un compte client qui est distinct de votre compte utilisateur WikiLerni</b>. Vous pouvez y utiliser un mot de passe différent. <br>Les années suivantes, lors de vos renouvellements, vous pourrez vous reconnecter à ce compte client.</p>
</div>
<div class="info">
<h3>Prix libre?</h3>
<p>WikiLerni pratique le «prix libre», cest-à-dire que <b>vous pouvez choisir quel montant vous êtes prêt à payer pour continuer à utiliser WikiLerni</b>.</p>
<p><b>Il ne sagit pas vraiment dun don, mais dun financement participatif</b>. Sans cela, le site WikiLerni <b>cessera son activité</b> et vous ne pourrez donc plus lutiliser.</p>
<p>Vous pouvez donc choisir en conscience ce que vous pouvez et souhaitez payer ce semestre pour WikiLerni, sachant que <b>ce choix ne vous engagera pas pour les futurs renouvellements</b>.</p>
<p>Une fois sélectionné le montant qui vous convient, il vous faudra <b>cocher la case de validation des Conditions Générales de Vente</b>, pour voir apparaître un bouton de paiement qui vous mènera <b>sur loutil de facturation et paiement en ligne de la société WebPortage</b>.</p>
<h3>Dédicacez des articles WikiLerni</h3>
<p>Au-delà de la possibilité dutiliser WikiLerni pendant 6 mois supplémentaires, <b>à partir de labonnement à 3 € TTC/mois, pour vous remercier vous pourrez demander à apposer votre nom sur la page dun ou plusieurs des articles publiés sur WikiLerni</b>.</p>
<p>Il peut sagir de votre nom / pseudo ou de celui de la personne à qui vous le dédicacez. <b>Je vous contacterai pour vous demander et cest évidemment facultatif!</b></p><p>Si vous souhaitez apposer le nom, voire le lien internet d<b>une activité commerciale ou associative</b>, cest aussi possible dans certaines conditions, mais merci de commencer par <a href="/contact.html">me contacter pour avis</a>.</p>
<h3>WikiLerni sadapte à vous</h3>
<p>Vous aimez WikiLerni, mais ne pouvez vraiment pas payer? Vous préférez un autre montant ou un autre moyen de paiement (chèque, virement)? Ou encore vous avez besoin dexplications? Alors <a href="/contact.html">contactez-moi</a>. <b>Je me ferai un plaisir de vous répondre et dessayer de madapter à votre situation</b>.</p>
</div>
</div>
</div>
</section>
<footer class="cardboard">
<ul id="footLinks">
<li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
<li><a href="/credits.html">Crédits</a></li>
<li><a href="/mentions-legales.html" rel="nofollow">Mentions légales</a></li>
<li><a href="/donnees.html">Données personnelles</a></li>
<li><a href="/CGV-CGU.html" rel="nofollow">CGV &amp; CGU</a></li>
</ul>
</footer>
</body>
</html>