@layout("/common/_container.html"){
|
<style>
|
span{
|
color: red;
|
}
|
</style>
|
<head>
|
</head>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<input hidden id="id" value="${item.id}">
|
|
<div class="form-horizontal">
|
<br class="row">
|
<br class="col-sm-6">
|
<div class="form-group">
|
<div>
|
@if(language==1){
|
<#input id="name" name="名称" value="${item.name}" />
|
@}
|
@if(language==2){
|
<#input id="name" name="Name" value="${item.name}" />
|
@}
|
@if(language==3){
|
<#input id="name" name="Nama" value="${item.name}" />
|
@}
|
|
</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%;">
|
@for(i in item1){
|
<option value="${i.id}" ${i.id == item.areaId ? 'selected=selected' : ''}>${i.chineseName}</option>
|
@}
|
</select>
|
|
</div>
|
</div>
|
</div>
|
@if(language==1){
|
<#select id="cityId1" name="市：" >
|
<option value="">选择市</option>
|
@for(city in cityList){
|
<option value="${city.id}" ${city.id == item.cityId ? 'selected=selected' : ''}>${city.chineseName}</option>
|
@}
|
</#select>
|
@}
|
@if(language==2){
|
<#select id="cityId1" name="city：" >
|
<option value="">Select city</option>
|
@for(city in cityList){
|
<option value="${city.id}" ${city.id == item.cityId ? 'selected=selected' : ''}>${city.chineseName}</option>
|
@}
|
</#select>
|
@}
|
@if(language==3){
|
<#select id="cityId1" name="kota：" >
|
<option value="">Pilih kota</option>
|
@for(city in cityList){
|
<option value="${city.id}" ${city.id == item.cityId ? 'selected=selected' : ''}>${city.chineseName}</option>
|
@}
|
</#select>
|
@}
|
|
<div>
|
@if(language==1){
|
<#input id="address" name="搜索地址" value="${item.address }" />
|
@}
|
@if(language==2){
|
<#input id="address" name="search address" value="${item.address }" />
|
@}
|
@if(language==3){
|
<#input id="address" name="alamat pencarian" value="${item.address }" />
|
@}
|
|
<input type="hidden" id="lat" value="${item.lat}">
|
<input type="hidden" id="lng" value="${item.lon}">
|
</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 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.editSubmit()"/>
|
<#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.editSubmit()"/>
|
<#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.editSubmit()"/>
|
<#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 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCnvS7Xm3utDjc2fdd5Gvk5E1-bavcrzAA&callback=initMap&v=weekly&libraries=places" defer></script>
|
<script>
|
let map;
|
let language =$("#language").val()
|
let markers = [];
|
function initMap() {
|
var latlnt = {lat: parseFloat($('#lat').val()), lng: parseFloat($('#lng').val())}
|
|
|
map = new google.maps.Map(document.getElementById("googleMap"), {
|
zoom: 6,
|
center: latlnt,
|
});
|
|
map.addListener("click", (e) => {
|
placeMarkerAndPanTo(e.latLng, map);
|
});
|
|
|
markers.push(
|
new google.maps.Marker({
|
position: latlnt,
|
map: map,
|
})
|
);
|
map.panTo(latlnt);
|
}
|
|
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(language==1){
|
Feng.success("定位成功!");
|
}else if(language==2){
|
Feng.success("Positioning for Success!");
|
}else {
|
Feng.success("Posisi untuk Sukses!");
|
}
|
}else{
|
Feng.error(data.msg);
|
}
|
},
|
error: function(data) {
|
if(language==1){
|
Feng.error("定位失败!");
|
}else if(language==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>
|
@}
|
