You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
JosephK 2dce31f677 Update forms.scss 6 hours ago
app Update forms.scss 6 hours ago
tools [WIP] Update + Migration to Bootstrap 4 10 months ago
.babelrc [WIP] Refactoring, Footer injected with portal-vue 1 year ago
.eslintrc eslint + [feedback] body overflow - update CI 8 months ago
.gitignore Ignore FAQ, [date] test, sidebar-btn 1 week ago
.gitlab-ci.yml WIP Sidebar 1 month ago
.npmrc [WIP] Update + Migration to Bootstrap 4 10 months ago
LICENSE [WIP] Update + Migration to Bootstrap 4 10 months ago
Makefile [WIP] Update + Migration to Bootstrap 4 10 months ago
README.md Fix lang detection 10 months ago
index.html [WIP] Update + Migration to Bootstrap 4 10 months ago
package-lock.json Lien partenaires, nettoyage btn feedback, title sur les liens du menu 1 day ago
package.json Lien partenaires, nettoyage btn feedback, title sur les liens du menu 1 day ago
postcss.config.js [WIP] vujisation 2 years ago
webpack.config.js Ignore FAQ, [date] test, sidebar-btn 1 week ago

README.md

English: Framasoft uses GitLab for the development of its free softwares. Our Github repositories are only mirrors. If you want to work with us, fork us on framagit.org. (no registration needed, you can sign in with your Github account)

Français : Framasoft utilise GitLab pour le développement de ses logiciels libres. Nos dépôts Github ne sont que des miroirs. Si vous souhaitez travailler avec nous, forkez-nous sur framagit.org. (l’inscription n’est pas nécessaire, vous pouvez vous connecter avec votre compte Github)


Framanav

Barre de navigation commune aux sites du réseau

  • Pied de page
  • Modale de don
  • Modale d’info
  • Bandeau d’info
  • Inscription à la newsletter en optin
  • CSS custom
  • Scripts custom

Installation

  1. Héberger la nav
cd /var/www/framasoft.org/
git clone https://framagit.org/framasoft/framanav.git nav
  1. Configurer le serveur pour autoriser les requête Cross-domain

  2. Ajouter le script nav.js à la fin du <body> du site :

<script src="https://framasoft.org/nav/nav.js"></script>

Dans certain cas, le CMS utilisé compresse à la volée le javascript, il faut alors utiliser ce code là :

<script>
  const s = document.createElement('script');
  s.src="https://framasoft.org/nav/nav.js";
  document.getElementsByTagName('head')[0].appendChild(script);
</script>

Tester/Configurer

Config

Par défaut, chaque composant (bandeau, modale, etc) de la nav contient une methode siteConfig() avec les paramètres requis pour un affichage contextualisé en fonction du site (dans le switch … case).

Il est également possible de passer la configuration des composants directement dans la page où se trouve la nav (exemple dans app/assets/test/verbose.html). Cette config sera prioritaire.

Tests

De même, lorsqu’on modifie le cœur de la nav, une série de pages d’exemple dans le dossier test permettent de vérifier grossièrement que rien ne sera cassé.

Débuggage

Il est fortement recommandé d’utiliser l’extension VueJS devtools pour facilement voir l’état des variables de chaque composant.