');
o.append(l),
o.append(s);
var c = t('
');
r.places.forEach(function(e) {
var i = t("
" + e.info.name + "");
i.hover(function() {}),
c.append(i),
e.setMap(r.selected ? n.map : null)
}),
o.append(c),
l.click(function(t) {
c.toggleClass("open"),
l.find("span").toggleClass("iconup"),
t.preventDefault()
}),
s.find("input").change(function() {
n.resetNearbyPlaceAction(!0),
n.resetDirection();
var e = t(this).is(":checked");
r.selected = e;
var i = e ? n.map : null;
(r.places || []).forEach(function(t) {
t.setMap(i)
})
}),
r.selected && s.find("input").attr("checked", "checked"),
e.append(o)
}
})
}
,
n.getNearbyPlacesInfo = function(t) {
var e = new window.google.maps.places.PlacesService(n.map)
, i = [];
n.nearbyPlaces.forEach(function(t) {
i = i.concat(t.value)
});
var a = {
location: r.center,
radius: 1e3,
types: i
};
e.nearbySearch(a, function(e, i) {
("OK" === i && (e || []).forEach(function(t) {
var e = new window.MarkerWithLabel({
position: t.geometry.location,
icon: {
url: "/static/icons/current_location.svg",
scaledSize: new window.google.maps.Size(30,50)
},
zIndex: window.google.maps.Marker.MAX_ZINDEX
});
(t.types || []).forEach(function(i) {
var r = n.mapPlaceType[i];
r && r.places.indexOf(e) <= 0 && (r.places.push(e),
e.setIcon({
url: r.icon,
scaledSize: new window.google.maps.Size(r.width,r.height)
}),
e.info = t)
})
}),
t) && t("OK" === i, [])
})
}
,
n.initNearbyAreaPlaces = function() {
return t(".nearest-location").length ? new h.a({
el: "#nearby-map",
data: function() {
return {
groups: [{
name: "Trường học",
value: "schools",
icon: "/static/icons/school.svg"
}, {
name: "Y tế",
value: "hospitals",
icon: "/static/icons/medical.svg"
}, {
name: "Ăn uống",
value: "foods",
icon: "/static/icons/restaurant.svg"
}, {
name: "Mua sắm",
value: "markets",
icon: "/static/icons/supermarket.svg"
}],
nearbyAreaPlaces: a()({}, window.nearbyAreaPlaces || {}),
groupSelected: null,
placeSelected: null,
nearbyFacilities: []
}
},
computed: {
availableGroups: function() {
var t = this;
return this.groups.filter(function(e) {
return t.nearbyAreaPlaces[e.value].data.length > 0
})
}
},
mounted: function() {
Array.isArray(this.availableGroups) && this.availableGroups[0] && this.selectGroup(this.availableGroups[0]),
window.clearPlaceSelected = this.clearPlaceSelected.bind(this),
window.selectGroupByValue = this.selectGroupByValue.bind(this),
window.resetNearbyPlacesState = this.resetState.bind(this)
},
methods: {
clearPlaceSelected: function() {
this.placeSelected = null
},
onSelectPlace: function(t) {
this.placeSelected = t;
var e = new window.google.maps.LatLng(t.geolocation.lat,t.geolocation.lon);
n.startDirection(null, e)
},
selectGroup: function(t) {
var e = this;
t !== this.groupSelected && (this.groupSelected = t,
this.groupSelected && this.nearbyAreaPlaces[this.groupSelected.value] && (this.nearbyFacilities.forEach(function(t) {
return t.setMap(null)
}),
this.nearbyFacilities = this.nearbyAreaPlaces[this.groupSelected.value].data.map(function(t) {
var i = new window.MarkerWithLabel({
position: new window.google.maps.LatLng(t.geolocation.lat,t.geolocation.lon),
icon: {
url: e.groupSelected.icon,
scaledSize: new window.google.maps.Size(30,50)
},
labelClass: "gmap-label top"
});
return i.addListener("mouseover", function() {
this.setZIndex(this.getZIndex() + 1e3),
n.infowindow && n.infowindow.close(),
n.infowindow = new window.google.maps.InfoWindow({
content: '
' + t.name + "
Khoảng cách: " + t.distance_formatted + "
"
}),
n.infowindow.open({
map: n.map,
anchor: i
})
}),
i.addListener("mouseout", function() {
this.setZIndex(this.getZIndex() - 1e3),
n.infowindow && n.infowindow.close()
}),
i.addListener("click", function() {
e.onSelectPlace(t)
}),
i.setMap(n.map),
i
})))
},
selectGroupByValue: function(t) {
var e = this.availableGroups.filter(function(e) {
return e.value === t
})[0];
e || console.log("Group value not work!"),
this.selectGroup(e)
},
resetState: function() {
this.clearPlaceSelected(),
n.resetDirection()
}
}
}) : null
}
,
n.initTraffic = function() {
n.directionsService = new window.google.maps.DirectionsService,
n.directionsDisplay = new window.google.maps.DirectionsRenderer,
n.directionsDisplay.setOptions({
polylineOptions: {
strokeColor: "#c72528",
strokeWeight: 6,
strokeOpacity: .8
}
}),
n.directionsDisplay.setMap(n.map),
n.trafficType.forEach(function(e) {
var i = t(".cover-nearby .traffic-type")
, r = t('
');
r.click(function(t) {
t.preventDefault(),
i.find("a").removeClass("active"),
r.addClass("active"),
n.startDirection(e.value)
}),
i.append(r)
}),
t(".cover-nearby .traffic-type a").removeClass("active"),
t(".cover-nearby .traffic-type a[data-type=" + n.directionOption.type + "]").addClass("active"),
n.direction.forEach(function(t) {
t.distance = n.getDistanceFromLatLon(t.value.lat(), t.value.lng(), r.center.lat(), r.center.lng()),
n.renderDirection(t)
});
var e = document.getElementById("nearby-search");
e.style.fontSize = "14px";
var i = new window.google.maps.places.Autocomplete(e)
, a = "";
e.addEventListener("change", function() {
a = e.value,
l.a.track(C.a.AMENITY_SEARCH_SUGGEST, {
rever_id: O.rever_id,
service_type: O.service_type,
search_term: e.value
})
}),
i.bindTo("bounds", n.map),
i.addListener("place_changed", function() {
console.log(i);
var t = i.getPlace();
if (l.a.track(C.a.AMENITY_SEARCH_SELECT, {
rever_id: O.rever_id,
service_type: O.service_type,
search_term: a,
selected_suggestion: [t.name, t.formatted_address].join(", ")
}),
t.geometry) {
var o = t.geometry.location.lat()
, s = t.geometry.location.lng()
, c = {
name: t.name,
value: new window.google.maps.LatLng(o,s),
distance: n.getDistanceFromLatLon(o, s, r.center.lat(), r.center.lng())
};
n.direction.push(c),
n.renderDirection(c),
n.startDirection(null, c.value),
e.value = ""
}
}),
t(".cover-nearby form[name=search-nearby]").submit(function(t) {
t.preventDefault()
})
}
,
n.renderDirection = function(e) {
var i = n.genMakerKey(e.value.lat(), e.value.lng())
, r = t('
' + e.name + '' + e.distance + "
");
if (!e.lock) {
var a = t('
');
a.click(function(t) {
t.preventDefault();
var i = n.direction.indexOf(e);
i >= 0 && n.direction.length > i && n.direction.splice(i, 1),
r.remove(),
n.resetDirection()
}),
r.append(a)
}
r.click(function(t) {
t.preventDefault(),
r.addClass("active"),
n.startDirection(null, e.value),
window.clearPlaceSelected && window.clearPlaceSelected()
}),
t(".cover-nearby .directions").append(r)
}
,
n.resetDirection = function(e) {
var i = e ? n.map : null;
n.directionsDisplay.setMap(i),
i || t(".cover-nearby .directions li.active").removeClass("active")
}
,
n.startDirection = function(e, i) {
if (n.resetNearbyPlaceAction(),
n.resetDirection(!0),
e = e || n.directionOption.type,
i = i || n.directionOption.end,
n.directionOption.type = e,
n.directionOption.end = i,
t(".cover-nearby .traffic-type a").removeClass("active"),
t(".cover-nearby .traffic-type a[data-type=" + n.directionOption.type + "]").addClass("active"),
!n.directionOption.end) {
var a = t(".cover-nearby .directions li");
if (a[0]) {
var o = (t(a[0]).attr("data-value") || "").split("@");
n.directionOption.end = new window.google.maps.LatLng(parseFloat(o[0]),parseFloat(o[1]))
}
}
if (n.directionOption.type && n.directionOption.end) {
var s = n.genMakerKey(n.directionOption.end.lat(), n.directionOption.end.lng());
t(".cover-nearby .directions li.active").removeClass("active"),
t('.cover-nearby .directions li[data-value="' + s + '"]').addClass("active"),
n.directionsService.route({
origin: r.center,
destination: n.directionOption.end,
travelMode: n.directionOption.type
}, function(t, e) {
e === window.google.maps.DirectionsStatus.OK && (n.directionsDisplay.setDirections(t),
n.nearbyArea.setMap(null),
n.map.setZoom(n.map.getZoom() - 1))
})
}
}
,
n.getDistanceFromLatLon = function(t, e, n, i) {
var r = (n - t) * (Math.PI / 180)
, a = (i - e) * (Math.PI / 180)
, o = Math.sin(r / 2) * Math.sin(r / 2) + Math.cos(t * (Math.PI / 180)) * Math.cos(n * (Math.PI / 180)) * Math.sin(a / 2) * Math.sin(a / 2)
, s = 2 * Math.atan2(Math.sqrt(o), Math.sqrt(1 - o));
return parseFloat(6371 * s).toFixed(2) + " km"
}
,
n.init(e),
n
},
initNearByMapAction: function() {
var e = this;
t(".img-map").click(function() {
e.nearbyMap ? t("a.full-screen-act").trigger("click") : o.b.waitForVariable("google.maps", function() {
e.initNearByMap(function() {
t("a.full-screen-act").trigger("click")
}),
e.nearbyMap = !0
})
})
},
initCalcMortgageTool: function() {
function t(t) {
return console.log(t),
{
property_price: 1e9 * t.price,
loan_rate: t.ratio,
loan_price: 1e9 * t.loanPrice,
loan_term: t.term,
interest_rate: t.interest,
loan_type: t.payment === T.a.decrease ? A.a.CALC_MORTGAGE.LOAN_TYPE.AMORTIZED_LOAN : A.a.CALC_MORTGAGE.LOAN_TYPE.EQUATED_MONTHLY_INSTALLMENT
}
}
n("4TNo"),
c.a.$on(c.b.CALC_MORTGAGE_CALCULATE, function(e) {
console.log(e),
l.a.track(C.a.PROPERTY_LOAN_CALCULATE, {
rever_id: O.rever_id,
service_type: O.service_type,
loan_data: t(e)
})
}),
c.a.$on(c.b.CALC_MORTGAGE_VIEW_PAYMENT, function(e) {
console.log(e),
l.a.track(C.a.PROPERTY_LOAN_POPUP, {
rever_id: O.rever_id,
service_type: O.service_type,
loan_data: t(e)
})
}),
c.a.$on(c.b.CALC_MORTGAGE_DOWNLOAD_PAYMENT, function(e) {
console.log(e),
l.a.track(C.a.PROPERTY_LOAN_DOWNLOAD, {
rever_id: O.rever_id,
service_type: O.service_type,
loan_data: t(e)
})
})
},
initHotlineHidden: function() {
S.a.on("a[data-phone-hidden]", function(t) {
t.style.opacity = 1;
var e = "";
try {
e = document.forms.info["agent-phone"].value
} catch (t) {
console.debug("Get hotline fail => Fallback"),
e = window.hotline
}
var n = a()({
category: "",
event: "",
label: "",
phone: e,
property_id: "",
agent_id: "",
project_id: ""
}, o.b.parseAttributeParams(t.getAttribute("data-phone-hidden")));
t.addEventListener("click", function e() {
t.classList.add("show-phone"),
t.removeEventListener("click", e);
var i = t.querySelector(".text");
if (!i)
return console.error("class .text not found");
if (i.textContent = n.phone,
n.event && n.category) {
var r = {
property_id: n.property_id,
agent_id: n.agent_id,
project_id: n.project_id,
phone: n.phone
};
o.b.removeEmptyParams(r),
window.analytics && window.analytics.track(n.category + "_" + n.event, r),
window.clarity && window.clarity("set", n.event, n.category),
P ? l.a.track(C.a.PROPERTY_CALL, {
rever_id: O.rever_id,
service_type: O.service_type,
agent_email: O.agent_email,
call_module: A.a.PROPERTY.CALL_MODULE.DIRECT,
phone: O.agent_phone
}) : l.a.track(C.a.PROPERTY_HOTLINE_CALL, {
rever_id: O.rever_id,
service_type: O.service_type
})
}
})
})
},
initHubspotChatbox: function() {
this.hsChatbox = new E.default({
onShow: function() {
l.a.track(C.a.PROPERTY_CHAT_POPUP, {
rever_id: O.rever_id,
service_type: O.service_type
})
},
onClose: function() {
l.a.track(C.a.PROPERTY_CHAT_CLOSE, {
rever_id: O.rever_id,
service_type: O.service_type
})
}
})
}
},
provide: function() {
return {
clickRequestCallPopup: this.clickRequestCallPopup.bind(this)
}
},
mounted: function() {
var e = this;
NodeList.prototype.forEach = Array.prototype.forEach,
o.b.loadLazyComponents(),
window.onClickConnectISAZalo = this.onClickConnectISAZalo.bind(this),
window.onClickButtonReport = this.onClickButtonReport.bind(this),
window.showSocialSharing = this.showSocialSharing.bind(this),
window.showAgentInfoPopup = this.showAgentInfoPopup.bind(this),
o.b.waitForVariable("$.fancybox", function() {
t("head").append(t("