Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | Rev 4403 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
<?php
2
 
4113 efrain 3
use LeadersLinked\Library\Functions;
4
 
5
 
6
 
7
 
1 www 8
$routeDatatableTransaction = $this->url('account-settings/transactions');
9
$routeDatatableBrowser = $this->url('account-settings/browsers');
10
$routeDatatableIp = $this->url('account-settings/ips');
11
$routeDatatableDevice = $this->url('account-settings/devices');
12
$routeAddFund = $this->url('account-settings/transactions/add-funds');
13
$routeAddFacebook = $this->url('account-settings/add-facebook');
14
$routeRemoveFacebook = $this->url('account-settings/remove-facebook');
15
$routeAddTwitter = $this->url('account-settings/add-twitter');
16
$routeRemoveTwitter = $this->url('account-settings/remove-twitter');
17
$routeAddGoogle = $this->url('account-settings/add-google');
18
$routeRemoveGoogle = $this->url('account-settings/remove-google');
19
$routeDatatableTransaction = $this->url('account-settings/transactions');
20
$routeAddFund = $this->url('account-settings/transactions/add-funds');
21
$routeDatatableBrowser = $this->url('account-settings/browsers');
22
$routeDatatableIp = $this->url('account-settings/ips');
23
$routeDatatableDevice = $this->url('account-settings/devices');
24
 
25
$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');
26
 
27
 
28
$error_msg = "Por favor seleccione una ubicación real";
29
 
4113 efrain 30
 
31
$timezones = [];
1 www 32
$amountsJson = json_encode($amounts);
4113 efrain 33
$records = Functions::getAllTimeZones();
34
foreach($records as $record)
35
{
36
    $record = trim($record);
37
    $timezones[ $record ] = $record;
38
}
1 www 39
 
4113 efrain 40
 
41
 
42
 
43
$timezones = json_encode( $timezones );
1 www 44
$js = <<<JS
45
 
46
 
47
const backendVars = {
48
  twitter: $twitter,
49
  facebook: $facebook,
50
  google: $google,
51
  socialNetworkRoutes: {
52
    twitter:{
53
      add: '$routeAddTwitter',
54
      remove: '$routeRemoveTwitter',
55
    },
56
    facebook:{
57
      add: '$routeAddFacebook',
58
      remove: '$routeRemoveFacebook'
59
    },
60
    google: {
61
      add: '$routeAddGoogle',
62
      remove: '$routeRemoveGoogle'
63
    }
64
  },
65
  routeTransactions: '$routeDatatableTransaction',
66
  routeAddFunds: '$routeAddFund',
67
  balance: '$balance',
68
  amounts: JSON.parse('$amountsJson'),
69
  routeBrowsers: '$routeDatatableBrowser',
70
  routeIPs: '$routeDatatableIp',
4113 efrain 71
  routeDevices: "$routeDatatableDevice",
72
  timezones: JSON.parse('$timezones'),
1 www 73
}
74
 
75
// autoComplete place
76
let autoComplete;
77
 
78
function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {
79
  autoComplete = new window.google.maps.places.Autocomplete(
80
    autoCompleteRef.current,
81
    { types: ["(cities)"]}
82
  );
83
  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);
84
  autoComplete.addListener("place_changed", () =>
85
    handlePlaceSelect(updateQuery, setAddresObject, setError)
86
  );
87
}
88
 
89
async function handlePlaceSelect(updateQuery, setAddresObject, setError) {
90
  const addressObject = autoComplete.getPlace();
91
  // console.log(addressObject.geometry.location.lat());
92
  // console.log(addressObject.geometry.location.lng());
93
  const query = addressObject.formatted_address;
94
  if(query){
95
    setError("");
96
    updateQuery(query);
97
    setAddresObject({...addressObject, address_components:[...addressObject.address_components, {latitude: addressObject.geometry.location.lat(),longitude: addressObject.geometry.location.lng(), types:["geometry"]}]});
98
  }else{
99
    setError("$error_msg");
100
  }
101
}
102
JS;
103
$this->inlineScript()->appendScript($js);
104
$this->headLink()->appendStylesheet('/react-bundles/account-settings/main.css');
105
$this->inlineScript()->appendFile('/react-bundles/account-settings/accountSettingsBundle.js');
106
?>
107
 
108
<div id="react_account_settings">
109
  <div class="process-comm" id="paginator-process-comm">
110
    <div class="spinner">
111
      <div class="bounce1"></div>
112
      <div class="bounce2"></div>
113
      <div class="bounce3"></div>
114
    </div>
115
  </div>
116
</div>