Proyectos de Subversion LeadersLinked - Antes de SPA

<?php

use LeadersLinked\Model\Network;

$acl            = $this->viewModel()->getRoot()->getVariable('acl');

$currentUser    = $this->currentUserHelper();
$roleName = $currentUser->getUserTypeId();


$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();

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


$allowSearchCompany = $acl->isAllowed($roleName, 'search/company') ? 1 : 0;


$allowViewConnectionLevelFilter = $currentNetwork->relationship_user_mode == Network::RELATIONSHIP_USER_MODE_USER_2_USER ? 1 : 0;

$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,
  allowSearchCompany: '$allowSearchCompany' === '1',  
  allowViewConnectionLevelFilter:  '$allowViewConnectionLevelFilter' === '1',   
}


const backendVars={
  id: "$id",
  labelSend: "LABEL_SEND",
  labelUsers: "LABEL_USERS",
  labelWriteMessage: "LABEL_WRITE_YOUR_MESSAGE_HERE",
 
}

const LABELS = {
  MY_GROUPS: 'LABEL_MY_GROUPS',
  GROUPS: 'LABEL_GROUPS',
  WHAT_ARE_YOU_THINKING: 'LABEL_WHAT_ARE_YOU_THINKING',
  GROUP_VIEW: 'LABEL_GROUP_VIEW',
  VIEW_MORE: 'LABEL_VIEW_MORE',
  VIEW_LESS: 'LABEL_VIEW_LESS',
  WHO_HAS_SEEN_MY_PROFILE: 'LABEL_WHO_HAS_SEEN_MY_PROFILE',
  CONNECT_WITH: 'LABEL_CONNECT_WITH',
  POSTS: 'LABEL_POSTS',
  DATATABLE_EMPTY: 'LABEL_DATATABLE_EMPTY',
  CONNECT: 'LABEL_CONNECT',
  CANCEL: 'LABEL_CANCEL',
  NOT_AVAILABLE_POSTS: 'LABEL_NOT_AVAILABLE_POSTS',
  MICRO_LEARNING: 'LABEL_MICRO_LEARNING',
  NOT_AVAILABLE_FEEDS: 'LABEL_NOT_AVAILABLE_FEEDS',
  SEND: 'LABEL_SEND',
  SHARE_A_POST: 'LABEL_SHARE_A_POST',
  SHARE_WITH: 'LABEL_SHARE_WITH',
  CONNECTIONS: 'LABEL_CONNECTIONS',
  PUBLIC: 'LABEL_PUBLIC',
  SUGGEST_GROUPS: 'LABEL_SUGGEST_GROUPS',
  VIEW_RECOMMENDATIONS: 'LABEL_VIEW_RECOMMENDATIONS',
  IMAGE: 'LABEL_IMAGE',
  DOCUMENT: 'LABEL_DOCUMENT',
  AUDIO: 'LABEL_AUDIO',
  VIDEO: 'LABEL_VIDEO',
  WRITE_A_POST: 'LABEL_WRITE_A_POST',
  DELETE: 'LABEL_DELETE',
  DOWNLOAD: 'LABEL_DOWNLOAD',
  READ_MORE: 'LABEL_READ_MORE',
  READ_LESS: 'LABEL_READ_LESS',
  LIKE: 'LABEL_LIKE',
  COMMENT: 'LABEL_COMMENT',
  SHARE: 'LABEL_SHARE',
  SHARED: 'LABEL_SHARED',
  COMMENTS: 'LABEL_COMMENTS',
  SENDS: 'LABEL_SENDS',
  WRITE_A_COMMENT: 'LABEL_WRITE_A_COMMENT'
}

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->headLink()->appendStylesheet('/look-and-field/search.css');
?>

<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>