Subversion Repositories eFlore/Applications.cel

import {valeurOk} from './utils.js';

export const initGeoloc = () => {
  onGeoloc();
  onGeolocManuelle();
  geolocValidationEtStockage();
};

const onGeoloc = () => {
  // Empêcher que le module carto ne bind ses events partout
  $('#tb-geolocation').on('submit blur click focus mousedown mouseleave mouseup change', '*', evt => {
    evt.preventDefault();
    return false;
  });
  // evenement location
  $('#tb-geolocation').on('location', location => {
    const locDatas = location.originalEvent.detail;

    if (valeurOk( locDatas )) {
      let latitude  = '',
        longitude = '';

      console.dir( locDatas );
      if (valeurOk( locDatas.geometry.coordinates)) {
        if ('Point' === locDatas.geometry.type) {
          if (valeurOk( locDatas.geometry.coordinates[0])) {
            longitude = locDatas.geometry.coordinates[0].toFixed(5);
          }
          if (valeurOk( locDatas.geometry.coordinates[1])) {
            latitude = locDatas.geometry.coordinates[1].toFixed(5);
          }
        } else if ('LineString' === locDatas.geometry.type) {
          if (valeurOk( locDatas.centroid.coordinates )){
            if (valeurOk( locDatas.centroid.coordinates[0])) {
              longitude = locDatas.centroid.coordinates[0];
            }
            if (valeurOk( locDatas.centroid.coordinates[1])) {
              latitude = locDatas.centroid.coordinates[1];
            }
          } else {// on ne prend qu'un point de la ligne
            if (valeurOk( locDatas.geometry.coordinates[0][0])) {
              longitude = locDatas.geometry.coordinates[0][0];
              longitude = longitude.toFixed(5);
            }
            if (valeurOk( locDatas.geometry.coordinates[0][1])){
              latitude = locDatas.geometry.coordinates[0][1];
              latitude = latitude.toFixed(5);
            }
          }
        }
      }
      if (valeurOk(latitude) && valeurOk(longitude)) {
        $('#latitude').val(latitude);
        $('#longitude').val(longitude);
      }
    }
  });
}

const onGeolocManuelle = () => {
  const coords = ['latitude','longitude','zoom'];

  $('#latitude,#longitude,#zoom').on('change', function(event) {
    const thisCoord = this.id,
        thisVal     = $(this).val();
    let valeur = '';

    if ($.isNumeric(thisVal)) {
      switch(thisCoord) {
        case 'zoom':
          if (0 < parseInt(thisVal, 10) && 18 >= parseInt(thisVal, 10)) {
            valeur = thisVal;
          }
          break;
        case 'latitude':
          if ( 90 > Math.abs( parseInt(thisVal, 10))) {
            valeur = parseFloat(thisVal, 10).toFixed(5);
            $('#latitude').val(valeur);
          }
          break;
        case 'longitude':
          if ( 180 >= Math.abs( parseInt(thisVal, 10))) {
            valeur = parseFloat(thisVal, 10).toFixed(5);
            $('#longitude').val(valeur);
          }
          break;
        default:
          break;
      }
    }
    //un champ vide n'est pas une erreur
    if ($.isNumeric(valeur)) {
        $(this).siblings('span.error').remove();
    } else if (0 <= $.inArray(thisCoord, coords)) {
      // on ne signale pas d'erreur si il n'y a rien dans le champ
      if (!valeurOk($(this).siblings('span.error')) && valeurOk($(this).val())) {
        $(this).after('<span class="error">mauvais format pour ce champ<span>');
      } else {
        $(this).siblings('span.error').remove();
      }
    }
  });
}

const geolocValidationEtStockage = () => {
  $('#signup_submit').off().on('click', event => {
    let localisation = '';
    const latitude = $('#latitude').val(),
      longitude    = $('#longitude').val(),
      zoom         = $('#zoom').val(),
      $warning     = $('.warning-carto');

    if ((valeurOk(longitude) && !valeurOk(latitude)) || (!valeurOk(longitude) && valeurOk(latitude))) {
      if (!valeurOk($warning)) {
        $('#new-fields-buttons').after(
          `<p class="message warning-carto">
            <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>&nbsp;Vous avez entré des coordonnées incomplètes<br>
            Complétez latitude ou longitude, ou placez un marqueur sur la carto, ou effacez ces deux champs
          </p>`
        );
      }
      return false;
    } else if (valeurOk($warning)) {
      $warning.remove();
    }
    if (valeurOk(latitude) && valeurOk(longitude)) {
      localisation += 'latitude:'+latitude+';';
      localisation += 'longitude:'+longitude;
    }
    if (valeurOk(zoom)) {
      if (valeurOk(localisation)) {
        localisation += ';';
      }
      localisation += 'zoom:'+zoom;
    }
    if (valeurOk(localisation)) {
      $('#localisation').val(localisation);
    }
  });
};