[GeoNetwork-users-fr] Customisation / personnalisation GéoSource 2.11

Mael_IG · August 19, 2014, 12:35pm

Bonjour,

Ayant personnalisé quelques endroits d'un GéoSource 2.9, je cherche à
reproduire ces légères customisations dans GéoSource 2.11.

Si j'ai bien retrouvé où et comment modifié la page d'accueil et l'étendue
par défaut de la carte, je me casse les dents sur la modification des styles
CSS. Plus particulièrement ceux touchant à l'affichage des métadonnées.
Je souhaite en effet corriger la trop grosse taille des caractères qui est
passée de 11 px (la taille par défaut généré par ext-js dans
apps/js/ext/resources/css/xtheme-gray.css) à 14 px. Il doit y avoir une
surcharge ou un truc du genre quelque part mais je ne sais où. Les
modifications sont certainement à faire dans apps/css/metadata-view.css.

Le problème est que la gestion des styles semble avoir complètement changé
entre la 2.9 et la 2.11, pour se caler sur la version 2.10 de GeoNetwork. En
fait, dans la 2.9 j'ai l'impression que les styles CSS pointaient vers un
fichier unique compilant les styles de GeoNetwork (un hack ?).

Dans la 2.11 les fichiers styles sont comme qui diraient "compilés" pour
former une feuille de style unique vu comme
/static/geonetwork-client_css.css. or, ce fichier n'existe pas et la
modification de styles dans apps/css/metadata-view.css y est répercuté.

Si le fichier geonetwork-client_css.css existait, j'aurais rajouté ce style
:
.metadata * table.gn { font-size : 14 px ; }

Mais là, je ne sais pas où modifier pour que ça influence le résultat dans
le navigateur.

Quelqu'un a une piste ?
Merci d'avance.

Maël REBOUX
Co-animateur du pôle métier INSPIRE de GéoBretagne Service SIG mutualisé
Ville de Rennes / Rennes Métropole Chargé de mission "diffusion"
02 99 86 63 71

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/Customisation-personnalisation-GeoSource-2-11-tp5157121.html
Sent from the GeoNetwork users francophone mailing list archive at Nabble.com.

fgravin · August 19, 2014, 2:40pm

Bonjour,

Depuis la 2.10, Geonetwork utilise wro4j pour gérer les ressources web.
La configuration de wro4j se trouve ici :

github.com

geosource-catalogue/core-geonetwork/blob/develop/web-client/src/main/resources/web-client-wro-sources.xml

<sources xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="../../../../web/src/main/webResources/WEB-INF/wro-sources.xsd">
    <!-- geonetwork.css -->
    <declarative name="geonetwork-client_css" pathOnDisk="${project.basedir}/src/main/resources">
        <cssSource webappPath="apps/css/gndefault.css"/>
        <cssSource webappPath="apps/css/gnmapdefault.css"/>
        <cssSource webappPath="apps/css/gnmetadatadefault.css"/>
        <cssSource webappPath="apps/css/metadata-view.css"/>
    </declarative>
    <!-- ext-ux.css -->
    <declarative name="geonetwork-client-ext-ux_css" pathOnDisk="${project.basedir}/src/main/resources">
        <cssSource webappPath="apps/js/ext-ux/Rating/rating.css"/>
        <cssSource webappPath="apps/js/ext-ux/SuperBoxSelect/superboxselect.css"/>
        <cssSource webappPath="apps/js/ext-ux/LightBox/lightbox.css"/>
        <cssSource webappPath="apps/js/ext-ux/MultiselectItemSelector-3.0/Multiselect.css"/>
        <cssSource webappPath="apps/js/ext-ux/FileUploadField/file-upload.css"/>
    </declarative>
    <!-- GeoNetwork-mini-nomap.js -->
    <declarative name="geonetwork-client-mini-nomap" pathOnDisk="${project.basedir}/src/main/resources">
            <jsSource webappPath="apps/js/ext-ux/TwinTriggerComboBox/TwinTriggerComboBox.js"/>

This file has been truncated. show original

Tu peux voir les concaténations et minifications js et css.
Selon les modes, debug ou non, et profile de production ou non, wro4j se
comporte différemment: soit il re-génère les output dans static à chaque
changement, soit une fois pour toute au premier chargement de la page, ou
au démarrage.
Il se peut donc que ton css ait été généré, et ne se modifie plus. Essaie
par exemple de redémarrer ton serveur et de regarder les logs de
geonetwork.log au démarrage, et au premier chargement de la page voir si tu
vois le processus s'effectuer (je crois que c'est en mode debug
uniquement). Ta modification sera alors prise en compte.
Tu peux aussi supprimer le fichier css généré, et voir s'il se re-génère
par la suite, normalement avec ton changement.

Sinon, simplement, tu peux ajouter un CSS dans le fichier :

github.com

geosource-catalogue/core-geonetwork/blob/develop/web/src/main/webapp/xsl/search-cat.xsl

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:geonet="http://www.fao.org/geonetwork" xmlns:exslt="http://exslt.org/common"
	exclude-result-prefixes="exslt geonet">
	<xsl:include href="metadata/common.xsl"/>
	<xsl:output omit-xml-declaration="no" method="html" doctype-public="html" indent="yes"
		encoding="UTF-8"/>
	<xsl:variable name="hostUrl"
		select="concat(/root/gui/env/server/protocol, '://', /root/gui/env/server/host, ':', /root/gui/env/server/port)"/>
	<xsl:variable name="baseUrl" select="/root/gui/url"/>
	<xsl:variable name="serviceUrl" select="concat($hostUrl, /root/gui/locService)"/>
	<xsl:variable name="rssUrl" select="concat($serviceUrl, '/rss.search?sortBy=changeDate')"/>
	<xsl:variable name="siteName" select="/root/gui/env/site/name"/>

	<!-- main page -->
	<xsl:template match="/">
		<html xmlns="http://www.w3.org/1999/xhtml">
			<head>
				<title/>
				<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

This file has been truncated. show original

Ce css peut surcharger les classes que tu souhaites, et être chargé après
static/geonetwork-client_css.css

2014-08-19 14:35 GMT+02:00 Mael REBOUX <m.reboux@anonymised.com>:

Bonjour,

Ayant personnalisé quelques endroits d'un GéoSource 2.9, je cherche à
reproduire ces légères customisations dans GéoSource 2.11.

Si j'ai bien retrouvé où et comment modifié la page d'accueil et l'étendue
par défaut de la carte, je me casse les dents sur la modification des
styles
CSS. Plus particulièrement ceux touchant à l'affichage des métadonnées.
Je souhaite en effet corriger la trop grosse taille des caractères qui est
passée de 11 px (la taille par défaut généré par ext-js dans
apps/js/ext/resources/css/xtheme-gray.css) à 14 px. Il doit y avoir une
surcharge ou un truc du genre quelque part mais je ne sais où. Les
modifications sont certainement à faire dans apps/css/metadata-view.css.

Le problème est que la gestion des styles semble avoir complètement changé
entre la 2.9 et la 2.11, pour se caler sur la version 2.10 de GeoNetwork.
En
fait, dans la 2.9 j'ai l'impression que les styles CSS pointaient vers un
fichier unique compilant les styles de GeoNetwork (un hack ?).

Dans la 2.11 les fichiers styles sont comme qui diraient "compilés" pour
former une feuille de style unique vu comme
/static/geonetwork-client_css.css. or, ce fichier n'existe pas et la
modification de styles dans apps/css/metadata-view.css y est répercuté.

Si le fichier geonetwork-client_css.css existait, j'aurais rajouté ce style
:
.metadata * table.gn { font-size : 14 px ; }

Mais là, je ne sais pas où modifier pour que ça influence le résultat dans
le navigateur.

Quelqu'un a une piste ?
Merci d'avance.

Maël REBOUX
Co-animateur du pôle métier INSPIRE de GéoBretagne Service SIG mutualisé
Ville de Rennes / Rennes Métropole Chargé de mission "diffusion"
02 99 86 63 71

--
View this message in context:
http://osgeo-org.1560.x6.nabble.com/Customisation-personnalisation-GeoSource-2-11-tp5157121.html
Sent from the GeoNetwork users francophone mailing list archive at
Nabble.com.

------------------------------------------------------------------------------
_______________________________________________
GeoNetwork-users-fr mailing list
GeoNetwork-users-fr@lists.sourceforge.net
geonetwork-users-fr List Signup and Options

--
Florent Gravin
Camptocamp - Chambéry
0479444492

Mael_IG · August 20, 2014, 8:23am

Merci pour ces infos éclairantes.

D’intuition j’aurai plutôt envie de référencer un nouveau fichier de styles en surcharge finale. Ca me paraît moins intrusif.
A tester.

Merci.

De : Florent Gravin [mailto:florent.gravin@…1…]
Envoyé : mardi 19 août 2014 16:40
À : REBOUX Maël
Cc : geonetwork-users-fr@lists.sourceforge.net
Objet : Re: [GeoNetwork-users-fr] Customisation / personnalisation GéoSource 2.11

Bonjour,

Depuis la 2.10, Geonetwork utilise wro4j pour gérer les ressources web.
La configuration de wro4j se trouve ici :
https://github.com/geosource-catalogue/core-geonetwork/blob/develop/web-client/src/main/resources/web-client-wro-sources.xml

Tu peux voir les concaténations et minifications js et css.
Selon les modes, debug ou non, et profile de production ou non, wro4j se comporte différemment: soit il re-génère les output dans static à chaque changement, soit une fois pour toute au premier chargement de la page, ou au démarrage.
Il se peut donc que ton css ait été généré, et ne se modifie plus. Essaie par exemple de redémarrer ton serveur et de regarder les logs de geonetwork.log au démarrage, et au premier chargement de la page voir si tu vois le processus s'effectuer (je crois que c'est en mode debug uniquement). Ta modification sera alors prise en compte.
Tu peux aussi supprimer le fichier css généré, et voir s'il se re-génère par la suite, normalement avec ton changement.

Sinon, simplement, tu peux ajouter un CSS dans le fichier :
https://github.com/geosource-catalogue/core-geonetwork/blob/develop/web/src/main/webapp/xsl/search-cat.xsl

Ce css peut surcharger les classes que tu souhaites, et être chargé après static/geonetwork-client_css.css

2014-08-19 14:35 GMT+02:00 Mael REBOUX <m.reboux@...51...<mailto:m.reboux@…51…>>:
Bonjour,

Ayant personnalisé quelques endroits d'un GéoSource 2.9, je cherche à
reproduire ces légères customisations dans GéoSource 2.11.

Si j'ai bien retrouvé où et comment modifié la page d'accueil et l'étendue
par défaut de la carte, je me casse les dents sur la modification des styles
CSS. Plus particulièrement ceux touchant à l'affichage des métadonnées.
Je souhaite en effet corriger la trop grosse taille des caractères qui est
passée de 11 px (la taille par défaut généré par ext-js dans
apps/js/ext/resources/css/xtheme-gray.css) à 14 px. Il doit y avoir une
surcharge ou un truc du genre quelque part mais je ne sais où. Les
modifications sont certainement à faire dans apps/css/metadata-view.css.

Le problème est que la gestion des styles semble avoir complètement changé
entre la 2.9 et la 2.11, pour se caler sur la version 2.10 de GeoNetwork. En
fait, dans la 2.9 j'ai l'impression que les styles CSS pointaient vers un
fichier unique compilant les styles de GeoNetwork (un hack ?).

Dans la 2.11 les fichiers styles sont comme qui diraient "compilés" pour
former une feuille de style unique vu comme
/static/geonetwork-client_css.css. or, ce fichier n'existe pas et la
modification de styles dans apps/css/metadata-view.css y est répercuté.

Si le fichier geonetwork-client_css.css existait, j'aurais rajouté ce style
:
.metadata * table.gn<http://table.gn> { font-size : 14 px ; }

Mais là, je ne sais pas où modifier pour que ça influence le résultat dans
le navigateur.

Quelqu'un a une piste ?
Merci d'avance.

Maël REBOUX
Co-animateur du pôle métier INSPIRE de GéoBretagne Service SIG mutualisé
Ville de Rennes / Rennes Métropole Chargé de mission "diffusion"
02 99 86 63 71

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/Customisation-personnalisation-GeoSource-2-11-tp5157121.html
Sent from the GeoNetwork users francophone mailing list archive at Nabble.com.

------------------------------------------------------------------------------
_______________________________________________
GeoNetwork-users-fr mailing list
GeoNetwork-users-fr@lists.sourceforge.net<mailto:GeoNetwork-users-fr@lists.sourceforge.net>
https://lists.sourceforge.net/lists/listinfo/geonetwork-users-fr

--
Florent Gravin
Camptocamp - Chambéry
0479444492