diff --git a/library/Class/Template.php b/library/Class/Template.php index fc06082082a8cc89c60cd568a658de10843a2d07..235f7ae2b99e9058556c80716a31f607ca078f61 100644 --- a/library/Class/Template.php +++ b/library/Class/Template.php @@ -399,9 +399,13 @@ class Class_Template { array_merge($view->profil->getCfgSiteAsArray(), ['titre' => $view->getTitre()])); $body = $view->tag('body', - $view->tag('p', - $this->_('L\'accès au site est momentanément bloqué.<br><br> Veuillez essayer plus tard.'), - ['class' => 'erreur'])); + $view->tagImg('/library/templates/Intonation/Assets/images/bokeh_focale.png', + ['alt' => $this->_('Image d\'erreur'), + 'class' => 'icon_error_danger']). + $view->tag('p', + $this->_('L\'accès au site est momentanément bloqué.<br> Veuillez réessayer plus tard.'), + ['class' => 'erreur']) + ); return $head . $body; } diff --git a/library/templates/Herisson/Assets/contents/accessibilite.html b/library/templates/Herisson/Assets/contents/accessibilite.html index ec424443d56f17416ea613db88e26e07c05ac6e3..716ac62bff527dcad207c1d12cd6e7c4abd9e1b1 100644 --- a/library/templates/Herisson/Assets/contents/accessibilite.html +++ b/library/templates/Herisson/Assets/contents/accessibilite.html @@ -1,217 +1,142 @@ -<div class="accessibilite"> - <h1 style="text-align: center;">Attestation de conformité au RGAA</h1> - - <p> </p> - - <h2>Qu’est-ce que l’accessibilité numérique ?</h2> - - <p>Un site web accessible est un site qui permet à tous les internautes d’accéder à ses contenus sans difficulté, y compris les personnes qui présentent un handicap et utilisent des logiciels ou matériels spécialisés.<br /> - Un site accessible permet par exemple de :</p> - - <ul> - <li>Naviguer avec des synthèses vocales ou des plages braille (notamment utilisées par les internautes aveugles ou malvoyants).</li> - <li>Personnaliser l’affichage du site selon ses besoins (grossissement des caractères, modification des couleurs).</li> - <li>Naviguer sans utiliser la souris, avec le clavier uniquement ou via un écran tactile.</li> - </ul> - - <p> </p> - - <h2>Adresse du site et date de réalisation :</h2> - - <p>La déclaration de conformité du site <strong><span style="color:#FF0000;">[À renseigner]</span></strong> le <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - - <p> </p> - - <h2>Version du RGAA de référence :</h2> - - <p>La version utilisée pour réaliser les tests est la version 4.0 du RGAA.</p> - - <p> </p> - - <h2>Identité du déclarant :</h2> - - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - - <p> </p> - - <h2>Technologies utilisées sur le site :</h2> - - <ul> - <li>HTML5</li> - <li>CSS</li> - <li>JavaScript</li> - <li>PHP</li> - </ul> - - <p> </p> - - <h2>Outils utilisés pour l’évaluation :</h2> - - <p>Asqatasun V.5</p> - - <p> </p> - - <h2>Liste des pages ayant fait l’objet de la vérification de conformité :</h2> - - <table align="center" style="width:80%;"> - <tbody> - <tr> - <td>Accueil</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Résultat de recherche</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Notice</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Infos pratiques</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Sur les étagères</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Actualités</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Aide en ligne</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Recherche avancée</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Mentions légales</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Services</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - <tr> - <td>Formulaire contact</td> - <td> - <p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - </tbody> - </table> - - <p> </p> - - <h2>Analyse globale</h2> - - <p>Les niveaux visés par le cadre légal de mise en conformité des sites publics sont les niveaux A et AA du référentiel. L'analyse du site met en évidence une conformité de <strong><span style="color:#FF0000;">[À renseigner] </span></strong>au regard de ces critères.<br /> - <br /> - La plus grande partie des critères d'accessibilité sont respectés. Les critères non respectés sont dus à des contraintes techniques résultant de l'utilisation du système de gestion de contenu.</p> - - <p> </p> - - <h2>Résultats détaillés des tests unitaires :</h2> - - <table style="width: 100%;"> - <tbody> - <tr> - <td>Niveau</td> - <td>Nombre de tests</td> - <td>Tests conformes </td> - <td>Tests non validés</td> - <td>Conformité</td> - </tr> - <tr> - <td>Niveau A+AA</td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - <td> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - </td> - </tr> - </tbody> - </table> - - <p><br /> - Nous nous engageons à apporter régulièrement les modifications nécessaires pour maintenir, corriger et améliorer l'accessibilité de ce site.</p> - - <p> </p> - - <h2>Composants tiers dérogés :</h2> - - <ul> - <li>Google Maps</li> - <li>Vidéos issues d'Allociné, INA</li> - <li>Calendrier javascript : il s'agit d'un composant jquery-ui natif, néanmoins son utilisation est optionnelle</li> - <li>Diaporama : il s'agit d'un composant natif, néanmoins son utilisation est optionnelle</li> - </ul> - - <p> </p> - - <h2>Dérogations spécifiques :</h2> - - <p>Les contenus éditoriaux profonds peuvent comporter des listes, des intertitres, des mises en gras ou italique et des images qui ne seraient pas conformes. Néanmoins, à notre connaissance, cela ne provoque aucun blocage d'accès à l'information. La reprise et la vérification de toutes les pages du site représenteraient une charge de travail disproportionnée par rapport au gain attendu.<br /> - La validité HTML ne peut être garantie sur l'ensemble des pages, néanmoins à notre connaissance cela ne provoque aucun dysfonctionnement des aides techniques. La reprise et la vérification de toutes les pages du site représenteraient une charge de travail disproportionnée par rapport au gain attendu.<br /> - Les vidéos n'ont pas d'audiodescription décrivant leur contenu. La bibliothèque n'est pas en mesure de fournir des audiodescriptions pour l'ensemble de ces vidéos.<br /> - Une alternative n'est pas disponible pour l'intégralité des photos, images et liens. Ce défaut est en cours de résolution.<br /> - Lors de la prise de focus de certains éléments de formulaire, un style spécifique est appliqué, néanmoins ce changement de style ne respecte pas les modalités prévues par le RGAA4. Ces cas particuliers seront remontés pour une évolution ultérieure du RGAA.</p> - - <p> </p> - - <h2>Droit à la compensation :</h2> - - <p>Il est important de rappeler qu’en vertu de l’article 11 de la loi de février 2005, la personne handicapée a droit à la compensation des conséquences de son handicap, quelles que soient l’origine et la nature de sa déficience, son âge ou son mode de vie. De ce fait, chaque organisme a l'obligation de prendre les moyens nécessaires afin de donner accès, dans un délai raisonnable, aux informations et fonctionnalités recherchées par la personne handicapée, que le contenu fasse l'objet d'une dérogation ou non.</p> - - <p> </p> - - <h2>Nous contacter</h2> - - <p>Si vous souhaitez nous contacter pour quelques raisons que ce soit, plusieurs solutions sont à votre disposition :</p> - - <ul> - <li>par courrier : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></li> - <li>par courriel : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></li> - </ul> - - <p> </p> - - <h2>Défenseur des droits :</h2> - - <p>Si vous constatez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou une fonctionnalité du site, que vous nous le signalez et que vous ne parvenez pas à obtenir une réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits. Plusieurs moyens sont à votre disposition :</p> - - <ul> - <li>un formulaire de contact : <a href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016">https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016</a></li> - <li>une adresse postale : Le Défenseur des droits - 7 rue Saint-Florentin - 75409 Paris Cedex 08</li> - </ul> -</div> \ No newline at end of file +<h3>Qu’est-ce que l’accessibilité numérique ?</h3> + +<p>Un site web accessible est un site qui permet à tous les internautes d’accéder à ses contenus sans difficulté, y compris les personnes qui présentent un handicap et utilisent des logiciels ou matériels spécialisés.<br /> +Un site accessible permet par exemple de :</p> + +<ul> + <li>Naviguer avec des synthèses vocales ou des plages braille (notamment utilisées par les internautes aveugles ou malvoyants).</li> + <li>Personnaliser l’affichage du site selon ses besoins (grossissement des caractères, modification des couleurs).</li> + <li>Naviguer sans utiliser la souris, avec le clavier uniquement ou via un écran tactile.</li> +</ul> + +<p> </p> + +<h3>Adresse du site et date de réalisation :</h3> + +<p>La déclaration de conformité du site <strong><span style="color:#FF0000;">[À renseigner]</span></strong> le <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> + +<p> </p> + +<h3>Version du RGAA de référence :</h3> + +<p>La version utilisée pour réaliser les tests est la version 4.0 du RGAA.</p> + +<p> </p> + +<h3>Identité du déclarant :</h3> + +<p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> + +<p> </p> + +<h3>Technologies utilisées sur le site :</h3> + +<ul> + <li>HTML5</li> + <li>CSS</li> + <li>JavaScript</li> + <li>PHP</li> +</ul> + +<p> </p> + +<h3>Outils utilisés pour l’évaluation :</h3> + +<ul> + <li>Asqatasun V.5</li> + <li>Tanaguru Contrast Finder</li> + <li>WCAG Contrast Checker</li> + <li>HeadingsMap</li> + <li>Web Developer</li> + <li>WAVE Web Accessibility Evaluation Tool</li> +</ul> + +<p> </p> + +<h3>Liste des pages ayant fait l’objet de la vérification de conformité :</h3> + +<ul> + <li>Accueil</li> + <li>Agenda</li> + <li>Article</li> + <li>Résultat de recherche</li> + <li>Notice</li> + <li>Bibliothèque</li> + <li>Formulaire de contact</li> + <li>Mentions légales</li> +</ul> + +<p> </p> + +<h3>Analyse globale</h3> + +<p>Les niveaux visés par le cadre légal de mise en conformité des sites publics sont les niveaux A et AA du référentiel. L'analyse du site met en évidence une conformité de <strong><span style="color:#FF0000;">[À renseigner] </span></strong>au regard de ces critères.<br /> +<br /> +La plus grande partie des critères d'accessibilité sont respectés. Les critères non respectés sont dus à des contraintes techniques résultant de l'utilisation du système de gestion de contenu.</p> + +<p> </p> + +<h3>Résultats détaillés des tests unitaires :</h3> + +<p>Référentiel : RGAA 4.0 <br /> +Note / 100 : <strong><span style="color:#FF0000;">[À renseigner]</span></strong><br /> +Tests conformes : <strong><span style="color:#FF0000;">[À renseigner]</span></strong><br /> +Tests non conformes : <strong><span style="color:#FF0000;">[À renseigner]</span></strong><br /> +Tests totaux : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> + +<p>Nous nous engageons à apporter régulièrement les modifications nécessaires pour maintenir, corriger et améliorer l'accessibilité de ce site.</p> + +<p> </p> + +<h3>Liste des critères unitaires non conformes :</h3> + +<p><strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> + +<p> </p> + +<h3>Composants tiers dérogés :</h3> + +<ul> + <li>Google Maps</li> + <li>Vidéos issues d'Allociné, INA</li> + <li>Calendrier javascript : il s'agit d'un composant jquery-ui natif, néanmoins son utilisation est optionnelle</li> + <li>Diaporama : il s'agit d'un composant natif, néanmoins son utilisation est optionnelle</li> +</ul> + +<p> </p> + +<h3>Dérogations spécifiques :</h3> + +<p>Les contenus éditoriaux profonds peuvent comporter des listes, des intertitres, des mises en gras ou italique et des images qui ne seraient pas conformes. Néanmoins, à notre connaissance, cela ne provoque aucun blocage d'accès à l'information. La reprise et la vérification de toutes les pages du site représenteraient une charge de travail disproportionnée par rapport au gain attendu.<br /> +La validité HTML ne peut être garantie sur l'ensemble des pages, néanmoins à notre connaissance cela ne provoque aucun dysfonctionnement des aides techniques. La reprise et la vérification de toutes les pages du site représenteraient une charge de travail disproportionnée par rapport au gain attendu.<br /> +Les vidéos n'ont pas d'audiodescription décrivant leur contenu. La bibliothèque n'est pas en mesure de fournir des audiodescriptions pour l'ensemble de ces vidéos.<br /> +Une alternative n'est pas disponible pour l'intégralité des photos, images et liens. Ce défaut est en cours de résolution.<br /> +Lors de la prise de focus de certains éléments de formulaire, un style spécifique est appliqué, néanmoins ce changement de style ne respecte pas les modalités prévues par le RGAA4. Ces cas particuliers seront remontés pour une évolution ultérieure du RGAA.</p> + +<p> </p> + +<h3>Droit à la compensation :</h3> + +<p>Il est important de rappeler qu’en vertu de l’article 11 de la loi de février 2005, la personne handicapée a droit à la compensation des conséquences de son handicap, quelles que soient l’origine et la nature de sa déficience, son âge ou son mode de vie. De ce fait, chaque organisme a l'obligation de prendre les moyens nécessaires afin de donner accès, dans un délai raisonnable, aux informations et fonctionnalités recherchées par la personne handicapée, que le contenu fasse l'objet d'une dérogation ou non.</p> + +<p> </p> + +<h3>Nous contacter</h3> + +<p>Si vous souhaitez nous contacter pour quelques raisons que ce soit, plusieurs solutions sont à votre disposition :</p> + +<ul> + <li>Par courrier : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></li> + <li>Par courriel : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></li> +</ul> + +<p> </p> + +<h3>Défenseur des droits :</h3> + +<p>Si vous constatez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou une fonctionnalité du site, que vous nous le signalez et que vous ne parvenez pas à obtenir une réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits. Plusieurs moyens sont à votre disposition :</p> + +<ul> + <li><a href="http://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016">un formulaire de contact</a></li> + <li>une adresse postale : Le Défenseur des droits - 7 rue Saint-Florentin - 75409 Paris Cedex 08</li> +</ul> diff --git a/library/templates/Herisson/Assets/contents/flash_infos.html b/library/templates/Herisson/Assets/contents/flash_infos.html new file mode 100644 index 0000000000000000000000000000000000000000..ac414d969af777845a75d3637fc0191e06adfa9f --- /dev/null +++ b/library/templates/Herisson/Assets/contents/flash_infos.html @@ -0,0 +1,3 @@ +<div> + <p>Ceci est une information exceptionnelle qui se masque automatiquement si la date de publication est dépassée ou l'article en brouillon</p> +</div> \ No newline at end of file diff --git a/library/templates/Herisson/Assets/contents/mentions_legales.html b/library/templates/Herisson/Assets/contents/mentions_legales.html index b3becfcd61bacb4ea237d2f12687be6b747bc32a..1d5dddf6420b2cda98dafd917ff59336eb2675d2 100644 --- a/library/templates/Herisson/Assets/contents/mentions_legales.html +++ b/library/templates/Herisson/Assets/contents/mentions_legales.html @@ -1,102 +1,110 @@ -<div class="mentions_legales"> - <h2>Propriétaire du site :</h2> +<h3>Propriétaire du site</h3> - <p><strong><span style="color:#FF0000;">Nom de la bibliothèque<br /> - Adresse<br /> - Numéro de téléphone</span></strong></p> +<p><strong><span style="color:#FF0000;">Nom de la bibliothèque<br /> +Adresse<br /> +Numéro de téléphone</span></strong></p> - <p>Directeur de publication : <strong><span style="color:#FF0000;">[À renseigner]</span></strong><br /> - Rédaction, publication, animation et gestion éditoriale : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> +<p>Directeur de publication<strong><span style="color:#FF0000;"> [À renseigner]</span></strong><br /> +Rédaction, publication, animation et gestion éditoriale<strong><span style="color:#FF0000;"> [À renseigner]</span></strong></p> - <p> </p> +<p> </p> - <h2>Photographies :</h2> +<h3>Photographies</h3> - <p>Banques d’images : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> +<p>Banques d’images <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - <p> </p> +<p> </p> - <h2>Coordonnées de l'hébergeur du site Internet :</h2> +<h3>Coordonnées de l'hébergeur du site Internet</h3> - <p><strong><span style="color:#FF0000;">Nom de l'hébergeur<br /> - Adresse<br /> - Numéro de téléphone</span></strong></p> +<p><strong><span style="color:#FF0000;">Nom de l'hébergeur<br /> +Adresse<br /> +Numéro de téléphone</span></strong></p> - <p> </p> +<p> </p> - <h2>Coordonnées du concepteur du site internet :</h2> +<h3>Coordonnées du concepteur du site internet</h3> - <p><u>Identité visuelle</u> : <br /> - <strong><span style="color:#FF0000;">Nom du concepteur<br /> - Adresse<br /> - Numéro de téléphone</span></strong></p> - +<h4>Identité visuelle</h4> - <p><u>Développement</u> : <br /> - AFI - Agence Française Informatique<br /> - 35, rue de la Maison Rouge<br /> - 77185 Lognes<br /> - Tél : <a href="tel:"01 60 17 12 34""><strong>01 60 17 12 34</strong></a><br /> - <u><a href="https://www.afi-sa.net/">www.afi-sa.fr</a></u></p> +<p><strong><span style="color:#FF0000;">Nom du concepteur<br /> +Adresse<br /> +Numéro de téléphone</span></strong></p> - <p> </p> +<p> </p> - <h2>Gestion des cookies :</h2> +<h4>Développement</h4> - <p>Cookies déposés par le site <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> +<p>AFI - Agence Française Informatique<br /> +35, rue de la Maison Rouge<br /> +77185 Lognes<br /> +Tél : <a href="tel:"01 60 17 12 34"">01 60 17 12 34</a><br /> +Email : <a href="https://www.afi-sa.net/">www.afi-sa.fr</a></p> - <p> </p> +<p> </p> - <h3><u>Cookie de session</u></h3> +<h3>Gestion des cookies</h3> - <p>Ce site utilise, pour chaque visite, un cookie de session qui permet de se connecter au site et de bénéficier de tous les services que nous proposons. Ce cookie est effacé à la fermeture du navigateur.</p> - +<p>Cookies déposés par le site <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - <h3><u>Cookies de fonctionnement</u> (fenêtres modales, notifications etc...)</h3> +<p> </p> - <p>Ce site utilise des cookies de fonctionnement. Ces cookies sont conservés sur votre ordinateur (entre quelques jours et un an) afin de faciliter votre navigation et notamment d'éviter l'affichage de fenêtres ou de notifications (toutes concernant l'actualité des Médiathèques) que vous auriez déjà vues. Ces cookies ne sont en aucun cas destinés à d'autres fins (publicité, etc.).</p> - +<h4>Cookie de session</h4> - <h3><u>Cookies concernant l'accessibilité</u></h3> +<p>Ce site utilise, pour chaque visite, un cookie de session qui permet de se connecter au site et de bénéficier de tous les services que nous proposons. Ce cookie est effacé à la fermeture du navigateur.</p> - <p>Des cookies pourront être placés sur votre machine si vous utilisez les options d'accessibilité afin de modifier le style de la page (exemple : avoir une écriture blanche sur fond noir). Ces cookies sont exclusivement utilisés afin de permettre à l'internaute d'effectuer ce choix une fois pour toutes et ne pas avoir à recommencer cette manipulation à chaque visite.</p> - +<p> </p> - <h2>Informations légales : </h2> +<h4>Cookies de fonctionnement (fenêtres modales, notifications etc...)</h4> - <p><strong><span style="color:#FF0000;">[À renseigner]</span></strong> signale que l’accès à ce site implique l’acceptation sans réserve des dispositions suivantes.</p> +<p>Ce site utilise des cookies de fonctionnement. Ces cookies sont conservés sur votre ordinateur (entre quelques jours et un an) afin de faciliter votre navigation et notamment d'éviter l'affichage de fenêtres ou de notifications (toutes concernant l'actualité des Médiathèques) que vous auriez déjà vues. Ces cookies ne sont en aucun cas destinés à d'autres fins (publicité, etc.).</p> - <p> </p> +<p> </p> - <h3>Contenus</h3> +<h4>Cookies concernant l'accessibilité</h4> - <p>Les informations communiquées sur ce site sont présentées à titre indicatif. Elles ne sauraient être totalement exhaustives.<br /> - Malgré l’attention apportée aux contenus de ce site internet, des erreurs ou dysfonctionnements peuvent subsister. Merci de nous faire part des éventuels problèmes constatés afin que nous y remédions à : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - +<p>Des cookies pourront être placés sur votre machine si vous utilisez les options d'accessibilité afin de modifier le style de la page (exemple : avoir une écriture blanche sur fond noir). Ces cookies sont exclusivement utilisés afin de permettre à l'internaute d'effectuer ce choix une fois pour toutes et ne pas avoir à recommencer cette manipulation à chaque visite.</p> - <h3><u>Établissement de liens</u></h3> +<p> </p> - <p>Les personnes désireuses de faire un lien vers le site internet peuvent en faire la demande auprès de <strong><span style="color:#FF0000;">[À renseigner]</span></strong> par courriel : <strong><span style="color:#FF0000;">[À renseigner]</span></strong></p> - +<h3>Informations légales</h3> - <h3><u>Liens vers d’autres sites</u></h3> +<p><strong><span style="color:#FF0000;">[À renseigner]</span></strong> signale que l’accès à ce site implique l’acceptation sans réserve des dispositions suivantes.</p> - <p>Le site peut proposer des liens vers d’autres sites affiliés et non affiliés. Ces sites sont indépendants. Les liens vers ces sites n’impliquent, en aucun cas, une approbation de contenu ou un partenariat entre l’éditeur et ces sites. Dès lors, l’éditeur ne saurait être responsable de leurs contenus, leurs produits, leurs publicités ou tous éléments ou services présentés sur ces sites. Nous vous rappelons que ces sites sont soumis à leurs propres conditions d’utilisation et de protection des données personnelles.</p> - +<p> </p> - <h3><u>Accès au site</u></h3> +<h4>Contenus</h4> - <p>L’accès à ce site et son utilisation sont réservés à un usage strictement personnel. Les informations sont fournies à titre gratuit. Elles peuvent être modifiées à tout moment et sans préavis. L’éditeur se réserve également le droit de suspendre, d’interrompre ou de limiter sans avis préalable l’accès à tout ou partie du site.</p> - +<p>Les informations communiquées sur ce site sont présentées à titre indicatif. Elles ne sauraient être totalement exhaustives.<br /> +Malgré l’attention apportée aux contenus de ce site internet, des erreurs ou dysfonctionnements peuvent subsister. Merci de nous faire part des éventuels problèmes constatés afin que nous y remédions à<strong><span style="color:#FF0000;"> [À renseigner]</span></strong></p> - <h3><u>Respect des droits de propriété </u></h3> +<p> </p> - <p>L’ensemble des éléments textuels, visuels, audio exposés sur le site sont protégés par la législation conformément aux dispositions du Code de la Propriété Intellectuelle français, des règlements nationaux et des conventions internationales en vigueur. <br /> - Vous ne pouvez en aucun cas utiliser, distribuer, copier, reproduire, modifier, dénaturer ou transmettre le site ou des éléments du site tels que notamment textes, images, sons et logos sans l’autorisation écrite et préalable de la communauté d’agglomération ou des titulaires des droits. Le non-respect de cette interdiction peut notamment constituer une contrefaçon des droits de propriété intellectuelle ou une atteinte aux droits des personnes et peut à ce titre engager votre responsabilité, y compris dans le cadre d’une action pénale.</p> - +<h4>Établissement de liens</h4> - <h3><u>Responsabilité</u></h3> +<p>Les personnes désireuses de faire un lien vers le site internet peuvent en faire la demande auprès de <strong><span style="color:#FF0000;">[À renseigner]</span></strong> par courriel<strong><span style="color:#FF0000;"> [À renseigner]</span></strong></p> - <p>La communauté d’agglomération ne peut être tenue responsable des dommages directs ou indirects causés au matériel de l’utilisateur, lors de l’accès au site, et résultant soit de l’utilisation d’un matériel obsolète, soit de l’apparition d’un bug ou d’une incompatibilité. </p> +<p> </p> -</div> \ No newline at end of file +<h4>Liens vers d’autres sites</h4> + +<p>Le site peut proposer des liens vers d’autres sites affiliés et non affiliés. Ces sites sont indépendants. Les liens vers ces sites n’impliquent, en aucun cas, une approbation de contenu ou un partenariat entre l’éditeur et ces sites. Dès lors, l’éditeur ne saurait être responsable de leurs contenus, leurs produits, leurs publicités ou tous éléments ou services présentés sur ces sites. Nous vous rappelons que ces sites sont soumis à leurs propres conditions d’utilisation et de protection des données personnelles.</p> + +<p> </p> + +<h4>Accès au site</h4> + +<p>L’accès à ce site et son utilisation sont réservés à un usage strictement personnel. Les informations sont fournies à titre gratuit. Elles peuvent être modifiées à tout moment et sans préavis. L’éditeur se réserve également le droit de suspendre, d’interrompre ou de limiter sans avis préalable l’accès à tout ou partie du site.</p> + +<p> </p> + +<h4>Respect des droits de propriété </h4> + +<p>L’ensemble des éléments textuels, visuels, audio exposés sur le site sont protégés par la législation conformément aux dispositions du Code de la Propriété Intellectuelle français, des règlements nationaux et des conventions internationales en vigueur. <br /> +Vous ne pouvez en aucun cas utiliser, distribuer, copier, reproduire, modifier, dénaturer ou transmettre le site ou des éléments du site tels que notamment textes, images, sons et logos sans l’autorisation écrite et préalable de la communauté d’agglomération ou des titulaires des droits. Le non-respect de cette interdiction peut notamment constituer une contrefaçon des droits de propriété intellectuelle ou une atteinte aux droits des personnes et peut à ce titre engager votre responsabilité, y compris dans le cadre d’une action pénale.</p> + +<p> </p> + +<h4>Responsabilité</h4> + +<p>La communauté d’agglomération ne peut être tenue responsable des dommages directs ou indirects causés au matériel de l’utilisateur, lors de l’accès au site, et résultant soit de l’utilisation d’un matériel obsolète, soit de l’apparition d’un bug ou d’une incompatibilité. </p> diff --git a/library/templates/Herisson/Assets/css/herisson.css b/library/templates/Herisson/Assets/css/herisson.css index 3652ce5059557a57597c2ceec2d8136d8fe92afa..a29aeec9566f2f5991feb7cf87dc980498e5223b 100644 --- a/library/templates/Herisson/Assets/css/herisson.css +++ b/library/templates/Herisson/Assets/css/herisson.css @@ -1,112 +1,128 @@ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); :root { - - --black: #000000; /*noir*/ - --black-opacity:rgba(0, 0, 0, 0.8); /*noir avec opacité*/ - --black-opacity-50:rgba(0, 0, 0, 0.5); /*noir avec opacité*/ - --white: #FFFFFF; /*blanc*/ - --red: #c70000; /*rouge*/ - --vert: #138A06; /*vert*/ - --yellow: #ffaa00; /*jaune*/ + --black: #000000; + --black-opacity: rgba(0, 0, 0, 0.8); + --black-opacity-50: rgba(0, 0, 0, 0.5); + --white: #FFFFFF; + --red: #c70000; + --vert: #138A06; + --yellow: #ffaa00; /*Fond blanc*/ - --background: #FFFFFF; /*blanc*/ - --card-header: #612100; /*chocolat noir*/ - --card-title: #a8755b; /*chocolat au lait*/ + --background: #FFFFFF; + --card-header: #612100; + --card-title: #a8755b; /*Fond clair*/ - --background-light: #FFF7EB; /*chocolat blanc*/ - --card-header_background-light: #612100; /*chocolat noir*/ - --card-template_background-light: #FFFFFF; /*blanc*/ - --card-title_background-light: #A4684D; /*chocolat au lait*/ - --card-text_background-light: #000000; /*noir*/ + --background-light: #FFF7EB; + --card-header_background-light: #612100; + --card-template_background-light: #FFFFFF; + --card-title_background-light: #A4684D; + --card-text_background-light: #000000; /*Fond foncé*/ - --background-dark: /*#a8755b;*/ #c1957f; /*chocolat au lait*/ - --card-header_background-dark: #FFF7EB; /*chocolat blanc*/ - --card-title_background-dark: #612100; /*chocolat noir*/ - --card-text_background-dark: #000000; /*noir*/ + --background-dark: #c1957f; + --card-header_background-dark: #FFF7EB; + --card-title_background-dark: #612100; + --card-text_background-dark: #000000; /*Fond très foncé*/ - --background-very-dark: /*#75503E;*/ #6C5347; /*chocolat noir*/ - --card-header_background-very-dark: #FFF7EB; /*chocolat blanc*/ - --card-title_background-very-dark: #FFC2A3; /*chocolat au lait*/ - --card-text_background-very-dark: #FFFFFF; /*blanc*/ - - - /*couleur very fonce: #6C5347*/ - /*couleur normal: #c1957f;*/ - + --background-very-dark: #6C5347; + --card-header_background-very-dark: #FFF7EB; + --card-title_background-very-dark: #FFC2A3; + --card-text_background-very-dark: #FFFFFF; } /* Nouvelles classes */ .h-xl-300 { - height: 300px!important; + height: 300px !important; } -@media(max-width: 1200px){ + +@media(max-width: 1200px) { .h-md-180 { - height: 180px!important; + height: 180px !important; } } + .w-auto { - width: auto!important; + width: auto !important; } + .w-max { - width: max-content!important; + width: max-content !important; } + .w-300 { - width: 300px!important; + width: 300px !important; } + .object-fit-cover { - object-fit: cover!important; + object-fit: cover !important; } + .object-fit-contain { - object-fit: contain!important; + object-fit: contain !important; } + .mx-auto { - margin-left:auto!important; - margin-right:auto!important; + margin-left: auto !important; + margin-right: auto !important; } + .my-auto { - margin-top:auto!important; - margin-bottom:auto!important; + margin-top: auto !important; + margin-bottom: auto !important; } + .mt-8 { margin-top: 6rem !important; } + .mb-8 { margin-bottom: 6rem !important; } + .my-8 { margin-top: 6rem !important; margin-bottom: 6rem !important; } + .mt-10 { margin-top: 10rem !important; } + .mb-10 { margin-bottom: 10rem !important; } + .my-10 { margin-top: 10rem !important; margin-bottom: 10rem !important; } + .px-9 { - padding-top: 9.5rem!important; - padding-bottom: 9.5rem!important; + padding-left: 9.5rem !important; + padding-right: 9.5rem !important; } + .py-9 { - padding-left: 9.5rem!important; - padding-right: 9.5rem!important; + padding-top: 9.5rem !important; + padding-bottom: 9.5rem !important; +} + +.mt_80 { + margin-top: 80px !important; } + .widget-footer.card-footer { position: absolute; right: 0; top: 0em; } -.py-9 .widget-footer.card-footer { + +.px-9 .widget-footer.card-footer { padding-left: 10.75rem !important; padding-right: 10.75rem !important; } @@ -116,19 +132,24 @@ .no_border_widget .card-footer { border: none !important; } + .no_description p[class*="model_description_Class_"] { - display: none!important; + display: none !important; } + .no_footer_card div[class*="card_footer_Intonation_"] { display: none !important; } + .no_overlay .card_overlay { - display: none!important; + display: none !important; } + .card_shadow .card_template { - margin: 0 1.5% 2% 1.5%!important; - box-shadow: 4px 4px 6px #888!important; + margin: 0 1.5% 2% 1.5% !important; + box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.1) !important; } + .button_text { text-align: center; } @@ -149,77 +170,99 @@ body { .card-title .text-second { font-weight: bold; } + footer .nav .button_text { font-weight: bold; } -.credits .bokeh_community { + +.boite.cookies, +.boite.credits { + padding: .5rem; +} + +.boite.cookies a, +.boite.credits .bokeh_community { font-weight: bold; font-size: 14px; } + +.credits_bib .nav-link { + padding: .25em .4em; +} + .text-muted { - color: var(--black)!important; + color: var(--black) !important; } + .card-body[class*="InRecord"] { padding: 0 !important; } + a, a:hover { color: var(--black); text-decoration: none; } + .text-second, .text-second:hover, .leaflet-container a.text-second { color: var(--card-title_background-light); line-height: initial; } + .text-second, .leaflet-container a.text-second { display: inline-block; } -.small, +.small, small { font-size: 80%; font-weight: 500; } + .btn { font-weight: 500; } + .custom-select { font-weight: 600; border: 1px solid var(--black) !important; } + .form-control { border: 1px solid var(--black); } -dt { - text-align: right; -} + .form-group label { text-align: right; } -.formulaire_contact .form-group label { + +.formulaire_contact main .form-group label { text-align: right; max-width: 20%; flex: 0 0 20%; } -.formulaire_contact label.required::after { + +.formulaire_contact main label.required::after { content: none; margin: 0 5px; } + .wrapper_zendafi_form_contactform_adresse.form-group label, -.wrapper_zendafi_form_contactform_ville.form-group label{ +.wrapper_zendafi_form_contactform_ville.form-group label { padding-right: 12px !important; } p { margin: 0; } + p[class*="model_description_Class_"], .wrapper_reviews .card-text, -.wrapper_description dt.resume + dd { +.wrapper_description dt.resume+dd { font-style: italic; margin-top: 1em; } @@ -227,7 +270,6 @@ p[class*="model_description_Class_"], .dropdown-menu { font-size: 1rem; color: #212529; - text-align: center; list-style: none; } @@ -245,6 +287,7 @@ p[class*="model_description_Class_"], border-bottom-style: solid; border-bottom-color: var(--black); } + h1 { font-size: 35px; text-transform: uppercase; @@ -256,8 +299,8 @@ h1 { .cms_articleview h2.card-title { background: none; - font-size:30px; - text-transform:uppercase; + font-size: 30px; + text-transform: uppercase; color: var(--background-very-dark); text-align: center; font-weight: normal; @@ -272,23 +315,29 @@ h1 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } -.card-title + .card-text .card-title, -.card-title + .card-text .card-title .text-second { + +.card-title+.card-text .card-title, +.card-title+.card-text .card-title .text-second { line-height: initial; } -h2, h2.card-title { + +h2, +h2.card-title { font-size: 24px; color: var(--background-dark); text-transform: uppercase; font-weight: normal; } + .breadcrumb { background: none; } + .breadcrumb-item .text-second { display: initial; color: var(--card-header_background-light); } + .breadcrumb-item.active { font-weight: bold; color: var(--card-header_background-light); @@ -299,28 +348,34 @@ h3 { color: var(--black); text-transform: uppercase; } + h4 { - font-size:20px; + font-size: 20px; color: var(--background-very-dark); text-decoration: underline; } + h5 { - font-size:18px; + font-size: 18px; color: var(--background-dark); text-decoration: underline; } + h6, li h3 { - font-size:16px; + font-size: 16px; color: var(--black); text-decoration: underline; } + .text-muted { color: var(--background-very-dark) !important; } + .calendar_event_date { font-weight: bold; } + .form-control.zendafi_form_input_search_tool::placeholder { color: #6c757d; opacity: 1; @@ -332,10 +387,12 @@ li h3 { header .boite.image.position_fixed_top_left .image_widget.img-fluid { height: 92px; } + /*logo header*/ footer .boite.image .image_widget.img-fluid { height: 92px; } + /*image compte*/ [data-action="abonne_fiche"] .jumbotron img, .wrapper_library_team img, @@ -358,12 +415,15 @@ footer .boite.image .image_widget.img-fluid { width: 250px !important; box-shadow: 0px 2px 4px #888; } + .carousel .card.record_no_thumbnail { height: 250px !important; } + .carousel .card.record_no_thumbnail .button_text { width: 100% !important; } + .masonry .card.record_no_thumbnail .button_text { width: 230px !important; } @@ -380,10 +440,12 @@ footer .boite.image .image_widget.img-fluid { .background-white.card { background: var(--background); } + .background-white .widget-header.card-header { color: var(--card-header); border-bottom-color: var(--card-header); } + .background-white .card-title .text-second { color: var(--card-title); } @@ -393,66 +455,83 @@ footer .boite.image .image_widget.img-fluid { .background-light.card { background: var(--background-light); } + .background-light.card_shadow .card_template { - background: var(--card-template_background-light)!important; + background: var(--card-template_background-light) !important; } + .background-light .widget-header.card-header { color: var(--card-header_background-light); border-bottom-color: var(--card-header_background-light); } + .background-light .card-title .text-second { color: var(--card-title_background-light); } + .background-light .dropdown-menu.show { background: var(--background-light); } + .background-light .bokeh_community { color: var(--card-text_background-light); } -.background-light .badge-secondary .badge_text { + +/*.background-light .badge-secondary .badge_text { font-style: italic; font-weight: initial; color: var(--card-text_background-light); -} +}*/ /*Fond foncé*/ .background-dark, .background-dark.card { background: var(--background-dark); } + .background-dark.card_shadow .card_template { box-shadow: none !important; } + .background-dark .widget-header.card-header { color: var(--card-header_background-dark); border-bottom-color: var(--card-header_background-dark); } + .background-dark .card-title .text-second { color: var(--card-title_background-dark); } + .background-dark .nav .button_text { color: var(--card-text_background-dark); } + .background-dark .dropdown-menu.show { background: var(--background-dark); } + .background-dark .bokeh_community { color: var(--card-text_background-dark); } + .background-dark .badge-secondary .badge_text { font-style: italic; font-weight: initial; color: var(--card-text_background-dark); } + .background-dark .card-text { color: var(--card-text_background-dark); } + .background-dark .text-muted { - color: var(--card-text_background-dark)!important; + color: var(--card-text_background-dark) !important; } -.background-dark .card-body + .card-footer .card-link * { + +.background-dark .card-body+.card-footer .card-link * { color: var(--card-text_background-dark); } + .background-dark .biblio_footer .badge_tag * { color: var(--card-text_background-dark); } @@ -462,74 +541,125 @@ footer .boite.image .image_widget.img-fluid { .background-very_dark.card { background: var(--background-very-dark); } + .background-very_dark.card_shadow .card_template { box-shadow: none !important; } + .background-very_dark .widget-header.card-header { color: var(--card-header_background-very-dark); border-bottom-color: var(--card-header_background-very-dark); } + .background-very_dark .card-title .text-second { color: var(--card-title_background-very-dark); } + .background-very_dark .nav .button_text { color: var(--card-text_background-very-dark); } + .background-very_dark .dropdown-menu.show { background: var(--background-very-dark); } + .background-very_dark .bokeh_community { color: var(--card-text_background-very-dark); } + .background-very_dark .badge-secondary .badge_text { font-style: italic; font-weight: initial; color: var(--card-text_background-very-dark); } + .background-very_dark .card-text { color: var(--card-text_background-very-dark); } .background-very_dark .text-muted { - color: var(--card-text_background-very-dark)!important; + color: var(--card-text_background-very-dark) !important; } + .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .text-muted { color: var(--card-title_background-dark) !important; } + .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .card-text { color: var(--card-title_background-dark); } + .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .card-title .text-second { color: var(--card-title); } -.background-very_dark .card-body + .card-footer .card-link * { + +.background-very_dark .card-body+.card-footer .card-link * { color: var(--card-text_background-very-dark); } -.background-very_dark .biblio_footer .badge_tag, + +.background-very_dark .biblio_footer .badge_tag, .background-very_dark .biblio_footer .badge_tag * { background: none; } /*boite menu principal*/ +.boite.nav { + box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.1); +} .boite.nav .nav-link .button_text { color: var(--background-very-dark); - text-transform:uppercase; + text-transform: uppercase; } + .boite.nav .nav-link:hover .button_text, .boite.nav .nav-link.active .button_text, .dropdown-menu.show li:hover .text-second { color: var(--card-title_background-dark); font-weight: bold; } + .nav nav .nav-item { padding: 0 1.75rem; } -.nav nav .nav-item .dropdown-menu { - transform: translate3d(2em, 1.6em, 0px) !important; + +.boite.nav.position_fixed_top .navbar { + padding: 0; +} + +.boite.nav.position_fixed_top .nav.navbar-nav.list-unstyled { + width: 100%; +} + +.boite.nav.position_fixed_top .boite.image img { + max-height: 80px; +} + +.boite.nav.position_fixed_top .navbar [class*="menu_entry_MENU"] { + margin-top: auto; + margin-bottom: auto; +} + +.boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] { + margin: auto; + text-align: left !important; +} + +.nav nav .nav-item .menu .dropdown-menu { + transform: translate3d(0px, 20px, 0px) !important; + right: auto !important; + left: auto !important; + border: none; + width: 100% !important; +} +.nav nav .nav-item .login .dropdown-menu { + transform: translate3d(20px, 20px, 0px) !important; right: 0 !important; left: auto !important; + box-shadow: none; + border: none; } + .nav nav .nav-item .nav-link { font-size: initial; line-height: initial; @@ -538,12 +668,28 @@ footer .boite.image .image_widget.img-fluid { } +/*boite recherche*/ +.boite.rech_simple .form.default_form { + max-height: 40px; +} + +.boite.rech_simple .wrapper_zendafi_form_expressionrecherche.default_form_wrapper_zendafi_form_expressionrecherche { + max-height: 40px; +} + +.boite.rech_simple .zendafi_form_search_submit_button { + max-height: 40px; +} + + + /*boite recherche scroll*/ .recherche_scroll button.btn { background: var(--background-dark); border: none; box-shadow: none; } + .recherche_scroll button.dropdown-toggle.btn::after { content: "\f002"; background: url('/library/templates/Herisson/Assets/images/search-solid.svg'); @@ -559,19 +705,24 @@ footer .boite.image .image_widget.img-fluid { display: inline-block; line-height: 1em; } -.recherche_scroll .search_dropdown_menu form > button.search_submit_button { + +.recherche_scroll .search_dropdown_menu form>button.search_submit_button { color: var(--card-text_background-very-dark) !important; } + .widget.rech_simple .dropdown-menu button.search_submit_button i:first-child { margin-right: 0; } + .recherche_scroll button.btn:hover { background: var(--background-very-dark); box-shadow: none; } + .recherche_scroll div.show button.dropdown-toggle.btn { background: var(--background-very-dark); } + .recherche_scroll .dropdown-menu.search_dropdown_menu.show { left: 0 !important; right: 0 !important; @@ -580,25 +731,32 @@ footer .boite.image .image_widget.img-fluid { position: fixed; padding: 10px !important; width: 100% !important; - top: 5.8em !important; - border-bottom: none !important; + top: 80px !important; + border: none !important; height: auto !important; z-index: 10; min-width: 50%; margin: auto; } + .recherche_scroll .search_dropdown_menu form { - justify-content: center; + justify-content: center; } + .nav nav .nav-item .recherche_scroll .dropdown-menu.search_dropdown_menu.show { - transform: none!important; + transform: translate3d(0,80px,0) !important; + left: 0 !important; + top: 0 !important; } -.recherche_scroll .dropdown-menu.search_dropdown_menu.show > div { + +.recherche_scroll .dropdown-menu.search_dropdown_menu.show>div { width: 100%; } + .recherche_scroll .form-group.container-fluid { width: auto; } + .recherche_scroll .dropdown-menu select { min-width: 250px; } @@ -618,12 +776,18 @@ footer .boite.image .image_widget.img-fluid { text-align: center; } +.account_disconnect { + border: 1px solid #6c757d !important; +} + + /*boite image bannière*/ .image_banniere img { height: 300px; width: 100%; object-fit: cover; } + @media(max-width: 1200px) { .image_banniere img { height: 180px; @@ -638,48 +802,66 @@ footer .boite.image .image_widget.img-fluid { .biblio_header .library_opening_hours { display: none; } + .biblio_header .card-body { padding: 0; } -.biblio_header .card-body + .card-footer { - display: none!important; + +.biblio_header .card-body+.card-footer { + display: none !important; } + .biblio_header .card_description { margin: 0; } + .biblio_header .closed, -.biblio_header .vert { - box-shadow: 2px 2px 4px #888; +.biblio_header .opened { font-size: 18px; + box-shadow: none; } + .biblio_header .model_description_Class_Bib { display: none; } /*boite bib bas de page horaire*/ -.biblio_footer .library_opening, +.biblio_footer .library_opening, .biblio_footer h3 { display: none; } + .biblio_footer .badge-group { display: grid; } -.biblio_footer .badge_tag.badge_address { - background: none; - margin-bottom: 1em; + +.badge_tag.badge_address, +.badge_tag.badge_address:hover { + background: var(--background-dark); + line-height: 1.5; } -.biblio_footer .badge_tag.badge_address .badge_text { + +.badge_tag.badge_address .badge_text { font-size: 14px; font-style: normal; font-weight: bold; + color: var(--black); +} + +.badge_tag.badge_phone i, +.badge_tag.badge_mail i { + display:none; } + .biblio_footer .library_opening_hours { font-weight: bold; } + .biblio_footer .custom_field { display: none; } + .biblio_footer .model_description_Class_Bib { display: none; } @@ -690,16 +872,21 @@ footer .boite.image .image_widget.img-fluid { .card { background: none; } -.widget > .card-footer, .card-footer { + +.widget>.card-footer, +.card-footer { padding: 5px; background: none; } + .widget-footer.card-footer { padding: 1.75rem !important; } -.action_rendering .list-group-item > .card { + +.action_rendering .list-group-item>.card { background: none; } + /*ne fonctionne pas mais c'est fait exprès*/ .bg-transparent { background-color: none !important; @@ -707,22 +894,27 @@ footer .boite.image .image_widget.img-fluid { /*bouton*/ -.vert { +.opened { background-color: var(--vert) !important; } + .closed { background-color: var(--red) !important; } + .text-warning { - color: var(--red) !important; + color: var(--red) !important; } + .red_list_message { color: var(--red) !important; } + .badge * { color: var(--white); font-size: 14px; } + .btn-primary, .btn-primary:hover, .badge-primary, @@ -730,41 +922,48 @@ footer .boite.image .image_widget.img-fluid { background-color: var(--background-dark); border-color: var(--background-dark); } + .btn-primary, a.btn-primary, a.btn-primary:hover, .badge-primary *, -a.badge-primary:focus, -a.badge-primary:hover { - color: var(--black)!important; +a.badge-primary:focus, +a.badge-primary:hover { + color: var(--black) !important; background-color: var(--background-dark); border-color: var(--background-dark); } -.btn-secondary, + +.btn-secondary, .btn-secondary:hover, -button.btn-secondary, +button.btn-secondary, button.btn-secondary:hover { color: var(--black); background-color: var(--white); - box-shadow: 4px 4px 6px #888 ; + box-shadow: none; + border: 1px solid #6c757d; } + .wrapper_user_informations .btn-secondary.text-light { color: var(--black) !important; box-shadow: none; border: 1px solid var(--black) !important; } + .wrapper_user_informations .btn-secondary.text-light:hover { color: var(--black) !important; opacity: 0.5; } + .badge-secondary, .badge-secondary:hover, -a.badge-secondary:focus, +a.badge-secondary:focus, a.badge-secondary:hover { color: var(--white); background-color: var(--black); border-color: var(--black); } + .result_pager .btn-secondary.text-light { background: var(--black); } @@ -776,45 +975,51 @@ body .btn-info:active, .btn-info:not(:disabled):not(.disabled):active, .badge-info, .badge-info:hover, -a.badge-info:focus, +a.badge-info:focus, a.badge-info:hover { color: var(--white); - background-color:var(--background-very-dark); + background-color: var(--background-very-dark); border-color: var(--background-very-dark); } -.btn-light, +.btn-light, .btn-light:hover { color: var(--white); background-color: var(--background-very-dark); border-color: var(--background-very-dark); } -.btn-dark, + +.btn-dark, .btn-dark:hover { color: var(--white); background-color: var(--black); border-color: var(--black); } + .badge_tag { margin: 2px; } + .badge.badge-light { background: var(--background-dark); } + .badge.badge-light * { color: var(--black); } + .badge.badge-light .text-dark { - color: var(--white)!important; + color: var(--white) !important; } .badge-yellow, .badge-yellow:hover, .btn-yellow, .btn-yellow:hover { - background-color:var(--yellow); + background-color: var(--yellow); border-color: var(--yellow); } + .badge-yellow *, .badge-yellow:hover *, .btn-yellow *, @@ -827,20 +1032,24 @@ a.badge-info:hover { } .bg-danger { - background-color: var(--red)!important; + background-color: var(--red) !important; } + .text-vert { - color: var(--vert)!important; + color: var(--vert) !important; } + .bg-vert, .vert { - background-color: var(--vert)!important; + background-color: var(--vert) !important; } + .btn-vert { color: var(--white); background-color: var(--vert); border-color: var(--vert); } + .btn-success, .btn-success:hover, .btn-success:focus, @@ -849,6 +1058,7 @@ a.badge-info:hover { background: var(--green); border-color: var(--green); } + .btn-warning, .btn-warning:hover, .btn-warning:focus, @@ -857,25 +1067,36 @@ a.badge-info:hover { background: var(--yellow); border-color: var(--yellow); } + +.badge-warning *, +.btn-warning * { + color: var(--black); +} + .text-danger { - color: var(--red)!important; + color: var(--red) !important; } + .text-info { color: var(--red) !important; text-transform: uppercase; } + .badge-light.bg-white { background: var(--background-dark) !important; } + .active_criteria * { color: var(--white); } + .result_list_mod .btn-light, .result_list_mod .btn-light:hover, .result_wall_mod .btn-light, .result_wall_mod .btn-light:hover { background-color: var(--background-dark); } + .result_list_mod .btn-light *, .result_wall_mod .btn-light * { color: var(--black); @@ -887,18 +1108,20 @@ a.badge-info:hover { .result_wall_mod .btn-light:not(:disabled):not(.disabled).active:hover { background-color: var(--background-very-dark); } + .result_list_mod .btn-light:not(:disabled):not(.disabled).active *, .result_wall_mod .btn-light:not(:disabled):not(.disabled).active * { color: var(--white); } -.rating-ico:first-child, +.rating-ico:first-child, .rating-ico { - color: var(--vert); + color: var(--black); margin-right: 1px; } -label[data-name="note"] ~ div label.multi-element-label { - color: var(--red); + +label[data-name="note"]~div label.multi-element-label { + color: var(--black); display: inline-block; flex: auto; font-size: 1.25em; @@ -907,47 +1130,63 @@ label[data-name="note"] ~ div label.multi-element-label { padding: 0 3px 0 0; transition: all .2s; } -label[data-name="note"] ~ div label.multi-element-label:hover { + +label[data-name="note"]~div label.multi-element-label:hover { cursor: pointer; - color: var(--vert); + color: var(--black); font-weight: 900; } -label[data-name="note"] ~ div label.multi-element-label:hover ~ label { + +label[data-name="note"]~div label.multi-element-label:hover~label { font-weight: 900; - color: var(--vert); + color: var(--black); } .navbar-light.btn-secondary { background-color: var(--background-dark); } + .filters { display: inline-block; } + .filters .col { width: max-content; } + .filters button { border: 1px solid var(--black); } -.filters .filter_reset_button { + +.filters .filter_reset_button, .filters .filter_reset_button:hover, .filters .filter_reset_button:not(:disabled):not(.disabled):active { display: inline-flex; background: var(--background-very-dark); + border-color: var(--background-very-dark); color: var(--white); + border: 1px solid var(--background-very-dark); } + .filters .filter_reset_button i { margin: auto .25em; } +.filters .filter_reset_button * { + color: var(--white); +} + .critiques .card-deck .card_Intonation_Library_View_Wrapper_ReviewInRecord:not(:nth-child(2)) { display: none; } + header .boite.nav .configuration_module { right: 25% !important; } + main .ajaxable { margin-top: 40px; } -.wrapper_user_agenda .jumbotron_section_content > .container-fluid { + +.wrapper_user_agenda .jumbotron_section_content>.container-fluid { margin-top: 40px; } @@ -961,20 +1200,25 @@ body[class*="abonne_"] .badge.badge-light.fs_1em { width: max-content; display: grid; } + .accessibility .dropdown-menu.show .accessibility { font-size: 14px; } + .accessibility .dropdown-menu.show .accessibility img { - height: 30px!important; + height: 30px !important; } + /* Mur */ .library .masonry { margin-top: 2em; } + .masonry_grid .masonry-brick { grid-row-end: unset !important; margin-bottom: 1em; } + .masonry .masonry-brick { visibility: hidden; overflow: hidden; @@ -982,6 +1226,7 @@ body[class*="abonne_"] .badge.badge-light.fs_1em { grid-row-end: unset !important; /*padding-bottom: 1em;*/ } + .masonry .masonry-brick .masonry-content { min-height: 100%; } @@ -992,33 +1237,41 @@ body[class*="abonne_"] .badge.badge-light.fs_1em { width: 93%; margin: auto; } + .carousel-control-prev { - left:-2em; + left: -2em; } + .carousel-control-next { - right:-2em; + right: -2em; } + .carousel-control-next:before, .carousel-control-prev:after { font-size: 15px; } -.carousel-control-next:before{ - content:"Suivant"; + +.carousel-control-next:before { + content: "Suivant"; } + .carousel-control-prev:after { - content:"Précédent"; + content: "Précédent"; } + [class*="carousel-control"] { - height:25px; + height: 25px; background-color: var(--background-dark); font-size: 4px; - opacity : 1 !important; - color:var(--white) !important; + opacity: 1 !important; + color: var(--white) !important; } + a[class*="carousel-control"]:hover { - background-color:var(--background-very-dark); + background-color: var(--background-very-dark); color: var(--white) !important; } + .carousel-indicators .bg-dark { background-color: var(--background-dark) !important; } @@ -1030,27 +1283,32 @@ a[class*="carousel-control"]:hover { .masonry .masonry-brick:nth-child(2n+1) .masonry-content { background: var(--background-light); } + .list-group .list-group-item.bg-transparent:nth-child(2n+1), .masonry .masonry-brick.bg-transparent:nth-child(2n+1) .masonry-content { - background: var(--background-light)!important; + background: var(--background-light) !important; } + .background-white_and_light_card .card.card_template:nth-child(2n+1) { background: var(--background-light); } + .list-group .list-group-item.active { background: var(--background-very-dark); color: var(--white); } /* Page recherche */ -.form_facets .facette_titre { +.form_facets .facette_titre { background: var(--background-dark); box-shadow: 0px 2px 4px #888; } + .action_rendering .facette_titre * { color: var(--black); font-weight: bold; } + .action_rendering .facette_titre b { text-transform: uppercase; } @@ -1061,19 +1319,24 @@ a[class*="carousel-control"]:hover { .jumbotron { background-color: var(--background-light); } + .jumbotron_title .card-link { display: inline-block; margin-bottom: 1em; } + .jumbotron .nav-link { font-size: 1.5em; color: var(--black) !important; + display: grid; } + .jumbotron .nav-link.disabled { - color: var(--black-opacity-50)!important; + color: var(--black-opacity-50) !important; background-color: transparent; border-color: transparent; } + .jumbotron .nav-link div { font-size: 14px; } @@ -1081,22 +1344,27 @@ a[class*="carousel-control"]:hover { .jumbotron_content .leaflet-pane.leaflet-popup-pane * { border: none; } + .jumbotron_content .wrapper_related .carousel.slide.multiple_carousel .card-img.img-fluid.rounded, .jumbotron_content .wrapper_document_author .carousel.slide.multiple_carousel .card-img.img-fluid.rounded { max-height: 250px; width: auto; } + h2.jumbotron_section_title * { color: var(--background-very-dark); font-size: 35px; font-weight: bold; } + .jumbotron_section_content a.text-second { text-decoration: underline; } + .bokeh_jumbotron { margin-top: 40px; } + .bokeh_jumbotron .jumbotron_thumbnail { margin-top: -40px; } @@ -1119,22 +1387,27 @@ a.badge_tag.badge-secondary { text-decoration: underline; margin-top: 1em; } -.wrapper_library_openings section h2, + +.wrapper_library_openings section h2, .wrapper_library_details section h2 { display: none; } + /*bibliotheque nb doc + utilisateur */ -.wrapper_library_details section ~ p { +.wrapper_library_details section~p { display: none; } -.wrapper_library_details section ~ .container-fluid { + +.wrapper_library_details section~.container-fluid { margin-top: 1em; } -.wrapper_library_details section ~ .container-fluid div { + +.wrapper_library_details section~.container-fluid div { padding: 0; } + .wrapper_library_agenda [class*="custom_field"] { - display: none; + display: none; } /*auteur*/ @@ -1144,6 +1417,7 @@ a.badge_tag.badge-secondary { text-transform: uppercase; margin-top: .5em; } + .wrapper_author_biography h2 { font-size: 24px; color: var(--background-dark); @@ -1165,27 +1439,33 @@ a.badge_tag.badge-secondary { [class*="truncate_list"] { margin-top: 40px; } + .list-group .list-group-item { box-shadow: 0px 2px 4px #888; margin-bottom: 50px !important; } + .facets_suggestions .list-group .list-group-item { box-shadow: 0px 2px 4px #888; margin-bottom: initial !important; background: none; } + .wrapper_author_biography .list-group .list-group-item { box-shadow: 0px 2px 4px #888; margin-bottom: 0 !important; } + .search_records_col .masonry .masonry-brick { box-shadow: 0px 2px 4px #888; margin-bottom: 10px !important; } + .list-group .list-group-item .cardify_horizontal_img { margin-top: -40px; min-width: 100px; } + .list-group .list-group-item .cardify_horizontal_img .card-link img { box-shadow: 0px 2px 4px #888; width: 250px; @@ -1202,6 +1482,7 @@ footer .leaflet_osm { height: 200px; width: auto; } + footer .leaflet-pane.leaflet-popup-pane { display: none; } @@ -1210,14 +1491,17 @@ footer .leaflet-pane.leaflet-popup-pane { .admin_tools .dropdown-menu.show { background: var(--white); } + .menu_admin_front .admin_menu_title * { text-align: center; } + .menu_admin_front li { text-align: left; font-size: 14px; padding: .15em 0 !important; } + .menu_admin_front a img { height: 20px !important; width: 20px !important; @@ -1228,16 +1512,18 @@ footer .leaflet-pane.leaflet-popup-pane { .leaflet-popup.osm-customiz-popup.leaflet-zoom-animated { width: 220px; } + .leaflet-popup-content { width: 220px !important; - margin: 0!important; + margin: 0 !important; padding: 10px; height: 100%; } .filters .col .dropdown-menu.show { - transform: translate3d(8px, 37px, 0px) !important; + transform: translate3d(8px, 36px, 0px) !important; + width: max-content; } .wrapper_user_loans .card_template .card-footer { @@ -1246,12 +1532,15 @@ footer .leaflet-pane.leaflet-popup-pane { /*info mon compte*/ .wrapper_user_informations .card-body .row { - column-count: 2; - display: block; + display: grid; + grid-template-columns: repeat(4, auto); + grid-auto-rows: 40px; + gap: 0 10px; + grid-template-rows: repeat(10000, auto); } + .wrapper_user_informations .card-body .row dt { - text-align: left ; - max-width:100%; + max-width: 100%; flex: 0 0 100%; padding: 8px 0; } @@ -1259,16 +1548,17 @@ footer .leaflet-pane.leaflet-popup-pane { .wrapper_user_informations .card-body .row dd { border: 1px solid #ced4da; height: 40px; - border-radius: 5px!important; + border-radius: 5px !important; padding: 8px 15px; flex: 0 0 100%; - max-width:100%; + max-width: 100%; } .wrapper_zendafi_form_user_settings_userimageselector { display: none; } + /*formulaire mon compte*/ .zendafi_form_user_settings_popup_features.form-check-input { position: initial; @@ -1278,231 +1568,455 @@ footer .leaflet-pane.leaflet-popup-pane { /*recherche*/ -.search_result .search_title_col { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - line-height: 16px; - max-height: 64px; +.search_result .search_title_col .search_title_criteria { + display: none; } + .search_result .unremovable_criterion { display: none; } + .wrapper_zendafi_form_advancedsearch_genre .tag_selection { padding: 0.2em; margin: 0.2em; border-bottom: none; } + .wrapper_zendafi_form_advancedsearch_genre #genre_saisie { padding: 2em; } +.result_more_actions .more_action { + background: var(--background-very-dark); +} + +.widget { + box-shadow: none; +} + +.card { + border: none; +} + +.card-footer { + border-top: none; +} + +.ui-autocomplete, +.dropdown-menu.show { + box-shadow: none; +} + + +.users_count, +.documents_count { + display: none; +} + +.library_agenda .filters .place, +.library_agenda .filters .place_town, +.library_agenda .filters .tag { + display: none; +} + +#items_shelf .card_with_overlay { + height: 100%; +} +#items_shelf .card_with_overlay.shelf_current_item { + height: 100%; +} + +.wrapper_document_items .spinner.resources .card_with_overlay .card-img.img-fluid { + max-height: 250px; +} +.record_no_thumbnail .card.record_no_thumbnail * { + margin: auto; +} + +.card_footer.card_footer_Intonation_Library_View_Wrapper_ReviewInRecord { + display: none; +} + + +/*Informations exceptionnelles Flash*/ +.flash .widget-body.card-body { + overflow-x: hidden; +} +.messagedefilant { + overflow: hidden; + width:100%; + max-width: 100%; +} +.messagedefilant > div p { + display: inline-block; + white-space: nowrap; + animation: defilement-rtl 20s infinite linear; + cursor: pointer; +} +.messagedefilant:hover > div p { + animation-play-state: paused; /* Met en pause le défilement au survol */ +} + +@keyframes defilement-rtl { + 0% { + -webkit-transform: translate(0); + transform: translate(0); + } 100% { + -webkit-transform: translate(-100%); + transform: translate(-100%); + } +} + +.opac[class*="abonne_"] .jumbotron_thumbnail { + display:none; +} + +#a42-ac-button { + background-size: contain!important; + background-color: transparent !important; + color: transparent !important; + height: 36px!important; + background-position: center!important; + width: 36px!important; + border: none !important; + padding: 0 !important; +} + +/*contraste blanc sur noir*/ +.a42-ac-high-contrast #a42-ac-button, +.a42-ac-inv-contrast #a42-ac-button { + filter: invert(1); +} +.a42-ac-high-contrast img[src*="x-twitter-brands-solid.svg"], +.a42-ac-inv-contrast img[src*="x-twitter-brands-solid.svg"] { + filter: invert(1); + background: none !important; +} +.a42-ac-high-contrast header, +.a42-ac-inv-contrast header { + border-bottom: 1px solid; +} +.a42-ac-high-contrast footer, +.a42-ac-inv-contrast footer { + border-top: 1px solid; +} + +.render_all_link i { + display: none; +} + /*responsive*/ @media (max-width: 1500px) { .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(4,auto); + grid-template-columns: repeat(4, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } + .masonry .card.record_no_thumbnail .button_text { width: 160px !important; } + .masonry_grid .masonry-brick { width: 270px; } + .search_records_col .masonry .masonry-brick { - width: 260px; + width: 260px; } - .card-deck-medium > .card_template { + + .card-deck-medium>.card_template { width: 365px; } } +@media (max-width: 1700px) and (min-width: 1500px) { + .masonry { + grid-template-columns: repeat(4, auto); + } +} + @media (min-width: 1500px) { .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(5,auto); + grid-template-columns: repeat(5, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } + .masonry .card.record_no_thumbnail .button_text { width: 230px !important; } + .masonry_grid .masonry-brick { width: 300px; } + .search_records_col .masonry .masonry-brick { width: 275px; } - .card-deck-medium > .card_template { + + .card-deck-medium>.card_template { width: 480px; } + + .biblio_header .card-deck-medium>.card_template { + width: 100%; + margin: 0; + } +} + +@media (min-width: 1200px) { + .opac[class*="abonne_"] .jumbotron_title { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + padding: 0 !important; + } } @media (max-width: 1200px) { - .py-9 { + .px-9 { padding-left: 2rem !important; padding-right: 2rem !important; } - .py-9 .widget-footer.card-footer { + + .px-9 .widget-footer.card-footer { padding-left: 3.75rem !important; padding-right: 3.75rem !important; - } + } + .card-deck-medium { margin: 0; - display: grid!important; - gap: 15px 0!important; - grid-template-columns: repeat(3, auto)!important; + display: grid !important; + gap: 15px 0 !important; + grid-template-columns: repeat(3, auto) !important; } + .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(3,auto); + grid-template-columns: repeat(3, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } + header .boite.image.position_fixed_top_left .image_widget.img-fluid { - height: 100%; - padding-top: 1em; + height: 100%; + padding-top: 1em; } + .search_records_col .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(2,auto); + grid-template-columns: repeat(2, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } + .card-footer .dropleft.dropup .dropdown-menu { bottom: 1.5em !important; right: 0 !important; width: 220px; } + .view_more_record_actions .dropleft.dropup .dropdown-menu { bottom: 1.5em !important; right: 0 !important; width: 350px; } + .masonry_grid .masonry-brick { width: 250px; } + .search_records_col .masonry .masonry-brick { width: 255px; } - .card-deck-medium > .card_template { + + .card-deck-medium>.card_template { width: 240px; } + .biblio_header .card-deck-medium>.card_template { + margin: 0; + width: 100%; + } + + .wrapper_user_informations .card-body .row { + grid-template-columns: repeat(2, auto); + } + + .opac[class*="abonne_"] .jumbotron_title { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + padding: 0 !important; + } +} + +@media (max-width: 800px) and (min-width: 575px) { + .masonry { + grid-template-columns: repeat(2, auto); + } + + .card-deck-medium { + grid-template-columns: repeat(2, auto) !important; + } +} + +@media (max-width: 991px) { + .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse { + position: absolute; + transform: translate3d(-90px, 60px, 0px) !important; + right: auto; + left: auto; + box-shadow: none; + width: 300px; + background: var(--white); + top: 0; + } + .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse .navbar-nav { + -ms-flex-direction: column; + flex-direction: column; + } + + .nav nav .nav-item .menu .dropdown-menu { + transform: none !important; + position: relative; + border-bottom: 1px dashed; + border-top: 1px dashed; + } + + .nav nav .nav-item .recherche_scroll .dropdown-menu.search_dropdown_menu.show { + transform: none !important; + } + .boite.rech_simple .form.default_form { + max-height: 100%; + } } @media (max-width: 575px) { - .py-9 { + .px-9 { padding-left: 0 !important; padding-right: 0 !important; } + h2.jumbotron_section_title * { color: var(--background-very-dark); font-size: 30px; font-weight: bold; } + .form-group label { text-align: left; } - dt { - text-align: left; - } + .card_grid { display: grid; gap: 15px 10px; grid-template-columns: repeat(1, auto); } + + .filters { + width: 100%; + } .filters .col { display: block; max-width: 100%; flex: 0 0 100%; } + .filters .col button, .filter_reset_button { width: 100%; margin: 0.5em 0; } + .filters .col .dropdown-menu.show { transform: translate3d(0, 44px, 0px) !important; width: 100%; } + + .filters .filter_reset_button, .filters .filter_reset_button:hover, + .filters .filter_reset_button:not(:disabled):not(.disabled):active { + display: inline-block; + } + .calendar_main.table-responsive-md, + .calendar_table.table-responsive-md { + display: revert!important; + } + .card-deck-medium { margin: 0; - display: grid!important; - gap: 15px 0!important; - grid-template-columns: repeat(1, auto)!important; + display: grid !important; + gap: 15px 0 !important; + grid-template-columns: repeat(1, auto) !important; } - .background-white .card-deck > .card_template { + + .background-white .card-deck>.card_template { margin: 0 1.5% 2% 1.5% !important; box-shadow: 4px 4px 6px #888 !important; } + .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(1,auto); + grid-template-columns: repeat(1, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } + .search_records_col .masonry { display: grid; grid-gap: 1em; - grid-template-columns: repeat(1,auto); + grid-template-columns: repeat(1, auto); grid-auto-rows: 40px; gap: 0 10px; grid-template-rows: repeat(10000, auto); } - .boite.nav .navbar-light::after { - content: "MENU"; - font-size: .875rem; - } - .boite.nav .navbar-toggler-icon { - display: none; - } + main img { max-width: 100%; height: auto; } - .py-9 .widget-footer.card-footer { + + .px-9 .widget-footer.card-footer { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } + .widget-footer.card-footer { position: initial; margin-left: auto; - /*margin-right: 1em;*/ margin-right: 0; padding: 1.75rem 0 !important; } - header .boite.nav [class*="menu_entry_MENU"] .dropdown-menu.list-unstyled.w-max.show { - width: 100% !important; - box-shadow: none; - border: none; - } + .rech_simple { padding: 0; } + .navbar-nav .dropdown-menu.search_dropdown_menu { display: initial; border: none; } + .boite.nav nav .navbar-collapse { margin-top: 2em; } + .recherche_scroll button.btn-secondary { display: none; } + .recherche_scroll .dropdown-menu.search_dropdown_menu.show { left: 0 !important; right: 0 !important; @@ -1512,106 +2026,124 @@ footer .leaflet-pane.leaflet-popup-pane { padding: 10px 0 !important; width: 100% !important; top: 15.8em !important; - border-bottom: 1px solid rgba(0,0,0,.15) !important; + border-bottom: 1px solid rgba(0, 0, 0, .15) !important; height: auto !important; z-index: 10; min-width: 50%; margin: 1em 0; } + .recherche_scroll .form-group.container-fluid { width: 100%; padding: .25rem; } + .recherche_scroll .zendafi_form_search_submit_button { margin: auto; } - header .boite.login .dropdown-menu.dropdown-menu-right.show { - box-shadow: none; - border: none; - position: fixed !important; - left: 0 !important; - z-index: 1000; - float: left; - min-width: 10rem; - padding: .5rem 0; - margin: 5em auto; - font-size: 1rem; - color: #212529; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border-radius: .25rem; - right: 0 !important; - width: 100% !important; - transform: none !important; + + .boite.nav .navbar-light::after { + content: none; + } + + .boite.nav .navbar-toggler-icon { + display: inline-block; + } + + .boite.nav .navbar_toggler_text { + display: none; + } + + .boite.nav nav .navbar-collapse { + margin-top: 0; + } + .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse { + transform: translate3d(-120px, 60px, 0px) !important; } .jumbotron_nav_link.nav-link { display: grid; padding: .5rem 1rem; } + .wrapper_user_informations .card-link { margin-bottom: .5em; max-width: 100%; flex: 0 0 100%; display: block; } + .wrapper_user_informations .card-body .row { - column-count: 1; - display: block; + grid-template-columns: repeat(1, auto); } + .collection_actions .collection_action { max-width: 100%; flex: 0 0 100%; margin-bottom: .5em; } + .search_facets_col .navbar-toggler-icon { - display: none; + display: none; } + .search_facets_col .navbar-toggler::after { - content: "Filtrer"; - font-size: .875rem; + content: "Filtrer"; + font-size: .875rem; } + .result_select_records .button_text { - display: initial !important; + display: initial !important; } + .result_list_mod, .result_wall_mod { display: none; } + .result_select_records .dropdown-menu.show { - width: 280px; - transform: translate3d(-121px, 32px, 0px) !important; + width: 280px; + transform: translate3d(-121px, 32px, 0px) !important; } - .cardify_horizontal_actions .card_action input.form-check-input + label { - width: 70%; + + .cardify_horizontal_actions .card_action input.form-check-input+label { + width: 70%; } + .masonry_grid .masonry-brick { - width: 100%; + width: 100%; } + .search_records_col .masonry .masonry-brick { - width: 100%; + width: 100%; } - .card-deck-medium > .card_template { + + .card-deck-medium>.card_template { width: 100%; } -} + .credits_bib .nav.navbar-nav.flex-column.list-unstyled { + width: 100%; + } + .credits_bib .nav.navbar-nav.flex-column.list-unstyled .nav-item { + text-align: left !important; + } +} +/* @media (min-width: 576px) { body .card_grid { - grid-template-columns: repeat( auto-fill, minmax(145px, 18%) ); + grid-template-columns: repeat(auto-fill, minmax(145px, 18%)); } } @media (min-width: 1200px) { body .card_grid { - grid-template-columns: repeat( auto-fill, minmax(185px, 19%) ); + grid-template-columns: repeat(auto-fill, minmax(185px, 19%)); } } @media (min-width: 1600px) { body .card_grid { - grid-template-columns: repeat( auto-fill, minmax(250px, 19%) ); + grid-template-columns: repeat(auto-fill, minmax(250px, 19%)); } -} +} */ \ No newline at end of file diff --git a/library/templates/Herisson/Library/ProfilePatcher.php b/library/templates/Herisson/Library/ProfilePatcher.php index e6b4269574d11e6c0b5f86171eff10f692ea9034..b078bb859078cafbe8f21efda36166a14f181fff 100644 --- a/library/templates/Herisson/Library/ProfilePatcher.php +++ b/library/templates/Herisson/Library/ProfilePatcher.php @@ -4,19 +4,6 @@ * * BOKEH is free software; you can redistribute it and/or modify * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by - * the Free Software Foundation. - * - * There are special exceptions to the terms and conditions of the AGPL as it - * is applied to this software (see README file). - * - * BOKEH is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU AFFERO GENERAL PUBLIC LICENSE for more details. - * - * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE - * along with BOKEH; if not, write to the Free Software - * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA */ @@ -35,43 +22,31 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher protected $_main_menu_simple_bib, - $_main_menu_reseau_bib, + $_main_menu_reseaux_bib, $_credits_menu, $_recherche_scroll_menu, $_agenda_page, $_reseau_page, - - $_adulte_page, - $_jeunesse_page, - $_multimedia_page, - $_imageetson_page, - + $_selections_page, + $_enligne_page, $_mentionslegales_page, $_accessibilite_page, $_disable_widget_template, - $_only_content_widget_template, $_disable_only_content_widget_template, - $_widget_nav_classes = ['background-white', - 'no_border_widget', - 'no_border_radius'], + $_widget_nav_classes = ['background-white', 'no_border_widget', 'no_border_radius'], $_tag_main_settings, $_widget_in_main_settings, - $_widget_general_settings = ['no_background', - 'no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto'], + $_widget_general_settings = ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto'], $_header_section_settings, $_footer_section_settings; - public function __construct($template) - { + public function __construct($template) { parent::__construct($template); $this->_disable_widget_template = [$this->_template->withNameSpace('show_header') => 0, @@ -83,23 +58,16 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher $this->_disable_only_content_widget_template = [$this->_template->withNameSpace('show_header') => 1, $this->_template->withNameSpace('show_content') => 0, $this->_template->withNameSpace('show_footer') => 1]; - $this->_tag_main_settings = ['boite' => ['no_border_radius', - 'm-auto', - 'py-3', - 'px-3', - 'herisson_widget'], + $this->_tag_main_settings = ['boite' => ['no_border_radius', 'mx-auto'], $this->_template->withNameSpace('width_xsmall') => 12]; - $this->_widget_in_main_settings = array_merge(['boite' => ['no_border_widget', - 'no_shadow', - 'mx-auto'], + $this->_widget_in_main_settings = array_merge(['boite' => ['no_border_widget', 'no_shadow', 'mx-auto'], 'rendering' => 'card', 'layout' => 'grid', 'size' => 99, $this->_template->withNameSpace('width_xsmall') => 12, $this->_template->withNameSpace('width_large') => 10], - $this->_disable_only_content_widget_template); - $this->_header_section_settings = ['boite' => ['no_background'], - $this->_template->withNameSpace('width_xsmall') => 12]; + $this->_disable_only_content_widget_template); + $this->_header_section_settings = [$this->_template->withNameSpace('width_xsmall') => 12]; $this->_footer_section_settings = ['boite' => ['background-dark'], $this->_template->withNameSpace('width_xsmall') => 12]; } @@ -108,95 +76,35 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher protected function _generatePacks() { $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto = $this->_getOrCreateStylePack($this->_('Marges horizontales automatiques, sans bordure de boites, sans arrondi, sans ombre, sans fond'), - ['no_background', - 'no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto']); - - + ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto']); $this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5 = $this->_getOrCreateStylePack($this->_('Marges horizontales automatiques, marges vertical à 5, sans bordure de boites, sans arrondi, sans ombre'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'my-5']); - - - + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'my-5']); $this->_style_pack_background_white = $this->_getOrCreateStylePack($this->_('Fond blanc'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'background-white', - 'py-3', - 'my-3']); + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-white', 'py-3', 'my-3']); $this->_style_pack_background_light = $this->_getOrCreateStylePack($this->_('Fond clair'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'background-light', - 'py-3', - 'my-3']); + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-light', 'py-3', 'my-3']); $this->_style_pack_background_dark = $this->_getOrCreateStylePack($this->_('Fond foncé'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'background-dark', - 'py-3', - 'my-3']); + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-dark', 'py-3', 'my-3']); $this->_style_pack_background_very_dark = $this->_getOrCreateStylePack($this->_('Fond très foncé'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'background-very_dark', - 'py-3', - 'my-3']); + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-very_dark', 'py-3', 'my-3']); $this->_style_pack_image_banniere = $this->_getOrCreateStylePack($this->_('Image banniere'), - ['no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'image_banniere', - 'mt-8']); + ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'image_banniere', 'mt_80']); $this->_style_pack_biblio_header = $this->_getOrCreateStylePack($this->_('Boite bibliothèque bouton horaires'), - ['no_background', - 'no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'biblio_header']); + ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'biblio_header']); $this->_style_pack_biblio_footer = $this->_getOrCreateStylePack($this->_('Boite bibliothèque horaires'), - ['no_background', - 'no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'biblio_footer', - 'no_footer_card']); + ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'biblio_footer', 'no_footer_card']); $this->_style_pack_recherche_scroll = $this->_getOrCreateStylePack($this->_('Boite recherche scroll'), - ['no_background', - 'no_border_widget', - 'no_border_radius', - 'no_shadow', - 'mx-auto', - 'recherche_scroll']); - + ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'recherche_scroll']); return $this; - } @@ -218,10 +126,8 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher return $this ->_addAgendaPage() ->_addReseauPage() - ->_addAdultePage() - ->_addJeunessePage() - ->_addMultimediaPage() - ->_addImageetsonPage() + ->_addSelectionsPage() + ->_addEnLignePage() ->_addMentionslegalesPage() ->_addAccessibilitePage(); } @@ -234,9 +140,13 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher ->setRewriteUrl($this->_('agenda')) ->addWidget(Intonation_Library_Widget_Carousel_Agenda_Definition::CODE, Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Agenda')], - $this->_widget_in_main_settings)); - + array_merge(['titre' => $this->_('Agenda'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'rendering' => 'card', + 'layout' => 'grid', + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)); return $this; } @@ -248,62 +158,54 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher ->setRewriteUrl($this->_('reseau_des_bibliotheques')) ->addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE, Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Réseau des bibliothèques')], - $this->_widget_in_main_settings)); - + array_merge(['titre' => $this->_('Réseau des bibliothèques'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'boite' => ['no_footer_card'], + 'rendering' => 'card', + 'layout' => 'grid', + 'osm_map' => 1, + 'osm_layer' => 1, + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)); return $this; } - /* Page espace adulte */ - protected function _addAdultePage() { - $this->_adulte_page = $this - ->_createPage($this->_('Adulte')) - ->setRewriteUrl($this->_('adulte')) - ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE, - Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Adulte')], - $this->_widget_in_main_settings)); - - return $this; - } - - /* Page espace jeunesse */ - protected function _addJeunessePage() { - $this->_jeunesse_page = $this - ->_createPage($this->_('Jeunesse')) - ->setRewriteUrl($this->_('jeunesse')) + /* Page sélections */ + protected function _addSelectionsPage() { + $this->_selections_page = $this + ->_createPage($this->_('Sélections')) + ->setRewriteUrl($this->_('selections')) ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE, Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Jeunesse')], - $this->_widget_in_main_settings)); + array_merge(['titre' => $this->_('Sélections'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'boite' => ['no_footer_card'], + 'rendering' => 'card-description', + 'layout' => 'grid', + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)); return $this; } - /* Page espace multimédia */ - protected function _addMultimediaPage() { - $this->_multimedia_page = $this - ->_createPage($this->_('Multimédia')) - ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE, + /* Page en ligne */ + protected function _addEnLignePage() { + $this->_enligne_page = $this + ->_createPage($this->_('En ligne')) + ->setRewriteUrl($this->_('en_ligne')) + ->addWidget(Intonation_Library_Widget_Carousel_Article_Definition::CODE, Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Multimédia')], - $this->_widget_in_main_settings)); - - return $this; - } - - - /* Page espace image et son */ - protected function _addImageetsonPage() { - $this->_imageetson_page = $this - ->_createPage($this->_('Image et son')) - ->setRewriteUrl($this->_('image_et_son')) - ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE, - Class_Profil::DIV_MAIN, - array_merge(['titre' => $this->_('Image et son')], - $this->_widget_in_main_settings)); + array_merge(['titre' => $this->_('En ligne'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'rendering' => 'card', + 'layout' => 'grid', + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)); return $this; } @@ -329,10 +231,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher Class_Profil::DIV_MAIN, array_merge(['titre' => $this->_('Mentions légales'), 'id_items' => $article->getId()], - $this->_widget_in_main_settings)); + $this->_widget_in_main_settings)); return $this; } + /* Page accessibilite */ protected function _addAccessibilitePage() { $categorie = $this->_getOrCreateCategory($this->_('Herisson')); @@ -353,7 +256,7 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher Class_Profil::DIV_MAIN, array_merge(['titre' => $this->_('Accessibilité'), 'id_items' => $article->getId()], - $this->_widget_in_main_settings)); + $this->_widget_in_main_settings)); return $this; } @@ -361,142 +264,208 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher protected function _upgradeSections() { return $this ->_setHeaderSettings($this->_header_section_settings) - ->_setMainSettings(['boite' => ['no_border_radius', - 'm-auto', - 'herisson_widget'], + ->_setMainSettings(['boite' => ['no_border_radius', 'mx-auto', 'herisson_widget'], $this->_template->withNameSpace('width_xsmall') => 12]) - ->_setFooterSettings($this->_footer_section_settings); } protected function _upgradeMenus() { - $recherche_widget_menu = - $this->_addWidgetInMenu(Intonation_Library_Widget_Search_Definition::CODE, - array_merge(['titre' => $this->_('Recherche scroll'), - $this->_template->withNameSpace('styles_pack') => $this->_style_pack_recherche_scroll->getId(), - 'search_button' => 'class fas fa-search', - 'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'), - 'type_doc' => 'Tous types de documents :', - 'facets_in_session' => 0, - 'always_new_search' => 1, - 'select_doc' => 1, - 'recherche_avancee' => 0, - 'doc_type_selection_label' => '', - 'HerissonVisibleWhenHidden' => '6', - $this->_template->withNameSpace('form_style') => 'toggle', - 'menu' => $this->_profile_id . '-' . $this->_recherche_scroll_menu, - $this->_template->withNameSpace('width_xsmall') => 12], - $this->_disable_widget_template)); - - $this->_recherche_scroll_menu = $this->_profile - ->addMenu(['libelle' => $this->_('Menu recherche en scroll'), - 'picto' => '', - 'menus' => [$recherche_widget_menu]]); - - $this->_main_menu_simple_bib = $this->_profile - ->addMenu(['libelle' => $this->_('Menu bibliothèque'), - 'picto' => '', - 'menus' => [['type_menu' => 'ACCUEIL', - 'libelle' => $this->_('Accueil'), - 'use_profil' => $this->_profile_id], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Infos pratiques'), - 'url' => $this->_getLibraryUrl()], - - ['type_menu' => 'PROFIL', - 'libelle' => $this->_('Agenda'), - 'clef_profil' => $this->_agenda_page->getId()], - - ['type_menu' => 'MENU', - 'libelle' => $this->_('Espaces'), - 'sous_menus' => [['type_menu' => 'PROFIL', - 'libelle' => $this->_('Adulte'), - 'clef_profil' => $this->_adulte_page->getId()], - - ['type_menu' => 'PROFIL', - 'libelle' => $this->_('Jeunesse'), - 'clef_profil' => $this->_jeunesse_page->getId()], - - ['type_menu' => 'PROFIL', - 'libelle' => $this->_('Multimedia'), - 'clef_profil' => $this->_multimedia_page->getId()], - - ['type_menu' => 'PROFIL', - 'libelle' => $this->_('Image et son'), - 'clef_profil' => $this->_imageetson_page->getId()]]], - - $recherche_widget_menu]]); - - - $this->_main_menu_reseau_bib = $this->_profile - ->addMenu(['libelle' => $this->_('Menu réseau bibliothèques'), - 'picto' => '', - 'menus' => [['type_menu' => 'ACCUEIL', - 'libelle' => $this->_('Accueil'), - 'use_profil' => $this->_profile_id], - - ['type_menu' => 'MENU', - 'libelle' => $this->_('Infos pratiques'), - 'sous_menus' => [['type_menu' => 'PROFIL', - 'libelle' => $this->_('Tout le réseau'), - 'clef_profil' => $this->_reseau_page->getId()], - ['type_menu' => 'URL', - 'libelle' => $this->_('Bibliothèque n°1'), - 'url' => $this->_getLibraryUrl()], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Bibliothèque n°2'), - 'url' => $this->_getLibraryUrl()], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Bibliothèque n°3'), - 'url' => $this->_getLibraryUrl()], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Bibliothèque n°4'), - 'url' => $this->_getLibraryUrl()]]], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Agenda'), - 'url' => $this->_agenda_page->getUrl()], - - ['type_menu' => 'MENU', - 'libelle' => $this->_('Espaces'), - 'sous_menus' => [['type_menu' => 'PROFIL', - 'libelle' => $this->_('Adulte'), - 'url' => Class_Url::relative(['controller' => 'index', - 'action' => 'index', - 'id_profil' => $this->_adulte_page->getId()])], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Jeunesse'), - 'url' => Class_Url::relative(['controller' => 'index', - 'action' => 'index', - 'id_profil' => $this->_jeunesse_page->getId()])], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Multimedia'), - 'url' => Class_Url::relative(['controller' => 'index', - 'action' => 'index', - 'id_profil' => $this->_multimedia_page->getId()])], - - ['type_menu' => 'URL', - 'libelle' => $this->_('Image et son'), - 'url' => Class_Url::relative(['controller' => 'index', - 'action' => 'index', - 'id_profil' => $this->_imageetson_page->getId()])]]], - $recherche_widget_menu]]); - - $credit_widget_menu = - $this->_addWidgetInMenu(Intonation_Library_Widget_Credits_Definition::CODE, - array_merge(['titre' => $this->_('Crédits'), - $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), - 'boite' => ['p-3'], - 'link_to_all' => 0, - $this->_template->withNameSpace('width_xsmall') => 12], - $this->_disable_widget_template)); + $recherche_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Search_Definition::CODE, + array_merge(['titre' => $this->_('Recherche scroll'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_recherche_scroll->getId(), + 'search_button' => 'class fas fa-search', + 'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'), + 'type_doc' => 'Tous types de documents :', + 'facets_in_session' => 0, + 'always_new_search' => 1, + 'select_doc' => 1, + 'recherche_avancee' => 0, + 'doc_type_selection_label' => '', + 'HerissonVisibleWhenHidden' => '6', + $this->_template->withNameSpace('form_style') => 'toggle', + 'menu' => $this->_profile_id . '-' . $this->_recherche_scroll_menu, + $this->_template->withNameSpace('width_xsmall') => 12], + $this->_disable_widget_template)); + + $this->_recherche_scroll_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu recherche en scroll'), + 'picto' => '', + 'menus' => [$recherche_widget_menu]]); + + $image_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Image_Definition::CODE, + array_merge(['titre' => $this->_('Logo du réseau'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), 'image' => Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png'), + 'image_alt' => 'Logo du réseau', + 'link' => $this->_('/accueil')], + $this->_disable_widget_template)); + + $access_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Accessibility_Definition::CODE, + array_merge(['titre' => $this->_('Accessibilité'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'popup_mode' => 'popup'], + $this->_disable_widget_template)); + + $simple_bibs_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu des bibliothèques'), + 'picto' => '', + 'menus' => [['type_menu' => 'ACCUEIL', + 'libelle' => $this->_('Accueil'), + 'use_profil' => $this->_profile_id], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Infos pratiques'), + 'url' => $this->_getLibraryUrl()], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('Agenda'), + 'clef_profil' => $this->_agenda_page->getId()], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('Sélections'), + 'clef_profil' => $this->_selections_page->getId()], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('En ligne'), + 'clef_profil' => $this->_enligne_page->getId()], + + $recherche_widget_menu]]); + + $simple_bibs_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE, + array_merge(['titre' => $this->_('Menu simple bibliothèques'), + 'menu' => $this->_profile_id . '-' . $simple_bibs_menu, + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'link_to_all' => 0], + $this->_disable_widget_template)); + + $reseaux_bibs_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu réseau bibliothèques'), + 'picto' => '', + 'menus' => [['type_menu' => 'ACCUEIL', + 'libelle' => $this->_('Accueil'), + 'use_profil' => $this->_profile_id], + + ['type_menu' => 'MENU', + 'libelle' => $this->_('Infos pratiques'), + 'sous_menus' => [['type_menu' => 'PROFIL', + 'libelle' => $this->_('Tout le réseau'), + 'clef_profil' => $this->_reseau_page->getId()], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Bibliothèque n°1'), + 'url' => $this->_getLibraryUrl()], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Bibliothèque n°2'), + 'url' => $this->_getLibraryUrl()], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Bibliothèque n°3'), + 'url' => $this->_getLibraryUrl()], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Bibliothèque n°4'), + 'url' => $this->_getLibraryUrl()]]], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('Agenda'), + 'clef_profil' => $this->_agenda_page->getId()], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('Selections'), + 'clef_profil' => $this->_selections_page->getId()], + + ['type_menu' => 'PROFIL', + 'libelle' => $this->_('En ligne'), + 'clef_profil' => $this->_enligne_page->getId()], + + $recherche_widget_menu]]); + + $reseaux_bibs_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE, + array_merge(['titre' => $this->_('Menu réseaux bibliothèques'), + 'menu' => $this->_profile_id . '-' . $reseaux_bibs_menu, + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'link_to_all' => 0], + $this->_disable_widget_template)); + + $social_networks_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu réseaux sociaux'), + 'picto' => '', + 'menus' => [['type_menu' => 'URL', + 'libelle' => $this->_('Facebook'), + 'picto' => 'class fab fa-facebook-square', + 'picto_alt' => 'Logo Facebook', + 'url' => ''], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Youtube'), + 'picto' => 'class fab fa-youtube', + 'picto_alt' => 'Logo Youtube', + 'url' => ''], + + ['type_menu' => 'URL', + 'libelle' => $this->_('X'), + 'picto' => '/library/templates/Intonation/Assets/Font-Awesome/x-twitter-brands-solid.svg', + 'picto_alt' => 'Logo X', + 'url' => ''], + + ['type_menu' => 'URL', + 'libelle' => $this->_('Instagram'), + 'picto' => 'class fab fa-instagram', + 'picto_alt' => 'Logo Instagram', + 'url' => ''], + + $access_widget_menu]]); + + $social_networks_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE, + array_merge(['titre' => $this->_('Menu réseaux sociaux'), + 'menu' => $this->_profile_id . '-' . $social_networks_menu, + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'boite' => ['menu_buttons'], + 'link_to_all' => 0, + 'HerissonExpandBreakpoint' => '', + 'HerissonHiddenMode' => ['md', 'lg', 'xl']], + $this->_disable_widget_template)); + + $connexion_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Login_Definition::CODE, + array_merge(['titre' => $this->_('Connexion'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), 'titre_connecte' => $this->_('Mon compte'), + 'message_connecte' => '', + 'identifiant' => $this->_('Identifiant'), + 'identifiant_exemple' => $this->_('N° de carte'), + 'mot_de_passe' => $this->_('Mot de passe'), + 'mot_de_passe_exemple' => $this->_('Année de naissance'), + 'lien_connexion' => $this->_('Se connecter'), + 'lien_deconnection' => $this->_('Se déconnecter'), + 'lien_mot_de_passe_oublie' => $this->_('Mot de passe oublié'), + 'lien_compte' => $this->_('Mon compte'), + 'lien_creer_compte' => $this->_('S\'enregistrer'), + $this->_template->withNameSpace('form_style') => 'toggle'], + $this->_only_content_widget_template)); + + $this->_main_menu_simple_bib = $this->_profile ->addMenu(['libelle' => $this->_('Menu principal simple bib'), + 'picto' => '', + 'menus' => [$image_widget_menu, + $simple_bibs_widget_menu, + $social_networks_widget_menu, + $connexion_widget_menu]]); + + $this->_main_menu_reseaux_bib = $this->_profile ->addMenu(['libelle' => $this->_('Menu principal réseaux bibs'), + 'picto' => '', + 'menus' => [$image_widget_menu, + $reseaux_bibs_widget_menu, + $social_networks_widget_menu, + $connexion_widget_menu]]); + + $credit_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Credits_Definition::CODE, + array_merge(['titre' => $this->_('Crédits'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'link_to_all' => 0, + $this->_template->withNameSpace('width_xsmall') => 12], + $this->_disable_widget_template)); + + $cookies_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_CookiesManager_Definition::CODE, + array_merge(['titre' => $this->_('Gestion des cookies'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), + 'link_to_all' => 0, + $this->_template->withNameSpace('width_xsmall') => 12], + $this->_disable_widget_template)); $this->_credits_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu crédits'), @@ -506,91 +475,58 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher 'url' => '/index/formulairecontact'], ['type_menu' => 'URL', - 'libelle' => $this->_('Mentions Légales'), + 'libelle' => $this->_('Mentions légales'), 'url' => Class_Url::relative(['controller' => 'index', 'action' => 'index', 'id_profil' => $this->_mentionslegales_page->getId()])], ['type_menu' => 'URL', - 'libelle' => $this->_('Accessibilité'), + 'libelle' => $this->_('Accessibilité : Partiellement conforme'), 'url' => Class_Url::relative(['controller' => 'index', 'action' => 'index', 'id_profil' => $this->_accessibilite_page->getId()])], - $credit_widget_menu]]); + $credit_widget_menu, + + $cookies_widget_menu]]); $this->_profile->save(); + return $this; } - protected function _upgradeWidgets() { + $categorie = $this->_getOrCreateCategory($this->_('Herisson')); + $article_content = file_get_contents(ROOT_PATH . 'library/templates/Herisson/Assets/contents/flash_infos.html'); + $article = (new Class_Article()) + ->updateAttributes(['titre' => $this->_('Flash infos'), + 'categorie' => $categorie, + 'status' => Class_Article::STATUS_VALIDATED, + 'contenu' => $article_content]); + $article->save(); + + $this ->removeWidgets() ->_addWidget(Intonation_Library_Widget_Nav_Definition::CODE, Class_Profil::DIV_BANNIERE, array_merge(['titre' => $this->_('Navigation principal'), - 'boite' => array_merge(['my-3', - 'justify-content-center', - 'position_fixed_top'], + 'boite' => array_merge(['my-3', 'justify-content-center', 'position_fixed_top'], $this->_widget_nav_classes), 'menu' => $this->_profile_id . '-' . $this->_main_menu_simple_bib, - $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_SMALL, - $this->_template->withNameSpace('width_xsmall') => 12], - $this->_only_content_widget_template)) - - ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE, - Class_Profil::DIV_BANNIERE, - array_merge(['titre' => $this->_('Logo du réseau'), - 'boite' => ['no_background', - 'no_shadow', - 'mr-auto', - 'justify-content-center', - 'position_fixed_top_left', - 'no_border_widget', - 'no_border_radius'], - 'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png'), - 'link' => $this->_('/accueil'), - $this->_template->withNameSpace('width_xsmall') => 4, - $this->_template->withNameSpace('width_medium') => 2, - $this->_template->withNameSpace('width_large') => 2], - $this->_disable_widget_template)) - - ->_addWidget(Intonation_Library_Widget_Login_Definition::CODE, - Class_Profil::DIV_BANNIERE, - array_merge(['titre' => $this->_('Connexion'), - 'boite' => ['no_background', - 'no_shadow', - 'align-items-center', - 'ml-auto', - 'text-align-center', - 'position_fixed_top_right', - 'no_border_widget', - 'no_border_radius'], - 'titre_connecte' => $this->_('Mon compte'), - 'message_connecte' => '', - 'identifiant' => $this->_('Identifiant'), - 'identifiant_exemple' => $this->_('N° de carte'), - 'mot_de_passe' => $this->_('Mot de passe'), - 'mot_de_passe_exemple' => $this->_('Année de naissance'), - 'lien_connexion' => $this->_('Se connecter'), - 'lien_deconnection' => $this->_('Se déconnecter'), - 'lien_mot_de_passe_oublie' => $this->_('Mot de passe oublié'), - 'lien_compte' => $this->_('Mon compte'), - 'lien_creer_compte' => $this->_('S\'enregistrer'), - $this->_template->withNameSpace('form_style') => 'toggle', + $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_XSMALL, $this->_template->withNameSpace('width_xsmall') => 12], - $this->_only_content_widget_template)) - + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE, Class_Profil::DIV_BANNIERE, array_merge(['titre' => $this->_('Image banniere'), $this->_template->withNameSpace('styles_pack') => $this->_style_pack_image_banniere->getId(), 'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/banniere_herisson.jpg'), + 'image_alt' => 'Banniere', 'link' => $this->_('/accueil'), $this->_template->withNameSpace('width_xsmall') => 12], - $this->_disable_widget_template)) + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE, Class_Profil::DIV_BANNIERE, @@ -602,30 +538,27 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher 'size'=> 1, 'osm_map' => 0, 'osm_layer' => 0, - $this->_template->withNameSpace('width_xsmall') => 12, - $this->_template->withNameSpace('width_large') => 10], - $this->_disable_widget_template)) + $this->_template->withNameSpace('width_xsmall') => 12], + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Search_Definition::CODE, Class_Profil::DIV_BANNIERE, array_merge(['titre' => $this->_('Recherche'), $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), - 'boite' => ['justify-content-center', - 'align-items-center', - 'my-5'], + 'boite' => ['justify-content-center', 'align-items-center', 'my-5'], 'search_button' => 'class fas fa-search', 'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'), 'type_doc' => '', 'facets_in_session' => 0, 'always_new_search' => 1, - 'select_doc' => 1, - 'recherche_avancee' => 0, + 'select_doc' => 0, + 'recherche_avancee' => 1, 'doc_type_selection_label' => 'Tous types de documents :', - $this->_template->withNameSpace('form_style') => 'inline', + $this->_template->withNameSpace('form_style') => 'default', $this->_template->withNameSpace('width_xsmall') => 11, $this->_template->withNameSpace('width_medium') => 10, - $this->_template->withNameSpace('width_large') => 9], - $this->_disable_widget_template)) + $this->_template->withNameSpace('width_large') => 7], + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Breadcrumb_Definition::CODE, @@ -637,18 +570,21 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher $this->_disable_widget_template)) /*MAIN*/ + ->_addWidget(Intonation_Library_Widget_Free_Definition::CODE, + Class_Profil::DIV_MAIN, + array_merge(['titre' => $this->_('Flash infos'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_light->getId(), + 'boite' => ['flash', 'messagedefilant'], + 'id_items' => $article->getId(), + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)) + ->_addWidget(Intonation_Library_Widget_Carousel_Article_Definition::CODE, Class_Profil::DIV_MAIN, array_merge(['titre' => $this->_('Actualités'), - $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/ - $this->_style_pack_background_white->getId(), - 'boite' => [/*'no_background',*/ - 'text-align-center', - 'no_badges', - 'card_shadow', - 'no_description', - 'no_footer_card', - 'title-uppercase'], + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'boite' => ['text-align-center', 'no_badges', 'card_shadow', 'no_description', 'no_footer_card', 'title-uppercase'], 'rendering' => 'card', 'layout' => 'horizontal_list', 'size' => 3, @@ -661,28 +597,36 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher ->_addWidget(Intonation_Library_Widget_Carousel_Record_Definition::CODE, Class_Profil::DIV_MAIN, array_merge(['titre' => $this->_('Nouveautés'), - $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/ - $this->_style_pack_background_light->getId(), - 'boite' => [/*'background-light',*/ - 'py-9', - 'no_overlay'], + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_light->getId(), + 'boite' => ['px-9', 'no_overlay'], 'rendering' => 'card-overlay', - 'layout' => 'grid', + 'layout' => 'multiple_carousel_plus', 'size' => 15, 'order' => 'date_creation desc, alpha_titre asc', 'link_to_all' => 1, + 'all_layout' => 'search', $this->_template->withNameSpace('width_xsmall') => 11, $this->_template->withNameSpace('width_medium') => 12], $this->_disable_only_content_widget_template)) + ->_addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE, + Class_Profil::DIV_MAIN, + array_merge(['titre' => $this->_('Nouveautés par genres'), + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'boite' => ['no_footer_card'], + 'rendering' => 'card-description', + 'layout' => 'horizontal_list', + 'size' => 6, + 'all_layout' => 'search', + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10], + $this->_disable_only_content_widget_template)) + ->_addWidget(Intonation_Library_Widget_Carousel_Review_Definition::CODE, Class_Profil::DIV_MAIN, array_merge(['titre' => $this->_('Avis'), - $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/ - $this->_style_pack_background_white->getId(), - 'boite' => [/*'no_background',*/ - 'limit_badges_2', - 'background-white_and_light_card'], + $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(), + 'boite' => ['limit_badges_2', 'background-white_and_light_card'], 'rendering' => 'card', 'layout' => 'horizontal_list', 'size' => 5, @@ -695,15 +639,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE, Class_Profil::DIV_FOOTER, array_merge(['titre' => $this->_('Logo du réseau'), - 'boite' => ['no_border', - 'no_shadow', - 'm-auto', - 'py-3', - 'align-items-center'], - 'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png'), + 'boite' => ['no_border', 'no_shadow', 'm-auto', 'py-3', 'align-items-center'], + 'image' => Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png'), + 'image_alt' => 'Logo du réseau', 'link' => $this->_('/accueil'), - $this->_template->withNameSpace('width_xsmall') => 8, - $this->_template->withNameSpace('width_medium') => 5, + $this->_template->withNameSpace('width_xsmall') => 12, $this->_template->withNameSpace('width_large') => 2], $this->_disable_widget_template)) @@ -719,27 +659,22 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher 'osm_map' => 0, 'osm_layer' => 0, $this->_template->withNameSpace('width_xsmall') => 12, - $this->_template->withNameSpace('width_medium') => 6, - $this->_template->withNameSpace('width_large') => 3, - $this->_template->withNameSpace('order_xsmall') => 2, - $this->_template->withNameSpace('order_medium') => 3, - $this->_template->withNameSpace('order_large') => 1], - $this->_disable_widget_template)) + $this->_template->withNameSpace('width_small') => 6, + $this->_template->withNameSpace('width_large') => 3], + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Carousel_Menu_Definition::CODE, Class_Profil::DIV_FOOTER, array_merge(['titre' => $this->_('Menu footer'), $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), - 'boite' => ['justify-content-center'], + 'boite' => ['justify-content-center', 'credits_bib'], 'layout' => 'vertical', 'menu' => $this->_profile_id . '-' . $this->_credits_menu, $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_XSMALL, $this->_template->withNameSpace('width_xsmall') => 12, - $this->_template->withNameSpace('width_medium') => 12, - $this->_template->withNameSpace('width_large') => 3, - $this->_template->withNameSpace('order_xsmall') => 1, - $this->_template->withNameSpace('order_large') => 2], - $this->_disable_widget_template)) + $this->_template->withNameSpace('width_small') => 6, + $this->_template->withNameSpace('width_large') => 3], + $this->_disable_widget_template)) ->_addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE, Class_Profil::DIV_FOOTER, @@ -752,45 +687,27 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher 'osm_map' => 1, 'osm_layer' => 1, $this->_template->withNameSpace('width_xsmall') => 12, - $this->_template->withNameSpace('width_medium') => 6, - $this->_template->withNameSpace('width_large') => 3, - $this->_template->withNameSpace('order_xsmall') => 3, - $this->_template->withNameSpace('order_medium') => 2, - $this->_template->withNameSpace('order_large') => 3], - $this->_only_content_widget_template)) - - ->_addScrollDownWidget() + $this->_template->withNameSpace('width_large') => 3], + $this->_only_content_widget_template)) + ->_addScrollTopWidget() ->_addAdminWidget() - ->_addAccessibilityWidget() ->_addNotificationWidget(); return $this; } - protected function _addScrollTopWidget() { $this->_addWidget(Intonation_Library_Widget_Scroll_Definition::CODE, Class_Profil::DIV_FOOTER, array_merge(['titre' => $this->_('Défilement vers le haut'), - 'boite' => ['no_border', 'no_border_radius', 'position_fixed_bottom_right', 'mb-5'], + 'boite' => ['no_border', 'no_border_radius', 'position_fixed_bottom_right'], 'direction' => 'up'], $this->_disable_widget_template)); - return $this; } - protected function _addScrollDownWidget() { - $this->_addWidget(Intonation_Library_Widget_Scroll_Definition::CODE, - Class_Profil::DIV_FOOTER, - array_merge(['titre' => $this->_('Défilement vers le bas'), - 'boite' => ['no_border', 'no_border_radius', 'position_fixed_top_right', 'mt-8'], - 'direction' => 'down'], - $this->_disable_widget_template)); - - return $this; - } protected function _addAdminWidget() { return @@ -798,21 +715,7 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher Class_Profil::DIV_FOOTER, array_merge(['titre' => $this->_('Administration'), $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), - 'boite' => ['no_border', - 'position_fixed_bottom_left', - 'white_widget']], - $this->_disable_widget_template)); - } - - protected function _addAccessibilityWidget() { - return - $this->_addWidget(Intonation_Library_Widget_Accessibility_Definition::CODE, - Class_Profil::DIV_FOOTER, - array_merge(['titre' => $this->_('Accessibilité'), - $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(), - 'boite' => ['no_border', - 'position_fixed_bottom_right', - 'white_widget']], + 'boite' => ['no_border', 'position_fixed_bottom_left', 'white_widget']], $this->_disable_widget_template)); } @@ -824,12 +727,9 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher $this->_template->withNameSpace('width_medium') => 11, $this->_template->withNameSpace('width_large') => 6]; - $default_action_settings = ['boite' => ['no_border_widget', - 'no_border', - 'mx-auto'], - $this->_template->withNameSpace('width_xsmall') => 12, - $this->_template->withNameSpace('width_medium') => 11, - $this->_template->withNameSpace('width_large') => 0]; + $default_action_settings = ['boite' => ['no_border_widget', 'no_border', 'mx-auto'], + $this->_template->withNameSpace('width_xsmall') => 11, + $this->_template->withNameSpace('width_large') => 10]; $simple_search_action_settings = array_merge(['facettes_codes' => (Class_TypeDoc::CODE_FACETTE . Class_CodifAuteur::CODE_FACETTE @@ -841,14 +741,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher 'liste_format' => Class_Systeme_ModulesAppli::LISTE_FORMAT_VIGNETTES], $default_action_settings); - $no_maps_bib_settings = - [Intonation_Library_View_Wrapper_Library_RichContent_Map::class => 0]; + $no_maps_bib_settings = [Intonation_Library_View_Wrapper_Library_RichContent_Map::class => 0]; - $no_teams_bib_settings = - [Intonation_Library_View_Wrapper_Library_RichContent_Team::class => 0]; + $no_teams_bib_settings = [Intonation_Library_View_Wrapper_Library_RichContent_Team::class => 0]; - $no_media_notice_settings = - [Intonation_Library_View_Wrapper_Record_RichContent_Media::class => 0]; + $no_media_notice_settings = [Intonation_Library_View_Wrapper_Record_RichContent_Media::class => 0]; $this ->_setSimpleSearchSettings($simple_search_action_settings) diff --git a/library/templates/Herisson/Library/Settings.php b/library/templates/Herisson/Library/Settings.php index 22d3b07d6bee518723f75e211c96c3a2a6aa0741..a4778e6f61449759dadb2f091f47a6d22130827b 100644 --- a/library/templates/Herisson/Library/Settings.php +++ b/library/templates/Herisson/Library/Settings.php @@ -50,7 +50,12 @@ class Herisson_Library_Settings extends Intonation_Library_Settings { 'mt-8', 'mb-8', 'my-8', - 'background-white_light_card']); + 'my-3', + 'mt_120', + 'background-white_light_card', + 'credits_bib', + 'flash', + 'messagedefilant']); $settings[$this->_template->withNameSpace('custom_css_class')] = $custom_css_classes; @@ -60,7 +65,9 @@ class Herisson_Library_Settings extends Intonation_Library_Settings { $hydrating_mapping['div class library_opening_hours'] = 'col-12'; $hydrating_mapping['form class row'] = 'no-gutters col-12 px-0'; $hydrating_mapping['form class login'] = 'row no-gutters px-3 m-auto'; - $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherche'] = 'order-4 col-12 col-md-7 col-lg-9 px-1'; + $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherche'] = 'order-4 col px-1'; + $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherchewidgetbaseid'] = 'order-4 col px-1'; + $hydrating_mapping['form class inline_form'] = 'row no-gutters col-12'; $hydrating_mapping['button class search_submit_button'] = 'order-7'; $hydrating_mapping['div class review_author'] = 'col-12 col-lg-12 text-md-left'; $hydrating_mapping['div class review_date'] = 'col-12 col-lg-12 text-md-left'; @@ -108,6 +115,7 @@ class Herisson_Library_Settings extends Intonation_Library_Settings { $hydrating_mapping['div class dropdown-divider'] = 'd-none'; + $hydrating_mapping['span class badge_article_category'] = 'badge-info d-none'; $hydrating_mapping['span class badge_event_start'] = 'badge-success no_truncate d-none'; $hydrating_mapping['span class badge_event_end'] = 'badge-warning no_truncate d-none'; $hydrating_mapping['span class badge_event_period'] = 'badge-success no_truncate d-none'; @@ -166,7 +174,20 @@ class Herisson_Library_Settings extends Intonation_Library_Settings { $hydrating_mapping['div class embed-responsive'] = 'h-xl-300 h-md-180 w-auto object-fit-cover'; $hydrating_mapping['div class facets_suggestions'] = 'mb-3'; + $hydrating_mapping['div class search_domain_browser'] = 'search_domain_browser_col col-12 pt-2 mb-2 order-4 d-none'; + + $hydrating_mapping['p class users_count'] = 'd-none'; + $hydrating_mapping['p class documents_count'] = 'd-none'; + $settings[$this->_template->withNameSpace('hydrating_mapping')] = $hydrating_mapping; + + + $icons_map_library = $settings[$this->_template->withNameSpace('icons_map_library')]; + + $icons_map_library['hold'] = 'class fas fa-cart-arrow-down'; + + $settings[$this->_template->withNameSpace('icons_map_library')] = $icons_map_library; + return $settings; } } diff --git a/library/templates/Intonation/Assets/css/intonation.css b/library/templates/Intonation/Assets/css/intonation.css index 2cd6dcc8992483fdfc6ae45a1de28f074252cb08..d81b1c9c5198d472d4b9bf74fc5fa1d9044f556f 100644 --- a/library/templates/Intonation/Assets/css/intonation.css +++ b/library/templates/Intonation/Assets/css/intonation.css @@ -1201,3 +1201,45 @@ div.form_row_as_table:hover { color: #212529; background-color: rgba(0,0,0,.075); } + +/* body div[class*="d-"][class*="-block"].d-none +{ + display: none !important; +} */ + + +@media (min-width: 1200px) { + .navbar-expand-lg .navbar-toggler { + display: initial !important; + } + .navbar-expand-lg .navbar-collapse { + display: none !important; + } + .navbar-expand-lg .navbar-collapse.show { + display: initial !important; + } +} + +@media (max-width: 1200px) and (min-width: 767px) { + .navbar-expand-md .navbar-toggler { + display: initial !important; + } + .navbar-expand-md .navbar-collapse { + display: none !important; + } + .navbar-expand-md .navbar-collapse.show { + display: initial !important; + } +} + +@media (max-width: 991px) { + .navbar-expand-sm .navbar-toggler { + display: initial !important; + } + .navbar-expand-sm .navbar-collapse { + display: none !important; + } + .navbar-expand-sm .navbar-collapse.show { + display: initial !important; + } +} \ No newline at end of file diff --git a/library/templates/Intonation/Assets/images/bokeh_focale.png b/library/templates/Intonation/Assets/images/bokeh_focale.png new file mode 100644 index 0000000000000000000000000000000000000000..b7420f73457b08136c748d50f0c862761a0f0ea2 Binary files /dev/null and b/library/templates/Intonation/Assets/images/bokeh_focale.png differ diff --git a/public/opac/skins/vide/css/erreur.css b/public/opac/skins/vide/css/erreur.css index db574de8fca511084edf50a3b9d772e7d8b11a1c..fb7b43fddf2468af7351e187df734b4a7083d20b 100644 --- a/public/opac/skins/vide/css/erreur.css +++ b/public/opac/skins/vide/css/erreur.css @@ -1,10 +1,26 @@ /* MESSAGES D'ERREURS */ -p.erreur -{ - font-size: 10pt; - font-weight:bold; - color:red; +p.erreur { + font-size: 30px; + font-weight: normal; + color: black; + text-align: center; + width: max-content; + margin: 10% auto; + margin-bottom: 4%; + line-height: 2; +} + +p.erreur::before { + content: ""; + background: url(/public/admin/images/blank.gif) no-repeat; + height: 100px; + width: 100%; + display: block; + text-align: center; + background-position: center; + background-size: 50px; } + table.erreur_cadre { border:8px solid; diff --git a/tests/scenarios/Templates/HerissonTemplateTest.php b/tests/scenarios/Templates/HerissonTemplateTest.php index 5e4c8373b548a158e568a14e80921ccc146032cc..0fd78bd715a0fb5c414e07f18eed45f74c627224 100644 --- a/tests/scenarios/Templates/HerissonTemplateTest.php +++ b/tests/scenarios/Templates/HerissonTemplateTest.php @@ -59,33 +59,18 @@ class HerissonTemplateSubPagesTest extends HerissonTemplateTestCase { /** @test */ - public function pageAdulteShouldBeCreated() { + public function pageSelectionsShouldBeCreated() { $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(), - 'libelle' => 'Adulte', - 'rewrite_url' => 'adulte'])); + 'libelle' => 'Sélections', + 'rewrite_url' => 'selections'])); } /** @test */ - public function pageJeunesseShouldBeCreated() { + public function pageEnLigneShouldBeCreated() { $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(), - 'libelle' => 'Jeunesse', - 'rewrite_url' => 'jeunesse'])); - } - - - /** @test */ - public function pageMultimediaShouldBeCreated() { - $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(), - 'libelle' => 'Multimédia'])); - } - - - /** @test */ - public function pageImageEtSonShouldBeCreated() { - $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(), - 'libelle' => 'Image et son', - 'rewrite_url' => 'image_et_son'])); + 'libelle' => 'En ligne', + 'rewrite_url' => 'en_ligne'])); } @@ -107,7 +92,6 @@ class HerissonTemplateSubPagesTest extends HerissonTemplateTestCase { ->getFooterSettings()); } - /** @test */ public function profileShouldHaveDefaultFavico() { $this->assertEquals('../Assets/images/favicon.ico', @@ -179,7 +163,7 @@ class HerissonTemplateIndexTest extends HerissonTemplateTestCase { /** @test */ public function logoFooterUrlShouldBeRelative() { $this->assertXPath('//footer//img[@src="' - . Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png') + . Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png') . '"]'); } @@ -196,23 +180,23 @@ class HerissonTemplateIndexTest extends HerissonTemplateTestCase { class HerissonTemplateMenuEntriesDispatchTest extends HerissonTemplateTestCase { /** @test */ - public function menuAdulteShouldBeActiveWhenDispatchingAccueilAdulte() { - $this->dispatch('/accueil/adulte'); - $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte'); + public function menuEnLigneShouldBeActiveWhenDispatchingAccueilEnLigne() { + $this->dispatch('/accueil/en_ligne'); + $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne'); } /** @test */ - public function menuAdulteShouldBeActiveWhenDispatchingAdulte() { - $this->dispatch('/adulte'); - $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte'); + public function menuEnLigneShouldBeActiveWhenDispatchingEnLigne() { + $this->dispatch('/en_ligne'); + $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne'); } /** @test */ - public function menuAdulteShouldBeActiveWhenDispatchingIdProfil25() { - $this->dispatch('/index/index/id_profil/' . Class_Profil::findFirstBy(['rewrite_url' => 'adulte'])->getId()); - $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte'); + public function menuEnLigneShouldBeActiveWhenDispatchingIdProfil25() { + $this->dispatch('/index/index/id_profil/' . Class_Profil::findFirstBy(['rewrite_url' => 'en_ligne'])->getId()); + $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne'); } @@ -251,13 +235,6 @@ class HerissonTemplateMenuEntriesDispatchTest extends HerissonTemplateTestCase { } - /** @test */ - public function menuEspaceShouldBeActiveWhenDispatchingAdulte() { - $this->dispatch('/adulte'); - $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"#")][@class="nav-link dropdown-toggle active_item active"]', 'Espaces'); - } - - protected function _addFixtures() { $this->fixture(Class_Bib::class, ['id' => 789, @@ -308,6 +285,13 @@ class HerissonTemplateSubProfilesRewriteUrlTest extends AbstractControllerTestCa public function loginWidgetPasswordShouldNotHaveSize() { $this->assertNotXPath('//header//div[contains(@class, "boite login")]//input[@name="password"][@size]'); } + + + /** @test */ + public function selectionEntryShouldBeInLibrariesMenu() + { + $this->assertXPathContentContains('//nav//div//a[@href="/accueil/selections"]', 'Sélections'); + } } @@ -378,7 +362,7 @@ class HerissonTemplateMentionsLegalesTest extends HerissonTemplateTestCase { /** @test */ public function articleMentionsLegalesShouldBeInWidgetFree() { - $this->assertXPathContentContains('//main//div[contains(@class, "boite free")]//h2', + $this->assertXPathContentContains('//main//div[contains(@class, "boite free")]//h3', 'Propriétaire du site'); } } @@ -439,25 +423,25 @@ class HerissonTemplateWithResponseMultipleCarouselTest extends HerissonTemplateT /** @test */ public function widgetResponsiveMultipleCarouselPlusShouldBePresent() { - $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]'); + $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]'); } /** @test */ public function widgetResponsiveMultipleCarouselPlusShouldContainsMultipleCarouselForLg() { - $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-lg-block")]//div[contains(@class, "carousel slide multiple_carousel")]//div[@class="card_grid"]'); + $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-lg-block")]//div[contains(@class, "carousel slide multiple_carousel")]//div[@class="card_grid"]'); } /** @test */ public function widgetResponsiveMultipleCarouselPlusShouldContainsMultipleCarouselForMd() { - $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-md-block d-lg-none")]//div[contains(@class, "carousel slide multiple_carousel")]'); + $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-md-block d-lg-none")]//div[contains(@class, "carousel slide multiple_carousel")]'); } /** @test */ public function widgetResponsiveMultipleCarouselPlusShouldContainsCarouselForSmall() { - $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-block d-md-none")]//div[contains(@class, "carousel slide")]'); + $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-block d-md-none")]//div[contains(@class, "carousel slide")]'); } diff --git a/tests/scenarios/Templates/TemplatesIndexTest.php b/tests/scenarios/Templates/TemplatesIndexTest.php index da956c3a7a4ab8ab5e5067c96dbb81ed13bca986..3a4d3ea8e384440912ce839066b15db5b62b088c 100644 --- a/tests/scenarios/Templates/TemplatesIndexTest.php +++ b/tests/scenarios/Templates/TemplatesIndexTest.php @@ -33,10 +33,10 @@ class TemplatesIndexTest extends TemplatesIntonationTestCase { /** @test */ - public function onSiteDownDefaultIndexPageShouldBeDisplayed() { - $this->assertXPathContentContains('//body//p[@class="erreur"]', - 'L\'accès au site est momentanément bloqué.'); - } + // public function onSiteDownDefaultIndexPageShouldBeDisplayed() { + // $this->assertXPathContentContains('//body//p[@class="erreur"]', + // 'L\'accès au site est momentanément bloqué.'); + // } /** @test */