No description
Find a file
2023-04-13 09:20:54 +02:00
dist Fixed banner picture autowidth 2023-04-13 09:16:20 +02:00
examples Ldcweb cookies 2023-04-11 14:55:04 +00:00
src Fixed banner picture autowidth 2023-04-13 09:16:20 +02:00
.babelrc Ldcweb cookies 2023-04-11 14:55:04 +00:00
.editorconfig Initial package dist + Fixes #2 #3 + Fixes issue adding or removing cookies config. + Fix overflow scrolling 2023-03-28 19:13:41 +02:00
.eslintrc.json Initial package dist + Fixes #2 #3 + Fixes issue adding or removing cookies config. + Fix overflow scrolling 2023-03-28 19:13:41 +02:00
.gitattributes Initial package dist + Fixes #2 #3 + Fixes issue adding or removing cookies config. + Fix overflow scrolling 2023-03-28 19:13:41 +02:00
.gitignore Initial package dist + Fixes #2 #3 + Fixes issue adding or removing cookies config. + Fix overflow scrolling 2023-03-28 19:13:41 +02:00
.gitlab-ci.yml Ldcweb cookies 2023-04-11 14:55:04 +00:00
.stylelintrc.json Ldcweb cookies 2023-04-11 14:55:04 +00:00
changelog.md Ldcweb cookies 2023-04-11 14:55:04 +00:00
jsconfig.json Ldcweb cookies 2023-04-11 14:55:04 +00:00
package-lock.json Fix build command with auto clean 2023-04-13 09:20:54 +02:00
package.json Fix build command with auto clean 2023-04-13 09:20:54 +02:00
README.md Ldcweb cookies 2023-04-11 14:55:04 +00:00
tsconfig.json Ldcweb cookies 2023-04-11 14:55:04 +00:00
webpack.config.cjs Ldcweb cookies 2023-04-11 14:55:04 +00:00

Web Cookie Notice

Laravel HTML5 SASS TypeScript

Exemples :

Voir dans la dossier exemples. Ici pour l'instant seulement un exemple pour Laravel.

Étape 1 : implémentation

Ajouter le package avec npm

Laravel

  • Ajouter dans le projet, les fichiers au bon endroit :

  • Inclure dans le layout general @include('vendor.cn-cookies')

  • Ensuite inclure les éléments style et script

    • SCSS

      @import "~@ldc-web/cookie-notice";
      // ou
      @import "~@ldc-web/cookie-notice/dist/css/cookie-notice-standard.css";
      // ou
      @import "~@ldc-web/cookie-notice/src/scss/themes/standard";
      
    • TS/JS

      @import "@ldc-web/cookie-notice"
      import CookieNotice from "@ldc-web/cookie-notice";
      window.WebCookieNotice = CookieNotice;
      

Wordpress

TODO: Add instructions for wordpress

Étape 2 : customisation

Étape 3 : finalisation

  • Ajouter un bouton Gestion des cookies dans le footer et lui attribuer la classe cn-cookie-link.
  • Si des vidéos sont présentes, attribuer aux <div> la classe cn-youtube pour Youtube, et/ou cn-vimeo pour Viméo.