","preview",{"_122":479,"_123":485,"_481":486},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Permet de lister des fichiers (PDF...) et de les ouvrir dans un nouvel onglet quand on clique dessus.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Permet de lister des fichiers (PDF...) et de les ouvrir dans un nouvel onglet quand on clique dessus.

","title","Liste de fichiers","attachments",[491],{"_492":493,"_494":495,"_78":468,"_496":497,"_498":499,"_500":501,"_35":502,"_503":504,"_505":506,"_287":10,"_125":508,"_509":510,"_511":512},"mime","image/png","size",17819,"subfolder","S0805","filename","665de8be6117406474bcae8f-a03bec797bc53437e479c37498c60f1a.png","lastModified",1717430561200,"com.clangen.atmos.blocks.files.list-1.0.0.atmos-block.png","createdAt","2024-06-03T16:03:06.229Z","tags",[507],"images","79d1d53c-3bcb-4de0-8004-525eded2d316","width",579,"height",240,"liste-de-fichiers","autoGen",{"_225":14},[517],{"_122":168,"_35":168,"_125":518,"_171":171,"_172":10,"_129":519,"_127":128,"_117":520,"_196":573},"57beef17-c7d1-453e-9dad-9574ac8ed4de",{},[521],{"_122":522,"_125":523,"_35":524,"_196":525,"_129":526,"_527":528,"_127":128},"row","67bc30b5-86fd-470a-9e14-cc94c1ab7dbd","ligne","gx-0 mx-3",{},"cols",[529,553],{"_35":530,"_172":10,"_125":531,"_129":532,"_117":533,"_550":551},"colonne","08381659-7898-4027-a89a-67ac5cc94d88",{},[534],{"_122":168,"_35":168,"_125":535,"_171":171,"_172":10,"_129":536,"_127":128,"_117":537},"61b84914-12e3-4113-a94c-a55e00710dfa",{},[538],{"_122":123,"_35":124,"_125":539,"_127":128,"_129":540,"_124":541},"3c791715-06ba-46dd-83f8-761190570370",{},{"_122":542,"_35":543,"_77":10,"_134":10,"_127":128,"_135":544,"_147":85,"_149":14,"_150":10,"_151":548,"_159":549},"com.clangen.atmos.content.blocktype.simpleHTML","Texte HTML personnalisé",{"_123":545},{"_122":479,"_123":546,"_481":547},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Liste de fichiers\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Affiche une liste de fichiers (PDF ou autres) et permet d'ouvrir le fichier dans un nouveau onglet quand on clique dessus.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Liste de fichiers

Affiche une liste de fichiers (PDF ou autres) et permet d'ouvrir le fichier dans un nouveau onglet quand on clique dessus.

",{},{},"xxl",{"_494":552},6,{"_35":530,"_172":10,"_125":554,"_129":555,"_117":556,"_550":572},"a80e9745-1211-4130-8d65-4ef09061d6eb",{},[557],{"_122":168,"_35":168,"_125":558,"_171":171,"_172":10,"_129":559,"_127":128,"_117":560},"2153d625-2e32-4e62-a9d9-179d9ace259a",{},[561],{"_122":123,"_35":124,"_125":562,"_127":128,"_129":563,"_124":564},"b8ba49d1-4056-4c4b-bfdb-84c5573089b8",{},{"_122":565,"_35":566,"_77":10,"_134":10,"_127":128,"_135":567,"_147":85,"_149":14,"_150":10,"_151":570,"_159":571},"com.clangen.atmos.blocktype.content.customblock.json","Bloc personnalisable pour le Concepteur de bloc Atmos",{"_568":569},"jsonCode","{\r\n \"moduleInfo\": {\r\n \"author\": \"Clangen Dev\",\r\n \"description\": \"Liste des fichiers (Web > Fichiers) et permet de les ouvrir dans un nouvel onglet.\",\r\n \"id\": \"com.clangen.atmos.blocks.files.list\",\r\n \"name\": \"Liste de fichiers (PDF...)\",\r\n \"packId\": \"com.clangen.atmos.blocks.files\",\r\n \"version\": \"1.0.0\",\r\n \"website\": \"\"\r\n },\r\n \"webRequirementsIds\": [],\r\n \"html\": [\r\n {\r\n \"description\": \"Optimisé pour une liste de PDF\",\r\n \"name\": \"Liste de fichiers\",\r\n \"content\": {\r\n \"html\": \"

logo.png

33.00 Ko

👁️

slide01.jpg

37.74 Ko

👁️

slide02.jpg

40.44 Ko

👁️

slide03.jpg

30.39 Ko

👁️

about_bg.jpg

18.75 Ko

👁️

features_bg.jpg

60.98 Ko

👁️

appetit.png

11.25 Ko

👁️

cerveau.png

145.38 Ko

👁️

douleur.png

133.68 Ko

👁️

relaxation.png

79.66 Ko

👁️

delivery_bg.jpg

21.45 Ko

👁️

huiles.jpg

73.26 Ko

Bien être

👁️

lecbdlab-logo-long-1-essai-blanc.png

32.48 Ko

👁️

fleur-cbd.jpg

62.67 Ko

👁️

resine-cbd.jpg

23.17 Ko

👁️

bonbons-gummies-cbd.jpg

96.49 Ko

👁️

favicon.png

17.36 Ko

👁️

IMG_0279-preview.JPG

153.15 Ko

👁️

Test

6660.39 Ko

👁️

Analyse Canatonic.pdf

129.76 Ko

👁️

Analyse Peach (3).pdf

132.10 Ko

👁️

Master kush CBG (4).pdf

122.07 Ko

👁️

CC-RCoA-38 H4Flower.pdf

198.22 Ko

👁️

\\n \\n

\",\r\n \"jsx\": \"

\\r\\n {a.data.files.items.map(f => {\\r\\n const att = f.attachments[0]\\r\\n return (\\r\\n

\\r\\n

{f.name}

\\r\\n {((f.attachments[0]?.size || 0) / 1024).toFixed(2)} Ko\\r\\n

{f.description}

\\r\\n

\\r\\n 👁️\\r\\n

\\r\\n

\\r\\n )\\r\\n })}\\r\\n

\\r\\n let cbdCards = Array.from(document.getElementsByClassName('analyse-card-cbd'))\\r\\n cbdCards.forEach(el => {\\r\\n el.addEventListener('click', e => {\\r\\n let url = el.dataset.analyseurl\\r\\n window.open(url)\\r\\n })\\r\\n })\\r\\n \\r\\n `}} />\\r\\n

\\r\\n\",\r\n \"serverSide\": true\r\n }\r\n }\r\n ],\r\n \"stylesheets\": [],\r\n \"styles\": [\r\n {\r\n \"name\": \"Style\",\r\n \"description\": \"\",\r\n \"style\": {\r\n \"scss\": \".analyses {\\r\\n .card {\\r\\n transition-duration: 200ms;\\r\\n cursor: pointer;\\r\\n &:hover {\\r\\n background-color: var(--bs-success);\\r\\n }\\r\\n }\\r\\n}\",\r\n \"css\": \".analyses .card {\\n transition-duration: 200ms;\\n cursor: pointer; }\\n .analyses .card:hover {\\n background-color: var(--bs-success); }\\n\"\r\n }\r\n }\r\n ],\r\n \"scripts\": [],\r\n \"jQueryInitScript\": [],\r\n \"contentSettingsItems\": [],\r\n \"publicPresetQuerySettings\": [\r\n {\r\n \"pluginId\": \"com.clangen.atmos.file\",\r\n \"queryId\": \"com.clangen.atmos.file.standard\",\r\n \"values\": {\r\n \"aliasUrlPosition\": 0,\r\n \"groupsIds\": [\r\n \"66237a47e41a5f21aed7c981\"\r\n ]\r\n },\r\n \"varname\": \"files\",\r\n \"quantityPerPage\": 50,\r\n \"sort\": []\r\n }\r\n ]\r\n}",{},{},{"_494":552},"mt-5 mx-0 px-0",{"_575":576,"_577":578,"_579":580,"_29":34,"_39":43},"groups",[459],"headerImagesFiles",[],"attachmentsFiles",[],"665de8be6117406474bcae8f","useLayout",{"_233":584,"_162":585},[],[],"excludeFromSitemap","updated","2024-06-03T16:03:06.245Z",{"_62":590,"_474":593,"_476":593,"_79":477,"_123":594,"_483":595,"_487":598,"_489":599,"_287":610,"_514":611,"_225":83,"_117":612,"_70":657,"_33":661,"_231":662,"_586":14,"_587":665,"_582":83},{"_66":591,"_68":592,"_110":111,"_112":111},"2024-06-03T07:52:56.288Z","2024-06-03T07:55:26.805Z","2024-06-03T07:52:13.356Z",{"_122":479,"_123":480,"_481":482},{"_122":479,"_123":596,"_481":597},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Permet de vérifier que l'utilisateur qui visite a bien 18 ans (en lui posant simplement la question).\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Le choix sera mémorisé s'il confirme.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Permet de vérifier que l'utilisateur qui visite a bien 18 ans (en lui posant simplement la question).

Le choix sera mémorisé s'il confirme.

","Vérification de l'âge",[600],{"_492":493,"_494":601,"_78":468,"_496":602,"_498":603,"_500":604,"_35":605,"_503":606,"_505":607,"_287":10,"_125":608,"_509":609,"_511":512},12804,"S0804","665d76586117406474bcadb6-6c397ee2461e6ace6b2665516578b94c.png",1717401097418,"com.clangen.atmos.blocks.standard.ageCheck-1.0.0.atmos-block.png","2024-06-03T07:53:04.703Z",[507],"e071a636-7737-4ede-862f-bc1deaf40a2b",438,"verification-de-l-age",{"_225":14},[613],{"_122":168,"_35":168,"_125":614,"_171":171,"_172":10,"_129":615,"_127":128,"_117":616,"_196":573},"40c15811-1d25-43f1-8fe9-540f4dafba2b",{},[617],{"_122":522,"_125":618,"_35":524,"_196":525,"_129":619,"_527":620,"_127":128},"0035277b-29be-47cb-aee3-5a2fd0d8c11e",{},[621,640],{"_35":530,"_172":10,"_125":622,"_129":623,"_117":624,"_550":639},"104cb85f-ac8e-4d76-bb12-0cb34cd69d1c",{},[625],{"_122":168,"_35":168,"_125":626,"_171":171,"_172":10,"_129":627,"_127":128,"_117":628},"1b90560f-fa12-471e-a795-e2fca5226a40",{},[629],{"_122":123,"_35":124,"_125":630,"_127":128,"_129":631,"_124":632},"89bab79e-9b14-4c10-9d6b-9fadd3d471d1",{},{"_122":542,"_35":543,"_77":10,"_134":10,"_127":128,"_135":633,"_147":85,"_149":14,"_150":10,"_151":637,"_159":638},{"_123":634},{"_122":479,"_123":635,"_481":636},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Vérification de l'âge\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Permet d'affiche un message qui demande à l'utilisateur de confirmer qu'il a bien 18 ans. Si l'utilisateur confirme, son choix sera mémorisé localement, afin de ne pas lui redemander à chaque visite.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Vérification de l'âge

Permet d'affiche un message qui demande à l'utilisateur de confirmer qu'il a bien 18 ans. Si l'utilisateur confirme, son choix sera mémorisé localement, afin de ne pas lui redemander à chaque visite.

",{},{},{"_494":552},{"_35":530,"_172":10,"_125":641,"_129":642,"_117":643,"_550":656},"f5e50ee7-4321-4dca-9e34-ef5bdd35572f",{},[644],{"_122":168,"_35":168,"_125":645,"_171":171,"_172":10,"_129":646,"_127":128,"_117":647},"eb33ee34-2ebd-41f3-8201-e98c7bb6f9c8",{},[648],{"_122":123,"_35":124,"_125":649,"_127":128,"_129":650,"_124":651},"7ceb06c1-8dc1-4403-b0be-608e0cc91e6e",{},{"_122":565,"_35":566,"_77":10,"_134":10,"_127":128,"_135":652,"_147":85,"_149":14,"_150":10,"_151":654,"_159":655},{"_568":653},"{\r\n \"moduleInfo\": {\r\n \"author\": \"Clangen Dev\",\r\n \"description\": \"Permet de vérifier que l'utilisateur a moins 18 ans et mémorise son choix localement.\",\r\n \"id\": \"com.clangen.atmos.blocks.standard.ageCheck\",\r\n \"name\": \"Vérification de l'âge\",\r\n \"packId\": \"com.clangen.atmos.blocks.standard\",\r\n \"version\": \"1.0.0\",\r\n \"website\": \"\"\r\n },\r\n \"webRequirementsIds\": [],\r\n \"html\": [\r\n {\r\n \"description\": \"\",\r\n \"name\": \"Age Verification\",\r\n \"content\": \"

\\r\\n

Vous devez avoir 18 ans ou plus pour accéder à ce site.

\\r\\n

Je n'ai pas 18 ans

\\r\\n

J'ai au moins 18 ans

\\r\\n

\"\r\n }\r\n ],\r\n \"stylesheets\": [],\r\n \"styles\": [\r\n {\r\n \"name\": \"Style\",\r\n \"description\": \"\",\r\n \"style\": {\r\n \"scss\": \".age-check {\\r\\n z-index: 10000;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left:0;\\r\\n height: 100vh;\\r\\n width: 100%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n background-color: rgba(0,0,0,0.5);\\r\\n \\r\\n .box {\\r\\n width: 100%;\\r\\n padding: 3vmin 2vmin;\\r\\n text-align: center;\\r\\n background: white;\\r\\n color: rgb(67, 67, 67);\\r\\n border-bottom: green 4px solid;\\r\\n border-top: green 4px solid;\\r\\n\\r\\n .message {\\r\\n font-size: calc(10px + 2.3vmin);\\r\\n }\\r\\n\\r\\n .buttons {\\r\\n .btn {\\r\\n text-transform: none;\\r\\n font-size: calc(10px + 1.2vmin);\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\r\n \"css\": \".age-check {\\n z-index: 10000;\\n position: fixed;\\n top: 0;\\n left: 0;\\n height: 100vh;\\n width: 100%;\\n display: flex;\\n align-items: center;\\n background-color: rgba(0, 0, 0, 0.5); }\\n .age-check .box {\\n width: 100%;\\n padding: 3vmin 2vmin;\\n text-align: center;\\n background: white;\\n color: #434343;\\n border-bottom: green 4px solid;\\n border-top: green 4px solid; }\\n .age-check .box .message {\\n font-size: calc(10px + 2.3vmin); }\\n .age-check .box .buttons .btn {\\n text-transform: none;\\n font-size: calc(10px + 1.2vmin); }\\n\"\r\n }\r\n }\r\n ],\r\n \"scripts\": [],\r\n \"jQueryInitScript\": [\r\n {\r\n \"description\": \"\",\r\n \"name\": \"Fonctions\",\r\n \"script\": \"\\r\\n\\r\\nfunction age_check_ok() {\\r\\n window.localStorage.setItem(\\\"age_check_ok\\\", true)\\r\\n document.getElementById(\\\"age-check-div\\\").remove()\\r\\n\\r\\n}\\r\\n\\r\\nfunction age_check_nok() {\\r\\n window.location.href = \\\"https://www.google.com\\\"\\r\\n}\\r\\n\\r\\nfunction removeAgeCheck() {\\r\\n document.getElementById(\\\"age-check-div\\\").remove()\\r\\n}\\r\\n\\r\\nfunction addAgeCheck() {\\r\\n document.getElementById(\\\"age-check-div\\\").classList.remove(\\\"d-none\\\")\\r\\n}\\r\\n\\r\\nfunction age_check_start() {\\r\\n if(window.age_check_start_mark) return\\r\\n window.age_check_start_mark = true\\r\\n\\r\\n if(window.localStorage.getItem(\\\"age_check_ok\\\")) removeAgeCheck()\\r\\n else addAgeCheck()\\r\\n}\\r\\n\\r\\nage_check_start()\"\r\n }\r\n ],\r\n \"contentSettingsItems\": [],\r\n \"publicPresetQuerySettings\": []\r\n}",{},{},{"_494":552},{"_575":658,"_577":659,"_579":660,"_29":34,"_39":43},[459],[],[],"665d76586117406474bcadb6",{"_233":663,"_162":664},[],[],"2024-06-03T07:53:04.727Z",{"_62":667,"_474":670,"_476":670,"_79":477,"_123":671,"_483":672,"_487":675,"_489":676,"_287":689,"_514":690,"_225":83,"_117":691,"_70":744,"_33":748,"_582":83,"_231":749,"_586":14,"_587":752},{"_66":668,"_68":669,"_110":111,"_112":111},"2023-07-20T14:15:13.160Z","2023-07-20T15:27:42.023Z","2023-07-20T14:14:05.731Z",{"_122":479,"_123":480,"_481":482},{"_122":479,"_123":673,"_481":674},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Ce bloc permet d'afficher la carte de fidélité à tampons numérique lorsqu'un utilisateur scan son QR code ou qu'il clique sur le lien de sa carte.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Ce bloc permet d'afficher la carte de fidélité à tampons numérique lorsqu'un utilisateur scan son QR code ou qu'il clique sur le lien de sa carte.

","Carte de fidélité à tampons",[677],{"_492":678,"_494":679,"_78":468,"_496":680,"_498":681,"_500":682,"_35":683,"_503":684,"_505":685,"_287":10,"_125":686,"_509":687,"_511":688},"image/jpeg",78604,"S1479","64b94171ed5ed9b132d1381e-3ef167261bc6570281c8ae16fbd1b0b3.jpeg",1689863214420,"com.clangen.atmos.block.standard.loyalty.card-1.0.0.atmos-block.jpg","2023-07-20T14:27:12.256Z",[507],"2a489f78-0d95-4f7f-b816-84d0548b0a6d",320,190,"carte-de-fidelite-a-tampons",{"_225":14},[692],{"_122":168,"_35":168,"_125":614,"_171":171,"_172":10,"_129":693,"_127":128,"_117":694,"_196":573},{},[695,728],{"_122":522,"_125":618,"_35":524,"_196":525,"_129":696,"_527":697,"_127":128},{},[698,714],{"_35":530,"_172":10,"_125":622,"_129":699,"_117":700,"_550":713},{},[701],{"_122":168,"_35":168,"_125":626,"_171":171,"_172":10,"_129":702,"_127":128,"_117":703},{},[704],{"_122":123,"_35":124,"_125":630,"_127":128,"_129":705,"_124":706},{},{"_122":542,"_35":543,"_77":10,"_134":10,"_127":128,"_135":707,"_147":85,"_149":14,"_150":10,"_151":711,"_159":712},{"_123":708},{"_122":479,"_123":709,"_481":710},"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Carte de fidélité à tampons numérique\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Affichez sur votre site les informations de la carte de fidélité d'un client. Assurez vous d'avoir correctement configurer vos cartes de fidélités et les pages du site. \",\"type\":\"text\",\"version\":1},{\"type\":\"linebreak\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Pensez à mettre à jour les paramètres du bloc en fonction de vos réglages personnels après importation dans le concepteur de bloc.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"La photo ci-dessous montre à quoi peut ressembler ce bloc une fois personnalisé.\",\"type\":\"text\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1}],\"direction\":\"ltr\",\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","

Carte de fidélité à tampons numérique

Affichez sur votre site les informations de la carte de fidélité d'un client. Assurez vous d'avoir correctement configurer vos cartes de fidélités et les pages du site.
Pensez à mettre à jour les paramètres du bloc en fonction de vos réglages personnels après importation dans le concepteur de bloc.

La photo ci-dessous montre à quoi peut ressembler ce bloc une fois personnalisé.

",{},{},{"_494":552},{"_35":530,"_172":10,"_125":641,"_129":715,"_117":716,"_550":727},{},[717],{"_122":168,"_35":168,"_125":645,"_171":171,"_172":10,"_129":718,"_127":128,"_117":719},{},[720],{"_122":123,"_35":124,"_125":649,"_127":128,"_129":721,"_124":722},{},{"_122":565,"_35":566,"_77":10,"_134":10,"_127":128,"_135":723,"_147":85,"_149":14,"_150":10,"_151":725,"_159":726},{"_568":724},"{\r\n \"moduleInfo\": {\r\n \"author\": \"Clangen\",\r\n \"description\": \"Affiche les informations concernant la carte de fidélité scannée (URL)\",\r\n \"id\": \"com.clangen.atmos.block.standard.loyalty.card\",\r\n \"name\": \"Carte de fidélité\",\r\n \"packId\": \"com.clangen.atmos.block.standard.loyalty\",\r\n \"version\": \"1.0.0\",\r\n \"website\": \"\"\r\n },\r\n \"webRequirementsIds\": [],\r\n \"html\": [\r\n {\r\n \"description\": \"\",\r\n \"name\": \"Loyalty Card\",\r\n \"content\": {\r\n \"html\": \"

Votre carte de fidélité

Date de création

Invalid Date

Tampons

$\\\"qr-code\\\"/$

\",\r\n \"jsx\": \"

\\r\\n\\r\\n {!a.data.loyaltyCard && \\r\\n

\\r\\n Aucune carte de fidélité trouvée !
\\r\\n La carte est peut-être périmée ou n'existe pas.\\r\\n

\\r\\n }\\r\\n\\r\\n {a.data.loyaltyCard &&\\r\\n

\\r\\n {a.data.loyaltyCard.template &&\\r\\n <>\\r\\n

{a.data.loyaltyCard.template.name}

\\r\\n {a.data.loyaltyCard.template.description &&

{a.data.loyaltyCard.template.description}

}\\r\\n \\r\\n }\\r\\n {!a.data.loyaltyCard.template &&

Votre carte de fidélité

}\\r\\n

\\r\\n

Date de création

\\r\\n

{new Date(a.data.loyaltyCard?.metadata?.creationDate).toLocaleDateString()}

\\r\\n

\\r\\n {a.data.loyaltyCard?.expirationDate &&\\r\\n

\\r\\n

Date d'expiration

\\r\\n

{new Date(a.data.loyaltyCard?.expirationDate).toLocaleDateString()}

\\r\\n

\\r\\n }\\r\\n

\\r\\n

Tampons

\\r\\n

{a.data.loyaltyCard?.stamps?.length} / {a.data.loyaltyCard?.maxStamps}

\\r\\n

\\r\\n {a.data.loyaltyCard?.stamps?.map(d =>

{new Date(d).toLocaleDateString()}

)}\\r\\n

\\r\\n

\\r\\n {a.data.loyaltyCard.bonusUseDate &&

Carte complète utilisée le {new Date(a.data.loyaltyCard.bonusUseDate).toLocaleDateString()}

} \\r\\n {!a.data.loyaltyCard.bonusUseDate && \\r\\n

\\r\\n {a.data.loyaltyCard.name || \\\"Carte de fidélité\\\"}
\\r\\n A présenter à chaque passage en caisse.\\r\\n

} \\r\\n

\\r\\n\\r\\n

\\r\\n $\\\"qr-code\\\"$ \\r\\n

\\r\\n

\\r\\n \\r\\n }\\r\\n

\",\r\n \"serverSide\": true\r\n }\r\n }\r\n ],\r\n \"stylesheets\": [\r\n {\r\n \"name\": \"\",\r\n \"href\": \"https://fonts.googleapis.com/css2?family=Aoboshi+One&family=Darumadrop+One&family=Nova+Mono&display=swap\"\r\n }\r\n ],\r\n \"styles\": [\r\n {\r\n \"name\": \"Style\",\r\n \"description\": \"\",\r\n \"style\": {\r\n \"scss\": \".loyalty-card-section {\\r\\n width: 90%;\\r\\n max-width: 400px;\\r\\n border: gray 2px solid;\\r\\n border-radius: 8px;\\r\\n margin: auto;\\r\\n background-color: rgba(0,0,0,0.38);\\r\\n .no-card {\\r\\n border: red 2px solid;\\r\\n background-color: rgb(226, 139, 139);\\r\\n padding: 10px;\\r\\n font-weight: bold;\\r\\n }\\r\\n\\r\\n .title {\\r\\n padding: 1vmin 2vmin;\\r\\n font-weight: bold;\\r\\n font-size: calc(10px + 3vmin);\\r\\n font-family: 'Darumadrop One', cursive;\\r\\n line-height: 0.5;\\r\\n }\\r\\n\\r\\n .description {\\r\\n padding: 0 2vmin;\\r\\n font-style: italic;\\r\\n font-weight: bold;\\r\\n font-size: calc(10px + 1vmin);\\r\\n font-family: 'Aoboshi One', serif;\\r\\n }\\r\\n\\r\\n .footer {\\r\\n text-align: center;\\r\\n margin-top: 10px;\\r\\n background-color: gray;\\r\\n font-family: 'Aoboshi One', serif;\\r\\n line-height: 1;\\r\\n padding-bottom: 5px;\\r\\n padding-top: 5px;\\r\\n }\\r\\n\\r\\n .qr-code {\\r\\n padding: 10px;\\r\\n text-align: center;\\r\\n img {\\r\\n border-radius: 10px;\\r\\n }\\r\\n }\\r\\n\\r\\n &.bonus-used {\\r\\n .footer {\\r\\n background-color: orange;\\r\\n }\\r\\n }\\r\\n\\r\\n .card-info {\\r\\n display: flex;\\r\\n .dates {\\r\\n margin-top: 0.5vmin;\\r\\n .creation {\\r\\n transform: rotateZ(-4deg);\\r\\n .label {\\r\\n font-family: 'Aoboshi One', serif;\\r\\n padding-left: 10px;\\r\\n white-space: nowrap;\\r\\n }\\r\\n .value {\\r\\n font-family: 'Nova Mono', monospace;\\r\\n padding-left: 40px;\\r\\n }\\r\\n }\\r\\n .expiration {\\r\\n transform: rotateZ(-4deg);\\r\\n .label {\\r\\n font-family: 'Aoboshi One', serif;\\r\\n padding-left: 10px;\\r\\n white-space: nowrap;\\r\\n }\\r\\n .value {\\r\\n font-family: 'Nova Mono', monospace;\\r\\n padding-left: 40px;\\r\\n }\\r\\n }\\r\\n }\\r\\n .stamps {\\r\\n margin-left: 40px;\\r\\n .summary {\\r\\n margin-bottom: 15px;\\r\\n display: flex;\\r\\n font-family: 'Nova Mono', monospace;\\r\\n .label {\\r\\n &:after {\\r\\n content: \\\" : \\\"\\r\\n }\\r\\n }\\r\\n .value {\\r\\n font-family: 'Nova Mono', monospace;\\r\\n }\\r\\n }\\r\\n .list {\\r\\n .stamp-date {\\r\\n box-shadow: 0 0 0 3px rgb(182, 182, 196), 0 0 0 2px rgb(143, 143, 169) inset; \\r\\n border: 2px solid transparent;\\r\\n border-radius: 4px;\\r\\n display: inline-block;\\r\\n padding: 5px 2px;\\r\\n line-height: 11px;\\r\\n color: rgb(202, 202, 215);\\r\\n font-size: 12px;\\r\\n font-family: 'Black Ops One', cursive;\\r\\n text-transform: uppercase;\\r\\n text-align: center;\\r\\n opacity: 0.4;\\r\\n width: 90px;\\r\\n transform: rotate(-5deg);\\r\\n margin-right: 10px;\\r\\n margin-bottom: 5px;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n}\",\r\n \"css\": \"@charset \\\"UTF-8\\\";\\n.loyalty-card-section {\\n width: 90%;\\n max-width: 400px;\\n border: gray 2px solid;\\n border-radius: 8px;\\n margin: auto;\\n background-color: rgba(0, 0, 0, 0.38); }\\n .loyalty-card-section .no-card {\\n border: red 2px solid;\\n background-color: #e28b8b;\\n padding: 10px;\\n font-weight: bold; }\\n .loyalty-card-section .title {\\n padding: 1vmin 2vmin;\\n font-weight: bold;\\n font-size: calc(10px + 3vmin);\\n font-family: 'Darumadrop One', cursive;\\n line-height: 0.5; }\\n .loyalty-card-section .description {\\n padding: 0 2vmin;\\n font-style: italic;\\n font-weight: bold;\\n font-size: calc(10px + 1vmin);\\n font-family: 'Aoboshi One', serif; }\\n .loyalty-card-section .footer {\\n text-align: center;\\n margin-top: 10px;\\n background-color: gray;\\n font-family: 'Aoboshi One', serif;\\n line-height: 1;\\n padding-bottom: 5px;\\n padding-top: 5px; }\\n .loyalty-card-section .qr-code {\\n padding: 10px;\\n text-align: center; }\\n .loyalty-card-section .qr-code img {\\n border-radius: 10px; }\\n .loyalty-card-section.bonus-used .footer {\\n background-color: orange; }\\n .loyalty-card-section .card-info {\\n display: flex; }\\n .loyalty-card-section .card-info .dates {\\n margin-top: 0.5vmin; }\\n .loyalty-card-section .card-info .dates .creation {\\n transform: rotateZ(-4deg); }\\n .loyalty-card-section .card-info .dates .creation .label {\\n font-family: 'Aoboshi One', serif;\\n padding-left: 10px;\\n white-space: nowrap; }\\n .loyalty-card-section .card-info .dates .creation .value {\\n font-family: 'Nova Mono', monospace;\\n padding-left: 40px; }\\n .loyalty-card-section .card-info .dates .expiration {\\n transform: rotateZ(-4deg); }\\n .loyalty-card-section .card-info .dates .expiration .label {\\n font-family: 'Aoboshi One', serif;\\n padding-left: 10px;\\n white-space: nowrap; }\\n .loyalty-card-section .card-info .dates .expiration .value {\\n font-family: 'Nova Mono', monospace;\\n padding-left: 40px; }\\n .loyalty-card-section .card-info .stamps {\\n margin-left: 40px; }\\n .loyalty-card-section .card-info .stamps .summary {\\n margin-bottom: 15px;\\n display: flex;\\n font-family: 'Nova Mono', monospace; }\\n .loyalty-card-section .card-info .stamps .summary .label:after {\\n content: \\\" : \\\"; }\\n .loyalty-card-section .card-info .stamps .summary .value {\\n font-family: 'Nova Mono', monospace; }\\n .loyalty-card-section .card-info .stamps .list .stamp-date {\\n box-shadow: 0 0 0 3px #b6b6c4, 0 0 0 2px #8f8fa9 inset;\\n border: 2px solid transparent;\\n border-radius: 4px;\\n display: inline-block;\\n padding: 5px 2px;\\n line-height: 11px;\\n color: #cacad7;\\n font-size: 12px;\\n font-family: 'Black Ops One', cursive;\\n text-transform: uppercase;\\n text-align: center;\\n opacity: 0.4;\\n width: 90px;\\n transform: rotate(-5deg);\\n margin-right: 10px;\\n margin-bottom: 5px; }\\n\"\r\n }\r\n }\r\n ],\r\n \"scripts\": [],\r\n \"jQueryInitScript\": [],\r\n \"contentSettingsItems\": [],\r\n \"publicPresetQuerySettings\": [\r\n {\r\n \"pluginId\": \"com.clangen.atmos.loyaltyCard\",\r\n \"queryId\": \"com.clangen.atmos.loyaltyCard.loyaltyCard\",\r\n \"values\": {\r\n \"qr\": \"id\",\r\n \"key\": \"key\"\r\n },\r\n \"varname\": \"loyaltyCard\",\r\n \"quantityPerPage\": 50,\r\n \"sort\": []\r\n }\r\n ]\r\n}",{},{},{"_494":552},{"_122":123,"_35":124,"_125":729,"_127":128,"_129":730,"_124":731,"_196":743},"e2b6eb08-9ceb-46a9-ac86-821ea71a2600",{},{"_122":732,"_35":733,"_77":10,"_134":10,"_127":128,"_135":734,"_147":85,"_149":14,"_150":10,"_151":741,"_159":742},"com.clangen.atmos.content.blocktype.simpleSingleImage","Image seule",{"_735":83,"_736":737,"_738":145,"_739":740},"lazy","id","64b9459ded5ed9b132d1386c","__id__pluginId","alt","Exemple de carte de fidélité",{},{},"text-center",{"_575":745,"_577":746,"_579":747,"_29":34,"_39":43},[459],[],[],"64b94171ed5ed9b132d1381e",{"_233":750,"_162":751},[],[],"2023-07-20T14:27:12.284Z","pagesCount","totalCount",3,"page",{},{},[],["SingleFetchClassInstance",761],{"_27":762,"_70":763,"_216":217,"_218":217,"_219":766,"_221":217,"_222":767,"_127":224,"_225":14},["SingleFetchFallback"],{"_212":764,"_214":765},[],[],[],[],["SingleFetchFallback"],["SingleFetchFallback"],{"_233":771,"_162":772},[],[],"pageType",["SingleFetchClassInstance",775],{"_27":295,"_62":776,"_70":778,"_35":116,"_77":10,"_117":779,"_205":414,"_207":806,"_226":423,"_228":424,"_33":230,"_231":808,"_162":10,"_164":10},["SingleFetchClassInstance",777],{"_27":298,"_66":299,"_68":300,"_110":111,"_112":111},{"_29":34,"_114":115,"_39":43},[780,782,803],["SingleFetchClassInstance",781],{"_27":305,"_122":123,"_35":124,"_125":126,"_127":128,"_129":306,"_124":307,"_162":10,"_164":10},["SingleFetchClassInstance",783],{"_27":392,"_122":168,"_35":169,"_125":170,"_171":171,"_172":10,"_129":393,"_127":128,"_117":784,"_196":197,"_162":10,"_164":10},[785,788],["SingleFetchClassInstance",786],{"_27":397,"_122":168,"_35":178,"_125":179,"_171":171,"_172":10,"_129":398,"_127":128,"_117":787,"_162":182,"_164":183},[],["SingleFetchClassInstance",789],{"_27":402,"_122":168,"_35":187,"_125":188,"_171":171,"_172":10,"_129":403,"_127":128,"_117":790,"_196":197,"_162":10,"_164":10},[791],["SingleFetchClassInstance",792],{"_27":793,"_122":168,"_35":10,"_125":794,"_171":171,"_172":10,"_129":795,"_127":128,"_117":796,"_196":802},["SingleFetchFallback"],"2ee087e2-a8b1-44a3-95fc-93a0db1aaa1d",{},[797],["SingleFetchClassInstance",798],{"_27":442,"_122":168,"_35":168,"_125":443,"_171":171,"_172":10,"_129":444,"_127":128,"_117":799},[800],["SingleFetchClassInstance",801],{"_27":448,"_122":123,"_35":124,"_125":449,"_127":128,"_129":450,"_124":451},"px-0 mx-0",["SingleFetchClassInstance",804],{"_27":411,"_122":168,"_35":201,"_125":202,"_171":171,"_172":10,"_129":412,"_127":128,"_117":805,"_162":10,"_164":10},[],["SingleFetchClassInstance",807],{"_27":417,"_70":418,"_216":217,"_218":217,"_219":421,"_221":217,"_222":422,"_127":224,"_225":14},{"_233":809,"_162":810},[],[],"blockIdentifiers",[132,452],"special","websiteAppSubPath","actionData","errors"]