Aide

2. Aide
3. Extensions
4. viewMapDirection

viewMapDirection

L'extension "viewMapDirection" est un outil permettant aux utilisateurs de GoPaaS d'afficher une carte contenant l'ensemble des déplacements de ses collaborateurs.

Prérequis :
Importer le fichier "viewMapDirection.json":

• Télécharger le fichier viewMapDirection.zip et le décompresser
• Menu → Admin → Transfer In
• Sélectionner le fichier “viewMapDirection.json”.

Utilisation de l'extension :
Pour utiliser l'extension "viewMapDirection" sur une vue liée, il faut modifier le script de la vue liée pour ajouter un bouton qui permet d'appeler au clique la fonction : 

thisComponent.ui.find(".glyphicon-search").after("<button id='btnMap' type='button' role='button' class='btn btn-info' style='margin-left:5px; color:white;' title='Ouvrir la carte'><i class='fas fa-map'></i>&nbsp;&nbsp;<span class='trn'>Map</span></button>");
thisComponent.ui.find("#btnMap").on('click', function () {
  var destinations = [];
  var fields = [];
  var concat = [ADDRESS] + ", " + [CITY] + ", " + [POSTAL_CODE];
  destinations.push(concat.toString());
  fields.push({"cle": [KEY], "markerColor" : [COLOR], [TITLE]: [VALUE], [TITLE]: [VALUE]});
  viewMapDirection(destinations, fields, [TABLENAME]);
});

Paramètres

Param	Type	Description
ADDRESS	string	Adresse du point de départ
CITY	string	Ville du point de départ
POSTAL_CODE	string	Code postal du point de départ
KEY	string	Clé de la fiche
COLOR	string	Couleur du marker en hexadecimal
TITLE	string	Titre de l'information dans la bulle d'infos
VALUE	string	Valeur de l'information dans la bulle d'infos
TABLENAME	string	Nom de la table

Exemple :

thisComponent.ui.find(".glyphicon-search").after("<button id='btnShowMap' type='button' role='button' class='btn btn-info' style='margin-left:5px; color:white;' title='Afficher sur une carte'><i class='fas fa-map-marker-alt'></i>&nbsp;<span class='trn'>Afficher sur une carte</span></button>");
  thisComponent.ui.find("#btnShowMap").on('click', async function(){
    destinations = [];
    fields = [];

    $.get('webservice/view/list-item.php', {
      "tableName": "actions",
      "viewName": "LinkVisiteActions",
      "filter_value": itemComponent.getValue("cle")
    }).done(function (items) {
      for(let i = 0; i < items.rows.length; i++){
        fields.push({"cle" : items.rows[i].cle, "markerColor" : items.rows[i].code_couleur, "Entreprise": items.rows[i].nom_entreprise, "Ville": items.rows[i].ville, "CP": items.rows[i].cp, "Contact": items.rows[i].prenom + ' ' + items.rows[i].nom + ' ' + items.rows[i].telephone, "RDV" : gopaas.date.toFr(items.rows[i].date_debut) + ' à ' + items.rows[i].heure_debut});
        var concat = items.rows[i].adresse + ", " + items.rows[i].ville + ", " + items.rows[i].cp;
        destinations.push(concat.toString());
      }

      viewMapDirection(destinations, fields, "actions");
    });
  });

Résultat :