Comments (19)
Effectivement, je n'ai pas encore programmer la partie mobile. Je fera ça prochainement, ça ne devrait pas être compliqué à faire. Je suis parti du principe que la partie mobile n'était pas prioritaire pour un observatoire du paysage : des photos se regardent mieux sur un véritable ordinateur que sur un smartphone ! :)
from geopaysages.
Bloc HTML sous le bloc de photo, où les gens mettent ce qu'ils veulent en HTML avec les classes Bootstrap et la surcouche CSS si besoin.
Un template HTML par langue ou dans les fichiers de traductions ?
Bien récupérer cette customisation à chaque mise à jour.
from geopaysages.
Demo du texte d'intro sur la home :
http://vps587786.ovh.net/
Je l'ai stocké en bdd dans la table de conf, il me semble que c'est plus simple pour l'administrer.
On pourrait un jour avoir un éditeur dans l'admin.
La table de conf est key:value
D'abord on regarde s'il y a home_intro_<lang>
sinon juste home_intro
sinon rien
@camillemonchicourt si t'es ok sur le principe, je fais pareil avec la page de présentation, non ?
from geopaysages.
OK, merci pour cette solution technique. Pas le plus simple à éditer si on met un long texte avec de la mise en forme, voire des images etc, notamment pour la page de présentation. Mais ça permet d'être plus générique, multilangue et d'envisager de gérer le contenu dans l'Admin plus tard.
OK donc pour moi comme fonctionnement. Je me demande juste pourquoi le code fait référence en dur à home_intro_fr
si le système de langue est générique ? On n'est pas forcément en français.
J'aurai plutôt mis le texte d'introduction avant la mosaïque des images. Mais pas forcément évident pour tous ?
En faire un paramètre pour le avant ou après ?
Ou sinon on le met plutôt avant et on verra à l'usage ?
Pour la page de présentation, je me demande si on la nomme "Présentation" (presentation_page) ou plutôt "A propos" (about_page) ?
from geopaysages.
from geopaysages.
Ah super, merci pour le lien et ravi que vous ayez pu déployer l'outil. Une version 1.1.0 est en préparation comme tu as du le comprendre (https://github.com/PnX-SI/GeoPaysages/projects/1).
L'idée de le mettre dans la mosaïque est intéressante.
Mais comme on vise un truc générique, pas sur que ça s'adapte bien à tous les cas.
Donc je resterai sur un bloc avant ou après la mosaïque pour commencer, et à voir si on peut faire plus complexe ensuite ?
from geopaysages.
Effectivement, la solution que je propose peut être problématique car si quelqu'un veut mettre un long pavé dans le bloc de texte, cela va vite devenir illisible (trop petit) !
from geopaysages.
Oui et en l'état cela ne fonctionne pas sur mobile.
Mais ça me semble une piste intéressante à creuser pour une évolution prochaine.
from geopaysages.
Salut,
De mon côté j'ai aussi opté pour l'ajout d'un paramètre en BDD dans la table conf
pour activer (true) ou non (false) un bloc html que j'ai appelé home_welcome_section
.
Pour ça, j'ai ajouté un bloc avec condition sur ce paramètre dans le template home.html
, mis les blocs dans des sections et ajouté du css dans home.css
qui s'applique sur cette nouvelle section nommée welcome
(surcouchable dans custom.css
du coup).
Pour les contenu de textes tout est dans le fichier d'internationalisation messages.po
avec des variables pour le titre de bienvenue (welcome_title
), le texte chapeau (welcome_text
) et les autres éléments (welcome_button
et welcome_scroll_text
).
Le tout placé au dessus de la mosaïque avec une image de fond.
Aperçu de ce que ça donne ici (idem, site en construction --> ne pas diffuser)
Par contre, faute de temps, je ne me suis pas attaqué à :
- l'affichage responsive sur mobile
- essayer de le gérer avec des templates customisables (comme dans geonature-atlas)
- mettre au propre et proposer une PR ;)
from geopaysages.
Je me demande juste pourquoi le code fait référence en dur à home_intro_fr si le système de langue est générique ?
Il me semble que le code n'a pas de ref en dur à home_intro_fr
En revanche j'ai modifié le nom de la variable intro_fr
pour intro_locale
dans le template home.html
Sinon, about_page me paraît bien.
from geopaysages.
@xavyeah39, la solution retenue pour le moment est pas uniquement un paramètre activant ou non le bloc dans la BDD, mais bien que tout le contenu du bloc soit dans la BDD, pour gérer aussi le multilangue, et envisager à terme de l'éditer dans l'ADMIN. Donc pas de fichier HTML custom, mais des champs dans la BDD dans ce qui a été proposé.
Le bloc est plus simple et générique, même si on peut en surcoucher le CSS dans le fichier de surcouche CSS.
@20cents, oui je parlai de la variable intro_fr
, merci pour le renommage.
OK pour faire pareil pour la page de présentation, nommée "A propos", donc about_page
. Merci.
from geopaysages.
J'ai mis un param en table de conf pour la position du du texte d'intro.
Si ce param n'est pas renseigné ou que ça valeur n'est ni top
ni bottom
alors le texte n'apparaît pas
from geopaysages.
@xavyeah39, la solution retenue pour le moment est pas uniquement un paramètre activant ou non le bloc dans la BDD, mais bien que tout le contenu du bloc soit dans la BDD, pour gérer aussi le multilangue, et envisager à terme de l'éditer dans l'ADMIN. Donc pas de fichier HTML custom, mais des champs dans la BDD dans ce qui a été proposé.
Le bloc est plus simple et générique, même si on peut en surcoucher le CSS dans le fichier de surcouche CSS.
OK.
Si je comprend bien, on pourra donc directement injecter/personnaliser le HTML du bloc d'intro dans le paramètre ad-hoc de la table conf
(plutôt que le HTML soit imposé dans le template) ?
Si oui, top !
from geopaysages.
Oui c'est ça, avec possibilité de le définir par langue.
OK pour le paramètre de position, impeccable.
Il faudrait maintenant documenter tous les paramètres disponibles et leurs valeurs.
from geopaysages.
http://vps587786.ovh.net/about
Désolé pour le libellé de commit pas top
from geopaysages.
OK merci.
Dans ce cas, tu as mis quoi comme contenu de test dans le champs de la BDD ?
from geopaysages.
J'ai mis à jour la doc :
https://github.com/PnX-SI/GeoPaysages/blob/dev/docs/installation.rst#activation-du-block-dintro-en-page-daccueil
from geopaysages.
OK pour moi, merci.
from geopaysages.
Dans cet exemple, le contenu du paramètre page_about_content
dans la BDD est :
<div class="container">
<div class="row">
<div class="col">
<img src="/static/images/sample.png">
</div>
<div class="col">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus magna lectus, auctor nec dapibus a, sagittis
sit amet diam. In vehicula est quam, id volutpat arcu molestie sed. Nam vestibulum tempor urna. Nulla in lectus
et augue tempus pellentesque quis non justo. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Etiam pharetra nisi ligula, at volutpat leo condimentum eu. Vivamus pretium blandit
interdum.
</p>
<p>
Quisque maximus vitae tortor eu dignissim. Sed sed lectus consequat, molestie dolor a, auctor nisl. Praesent
aliquam id lacus ac congue. Nulla quis ultrices eros. Nullam efficitur nulla quis magna sollicitudin, sit amet
placerat felis dictum. Ut eu accumsan risus, scelerisque varius augue. Curabitur eleifend in orci at
vestibulum.
</p>
<p>
Sed convallis ornare venenatis. Donec vitae molestie felis. Morbi tortor erat, ultrices sed faucibus sit amet,
viverra at lorem. Ut a eros tempus enim euismod tempor eget ut nunc. Donec nec urna ac ipsum dapibus tempor eu
a nibh. Cras nisi ante, congue quis pulvinar ac, feugiat nec justo. Aliquam et pharetra sem.
</p>
<p>
Sed convallis ornare venenatis. Donec vitae molestie felis. Morbi tortor erat, ultrices sed faucibus sit amet,
viverra at lorem. Ut a eros tempus enim euismod tempor eget ut nunc. Donec nec urna ac ipsum dapibus tempor eu
a nibh. Cras nisi ante, congue quis pulvinar ac, feugiat nec justo. Aliquam et pharetra sem.
</p>
</div>
</div>
</div>
Le titre page_about_title
est un texte qui est affiché en <h1>
centré au début de la page.
Le nom de la page ABOUT dans le MENU est défini dans les fichiers de langue.
from geopaysages.
Related Issues (20)
- Disposition des photos HOT 5
- Connexion app_admin/usershub HOT 2
- Instance multi-observatoires HOT 18
- Suppression du block jinja header_title HOT 2
- Stockage des blocks de home et des pages en fichier jinja plutôt qu'en DB HOT 5
- Problème avec le fichier messages.po HOT 3
- Gestion des droits des utilisateurs - UsersHub / Keycloak HOT 14
- Sécurité Admin - nom utilisateur et mot de passe incorrects HOT 1
- Mise à jour applicative - Pb MAJ v1.0.1dev0 vers 1.2.1 HOT 6
- Thesaurus commun : Observatoire de bretagne HOT 2
- Backoffice - Mise à jour d'Angular HOT 1
- Donner a voir / observatoire a proximité HOT 2
- Contribution / participation HOT 2
- Analyse d'image HOT 2
- Cartes postales anciennes HOT 13
- Semantic segmentation HOT 3
- disponible dans plusieurs langues HOT 4
- Croquis en sur impression HOT 8
- Analyse des besoins des personae HOT 6
- Benchmark outil pour les observatoires du paysages en opensource
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from geopaysages.