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');
$this->inlineScript()->appendFile('/js/scrollbar.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>