Mon séjour en Montagne

Documentation des widgets et API

La plateforme distribuée Mon séjour en Montagne met à votre disposition des Widgets et des API.
Pour tirer parti de ces outils, nous vous conseillons de vous référer à la documentation pour réaliser la meilleure intégration possible !

Principe de fonctionnement

Les widgets MseM se matérialisent pas de multiples fonctions exposées sur l'espace de nommage window.MseM.

Chaque fonction est en charge de déclencher le widget correspondant :

  • window.MseM.tunnel : Widget Tunnel en charge du panier, du client et du paiement
  • window.MseM.lodging : Widget de vente Hébergement
  • window.MseM.esf : Widget de vente cours de ski esf
  • window.MseM.skiPass : Widget de vente forfaits de ski
  • window.MseM.skiRental : Widget de location de matériel
  • window.MseM.otherProducts : Widget de vente d'Autres produits
  • window.MseM.transfer : Widget de vente des Transferts privés
  • window.MseM.shuttle : Widget de vente des Navettes
  • window.MseM.excursion : Widget de vente des Excursions
  • window.MseM.genericLine : Widget Ligne de panier générique (interne)
  • window.MseM.esfCustom : Widget Cours privé sur mesure esf (interne)

Afin de garantir que le chargement asynchrone du code est terminé et que la fonction que vous souhaitez invoquer est prête à être exécutée, vous devez enrober votre code avec la fonction window.MseM.onLoad.


window.MseM.onLoad(function () {
  window.MseM.lodging(options);
});

Ensuites, pour paraméter ces widgets, vous devez spécifier des "options" et d'éventuels "presets" lors de leur invocation.

Vous pouvez découvrir ces options et ces presets via la documentation ou en utilisant le configurateur de widgets.

Les "options"

  • Un grand nombre d'options sont communes à tous les widgets et sont documentées ici.
  • Des options d'affichage permettent de faire varier le mode d'intégration en fonction de vos besoins. Elles sont documentées ici.
  • Enfin, chaque widget peut admettre des options qui lui sont propre. Ces options sont documentée widget par widget.

Toutes les options que vous activerez devront être passé en parametre de la la fonction cible.

Exemple


var options = {
  resort: 125,
  verticalMargin: 100,
};
window.MseM.onLoad(function () {
  window.MseM.tunnel(options);
});

Les "presets"

Dans certains cas, les widgets acceptent un deuxième objet de configuration avec des données "préselectionnés". On appelle ce jeu de donnée un "preset".

Un exemple d'usage est de focaliser le widget hébergement sur des hébergements du même type avec les presets "nbStars" et "type"

Exemple


var options = {
  resort: 125,
  verticalMargin: 100,
};
var presets = {
  nbStars: 4,
  type: "RESIDENCE",
};
window.MseM.onLoad(function () {
  window.MseM.lodging(options, presets);
});