|
|
|
@ -18,9 +18,10 @@ export class IntroService {
|
|
|
|
|
intro.setOptions({
|
|
|
|
|
tooltipClass: 'custom-tooltip-with-avatar',
|
|
|
|
|
steps: [
|
|
|
|
|
{ intro: 'Welcome to the web let me show you around!' },
|
|
|
|
|
{ element: '#timeline', intro: 'This is the logo of Memory Map.' },
|
|
|
|
|
{ element: '#quete', intro: 'Click here to open the search bar on mobile.' },
|
|
|
|
|
{ intro: 'Bienvenue sur MemoryMap ! ' },
|
|
|
|
|
{ intro: 'Ensemble nous allons explorer les différentes fonctionnalitées disponible !'},
|
|
|
|
|
{ element: '#timeline', intro: 'Ici retrouvez tous vos souvenirs grâce à une frise chronologique de vos voyages!' },
|
|
|
|
|
{ element: '#quete', intro: "N'hésitez pas à réaliser les différentes quètes, pour un petit plaisir personnel, que vous pourrez retrouvez ici !" },
|
|
|
|
|
],
|
|
|
|
|
exitOnOverlayClick: false,
|
|
|
|
|
disableInteraction: false,
|
|
|
|
@ -40,13 +41,13 @@ export class IntroService {
|
|
|
|
|
intro.setOptions({
|
|
|
|
|
tooltipClass: 'introjs-tooltip custom-tooltip-with-avatar',
|
|
|
|
|
steps: [
|
|
|
|
|
{ element: '#add', intro: 'salut voici le bouton' },
|
|
|
|
|
{ element: '#add-pin-modal-title', intro: 'salut voici le bouton' },
|
|
|
|
|
{ element: '#add-pin-modal-localisation', intro: 'Here is the modal to add a new pin!' },
|
|
|
|
|
{ element: '#add-pin-modal-image', intro: 'Here is the modal to add a new pin!' },
|
|
|
|
|
{ element: '#add-pin-modal-description', intro: 'Here is the modal to add a new pin!' },
|
|
|
|
|
{ element: '#add-pin-modal-date', intro: 'Here is the modal to add a new pin!' },
|
|
|
|
|
{ element: '#add-pin-modal-validate', intro: 'Here is the modal to add a new pin!' },
|
|
|
|
|
{ element: '#add', intro: "Le point important : l'ajout de pin ! \n Allons voir comment cela fonctionne !" },
|
|
|
|
|
{ element: '#add-pin-modal-title', intro: 'Ajoutez le titre de votre pin, le lieu du pin par exemple !' },
|
|
|
|
|
{ element: '#add-pin-modal-localisation', intro: "Rentrez l'adresse de l'endroit où vos photos ont été prises !" },
|
|
|
|
|
{ element: '#add-pin-modal-image', intro: 'Glissez et déposez tout les images que vous souhaitez !' },
|
|
|
|
|
{ element: '#add-pin-modal-description', intro: 'Une petite description de votre voyage pour vous souvenir de point important !' },
|
|
|
|
|
{ element: '#add-pin-modal-date', intro: 'Ajoutez la date de votre voyage, très important pour la frise chronologique !' },
|
|
|
|
|
{ element: '#add-pin-modal-validate', intro: "Et voilà vous n'avez plus qu'à valider et ajouter votre pin !" },
|
|
|
|
|
],
|
|
|
|
|
exitOnOverlayClick: false,
|
|
|
|
|
disableInteraction: false,
|
|
|
|
@ -79,9 +80,9 @@ export class IntroService {
|
|
|
|
|
intro.setOptions({
|
|
|
|
|
tooltipClass: 'custom-tooltip-with-avatar',
|
|
|
|
|
steps: [
|
|
|
|
|
{ element: '#friend', intro: 'Here is the main navigation menu.' },
|
|
|
|
|
{ element: '#friend-search-bar', intro: 'Here is the main navigation menu.' },
|
|
|
|
|
{ element: '#friend-list', intro: 'Here is the main navigation menu.' }
|
|
|
|
|
{ element: '#friend', intro: "Mémory Map c'est aussi du social ! Voyons voir comment ajouter un ami !" },
|
|
|
|
|
{ element: '#friend-search-bar', intro: "Cherchez votre ami avec son pseudo afin de l'ajouter !" },
|
|
|
|
|
{ element: '#friend-list', intro: "Ici vous retrouverez vos amis, ainsi que vos demandes d'amis, ajoutez ou refusez la personne !" }
|
|
|
|
|
],
|
|
|
|
|
exitOnOverlayClick: false,
|
|
|
|
|
disableInteraction: false,
|
|
|
|
|