Proyectos de Subversion LeadersLinked - Antes de SPA

<?php

use LeadersLinked\Model\Theme;

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

$currentNetworkHelper = $this->currentNetworkHelper();
$currentNetwork = $currentNetworkHelper->getNetwork();

// months
$months = [
  'LABEL_MONTH_JANUARY',
  'LABEL_MONTH_FEBRUARY',
  'LABEL_MONTH_MARCH',
  'LABEL_MONTH_APRIL',
  'LABEL_MONTH_MAY',
  'LABEL_MONTH_JUNE',
  'LABEL_MONTH_JULY',
  'LABEL_MONTH_AUGUST',
  'LABEL_MONTH_SEPTEMBER',
  'LABEL_MONTH_OCTOBER',
  'LABEL_MONTH_NOVEMBER',
  'LABEL_MONTH_DECEMBER',
];

// vars to json
$userExperiences = json_encode($user_experiences);
$userEducations = json_encode($user_educations);
$monthsJson = json_encode($months);
$userLanguages = json_encode($user_languages);
$userSkills = json_encode($user_skills);
$companySizesOptions = json_encode($company_sizes);
$degreesOptions = json_encode($degrees);
$industriesOptions = json_encode($industries);
$languagesOptions = json_encode($languages);
$skillsOptions = json_encode($skills);
$userAptitudes = json_encode($user_aptitudes);
$userHobbiesAndInterests = json_encode($user_hobbies_and_interests);
$aptitudesOptions = json_encode($aptitudes);
$hobbiesAndInterestsOptions = json_encode($hobbies_and_interests);

$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


// autoComplete place
let autoComplete;

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");
  }
}

const skillsArray = Object.entries($userSkills).map(([key, value]) => ({ value: key, name: value }))
const skillsOptions = Object.entries($skillsOptions).map(([key, value]) => ({ value: key, name: value }))
const languagesArray = Object.entries($userLanguages).map(([key, value]) => ({ value: key, name: value }))
const languagesOptions = Object.entries($languagesOptions).map(([key, value]) => ({ value: key, name: value }))
const aptitudesArray = Object.entries($userAptitudes).map(([key, value]) => ({ value: key, name: value }))
const aptitudesOptions = Object.entries($aptitudesOptions).map(([key, value]) => ({ value: key, name: value }))
const userHobbiesAndInterests = Object.entries($userHobbiesAndInterests).map(([key, value]) => ({ value: key, name: value }))
const hobbiesAndInterestsOptions = Object.entries($hobbiesAndInterestsOptions).map(([key, value]) => ({ value: key, name: value }))

const backendVars = {
  userIdEncrypted:"$user_uuid",
  userProfileIdEncrypted:"$user_profile_uuid",
  cover:"$cover",
  following:"$following",
  follower:"$follower",
  image:"$image",
  facebook: "$facebook",
  twitter: "$twitter",
  instagram: "$instagram",
  fullName: `$full_name`,
  overview: `$overview`,
  userExperiences: $userExperiences,
  userEducations: JSON.parse('$userEducations'),
  months: JSON.parse('$monthsJson'),
  formatted_address: "$formatted_address",
  userLanguages: languagesArray,
  userSkills: skillsArray,
  userAptitudes: aptitudesArray,
  userHobbiesAndInterests: userHobbiesAndInterests,
  imageSizeCover: "$image_size_cover",
  imageProfileCover: "$image_size_profile",
  companySizesOptions: JSON.parse('$companySizesOptions'),
  degreesOptions: JSON.parse('$degreesOptions'),
  industriesOptions: JSON.parse('$industriesOptions'),
  // industriesOptions: [],
  newIndustrisOptions: JSON.parse('$industriesOptions'),
  languagesOptions: languagesOptions,
  skillsOptions: skillsOptions,
  aptitudesOptions: aptitudesOptions,
  hobbiesAndInterestsOptions: hobbiesAndInterestsOptions,
}

JS;
$this->inlineScript()->appendScript($js);
if ($currentNetwork->theme_id == Theme::THEME_LEADERSLINKED_LINKEDIN) {
  $this->headLink()->appendStylesheet('/react-bundles/profile/edit/main.css');
  $this->inlineScript()->appendFile('/react-bundles/profile/edit/linkedinProfileEditBundle.js');
  $this->headLink()->appendStylesheet('/react-bundles/profile/view/main.css');
} else {
  $this->headLink()->appendStylesheet('/react-bundles/profile/edit/main.css');
  $this->inlineScript()->appendFile('/react-bundles/profile/edit/profileEditBundle.js');
}
?>


<div id="react-my-profile-edit">
  <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>
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>