Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ajout du carousel sur la page projet (issue #104) #312

Open
wants to merge 9 commits into
base: develop
Choose a base branch
from

Conversation

CBalsier
Copy link
Collaborator

@CBalsier CBalsier commented Mar 7, 2019

Ajout du carousel sur la page projet (issue #104)

Modifications :

  • chargement de Bulma-carousel (css, js, sass) via des fichiers statiques et/ou des CDN
  • implémentation sur la page "Projet" (version française seulement, cf traduction textes en anglais #23 )
  • partie visuelle/apparence discutée et validée avec @Eliselalique

Testé avec Firefox 65 et Chromium 71 (Ubuntu)

Ping @JulienParis pour la review

Copy link
Collaborator

@JulienParis JulienParis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ouah elle est mega longue cette PR

@CBalsier
Copy link
Collaborator Author

CBalsier commented Mar 8, 2019

ouah elle est mega longue cette PR

En fait c’est (5+3) commits : 

  • les 5 premiers concernent les animations et ont déjà été traités et mergés dans Ajout d’animations et harmonisation CSS (issue #140) #299 (et je comprends pas pourquoi ils sont encore dans cette PR en fait :/),
  • les 3 derniers sont ceux pour le carousel (les deux premiers pour la mise en place, le 3e pour les aspects visuels/CSS), et sont théoriquement les seuls concernés par la PR actuelle

<!--<button class="button next">&gt;</button> -->
</div>
<div class="carousel column is-6">
<div class="carousel-item">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator

@JulienParis JulienParis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

bon ca me semble coolcoolcool. Ça sera coolcoolcool d'ailleurs de pouvoir réutiliser les parties concernant le carrousel pour les intégrer dans le code source d'Apiviz... Du coup on pourra importer des fichiers html tels quels depuis GitHub grâce au composant dynamicstatic, mais profiter globalement du carrousel Bulma en important les libs de bulma carrousel qq part ds spa.html ou ds le composant dynamicstatic lui-mm


//@import "../node_modules/bulma-checkradio/dist/css/bulma-checkradio.sass";
//@import "../node_modules/bulma-extensions/bulma-carousel/dist/css/bulma-carousel.sass"
@import "./git-bulma-carousel-4.0.1.sass"; // temporary fix, seems that the npm package is not up-to-date?
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

à vérifier donc

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pe faire une issue à ce propos si ce n'est pas déjà fait du coup ?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fait (#317)

{#<!--
<script type="text/javascript" src="{{ url_for('static', filename='bulma-carousel/dist/js/bulma-carousel.js') }}"></script>
--> #}
<script src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.1/dist/js/bulma-carousel.min.js"></script>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

--> #}
<script src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.1/dist/js/bulma-carousel.min.js"></script>
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='bulma-carousel/dist/css/bulma-carousel.min.css') }}"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.1/dist/css/bulma-carousel.min.css">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@@ -36,6 +41,18 @@

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

<!-- Initialize carousels -->
<script>
window.onload = function(){
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice

@JulienParis
Copy link
Collaborator

JulienParis commented Mar 28, 2019

g relu, c tt bon pr moi sauf le petit conflit à résoudre avant de pouvoir faire le merge.
@CBalsier je te laisse résoudre ça en local puis un repush dans la branche develop afin de pouvoir faire le merge sereinement ?

@CBalsier
Copy link
Collaborator Author

@JulienParis normalement c’est bon, j’ai liquidé le petit conflit avec l’outil en ligne, ça marche pas mal !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants