@layout("/common/_container.html"){
|
<style>
|
span{
|
color: red;
|
}
|
</style>
|
<head>
|
|
</head>
|
<div class="ibox float-e-margins" xmlns="http://www.w3.org/1999/html">
|
<div class="ibox-content">
|
|
<div class="form-horizontal">
|
|
<br class="row">
|
<br class="col-sm-6">
|
<div class="form-group">
|
<div>
|
@if(language==1){
|
<#input id="name" name="名称" />
|
@}
|
@if(language==2){
|
<#input id="name" name="Name" />
|
@}
|
@if(language==3){
|
<#input id="name" name="Nama" />
|
@}
|
</div>
|
@if(language==1){
|
<label class="col-sm-3 control-label" style="padding-top: 5px;text-align: right">省:</label>
|
@}
|
@if(language==2){
|
<label class="col-sm-3 control-label" style="padding-top: 5px;text-align: right">province:</label>
|
@}
|
@if(language==3){
|
<label class="col-sm-3 control-label" style="padding-top: 5px;text-align: right">provinsi:</label>
|
@}
|
<div class="col-sm-9">
|
<div class="col-sm-6" style="padding-left: 0px">
|
<select class="form-control" id="cityId" onchange="TbHotAddressDlg.provinceChange()" style="width: 207%;">
|
@if(language==1){
|
<option value="">选择省</option>
|
@}
|
@if(language==2){
|
<option value="">Selective province</option>
|
@}
|
@if(language==3){
|
<option value="">Provinsi Selektif</option>
|
@}
|
|
@for(i in item){
|
<option value="${i.id}">${i.chineseName}</option>
|
@}
|
</select>
|
|
</div>
|
</div>
|
</div>
|
@if(language==1){
|
<#select id="cityId1" name="市：" onchange="TbHotAddressDlg.cityChange()">
|
<option value="">选择市</option>
|
</#select>
|
@}
|
@if(language==2){
|
<#select id="cityId1" name="city：" onchange="TbHotAddressDlg.cityChange()">
|
<option value="">choose city</option>
|
</#select>
|
@}
|
@if(language==3){
|
<#select id="cityId1" name="kota：" onchange="TbHotAddressDlg.cityChange()">
|
<option value="">pilih kota</option>
|
</#select>
|
@}
|
<div>
|
@if(language==1){
|
<#input id="address" name="搜索地址" />
|
@}
|
@if(language==2){
|
<#input id="address" name="search address" />
|
@}
|
@if(language==3){
|
<#input id="address" name="alamat pencarian" />
|
@}
|
|
<input type="hidden" id="lat">
|
<input type="hidden" id="lng">
|
</div>
|
<div id="googleMap" style="width:800px;height:380px;margin-left: 330px"></div>
|
<div>
|
@if(language==1){
|
<#input id="sort" name="排序" />
|
@}
|
@if(language==2){
|
<#input id="sort" name="sort" />
|
@}
|
@if(language==3){
|
<#input id="sort" name="sort" />
|
@}
|
|
</div>
|
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
@if(language==1){
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TbHotAddressDlg.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TbHotAddressDlg.close()"/>
|
@}
|
@if(language==2){
|
<#button btnCss="info" name="Submit" id="ensure" icon="fa-check" clickFun="TbHotAddressDlg.addSubmit()"/>
|
<#button btnCss="danger" name="Cancel" id="cancel" icon="fa-eraser" clickFun="TbHotAddressDlg.close()"/>
|
@}
|
@if(language==3){
|
<#button btnCss="info" name="Kirim" id="ensure" icon="fa-check" clickFun="TbHotAddressDlg.addSubmit()"/>
|
<#button btnCss="danger" name="Batal" id="cancel" icon="fa-eraser" clickFun="TbHotAddressDlg.close()"/>
|
@}
|
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script src="${ctxPath}/modular/system/tHotAddress/tbHotAddress_info.js"></script>
|
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCnvS7Xm3utDjc2fdd5Gvk5E1-bavcrzAA&callback=initMap&v=weekly&libraries=places"></script>
|
<script>
|
let language1 =$("#language").val()
|
console.log(language1+"asaas")
|
let map;
|
let markers = [];
|
function initMap() {
|
map = new google.maps.Map(document.getElementById("googleMap"), {
|
zoom: 6,
|
center: { lat: -6.9174639, lng: 107.6191228 },
|
});
|
|
map.addListener("click", (e) => {
|
placeMarkerAndPanTo(e.latLng, map);
|
});
|
}
|
|
function placeMarkerAndPanTo(latLng, map) {
|
clearMarkers();
|
markers.push(
|
new google.maps.Marker({
|
position: latLng,
|
map: map,
|
})
|
);
|
map.panTo(latLng);
|
|
var lat = latLng.lat;
|
var lng = latLng.lng;
|
$('#lat').val(lat);
|
$('#lng').val(lng);
|
|
queryPlaceInfo(lat, lng);
|
}
|
|
window.initMap = initMap;
|
|
|
function clearMarkers() {
|
for (let i = 0; i < markers.length; i++) {
|
markers[i].setMap(null);
|
}
|
markers = [];
|
}
|
|
|
function queryPlaceInfo(lat, lng) {
|
$.ajax({
|
type: 'GET',
|
url: Feng.ctxPath + "/THotAddress/queryPlaceInfo",
|
data: {
|
lat: lat,
|
lng: lng
|
},
|
success: function(data) {
|
if(data.code == 200){
|
$('#address').val(data.data);
|
if(language1==1){
|
Feng.success("定位成功!");
|
}else if(language1==2){
|
Feng.success("Positioning for Success!");
|
}else {
|
Feng.success("Posisi untuk Sukses!");
|
}
|
|
}else{
|
Feng.error(data.msg);
|
}
|
},
|
error: function(data) {
|
if(language1==1){
|
Feng.error("定位失败!");
|
}else if(language1==2){
|
Feng.error("Failure to locate!");
|
}else {
|
Feng.error("Gagal menemukan!");
|
}
|
|
}
|
});
|
}
|
|
laydate.render({
|
elem: '#time',
|
format:'yyyy-MM-dd HH:mm:ss',
|
range: true
|
,lang:"en"
|
});
|
</script>
|
@}
|
