Proyectos de Subversion LeadersLinked - Antes de SPA

<?php

$this->headLink()->appendStylesheet('/react-bundles/dashboard/main.css');

$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');

$currentUser = $this->currentUserHelper();

$currentUser = $currentUser->getUser();

$routeMoodle = $this->url('moodle');

$emojione_image_path_png  = $this->basePath('vendors/smiley/assets/png/');

$id = $user_uuid ?? null;

$industryFilters = json_encode($industries, true);

$connectionLeves = json_encode($connectionLeves, true);

$_employeeTypes = json_encode($employeeTypes);

$companySizes = json_encode($companySizes, true);

$groupTypes = json_encode($groupTypes, true);

$googleMapPlacesUrl = 'https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places';

$error_msg = "Por favor seleccione una ubicación real";

$js = <<<JS

const filters = {

  industryFilters: '$industryFilters',

  connectionLevelFilters: '$connectionLeves',

  employeeTypeFilters: '$_employeeTypes',

  companySizeFilters: '$companySizes',

  groupTypeFilters: '$groupTypes',

}

const backendVars={

  id: "$id",

  labelSend: "LABEL_SEND",

  labelUsers: "LABEL_USERS",

  labelWriteMessage: "LABEL_WRITE_YOUR_MESSAGE_HERE"

}

function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {

  autoComplete = new window.google.maps.places.Autocomplete(

    autoCompleteRef.current,

    { types: ["(cities)"]}

  );

  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);

  autoComplete.addListener("place_changed", () =>

    handlePlaceSelect(updateQuery, setAddresObject, setError)

  );

}

async function handlePlaceSelect(updateQuery, setAddresObject, setError) {

  const addressObject = autoComplete.getPlace();

  // console.log(addressObject.geometry.location.lat());

  // console.log(addressObject.geometry.location.lng());

  const query = addressObject.formatted_address;

  if(query){

    setError("");

    updateQuery(query);

    setAddresObject({...addressObject, address_components:[...addressObject.address_components, {latitude: addressObject.geometry.location.lat(),longitude: addressObject.geometry.location.lng(), types:["geometry"]}]});

  }else{

    setError("$error_msg");

  }

}

JS;

$this->inlineScript()->appendScript($js);

$this->inlineScript()->appendFile('/react-bundles/search/searchBundle.js');

?>

<div id="react_search" class="posts-section">

  <div class="process-comm" id="paginator-process-comm">

    <div class="spinner">

      <div class="bounce1"></div>

      <div class="bounce2"></div>

      <div class="bounce3"></div>

    </div>

  </div>

</div>