This is an old revision of the document!
Nous allons créer une arborescence de personnalisation des themes et view pour notre institut (Telecom & Management SudParis , simplifié ici en tmsp1)
[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
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>
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
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