Conseils & Astuces ArcGIS Online - N°181

/// Fonction permettant de construire les lignes du calendrier
function  CalendrierDuMois(DebutMois,DateOuverture,DateFermeture){
  // Récupération du nombre de jours dans le mois
  var NombreJourDansMois = DateDiff(DateAdd(DebutMois,1,"months"),DebutMois,"days")
  // Calcul de la date du dernier jour du mois
  var FinMois = DateAdd(DebutMois,NombreJourDansMois-1,"days")
  var strTD = ""
  // Si la date d'ouverture se trouve dans ce mois (sauf premier jour)
  if(DateOuverture > DebutMois && DateOuverture <= FinMois){
    // Position du jour d'ouverture dans le mois
    var indexJourDansMois = Day(DateOuverture)
    // Calcul du nombre de pixels pour séparer les 2 blocs de couleur 
    var pixels = Floor((indexJourDansMois/NombreJourDansMois)*200)
    // Bloc gris (fermé)
    strTD += "<td style='width: "+pixels+"px;background-color: #cccccc'></td>"
    // Bloc vert (ouvert)
    strTD += "<td style='width: "+(200-pixels)+"px;background-color: #00cc00'></td>"
  }
  // Si la date d'ouverture est le premier jour ou si le mois est complémtement
  // dans la période d'ouverture
  else if (DateOuverture<=DebutMois && FinMois<=DateFermeture) {
    strTD += "<td style='width: 100px;background-color: #00CC00'></td>"
    strTD += "<td style='width: 100px;background-color: #00CC00'></td>"
  }
  // Si ma date de fermeture se trove dans le mois
  else if(DateFermeture >= DebutMois && DateFermeture <= FinMois){
    var indexJourDansMois = Day(DateFermeture)
    var pixels = Ceil((indexJourDansMois/NombreJourDansMois)*200)
    strTD += "<td style='width: "+pixels+"px;background-color: #00cc00'></td>"
    strTD += "<td style='width: "+(200-pixels)+"px;background-color: #cccccc'></td>"
  }
  return strTD
}

var ListeDesMois = ["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Aout",
                    "Septembre","Octobre","Novembre","Décembre"]
var DateOuverture = $feature.DateOuverture
var DateFermeture = $feature.DateFermeture

// On initialise la variable contenant le bloc HTML de la fenêtre contextuelle
var strHTML = ""
// On commence à construire le paragraphe de texte
strHTML += "<p style='font-family: Arial; font-size: 10pt;'>Période d'ouverture :" +
           Text(DateOuverture,"DD/MM/YYYY") + " au " +
           Text(DateFermeture,"DD/MM/YYYY") + "<br/>"

var DebutMois = DateOnly("01/"+ (Month(DateOuverture)+1) +
                "/"+Year(DateOuverture),"DD/M/YYYY")

// Varaible pour gérer la bordure supérieure du premier tableau
var border_top = ""

// On boucle sur chaque mois de la période d'ouverture
while (DebutMois <= DateFermeture)
{
  // On démarre un nouveau tableau
  strHTML += "<table style='border-collapse: collapse;font-family: Arial; 
             font-size: 10pt;'>"
  // La première cellule contient le mois et l'année
  strHTML += "<tr style='border: 1px solid;"+border_top+"'><td  style='width: 150px;'>" + 
              ListeDesMois[Month(DebutMois)] + " " + Year(DebutMois)+"</td>"
  // Appel de la fonction remplissant la partie calendrier
  strHTML += CalendrierDuMois(DebutMois,DateOuverture,DateFermeture)
  // Fin du tableau 
  strHTML += "</tr></table>"
  DebutMois=DateAdd(DebutMois,1,"months")
  // Pour les autres mois/tableaux, la bordure supérieure sera invisible
  border_top = "border-top: 0px;"
}

strHTML += "</p>"

// On renvoie le bloc de code HTML de la fenêtre contextuelle
return { 
	type : 'text', 
	text : strHTML
}