This is an old revision of the document!


CAS Themes

Référence

Arborescence Custom

Nous allons créer une arborescence de personnalisation des themes et view pour notre institut (Telecom & Management SudParis , simplifié ici en tmsp1)

Arbre FS

[root@cas2 cas-toolbox-3.3.5-3]# mkdir -p custom/webpages/themes/
[root@cas2 cas-toolbox-3.3.5-3]# cp -a update.esup/webpages/themes/esup custom/webpages/themes/
[root@cas2 cas-toolbox-3.3.5-3]# ls custom/webpages/themes/
esup
[root@cas2 cas-toolbox-3.3.5-3]# ls custom/webpages/themes/esup/
cas.css  images

Theme

CSS

Le theme est essentiellement le fichier css, ici ce sera tmsp1cas.css qui sera chargé par toutes les pages statiques (jsp) car elles inclus toutes top.jsp (et bottom.jsp)

[root@cas2 cas-toolbox-3.3.5-3]# grep css /root/cas-toolbox-3.3.5-3/update.esup/webpages/WEB-INF/view/jsp/default/ui/includes/top.jsp
		<style type="text/css" media="screen">@import '<spring:theme code="css" />'/**/;</style>

cette directive @import ' va chercher dans le config.properties le nom du theme parametré , ici tmsp1:

ce qui resultera au final en

<style type=“text/css” media=“screen”>@import 'themes/tmsp1Theme/tmsp1cas.css'/**/;</style>

parametrage

Il faut indiquer a ant que nous allons utliser l'arborescence custom.tmsp1 et les themes/views tmsp1:

[root@cas2 cas-toolbox-3.3.5-3]# grep custom build.properties
custom.path=${basedir}/custom
cas.custom.webpage.path=${custom.path}/webpages
cas.custom.source.path=${custom.path}/source
[root@cas2 cas-toolbox-3.3.5-3]# grep tmsp1 config.properties 
theme=tmsp1Theme
views=tmsp1Vue

Création

Préparer l'arborescence de custom<

$ mkdir -p custom.tmsp1/webpages/WEB-INF/classes/

Fichier tmsp1Theme.properties appel le css:

$ cat custom/webpages/WEB-INF/classes/tmsp1Theme.properties
css=themes/tmsp1Theme/tmsp1cas.css