J'ai rencontré un problème lorsque j'ai voulu déployer mon fichier ROOT.war dans Tomcat sur le cloud OpenShift.Il ne prenait pas en compte mon fichier mais seulement le ROOT.war d'Openshift.
En fait, lorsque on exécute git push, il exécute automatiquement la commande mvn qui génère le ROOT.war d'OpenShift.
Pour résoudre ce problème, il faut :
- Effacer src/ directory
- Effacer pom.xml
jeudi 26 décembre 2013
lundi 23 décembre 2013
Bitbucket vs Github
Bitbucket est un concurrent de GitHub qui mérite d'être connu. En effet, il est possible de créer des repositories privés (autant que l'on veut) ayant pour seul limite le nombre d'utilisateur. C'est très pratique si vous souhaitez vous faire quelques projets perso.
Voici ci-dessous un article très bien fait qui compare GitHub et Bitbucket : http://hypedrivendev.wordpress.com/2013/11/29/bitbucket-vs-github/
jeudi 19 décembre 2013
Bootstrap ajout de la classe active class to li
Dans l'exemple ci-dessous, nous avons un menu classique Bootstrap. Il faut noter qu'aucune class active n'est présente :
<div class="navbar navbar-default span12" role="navigation">
<...>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/fjLearning/"><g:message code="menu.home" /></a></li>
<li><a href="/fjLearning/page/training"><g:message code="menu.training" /></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><g:message code="menu.about" /> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/fjLearning/page/about"><g:message code="menu.about.perso" /></a></li>
<li class="divider"></li>
<li class="dropdown-header"><g:message code="menu.about.site" /></li>
<li><a href="/fjLearning/page/under"><g:message code="menu.underTheHood" /></a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
</ul>
</div>
</div>
Pour que cela fonctionne, j'ai juste ajouté dans chaque page :
<body>
<script>
$(document).ready(function() {
$('a[href="' + this.location.pathname + '"]').parent().addClass('active');
});
</script>
...
A présent, lorsque je clique sur un des éléments de mon menu, il est automatiquement sélectionné.
Si vous voulez voir un exemple pratique, vous pouvez voir mon projet Grails sur GitHub : https://github.com/drieu/fjLearning
Voici les deux fichiers utiles :
https://github.com/drieu/fjLearning/blob/master/grails-app/views/layouts/_menu.gsp
https://github.com/drieu/fjLearning/blob/master/grails-app/views/page/training.gsp
dimanche 15 décembre 2013
Bootstrap : span ne fonctionne pas
J'ai essayé de faire fonctionner une simple row avec Bootsrap mais sans succès :
En faite, j'utilise Bootstrap 3.x qui contient des balises différentes de Bootstrap 2.x.Par exemple, span-* a été remplacé par col-md-*.
Donc pour l'exemple ci-dessus, la solution est :
Pour plus de détails :
http://getbootstrap.com/getting-started/#migration
http://stackoverflow.com/questions/18527466/twitter-bootstrap-span-columns-not-displaying-correctly/18527554#18527554
<div class="row" style="border: 1px solid green">
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
</div>
En faite, j'utilise Bootstrap 3.x qui contient des balises différentes de Bootstrap 2.x.Par exemple, span-* a été remplacé par col-md-*.
Donc pour l'exemple ci-dessus, la solution est :
<div class="row" style="border: 1px solid green"> <div class="col-md-2" style="border: 1px solid red">Foo!</div> <div class="col-md-2" style="border: 1px solid red">Bar!</div> <div class="col-md-2" style="border: 1px solid red">Baz!</div> <div class="col-md-2" style="border: 1px solid red">Foo!</div> <div class="col-md-2" style="border: 1px solid red">Bar!</div> <div class="col-md-2" style="border: 1px solid red">Baz!</div></div>
Pour plus de détails :
http://getbootstrap.com/getting-started/#migration
http://stackoverflow.com/questions/18527466/twitter-bootstrap-span-columns-not-displaying-correctly/18527554#18527554
jeudi 12 décembre 2013
Ajout de bouton de réseaux sociaux avec Grails
Voici un moyen simple et sans problème de performance pour ajouter un bouton Tweeter à votre application :
<a target="_blank" title="Twitter" href="https://twitter.com/share?url=<g:createLink action="${params.action}" absolute="true"/>&text=<g:message code="training.title" /> sur <g:createLink action="${params.action}" absolute="true"/>" class="tweet-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="/fjLearning/images/twitter_icon.png" width="32" height="32"/></a>
L'avantage de cette méthode, c'est que vous ne rencontrez pas de problème de temps de chargement pour vos pages à cause des javascripts.
Autre remarque, nous utilisons <g:createLink action="${params.action}" absolute="true"/> pour générer le lien complet vers votre page.La variable params.action permet de récupérer l'action en cours.
Si vous cherchez d'autres exemples de boutons pour des réseaux sociaux (Facebook, Google+ ...), vous pouvez voir ce lien : http://korben.info/bouton-partage-twitter-facebook-sans-tracking.html
vendredi 6 décembre 2013
Grails : URL complet d'une gsp
Si vous avez besoin de l'url complète pour accèder à votre page, vous pouvez utiliser la balise createLink :
<g:createLink action="${params.action}" absolute="true"/>Voici un exemple d'URL généré : http://localhost:8080/fjLearning/training
Il faut noter aussi que la variable params.action permet de récupérer l'action en cours. Dans notre cas, l'action training.
Plus d'informations sur la balise createLink : http://grails.org/doc/latest/ref/Tags/createLink.html
Inscription à :
Articles (Atom)