CDN

CSS // Nouvelle charte graphique

Vous accéderez à la toute nouvelle version de notre charte graphique basée sur le travail réalisé sur KSup et le site institutionnel de l'UCA au cours de l'année 2022.
Le framework intègre Bootstrap 5.2.3, et nous avons surchargé les classes que lorsque cela était nécessaire.
Le lien vous redirige vers une documentation ainsi que des exemples d'utilisation avec des options pour générer automatiquement des portions de code.

ENT // NEW MENU

Le nouveau menu est disponible !! Pour pouvoir l'utiliser il faut intégrer les librairies suivantes:


					<!-- FACULTATIF -->

					<!-- Dans la balise <head> si vous avez beaucoup de ressources à charger dans votre application-->

					<link rel="preload" as="style"  href="https://menu.ent.uca.fr/app.css">

					<link rel="preload" as="script" href="https://menu.ent.uca.fr/app.js">

					

					<!-- OBLIGATOIRE -->

					<!-- Dans la balise <head> -->

					<link href="https://menu.ent.uca.fr/app.css" rel="stylesheet">

					<!-- A la fin du <body> -->

					<script type="module" src="https://menu.ent.uca.fr/app.js"></script>

Et le composant html <uca-menu>


					<!-- Votre bouton qui servira à afficher/masque le menu, l'id sera à reprendre dans data-opener -->

					<button id="myButton">Menu</button>

					

					
							<!--

							data-opener
								                               
								// OBLIGATOIRE // L'identifiant du bouton qui affiche/masque le menu

							data-opener-class
								                         
								// FACULTATIF  // Une classe à activer sur votre bouton si le menu est ouvert

							data-toggle-outside = true|false(default)
								 
								// FACULTATIF  // Autorise le click en dehors du menu pour le fermer

							data-top = int|0(default)
								                 
								// FACULTATIF  // Position en pixel par rapport au top

							data-client
								                               
								// OBLIGATOIRE // Code à demander à l'administrateur ENT pour l'authentification

							data-connected
								                            
								// OBLIGATOIRE // Le username encrypté, se renseigner auprès de l'administrateur pour la procédure

							data-path-login
								                           
								// FACULTATIF  // Votre URL d'authentification

							data-path-logout
								                          
								// FACULTATIF  // Votre URL de déconnexion

							-->
					
					<uca-menu

					  data-opener="myButton"

					  data-opener-class="active"

					  data-toggle-outside="true"

					  data-top="50"

					  data-client="CLIENT"

					  data-connected="ENCRYPTED_USERNAME"

					  data-path-login="PATH_LOGIN"

					  data-path-logout="PATH_LOGOUT">

					</uca-menu>