npm - ode-csslib-openent-moncollege - Versions diffs - 1.0.0-dev-produit.202209291242 - Mend

ode-csslib-openent-moncollege 1.0.0-dev-produit.202209291242

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

package/dist/template/directory/massmail.pdf.xhtml ADDED Viewed

@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<title>Guide de prise en main MonCollege.essonne.fr</title>
+	<style type="text/css">
+		body{
+			font-family: 'Verdana';
+			font-size: 0.9em;
+		}
+		.clear:after{
+			content:'';
+			display:block;
+			clear: both;
+		}
+		span.underline{
+			text-decoration: underline;
+		}
+		ul li{
+			list-style: square;
+		}
+		.big-space{
+			margin-top: 40px;
+			margin-bottom: 40px;
+		}
+		div.right{
+			float: right;
+			text-align: center;
+			margin-left: 30px;
+		}
+		div.right > div {
+			margin-bottom: 30px;
+		}
+		div.twocolumns > div{
+			width: 45%;
+			display: inline-block;
+			vertical-align: top;
+		}
+		div.twocolumns.center > div{
+			vertical-align: middle;
+		}
+		div.twocolumns > div.text-left{
+			text-align: left;
+		}
+		div.twocolumns > div.text-right{
+			text-align: right;
+		}
+		div#code{
+			position: absolute;
+			top: 90px;
+			left: 75px;
+		}
+		img#logo{
+			width: 300px;
+			float: right;
+			margin-bottom: 20px;
+		}
+		img#compagnon{
+			width: 200px;
+		}
+		img#login{
+			width: 200px;
+		}
+		img#besoinaide{
+			width: 250px;
+			margin-right: 30px;
+		}
+		img#demandereinitialisation{
+			width: 250px;
+			margin-left: 30px;
+		}
+		img#reinitialisation{
+			width: 250px;
+			margin-right: 30px;
+		}
+	</style>
+</head>
+<body>
+{{#users}}
+{{! Users that are not activated }}
+{{#activationCode}}
+<div{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="clear">
+		<img id="logo" src="logo.png"></img>
+	</div>
+	<h3>
+		<span class="content">À l’attention de <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
+		{{#child}}
+		<br/>
+		<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
+		{{/child}}
+		{{^child}}
+		{{#isInClass}}
+		<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
+		{{/isInClass}}
+		{{/child}}
+	</h3>
+	<p class="big-space">
+		<span class="underline">Objet</span> : Connexion à l’Espace Numérique de Travail MonCollege.essonne.fr
+	</p>
+	<div class="clear">
+		<div class="right">
+			<div>
+				<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
+			</div>
+			<div>
+				<img id="login" src="login.png" alt="login"></img>
+			</div>
+		</div>
+		<div>
+			<p>
+				Pour vous connecter, rendez-vous sur le site <a href="http://www.moncollege.essonne.fr">www.moncollege.essonne.fr</a> et cliquez sur le bouton « connexion à MonCollege.essonne.fr » en haut à droite de la page.
+			</p>
+			<p>
+				<b>Entrez ensuite vos coordonnées personnelles :</b><br/>
+				<br/>
+				Identifiant : <b>{{login}}</b><br/>
+				Mot de passe : <b>{{activationCode}}</b><br/>
+			</p>
+			<p class="big-space">
+				Lors de votre première connexion à l’ENT, il vous sera demandé de choisir un nouveau mot de passe constitué de 8 caractères, dont au moins une majuscule.<br/>
+				<br/>
+				Notez bien ce mot de passe. En cas d’oubli, il vous suffira de cliquer sur « Besoin d’aide » puis de rentrer votre identifiant et un nouveau mot de passe sera envoyé sur votre adresse email personnelle.
+			</p>
+		</div>
+	</div>
+	<div>
+		<p>
+			La procédure de première connexion est expliquée en détails dans l’article <a href="http://moncollege.essonne.fr/projet/la-boite-a-outils/comment-se-connecter-a-moncollege-essonne-fr-pour-la-1ere-fois/">« Comment se connecter à MonCollege.essonne.fr pour la première fois ? »</a>, disponible dans la rubrique « Aide » du site d’accompagnement.
+		</p>
+		<p>
+			A partir de cette connexion, vous pourrez accéder aux services utilisés par l’établissement dans MonCollege.essonne.fr. Votre enfant a ses propres identifiants. Nous vous rappelons qu’il est indispensable de conserver vos données confidentielles.
+		</p>
+		<br/>
+		<h3 style="text-align: right">
+			MonCollege.essonne.fr
+		</h3>
+	</div>
+</div>
+{{/activationCode}}
+{{! Users that are activated }}
+{{^activationCode}}
+<div{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="clear">
+		<img id="logo" src="logo.png"></img>
+	</div>
+	<h3>
+		<span class="content">À l’attention de <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
+		{{#child}}
+		<br/>
+		<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
+		{{/child}}
+		{{^child}}
+		{{#isInClass}}
+		<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
+		{{/isInClass}}
+		{{/child}}
+	</h3>
+	<p class="big-space">
+		<span class="underline">Objet</span> : Connexion à l’Espace Numérique de Travail MonCollege.essonne.fr
+	</p>
+	<p>
+		Vous possédez déjà un compte sur l’ENT.<br/>
+		Votre identifiant de connexion est rappelé ci-contre : <i><b>{{login}}</b></i>
+	</p>
+	<p>
+		Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les instructions ci-dessous.
+	</p>
+	<div class="twocolumns center">
+		<div>
+			<p>
+				Rendez-vous sur le site <a href="http://www.moncollege.essonne.fr">www.moncollege.essonne.fr</a> et cliquez sur le bouton « connexion à MonCollege.essonne.fr » en haut à droite de la page.
+			</p>
+		</div>
+		<div class="text-right">
+			<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
+		</div>
+	</div>
+	<div class="twocolumns center">
+		<div>
+			<img id="besoinaide" src="Besoin_daide_avec_numero.png" alt="Besoin d'aide"></img>
+		</div>
+		<div>
+			<p>
+				Cliquez sur « Besoin d’aide » puis rentrez votre identifiant et un nouveau mot de passe sera envoyé sur votre adresse email personnelle.
+			</p>
+		</div>
+	</div>
+	<div class="twocolumns center">
+		<div>
+			<p>
+				Cliquez ensuite sur « vous avez perdu votre mot de passe », saisissez votre identifiant puis cliquez sur « Envoyer ».<br/>
+				Un mail sera envoyé à l’adresse que vous avez saisie lors de l’activation de votre compte.
+			</p>
+		</div>
+		<div class="text-right">
+			<img id="demandereinitialisation" src="Demande_reinitialisation_avec_numero.png" alt="Demande de réinitialisation"></img>
+		</div>
+	</div>
+	<div class="twocolumns center">
+		<div>
+			<img id="reinitialisation" src="Reinitialisation_coupe.png" alt="Réinitialisation"></img>
+		</div>
+		<div>
+			<p>
+				Cliquez ensuite sur le lien figurant dans le mail reçu pour définir votre nouveau mot de passe.<br/>
+				A partir de cette connexion, vous pourrez accéder aux services utilisés par l’établissement dans MonCollege.essonne.fr.<br/>
+				Votre enfant a ses propres identifiants. <br/>
+				Nous vous rappelons qu’il est indispensable de conserver vos données confidentielles.
+			</p>
+		</div>
+	</div>
+	<p class="big-space">
+		<h3 style="text-align: right">
+			MonCollege.essonne.fr
+		</h3>
+	</p>
+</div>
+{{/activationCode}}
+{{/users}}
+</body>
+</html>

package/dist/template/directory/massmail_new/massmail_new.pdf.de.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+		<img id="logo" src="logo.png"></img>
+		<p class="baseline neo">Das kooperative soziale Netzwerk für weiterführende Schulen</p>
+	</div>
+	{{^activationCode}}
+	<h2>Infos zu meinem Konto</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>Meine erste Anmeldung in 5 Schritten</h2>
+	{{/activationCode}}
+    <h3> » Dieses Datenblatt ist bestimmt für <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Elter von <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} in der Klasse <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Der den Lehrpersonen, den Personalmitgliedern, den Schülern und ihrer Familie vorbehaltene Plattform ist eine gesicherte und leicht zu handhabende digitale Lösung, die dazu dient:</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Interaktive Inhalte (Wiki, Zeitleiste, Mindmap…) zu erstellen</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Die Austauschprozesse zwischen den Mitgliedern des Schulnetzwerks zu vereinfachen</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Alle digitalen Dienste am selben Ort zusammenzulegen</p>
+    </div>
+    {{^activationCode}}
+    <h2> » Wie melde ich mich an?</h2>
+    <p>Sie besitzen bereits ein Konto auf der virtuellen Plattform. Sie müssen nur noch Ihren normalen Benutzernamen
+	und das bei Ihrer ersten Anmeldung festgelegte Passwort eingeben.
+    <br />Zur Erinnerung Ihr Benutzername:</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » 3 Schritte zum Zurücksetzen meines Passworts</h2>
+    <ol>
+			<li>Bei Vergessen des Passworts gehen Sie auf <a href="{{host}}://{{hostname}}">{{hostname}}</a> und klicken Sie auf<br />« Passwort vergessen ».</li>
+			<li>Geben Sie Ihren Benutzernamen ein und klicken Sie auf « Senden ». Es wird nun eine E-Mail an die bei der Aktivierung Ihres Kontos angegebene Adresse gesendet.</li>
+			<li>Öffnen Sie die E-Mail und klicken Sie dann auf den Link zur Festlegung Ihres neuen Passworts.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Anleitung für meine erste Anmeldung</h2>
+    <ol>
+			<li>Gehen Sie zur Anmeldung auf <a href="{{host}}://{{hostname}}">{{hostname}}</a> und klicken Sie auf « Login ».</li>
+			<li>Geben Sie Ihren Benutzernamen (für spätere Anmeldungen aufbewahren) und Ihren Aktivierungscode ein:
+				<div class="center">
+					<p class="red">Benutzername: {{login}}</p>
+					<p class="red">Aktivierungscode: {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Wählen Sie ein neues Passwort, das aus mindestens 8 Zeichen besteht <strong>und mindestens einen Großbuchstaben, einen Kleinbuchstaben und eine Ziffer enthält</strong>.</li>
+			<li>Geben Sie Ihre persönliche E-Mail-Adresse ein, damit Sie bei Vergessen des Passworts eine E-Mail zum Zurücksetzen des Passworts erhalten.</li>
+			<li>Jetzt müssen Sie nur noch die Allgemeinen Nutzungsbedingungen lesen und akzeptieren.</li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">Viel Vergnügen beim Navigieren!</p>
+</div>
+{{/users}}
+</body>
+</html>

package/dist/template/directory/massmail_new/massmail_new.pdf.en.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+    	<img id="logo" src="logo.png"></img>
+    	<p class="baseline neo">The collaborative social network designed<br />for middle schools and high schools</p>
+	</div>
+	{{^activationCode}}
+	<h2>Information about my account</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>Sign in for the first time in 5 steps</h2>
+	{{/activationCode}}
+    <h3> » This document is for <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}The parent of <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} in class <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Designed for teachers, school personnel, students, and their families, the virtual learning environment is a secure and easy-to-use digital solution for:</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Creating interactive content (Wiki, Timeline, Mindmap, etc.)</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Streamlining communication between members of the educational network</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Keeping all your digital services together in the same place</p>
+    </div>
+    {{^activationCode}}
+    <h2> » How do I sign in?</h2>
+    <p>You already have an account in the virtual learning environment. All you have to do
+	is enter your normal username and the password you selected the first time you signed in.
+    <br />As a reminder, your username is:</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » Resetting your password in three steps</h2>
+    <ol>
+			<li>If you forget your password, visit <a href="{{host}}://{{hostname}}">{{hostname}}</a> and click on « Forgotten password ».</li>
+			<li>Enter your username, then click « Send ». An email will be sent to the address you provided when you activated your account.</li>
+			<li>Open the email and click on the link to reset your password.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Signing in for the first time</h2>
+    <ol>
+			<li>To sign in, visit <a href="{{host}}://{{hostname}}">{{hostname}}</a> and click « Sign in ».</li>
+			<li>Enter your username (and be sure to make note of it so you can sign in again later) and your activation code:
+				<div class="center">
+					<p class="red">Username: {{login}}</p>
+					<p class="red">Activation code: {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Choose a new password with at least 8 characters, <strong>including at least one uppercase letter, one lowercase letter, and a number</strong>.</li>
+			<li>Enter your personal email address so you can receive a reset email in case you forget your password.</li>
+			<li>All that's left is to read and accept the terms and conditions.</li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">Enjoy!</p>
+</div>
+{{/users}}
+</body>
+</html>