ode-csslib-panda-primot 3.4.12-develop-integration.202505221038

package/dist/template/auth/forgot-message.html

@@ -0,0 +1,30 @@
+<div class="absolute">
+  <div class="centered container row">
+    <img class="logo" src="/assets/themes/[[childTheme]]/img/illustrations/logo.png" alt="Logo de l'ENT">
+    <section class="main">
+      <div class="welcome-text" ng-if="!welcome.hideContent">
+        <div class="row">
+          <div class="twelve cell" bind-html="welcome.content"></div>
+        </div>
+      </div>
+
+      <div class="panel">
+        <h1>
+          <img src="/auth/public/img/auth.png" /><span
+            translate
+            content="auth.message.header"
+          ></span>
+        </h1>
+        <form>
+          <p class="success" translate content="[[message]]"></p>
+          <a
+            href="/auth/login"
+            class="right cell"
+            translate
+            content="auth.cancel"
+          ></a>
+        </form>
+      </div>
+    </section>
+  </div>
+</div>

package/dist/template/auth/login-form.html

@@ -0,0 +1,171 @@
+<div>
+  <div class="centered container row">
+    <img class="logo" src="/assets/themes/[[childTheme]]/img/illustrations/logo.png" alt="Logo de l'ENT">
+
+    <div ng-if="!browser" class="browser">
+      <h1><i18n>browser.not.supported.title</i18n></h1>
+      <p><i18n>browser.not.supported.download</i18n></p>
+      <p class="download">
+        <a href="https://www.google.fr/chrome/browser/desktop/" target="_blank">
+          <img src="/auth/public/img/chrome_logo.png" />
+        </a>
+        <a href="https://www.mozilla.org/fr/firefox/new/" target="_blank">
+          <img src="/auth/public/img/firefox_logo.png" />
+        </a>
+        <a
+          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
+          target="_blank"
+        >
+          <img src="/auth/public/img/msie_logo.png" />
+        </a>
+      </p>
+    </div>
+
+    <div ng-if="browser && browser.outdated" class="browser">
+      <h1><i18n>browser.outdated.title</i18n></h1>
+      <p><i18n>browser.outdated.update</i18n></p>
+      <p class="update">
+        <a
+          href="https://www.google.fr/chrome/browser/desktop/"
+          target="_blank"
+          ng-if="browser.browser === 'Chrome'"
+        >
+          <img src="/auth/public/img/chrome_logo.png" />
+        </a>
+        <a
+          href="https://www.mozilla.org/fr/firefox/new/"
+          target="_blank"
+          ng-if="browser.browser === 'Firefox'"
+        >
+          <img src="/auth/public/img/firefox_logo.png" />
+        </a>
+        <a
+          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
+          target="_blank"
+          ng-if="browser.browser === 'MSIE'"
+        >
+          <img src="/auth/public/img/msie_logo.png" />
+        </a>
+        <a
+          href="https://www.apple.com/fr/safari/"
+          target="_blank"
+          ng-if="browser.browser === 'Safari'"
+        >
+          <img src="/auth/public/img/safari_logo.png" />
+        </a>
+      </p>
+      <p><i18n>browser.outdated.download</i18n></p>
+      <p class="download">
+        <a
+          href="https://www.google.fr/chrome/browser/desktop/"
+          target="_blank"
+          ng-if="browser.browser !== 'Chrome'"
+        >
+          <img src="/auth/public/img/chrome_logo.png" />
+        </a>
+        <a
+          href="https://www.mozilla.org/fr/firefox/new/"
+          target="_blank"
+          ng-if="browser.browser !== 'Firefox'"
+        >
+          <img src="/auth/public/img/firefox_logo.png" />
+        </a>
+        <a
+          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
+          target="_blank"
+          ng-if="browser.browser !== 'MSIE'"
+        >
+          <img src="/auth/public/img/msie_logo.png" />
+        </a>
+      </p>
+    </div>
+
+    <section class="main">
+      <div class="row"></div>
+      <div class="welcome-text" ng-if="!welcome.hideContent">
+        <div class="row">
+          <div class="twelve cell" bind-html="welcome.content"></div>
+        </div>
+      </div>
+
+      <div
+        class="panel login"
+        ng-class="{ 'lonely-panel': welcome.hideContent }"
+      >
+        <h1>
+          <img src="/auth/public/img/auth.png" /><span
+            translate
+            content="auth.header"
+          ></span>
+        </h1>
+        <p class="warning" translate content="[[error]]" ng-if="error"></p>
+        <form method="post" action="/auth/login">
+          <p>
+            <label translate content="auth.email"></label>
+            <input
+              type="text"
+              ng-model="user.email"
+              ng-keydown="noSpace($event)"
+              ng-change="noUpperCase()"
+              name="email"
+              id="email"
+              autofocus
+              tabindex="1"
+            />
+          </p>
+          <p>
+            <label translate content="auth.password"></label>
+            <input-password
+              type="password"
+              ng-model="user.password"
+              name="password"
+              id="password"
+              tabindex="2"
+            ></input-password>
+          </p>
+          <p>
+            <input
+              type="checkbox"
+              ng-model="user.rememberMe"
+              name="rememberMe"
+              id="rememberMe"
+              value="true"
+            />
+            <label
+              translate
+              content="auth.remember.me"
+              style="display: inline"
+            ></label>
+          </p>
+          <div class="flex-magnet-container">
+            <div>
+              <a
+                class="forgot-link"
+                href="/auth/forgot#/password"
+                translate
+                content="missing.password"
+              ></a>
+              <a
+                class="forgot-link"
+                href="/auth/forgot#/id"
+                translate
+                content="missing.id"
+              ></a>
+            </div>
+            <input
+              type="submit"
+              translate
+              attr="value"
+              value="auth.login"
+              tabindex="3"
+              class="vertical-spacing flex-magnet-bottom-right"
+            />
+          </div>
+          <input type="hidden" name="callBack" ng-value="callBack" />
+          <input type="hidden" name="details" ng-value="details" />
+        </form>
+        <div style="clear: both"></div>
+      </div>
+    </section>
+  </div>
+</div>

package/dist/template/auth/reset-form.html

@@ -0,0 +1,53 @@
+<div class="absolute">
+	<div class="centered container row">
+		<img class="logo" src="/assets/themes/[[childTheme]]/img/illustrations/logo.png" alt="Logo de l'ENT">
+		<section class="main">
+			<div class="welcome-text" ng-if="!welcome.hideContent">
+				<div class="row">
+					<div class="twelve cell" bind-html="welcome.content"></div>
+				</div>
+			</div>
+
+			<div class="panel" ng-class="{ 'lonely-panel': welcome.hideContent }">
+				<h1><img src="/auth/public/img/auth.png" /><span translate content="auth.reset.header"></span></h1>
+				<p class="warning" translate content="[[error]]" ng-if="error"></p>
+				<form method="post" ng-submit="reset()" name="resetForm">
+					<p>
+						<label translate content="auth.email"></label>
+						<input type="text" name="login" ng-model="user.login" ng-keydown="noSpace($event)"
+							ng-change="noUpperCase()" name="login" tabindex="1" required />
+						<p class="input-errors" ng-if="resetForm.login.$invalid && resetForm.login.$dirty">
+							<span ng-repeat="(key, value) in resetForm.login.$error">
+								<label ng-if="value">[[lang.translate(key)]]</label>
+							</span>
+						</p>
+					</p>
+					<p>
+						<label translate content="auth.activation.password"></label>
+						<input-password required ng-pattern="passwordRegex" ng-model="user.password"
+							ng-change="refreshInput(resetForm, 'confirmPassword')" name="password" ng-trim="false"
+							tabindex="2"></input-password>
+						<p class="input-errors" ng-if="resetForm.password.$invalid && resetForm.password.$dirty">
+							<i18n>password.errors</i18n><br />
+							<span ng-repeat="(key, value) in resetForm.password.$error">
+								<label ng-if="value">[[lang.translate(key)]]</label>
+							</span>
+						</p>
+						<label translate content="auth.activation.confirm.password"></label>
+						<input-password required ng-model="user.confirmPassword" name="confirmPassword" ng-trim="false"
+							tabindex="3"></input-password>
+						<p class="input-errors"
+							ng-if="user.password !== '' && user.confirmPassword && user.confirmPassword !== '' && user.confirmPassword !== user.password">
+							<i18n>password.identical</i18n>
+						</p>
+					</p>
+					<p>
+						<input type="submit" translate attr="value" value="auth.reset" ng-disabled="resetForm.$invalid"
+							tabindex="4" />
+					</p>
+					<div class="clear"></div>
+				</form>
+			</div>
+		</section>
+	</div>
+</div>

package/dist/template/directory/massmail.mail.es.txt

@@ -0,0 +1,46 @@
+{{! Users that are not activated }}
+{{#activationCode}}
+Hola,<br/>
+<br/>
+Este mensaje se envía automáticamente con sus informaciones de primera conexión a ONE.<br/>
+<br/>
+Para conectarse, vaya a <a href="https://edifice.io/connexion">edifice.io/connexion</a>.<br/>
+<br/>
+Introduzca su nombre de usuario (se debe guardar para poder conectarse ulteriormente) y su código de activación:<br/>
+<br/>
+Id. de usuario: {{login}}<br/>
+Código de activación: {{activationCode}}<br/>
+<br/>
+Seleccione una nueva contraseña e introduzca su dirección de correo electrónico personal para obtener un correo electrónico de restauración si usted olvida su contraseña.<br/>
+<br/>
+Recomendamos que mezcle números, letras, mayúsculas, minúsculas y caracteres especiales al elegir su contraseña personal.<br/>
+<br/>
+¡Feliz navegación!<br/>
+<br/>
+El equipo ONE<br/>
+<br/>
+{{/activationCode}}
+{{! Users that are activated }}
+{{^activationCode}}
+Hola,<br/>
+<br/>
+Este mensaje se envía automáticamente con sus informaciones de primera conexión a ONE.<br/>
+<br/>
+Usted ya tiene una cuenta en ONE.<br/>
+Su Id. de usuario es: <i>{{login}}</i><br/>
+<br/>
+Si no recuerda su contraseña, puede establecer una nueva siguiendo las siguientes instrucciones:<br/>
+<br/>
+- Vaya a <a href="https://edifice.io/connexion">https://edifice.io/connexion</a> y haga clic en “Contraseña olvidada”<br/>
+<br/>
+- Introduzca su Id. de usuario y haga clic en “Enviar”.<br/>
+<br/>
+Se enviará un correo electrónico a la dirección que ingresó al activar su cuenta. Luego haga clic en el enlace de restauración de contraseña recibido para definir su nueva contraseña.<br/>
+<br/>
+Recomendamos que mezcle números, letras, mayúsculas, minúsculas y caracteres especiales al elegir su contraseña personal.<br/>
+<br/>
+¡Feliz navegación!<br/>
+<br/>
+El equipo ONE<br/>
+<br/>
+{{/activationCode}}

package/dist/template/directory/massmail.mail.txt

@@ -0,0 +1,44 @@
+{{! Users that are not activated }}
+{{#activationCode}}
+Bonjour,<br/>
+<br/>
+Ceci est un mail généré automatiquement qui contient vos informations de première connexion à PrimOT.<br/>
+<br/>
+La première connexion s’effectue sur <a href="https://primot.edifice.io">primot.edifice.io</a>.<br/>
+<br/>
+Une première étape indispensable vous permettra de personnaliser vos informations de connexion.<br/>
+<br/>
+Munissez vous de votre adresse e-mail personnelle et des informations ci-dessous :<br/>
+<br/>
+Identifiant : {{login}}<br/>
+Code d’activation : {{activationCode}}<br/>
+<br/>
+Pour sécuriser vos accès, il vous sera demandé de choisir un nouveau de mot de passe, d’indiquer votre adresse e-mail personnelle et, si vous le souhaitez, de saisir un numéro de téléphone portable.<br/>
+<br/>
+Nous vous recommandons de mélanger chiffres, lettres, majuscules, minuscules et caractères spéciaux lors du choix de votre mot de passe personnel.<br/>
+<br/>
+Bonne navigation sur PrimOT !<br/>
+<br/>
+{{/activationCode}}
+{{! Users that are activated }}
+{{^activationCode}}
+Bonjour,<br/>
+<br/>
+Ceci est un mail généré automatiquement qui contient vos informations de connexion à PrimOT.<br/>
+<br/>
+Vous possédez déjà un compte sur PrimOT.<br/>
+Votre identifiant de connexion est rappelé ci-contre : <i>{{login}}</i><br/>
+<br/>
+Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les instructions ci-dessous :<br/>
+<br/>
+- Rendez-vous à l’adresse <a href="https://primot.edifice.io">primot.edifice.io</a> et cliquez sur « Besoin d'aide? ».<br/>
+<br/>
+- Cliquez ensuite sur "Vous avez perdu votre mot de passe ?", saisissez votre identifiant puis cliquez sur "Envoyer".<br/>
+<br/>
+Un mail sera envoyé à l’adresse que vous avez saisi lors de l’activation de votre compte. Cliquez ensuite sur le lien hypertexte dans le mail reçu pour définir votre nouveau mot de passe.<br/>
+<br/>
+Nous vous recommandons de mélanger chiffres, lettres, majuscules, minuscules et caractères spéciaux lors du choix de votre mot de passe personnel.<br/>
+<br/>
+Bonne navigation sur PrimOT !<br/>
+<br/>
+{{/activationCode}}

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

@@ -0,0 +1,193 @@
+<?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 de votre ENT</title>
+	<style type="text/css">
+		body{
+			font-family: 'arial';
+			font-size: 0.8em;
+		}
+		h1{
+			color: #2a9cc8;
+		}
+		h2{
+			color: #2a9cc8;
+		}
+		div.banner{
+			background-color: rgb(213, 239, 248);
+			margin-bottom: 10px;
+			padding: 15px;
+			padding-top: 1px;
+			line-height: 15px;
+		}
+		div.banner span.content{
+			margin-top: 15px;
+			margin-bottom: 10px;
+			font-size: 15px;
+			font-weight: bold;
+		}
+
+		ul li{
+			list-style: circle;
+		}
+
+		div.twocolumns > div{
+			max-width: 45%;
+			display: inline-block;
+			vertical-align: top;
+		}
+		div.twocolumns.center > div{
+			vertical-align: middle;
+		}
+		ul.login-list{
+			margin-top: 35px;
+		}
+		ul.login-list > li{
+			margin-bottom: 15px;
+		}
+		b.highlighted{
+			background-color: #feeb59;
+		}
+
+		div#login{
+			position: absolute;
+			top: 60px;
+			left: 75px;
+		}
+		div#code{
+			position: absolute;
+			top: 90px;
+			left: 75px;
+		}
+		img#logo{
+			width: 200px;
+		}
+		img#besoinaide{
+			width: 250px;
+			margin-left: 30px;
+		}
+		img#demandereinitialisation{
+			width: 250px;
+			margin-right: 30px;
+		}
+		img#reinitialisation{
+			width: 300px;
+			margin-left: 30px;
+		}
+	</style>
+</head>
+
+<body>
+	{{#users}}
+	{{! Users that are not activated }}
+	{{#activationCode}}
+	<div{{^end}} style="page-break-after: always"{{/end}}>
+		<img id="logo" src="logo.png"></img>
+		<div class="banner">
+			<h1>La première connexion à PrimOT</h1>
+			<span class="content">Ce document s'adresse à <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}}
+		</div>
+
+		La première connexion à PrimOT comprend une étape préalable indispensable, qui vous permet de personnaliser vos informations de connexion.
+
+		<ul>
+			<li>
+				<h2>De quoi se munir ?</h2>
+				Pour se connecter à PrimOT, vous devez vous munir de votre adresse E-mail personnelle et de cette feuille.
+			</li>
+			<li>
+				<h2>Comment accéder à PrimOT?</h2>
+				<div class="twocolumns">
+					<p>
+						Vous pouvez accéder à PrimOT en passant par le site vitrine : <a href="http://primot.edifice.io">primot.edifice.io</a>.<br/>
+					</p>
+				</div>
+			</li>
+			<li>
+				<h2>Comment se connecter la première fois ?</h2>
+				<b>Utiliser les identifiants ci-dessous sur la page de connexion :</b>
+				<div>
+					<ul class="login-list">
+						<li>Identifiant : <b>{{login}}</b></li>
+						<li>Code d'activation <b>{{activationCode}}</b></li>
+					</ul>
+				</div>
+			</li>
+		</ul>
+
+		<div class="footer">
+			<p>
+				Pour sécuriser vos accès, il vous sera demandé de choisir un nouveau mot de passe,
+				d’indiquer votre adresse E-mail personnelle et si vous le souhaitez de saisir un numéro de
+				téléphone portable pour récupération du mot de passe en cas d’oubli.
+				Vous aurez aussi la possibilité de consulter la charte de PrimOT et l’obligation d’en accepter les termes.
+			</p>
+
+			<p>
+				<i>Nous vous recommandons de mélanger chiffres, lettres, majuscules, minuscules et caractères spéciaux lors du choix de votre mot de passe personnel.</i>
+			</p>
+
+			<p>
+				<b>Désormais, vous pouvez vous connecter à PrimOT en utilisant votre nouveau mot de passe.</b>
+			</p>
+		</div>
+	</div>
+	{{/activationCode}}
+	{{! Users that are activated }}
+	{{^activationCode}}
+	<div{{^end}} style="page-break-after: always"{{/end}}>
+		<img id="logo" src="logo.png"></img>
+		<div class="banner">
+			<h1>Informations sur votre compte PrimOT</h1>
+			<span class="content">Ce document s'adresse à <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{{^classes}}{{#classname}} {{classname}}{{/classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
+				{{/isInClass}}
+			{{/child}}
+		</div>
+
+		<p>Vous possédez déjà un compte sur l’ENT (environnement numérique de travail) PrimOT.</p>
+
+		<p>Votre identifiant de connexion est rappelé ci-contre : <b class="highlighted">{{login}}</b></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>
+
+		<ul>
+			<li>
+				<h2>Demande de réinitialisation de mot de passe</h2>
+				<p>
+					Rendez-vous à l’adresse <a href="https://primot.edifice.io">primot.edifice.io</a>
+					et cliquez sur « Besoin d'aide ? ».<br/>
+					Cliquez ensuite sur « Vous avez perdu votre mot de passe ? » puis saisissez votre identifiant et enfin cliquez sur « Envoyer ». <br/>
+					Un mail sera envoyé à l’adresse que vous avez saisie lors de l’activation de votre compte.
+				</p>
+			</li>
+			<li>
+				<h2>Réinitialisation du mot de passe</h2>
+				<p>
+					Cliquez ensuite sur le lien hypertexte dans le mail reçu pour définir votre nouveau mot de passe.
+				</p>
+			</li>
+		</ul>
+	</div>
+	{{/activationCode}}
+	{{/users}}
+</body>
+
+</html>