File: h:/root/home/kytoffice-001/www/expresstinou/wp-content/plugins/google-map-wp/admin/maps_view.php
<?php
function show_map()
{
global $wpdb;
$path_site2 = plugins_url("../images", __FILE__);
?>
<div class="slider-options-head">
<div style="float: left;">
<div><a href="http://huge-it.com/wordpress-plugins-google-maps-user-manual/" target="_blank">User Manual</a></div>
<div>This section allows you to configure the map options. <a href="http://huge-it.com/wordpress-plugins-google-maps-user-manual/" target="_blank">More...</a></div>
</div>
<div style="float: right;">
<a class="header-logo-text" href="http://huge-it.com/google-maps" target="_blank">
<div><img width="250px" src="<?php echo $path_site2; ?>/huge-it1.png" /></div>
<div>Get the full version</div>
</a>
</div>
</div>
<div class="maps_list_container">
<h2 class="table_heading">
Huge-IT Google maps
<a class="new_map_create" href="admin.php?page=hugeitgooglemaps_main&task=add_cat">Add New Map</a>
</h2>
<table class="maps_table">
<thead>
<tr>
<th scope="col" id="id" style="width:30px" ><span>ID</span><span class="sorting-indicator"></span></th>
<th scope="col" id="name" style="width:85px" ><span>Name</span><span class="sorting-indicator"></span></th>
<th scope="col" id="action" style="width:85px" ><span>Action</span><span class="sorting-indicator"></span></th>
<th scope="col" id="shortcode" style="width:85px" ><span>Shortcode</span><span class="sorting-indicator"></span></th>
<th style="width:40px">Delete</th>
</tr>
</thead>
<tbody>
<?php
$sql="SELECT * FROM ".$wpdb->prefix."g_maps ORDER BY id ASC";
$getMaps = $wpdb->get_results($sql);
if(count($getMaps) > 0)
{
$c = 1;
foreach($getMaps as $map)
{
$i = $c%2;
?>
<tr class="<?php if($i == 1){ echo "has_background"; } ?>">
<td><?php echo $map->id; ?></td>
<td><a href="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $map->id; ?>"><?php echo esc_html(stripslashes($map->name)); ?></a>
<td><a href="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $map->id; ?>">Edit</a></td>
<td>[huge_it_maps id="<?php echo $map->id ?>"]</td>
<td><a href="admin.php?page=hugeitgooglemaps_main&task=remove_cat&id=<?php echo $map->id; ?>">Delete</a></td>
</tr>
<?php ;
$c++;
}
}
?>
</tbody>
</table>
</div>
<?php ;
}
function edit_map()
{
$path_site2 = plugins_url("../images", __FILE__);
?>
<div class="slider-options-head">
<div style="float: left;">
<div><a href="http://huge-it.com/wordpress-plugins-google-maps-user-manual/" target="_blank">User Manual</a></div>
<div>This section allows you to configure the map options. <a href="http://huge-it.com/wordpress-plugins-google-maps-user-manual/" target="_blank">More...</a></div>
</div>
<div style="float: right;">
<a class="header-logo-text" href="http://huge-it.com/google-maps" target="_blank">
<div><img width="250px" src="<?php echo $path_site2; ?>/huge-it1.png" /></div>
<div>Get the full version</div>
</a>
</div>
</div>
<?php
require_once("marker_func.php");
require_once("polygone_func.php");
require_once("polyline_func.php");
require_once("circle_func.php");
maps_js($_GET['id']);
marker_js($_GET['id']);
polygone_js($_GET['id']);
polyline_js($_GET['id']);
circle_js($_GET['id']);
ajax_js($_GET['id']);
global $wpdb;
$sql=$wpdb->prepare("SELECT * FROM ".$wpdb->prefix."g_maps WHERE id=%s",$_GET['id']);
$getMap = $wpdb->get_results($sql);
if(count($getMap) > 0)
{
$id=$_GET['id'];
if(isset($_POST['map_submit']))
{
global $wpdb;
$map_name = $_POST['map_name'];
$map_zoom = $_POST['map_zoom'];
$map_center_lat = $_POST['map_center_lat'];
$map_center_lng = $_POST['map_center_lng'];
$map_center_addr = $_POST['map_center_addr'];
$border_radius = $_POST['map_border_radius'];
$width = $_POST['map_width'];
$height = $_POST['map_height'];
$align = $_POST['map_align'];
if(isset($_POST['map_controller_pan']))
{
$pan_controller = $_POST['map_controller_pan'];
}
else
{
$pan_controller = "false";
}
if(isset($_POST['map_controller_zoom']))
{
$zoom_controller = $_POST['map_controller_zoom'];
}
else
{
$zoom_controller = "false";
}
if(isset($_POST['map_controller_type']))
{
$type_controller = $_POST['map_controller_type'];
}
else
{
$type_controller = "false";
}
if(isset($_POST['map_controller_scale']))
{
$scale_controller = $_POST['map_controller_scale'];
}
else
{
$scale_controller = "false";
}
if(isset($_POST['map_controller_street_view']))
{
$street_view_controller = $_POST['map_controller_street_view'];
}
else
{
$street_view_controller = "false";
}
if(isset($_POST['map_controller_overview']))
{
$overview_controller = $_POST['map_controller_overview'];
}
else
{
$overview_controller = "false";
}
$sql = $wpdb->prepare("UPDATE ".$wpdb->prefix."g_maps SET pan_controller=%s,zoom_controller=%s,type_controller=%s,scale_controller=%s, street_view_controller=%s,overview_map_controller=%s,border_radius=%s,width=%s,height=%s,align=%s,name=%s,zoom=%s,center_lat=%s, center_lng=%s WHERE id=%s",
$pan_controller,$zoom_controller,$type_controller,$scale_controller,$street_view_controller,$overview_controller,$border_radius,$width,$height,$align,$map_name,$map_zoom,$map_center_lat,$map_center_lng,$id);
$updateMap = $wpdb->query($sql);
if($updateMap)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
if(isset($_POST['marker_submit']))
{
$lng = $_POST['marker_location_lng'];
$lat = $_POST['marker_location_lat'];
if(!empty($lat) && !empty($lng))
{
$title=$_POST['marker_title'];
$animation = $_POST['marker_animation'];
$description = htmlspecialchars($_POST['marker_description']);
$image_size=$_POST['marker_image_size'];
if(!empty($_POST['marker_image_change']) && empty($_POST['marker_pic']))
{
$image_size = $_POST['marker_image_size'];
$image =$_POST['marker_image_change'];
$url = get_home_path();
$img=plugins_url("google-map-wp/images/icons/".$image."".$image_size.".png");
}
if(empty($_POST['marker_image_change']) && !empty($_POST['marker_pic']))
{
$img = $_POST['marker_pic_name'];
}
if(!empty($_POST['marker_image_change']) && !empty($_POST['marker_pic']))
{
$img = $_POST['marker_pic_name'];
}
$sql = $wpdb->prepare("INSERT INTO ".$wpdb->prefix."g_markers (map,title, animation,lat, lng, description, img, size) VALUES (%s,%s,%s,%s,%s,%s,%s,%s)",
$id,$title,$animation,$lat,$lng,$description,$img,$image_size);
$insertMarker = $wpdb->query($sql);
if($insertMarker)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
}
if(isset($_POST['marker_edit_submmit']))
{
$lng = $_POST['marker_edit_location_lng'];
$lat = $_POST['marker_edit_location_lat'];
$title=$_POST['marker_edit_title'];
$animation = $_POST['marker_edit_animation'];
$id= $_POST['marker_get_id'];
$description = $_POST['marker_edit_description'];
$image_size=$_POST['marker_edit_image_size'];
if(!empty($_POST['marker_edit_image_change']) && empty($_POST['marker_edit_pic']))
{
$image_size=$_POST['marker_edit_image_size'];
$image =$_POST['marker_edit_image_change'];
$url = get_home_path();
$img=plugins_url("google-map-wp/images/icons/".$image."".$image_size.".png");
}
if(empty($_POST['marker_edit_image_change']) && !empty($_POST['marker_edit_pic']))
{
$img = $_POST['marker_edit_pic_name'];
}
if(!empty($_POST['marker_edit_image_change']) && !empty($_POST['marker_edit_pic']))
{
$img = $_POST['marker_edit_pic_name'];
}
if(empty($_POST['marker_edit_image_change']) && empty($_POST['marker_edit_pic']))
{
$getMarkerImg = $wpdb->get_results($wpdb->prepare("SELECT * FROM ".$wpdb->prefix."g_markers WHERE id=%s",$id));
foreach($getMarkerImg as $markerImg)
{
$img = $markerImg->img;
}
}
$sql = $wpdb->prepare("UPDATE ".$wpdb->prefix."g_markers SET title=%s,size=%s, lat=%s, lng=%s, animation=%s, img=%s WHERE id=%s",
$title,$image_size,$lat,$lng,$animation,$img,$id);
$updateMarker = $wpdb->query($sql);
if($updateMarker)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
if(isset($_POST['polygone_submit']))
{
if(!empty($_POST['polygone_coords']))
{
global $wpdb;
$id = $_GET['id'];
$coords = $_POST['polygone_coords'];
$line_opacity = $_POST['polygone_line_opacity'];
$line_width=$_POST['polygone_line_width'];
$line_color = $_POST['polygone_line_color'];
$fill_opacity = $_POST['polygone_fill_opacity'];
$fill_color = $_POST['polygone_fill_color'];
$hover_line_opacity = $_POST['hover_polygone_line_opacity'];
$hover_line_color = $_POST['hover_polygone_line_color'];
$hover_fill_opacity = $_POST['hover_polygone_fill_opacity'];
$hover_fill_color = $_POST['hover_polygone_fill_color'];
$polygone_name = $_POST['polygone_name'];
$sql = $wpdb->prepare("INSERT INTO ".$wpdb->prefix."g_polygones (map , name, data ,hover_line_opacity ,hover_line_color,hover_fill_opacity ,hover_fill_color , line_opacity , line_color , fill_opacity , fill_color, line_width) VALUES (%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s)",
$id,$polygone_name,$coords,$hover_line_opacity,$hover_line_color,$hover_fill_opacity,$hover_fill_color,$line_opacity,$line_color,$fill_opacity,$fill_color,$line_width);
$insertPolygone = $wpdb->query($sql);
if($insertPolygone)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
}
if(isset($_POST['polygone_edit_submit']))
{
$id = $_POST['polygone_get_id'];
$url = $_POST['polygone_edit_url'];
$coords = $_POST['polygone_edit_coords'];
$line_opacity = $_POST['polygone_edit_line_opacity'];
$line_width=$_POST['polygone_edit_line_width'];
$line_color = $_POST['polygone_edit_line_color'];
$fill_opacity = $_POST['polygone_edit_fill_opacity'];
$fill_color = $_POST['polygone_edit_fill_color'];
$hover_line_opacity = $_POST['hover_polygone_edit_line_opacity'];
$hover_line_color = $_POST['hover_polygone_edit_line_color'];
$hover_fill_opacity = $_POST['hover_polygone_edit_fill_opacity'];
$hover_fill_color = $_POST['hover_polygone_edit_fill_color'];
$polygone_name = $_POST['polygone_edit_name'];
//echo $id.",".$coords.",".$line_color.",".$line_opacity.",".$line_width.",".$fill_opacity.",".$fill_color.",".$polygone_name;
$sql = $wpdb->prepare("UPDATE ".$wpdb->prefix ."g_polygones SET hover_line_opacity=%s,hover_line_color=%s,hover_fill_opacity=%s,hover_fill_color=%s, name=%s, data=%s, line_opacity=%s, line_color=%s, line_width=%s, fill_opacity=%s, fill_color=%s WHERE id=%s",
$hover_line_opacity,$hover_line_color,$hover_fill_opacity,$hover_fill_color,$polygone_name,$coords,$line_opacity,$line_color,$line_width,$fill_opacity,$fill_color,$id);
$updatePolygone = $wpdb->query($sql);
if($updatePolygone)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
else{
echo "nope";
}
}
if(isset($_POST['polyline_submit']))
{
global $wpdb;
$id=$_GET['id'];
$coords = $_POST['polyline_coords'];
$line_opacity = $_POST['polyline_line_opacity'];
$line_color = $_POST['polyline_line_color'];
$line_width= $_POST['polyline_line_width'];
$hover_line_color = $_POST['hover_polyline_line_color'];
$hover_line_opacity = $_POST['hover_polyline_line_opacity'];
$polyline_name = $POST['polyline_name'];
$sql = $wpdb->prepare("INSERT INTO ".$wpdb->prefix."g_polylines (map , name , data ,hover_line_color ,hover_line_opacity , line_opacity , line_color , line_width) VALUES (%s,%s,%s,%s,%s,%s,%s,%s)",
$id,$polyline_name,$coords,$hover_line_color,$hover_line_opacity,$line_opacity,$line_color,$line_width);
$insertPolyline = $wpdb->query($sql);
if($insertPolyline)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
if(isset($_POST['polyline_edit_submit']))
{
$id = $_POST['polyline_get_id'];
$coords = $_POST['polyline_edit_coords'];
$line_opacity = $_POST['polyline_edit_line_opacity'];
$line_width=$_POST['polyline_edit_line_width'];
$line_color = $_POST['polyline_edit_line_color'];
$hover_line_color = $_POST['hover_polyline_edit_line_color'];
$hover_line_opacity = $_POST['hover_polyline_edit_line_opacity'];
$name = $_POST['polyline_edit_name'];
$sql = $wpdb->prepare("UPDATE ".$wpdb->prefix."g_polylines SET name=%s, data=%s,hover_line_color=%s,hover_line_opacity=%s, line_opacity=%s, line_color=%s,line_width=%s WHERE id=%s",
$name,$coords,$hover_line_color,$hover_line_opacity,$line_opacity,$line_color,$line_width,$id);
$updatePolyline = $wpdb->query($sql);
if($updatePolyline)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
if(isset($_POST['circle_submit']))
{
global $wpdb;
$id=$_GET['id'];
$name = $_POST['circle_name'];
$center_lat = $_POST['circle_center_lat'];
$center_lng=$_POST['circle_center_lng'];
$radius = $_POST['circle_radius'];
$line_width = $_POST['circle_line_width'];
$line_color = $_POST['circle_line_color'];
$line_opacity = $_POST['circle_line_opacity'];
$fill_color = $_POST['circle_fill_color'];
$fill_opacity = $_POST['circle_fill_opacity'];
$hover_line_color = $_POST['hover_circle_line_color'];
$hover_line_opacity = $_POST['hover_circle_line_opacity'];
$hover_fill_color = $_POST['hover_circle_fill_color'];
$hover_fill_opacity = $_POST['hover_circle_fill_opacity'];
$show_marker = $_POST['circle_marker_show'];
$sql = $wpdb->prepare("INSERT INTO ".$wpdb->prefix."g_circles (map, name, center_lat, center_lng, radius ,hover_line_color ,hover_line_opacity ,hover_fill_color ,hover_fill_opacity , line_width, line_color, line_opacity, fill_color, fill_opacity, show_marker) VALUES(%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s)",
$id,$name,$center_lat,$center_lng,$radius,$hover_line_color,$hover_line_opacity,$hover_fill_color,$hover_fill_opacity,$line_width,$line_color,$line_opacity,$fill_color,$fill_opacity,$show_marker);
$insertCircle = $wpdb->query($sql);
if($insertCircle)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
}
if(isset($_POST['circle_edit_submit']))
{
$id=$_POST['circle_get_id'];
$name=$_POST['circle_edit_name'];
$center_lat=$_POST['circle_edit_center_lat'];
$center_lng=$_POST['circle_edit_center_lng'];
$radius=$_POST['circle_edit_radius'];
$line_width=$_POST['circle_edit_line_width'];
$line_color=$_POST['circle_edit_line_color'];
$line_opacity=$_POST['circle_edit_line_opacity'];
$fill_color=$_POST['circle_edit_fill_color'];
$fill_opacity=$_POST['circle_edit_fill_opacity'];
$hover_line_color = $_POST['hover_circle_edit_line_color'];
$hover_line_opacity = $_POST['hover_circle_edit_line_opacity'];
$hover_fill_color = $_POST['hover_circle_edit_fill_color'];
$hover_fill_opacity = $_POST['hover_circle_edit_fill_opacity'];
$show_marker=$_POST['circle_edit_marker_show'];
$sql= $wpdb->prepare("UPDATE ".$wpdb->prefix."g_circles SET hover_line_color=%s, hover_line_opacity=%s,hover_fill_color=%s,hover_fill_opacity=%s,name=%s, center_lat=%s, center_lng=%s, radius=%s,line_width=%s,line_color=%s,line_opacity=%s,fill_color=%s,fill_opacity=%s,show_marker=%s WHERE id=%s",
$hover_line_color,$hover_line_opacity,$hover_fill_color,$hover_fill_opacity,$name,$center_lat,$center_lng,$radius,$line_width,$line_color,$line_opacity,$fill_color,$fill_opacity,$show_marker,$id);
$updateCircle = $wpdb->query($sql);
if($updateCircle)
{
header('Location:admin.php?page=hugeitgooglemaps_main&id='.$_GET['id'] .'&task=edit_cat&cat_edited=true');
}
else
{
echo "nope";
}
}
?>
<script>
jQuery(document).ready(function(){
jQuery('input[data-slider="true"]').bind("slider:changed", function (event, data) {
jQuery(this).parent().find('span').html(data.value);
jQuery(this).val(data.value);
});
jQuery('#map_zoom').bind("slider:changed", function(event, data) {
jQuery(this).parent().find('span').html(parseInt(data.value));
jQuery(this).val(parseInt(data.value));
map_admin_view.setZoom(parseInt(jQuery(this).val()))
});
jQuery('#map_width').bind("slider:changed", function(event, data) {
jQuery(this).parent().find('span').html(parseInt(data.value)+"%");
jQuery(this).val(parseInt(data.value));
});
})
</script>
<?php
if(isset($_GET['cat_edited']))
{
if($_GET['cat_edited'] == "true")
{
?>
<div class="updated">
Map saved succefully
</div>
<?php
}
}
?>
<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post" name="adminform" id="adminform">
<input type="hidden" name="map_id" id="map_id" value="<?php echo $_GET['id']; ?>" />
<div class="map_heading">
<ul class="maps_list">
<?php
$sql="SELECT * FROM ".$wpdb->prefix."g_maps ORDER BY id ASC";
$getAll = $wpdb->get_results($sql);
if(count($getAll) > 0)
{
foreach($getAll as $mapname)
{
if($mapname->id == $_GET['id'])
{
?>
<li class="active">
<input type="text" name="map_name_tab" maxlength="250" id="map_name_tab" value="<?php echo $mapname->name; ?>" />
</li>
<style>
#adminform .map_heading ul .active input{
background:url(<?php echo plugins_url("../images/edit1.png",__FILE__); ?>) right center no-repeat #fff !important;
}
</style>
<?php ;
}
else
{
?>
<li>
<a href="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $mapname->id; ?>"><?php echo $mapname->name ?></a>
</li>
<?php ;
}
}
}
$id=$_GET['id'];
?>
<li>
<a class="new_map_button" href="admin.php?page=hugeitgooglemaps_main&task=add_cat">+</a>
</li>
</ul>
</div>
</form>
<?php
$id=$_GET['id'];
$sql =$wpdb->prepare("SELECT * FROM ".$wpdb->prefix."g_maps WHERE id=%s",$id);
$thisMap = $wpdb->get_row($sql);
$type= $thisMap->type;
?>
<div class="admin_edit_section_container" >
<ul class="admin_edit_section">
<li class="editing_section ">
<div class="editing_heading">
General Options
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>General Options of current map</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content map_options hide">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<ul>
<li class="has_background">
<label for="map_name">Map Name</label>
<input type="text" name="map_name" id="map_name" value="<?php echo $thisMap->name; ?>" />
</li>
<li>
<label for="map_controller_pan">Enable Pan-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_pan" name="map_controller_pan" value="true" <?php if($thisMap->pan_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li class="has_background">
<label for="map_controller_zoom">Enable Zoom-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_zoom" name="map_controller_zoom" value="true" <?php if($thisMap->zoom_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li>
<label for="map_controller_type">Enable Map-Type-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_type" name="map_controller_type" value="true" <?php if($thisMap->type_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li class="has_background">
<label for="map_controller_scale">Enable Scale-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_scale" name="map_controller_scale" value="true" <?php if($thisMap->scale_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li>
<label for="map_controller_street_view">Enable Street-View-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_street_view" name="map_controller_street_view" value="true" <?php if($thisMap->street_view_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li class="has_background">
<label for="map_controller_overview">Enable Overview-Map-Controller</label>
<input type="checkbox" class="map_controller_input" id="map_controller_overview" name="map_controller_overview" value="true" <?php if($thisMap->overview_map_controller == "true"){ echo "checked='checked'"; } ?> />
</li>
<li >
<label for="map_zoom">Default Zoom</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input name="map_zoom" id="map_zoom" data-slider-highlight="true" data-slider-values="0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" type="text" data-slider="true" value="<?php echo $thisMap->zoom; ?>" />
<span style="position:absolute; top: 4px;left: 160px;"><?php echo $thisMap->zoom; ?></span>
</div>
</li>
<li class="has_background">
<label for="map_center_addr">Center Address</label>
<input type="text" name="map_center_addr" id="map_center_addr" />
</li>
<li>
<label for="map_center_lat">Center Latitude</label>
<input type="text" name="map_center_lat" id="map_center_lat" value="<?php echo $thisMap->center_lat; ?>" />
</li>
<li class="has_background">
<label for="map_center_lng">Center Longitude</label>
<input type="text" name="map_center_lng" id="map_center_lng" value="<?php echo $thisMap->center_lng; ?>" />
</li>
<li>
<label for="map_width">Map Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input class="front_end_input_options" name="map_width" id="map_width" data-slider-highlight="true" data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text" data-slider="true" value="<?php echo $thisMap->width; ?>" />
<span style="position:absolute; top: 4px;left: 160px;"><?php echo $thisMap->width; ?>%</span>
</div>
</li>
<li class="has_background">
<label for="map_height" >Map Height</label>
<input class="front_end_input_options" type="number" name="map_height" id="map_height" value="<?php echo $thisMap->height; ?>" />
</li>
<li>
<label for="map_align">Map Align</label>
<select class="front_end_input_options" name="map_align" id="map_align">
<option value="left" <?php if($thisMap->align == 'left'){echo 'selected' ; } ; ?>>left</option>
<option value="center" <?php if($thisMap->align == 'center'){echo 'selected' ; } ; ?>>center</option>
<option value="right" <?php if($thisMap->align == 'right'){echo 'selected' ; } ; ?>>right</option>
</select>
</li>
<li class="has_background">
<label for="map_border_radius" >Border Radius</label>
<input class="front_end_input_options" type="number" name="map_border_radius" id="map_border_radius" value="<?php echo $thisMap->border_radius; ?>" />
</li>
<li class="pro">
<label for="map_type" >Map Type</label>
<select id="map_type" name="map_type" readonly="readonly" >
<option value="ROADMAP" <?php if($type == "ROADMAP"){ echo "selected"; } ?> >Roadmap</option>
<option value="SATELLITE" <?php if($type == "SATELLITE"){ echo "selected"; } ?> >Satellite</option>
<option value="HYBRID" <?php if($type == "HYBRID"){ echo "selected"; } ?> >Hybrid</option>
<option value="TERRAIN" <?php if($type == "TERRAIN"){ echo "selected"; } ?> >Terrain</option>
</select>
</li>
<li class="pro has_background">
<label for="map_infowindow_type" >Marker Infowindow Open On</label>
<?php $info_type = $thisMap->info_type; ?>
<select id="map_infowindow_type" name="map_infowindow_type" readonly="readonly" >
<option value="click" <?php if($info_type == "click"){ echo "selected"; } ?> >Click</option>
<option value="hover" <?php if($info_type == "hover"){ echo "selected"; } ?> >Hover</option>
</select>
</li>
</ul>
<input type="submit" class="button-primary" name="map_submit" id="map_submit" value="Save" />
</form>
</div>
</li>
<li class="markers_editor editing_section">
<div class="editing_heading">
Markers
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>A marker identifies a location on a map. Right-Click on the map to add a Marker. Hold pressed and drag to move it</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content hide" id="g_map_marker_options">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<a class="add_button" id="marker_add_button" href="#">+Add New Marker</a>
<div class="hidden_edit_content hide">
<a href="#" id="back_marker" class="cancel left">◄ Back</a>
<ul>
<li class="has_background" >
<label for="marker_location">Address</label>
<input type="text" id="marker_location" name="marker_location" />
</li>
<li >
<label for="marker_location_lat">Latitude</label>
<input type="text" id="marker_location_lat" name="marker_location_lat" />
</li>
<li class="has_background" >
<label for="marker_location_lng">Longitude </label>
<input type="text" id="marker_location_lng" name="marker_location_lng" />
</li>
<li>
<label for="marker_animation">Animation</label>
<select id="marker_animation" name="marker_animation">
<option checked value="NONE">None</option>
<option value="BOUNCE">Bounce</option>
<option value="DROP">Drop</option>
</select>
</li>
<li class="has_background">
<label for="marker_title">Title</label>
<input type="text" id="marker_title" name="marker_title" />
</li>
<li class="description_container">
<label for="marker_description">Description</label>
<textarea class="description" id="marker_description" name="marker_description"></textarea>
</li>
<li class=" pro has_background">
<label>Choose Marker Icon</label>
</li>
<li class="pro_icon marker_image_choose">
<ul>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/default-icon.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="default" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/marker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="marker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/azuremarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_azuremarker marker_image_choose_button" name="marker_image_change" value="azuremarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/redmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_redmarker marker_image_choose_button" name="marker_image_change" value="redmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/bluemarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_bluemarker marker_image_choose_button" name="marker_image_change" value="bluemarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/greenmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_greenmarker marker_image_choose_button" name="marker_image_change" value="greenmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/starmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_starmarker marker_image_choose_button" name="marker_image_change" value="starmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/blackmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_blackmarker marker_image_choose_button" name="marker_image_change" value="blackmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinleft marker_image_choose_button" name="marker_image_change" value="pinleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinpink48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinpink marker_image_choose_button" name="marker_image_change" value="pinpink" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinright marker_image_choose_button" name="marker_image_change" value="pinright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/toyflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_toyflag marker_image_choose_button" name="marker_image_change" value="toyflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/greenflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_greenflag marker_image_choose_button" name="marker_image_change" value="greenflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/flagleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_flagleft marker_image_choose_button" name="marker_image_change" value="flagleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkflag marker_image_choose_button" name="marker_image_change" value="pinkflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/blueflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_blueflag marker_image_choose_button" name="marker_image_change" value="blueflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/flagright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_flagright marker_image_choose_button" name="marker_image_change" value="flagright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/paperflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_paperflag marker_image_choose_button" name="marker_image_change" value="paperflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/redflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_redflag marker_image_choose_button" name="marker_image_change" value="redflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/baseflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_baseflag marker_image_choose_button" name="marker_image_change" value="baseflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointcenter48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointcenter marker_image_choose_button" name="marker_image_change" value="pointcenter" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointleft marker_image_choose_button" name="marker_image_change" value="pointleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointright marker_image_choose_button" name="marker_image_change" value="pointright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkleft marker_image_choose_button" name="marker_image_change" value="pinkleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkgreen48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkgreen marker_image_choose_button" name="marker_image_change" value="pinkgreen" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkright marker_image_choose_button" name="marker_image_change" value="pinkright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/star48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_star marker_image_choose_button" name="marker_image_change" value="star" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointer48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointer marker_image_choose_button" name="marker_image_change" value="pointer" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/shopmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_shopmarker marker_image_choose_button" name="marker_image_change" value="shopmarker" />
</li>
</ul>
</li>
<li class="pro has_background">
<label for="marker_image_size">Size of Icon</label>
<select name="marker_image_size" id="marker_image_size" >
<option value="16">16x16</option>
<option value="24">24x24</option>
<option value="48" selected>48x48</option>
<option value="64">64x64</option>
<option value="256">256x256</option>
</select>
</li>
<li class="pro" >
<label for="marker_pic">Custom Marker Icon</label>
<input type="text" id="marker_pic" name="marker_pic" placeholder="http://" style="width:29%" />
<input type="hidden" id="marker_pic_name" name="marker_pic_name" />
<input type="button" class="button" id="upload_marker_pic" value="upload image" />
</li>
<div >
<input type="submit" class="button-primary" id="marker_submit" name="marker_submit" value="Save" style="width:23%" />
<a href="#" id="cancel_marker" class="cancel">cancel</a>
</div>
</ul>
</div>
</form>
<div id="markers_edit_exist_section">
<div class="edit_list_heading">
<div class="list_number">
ID
</div>
<div class="edit_list_item">
Title
</div>
<div class="edit_list_delete">
Action
</div>
</div>
<?php
$id = $_GET['id'];
$i = 1;
$sql= $wpdb->prepare("SELECT * FROM ".$wpdb->prefix ."g_markers WHERE map=%s",$id);
$getMarkerList = $wpdb->get_results($sql);
if($getMarkerList)
{
?>
<ul class="list_exist" id="marker_list_exist">
<?php
foreach($getMarkerList as $marker)
{
$j= $i%2;
?>
<li class="edit_list <?php if($j==1){ echo "has_background"; } ?>" data-list_id="<?php echo $marker->id; ?>" >
<div class="list_number">
<?php
echo $i;
?>
</div>
<div class="edit_list_item">
<?php if(!empty($marker->title)){ echo $marker->title; }else{ echo "-"; } ?>
</div>
<div class="edit_marker_list_delete edit_list_delete">
<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>">
<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="marker" />
<input type="hidden" class="edit_list_delete_table" value="g_markers" />
<input type="hidden" name="delete_marker_id" class="edit_list_delete_id" value="<?php echo $marker->id ?>" />
</form>
<a href="#" class="button" class="edit_marker_list_item" ></a>
<input type="hidden" class="marker_edit_id" name="marker_edit_id" value="<?php echo $marker->id ?>" />
</div>
</li>
<?php
$i++;
}
?>
</ul>
<?php
}
else
{
echo "<p class='empty_marker'>You have 0 markers</p>";
}
?>
</div>
<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post" >
<input type="hidden" id="marker_get_id" name="marker_get_id" />
<div class="update_list_item hide" >
<a href="#" id="back_edit_marker" class="cancel left">◄ Back</a>
<ul>
<li class="has_background" >
<label for="marker_edit_location">Address</label>
<input type="text" id="marker_edit_location" name="marker_edit_location" />
</li>
<li >
<label for="marker_edit_location_lat">Latitude</label>
<input type="text" id="marker_edit_location_lat" name="marker_edit_location_lat" />
</li>
<li class="has_background">
<label for="marker_edit_location_lng">Longitude </label>
<input type="text" id="marker_edit_location_lng" name="marker_edit_location_lng" />
</li>
<li >
<label for="marker_edit_animation">Animation</label>
<select id="marker_edit_animation" name="marker_edit_animation">
<option checked value="NONE">None</option>
<option value="BOUNCE">Bounce</option>
<option value="DROP">Drop</option>
</select>
</li>
<li class="has_background">
<label for="marker_edit_title">Title</label>
<input type="text" id="marker_edit_title" name="marker_edit_title" />
</li>
<li class="description_container">
<label for="marker_edit_description">Description</label>
<textarea class="description" id="marker_edit_description" name="marker_edit_description"></textarea>
</li>
<li class="pro has_background">
<label>Choose Marker Icon</label>
</li>
<li class="pro_icon marker_image_choose">
<ul>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/default-icon.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="default" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/marker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_edit_image_change" value="marker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/azuremarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_azuremarker marker_image_choose_button" name="marker_edit_image_change" value="azuremarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/redmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_redmarker marker_image_choose_button" name="marker_edit_image_change" value="redmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/bluemarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_bluemarker marker_image_choose_button" name="marker_edit_image_change" value="bluemarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/greenmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_greenmarker marker_image_choose_button" name="marker_edit_image_change" value="greenmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/starmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_starmarker marker_image_choose_button" name="marker_edit_image_change" value="starmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/blackmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_blackmarker marker_image_choose_button" name="marker_edit_image_change" value="blackmarker" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinleft marker_image_choose_button" name="marker_edit_image_change" value="pinleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinpink48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinpink marker_image_choose_button" name="marker_edit_image_change" value="pinpink" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinright marker_image_choose_button" name="marker_edit_image_change" value="pinright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/toyflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_toyflag marker_image_choose_button" name="marker_edit_image_change" value="toyflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/greenflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_greenflag marker_image_choose_button" name="marker_edit_image_change" value="greenflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/flagleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_flagleft marker_image_choose_button" name="marker_edit_image_change" value="flagleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkflag marker_image_choose_button" name="marker_edit_image_change" value="pinkflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/blueflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_blueflag marker_image_choose_button" name="marker_edit_image_change" value="blueflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/flagright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_flagright marker_image_choose_button" name="marker_edit_image_change" value="flagright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/paperflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_paperflag marker_image_choose_button" name="marker_edit_image_change" value="paperflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/redflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_redflag marker_image_choose_button" name="marker_edit_image_change" value="redflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/baseflag48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_baseflag marker_image_choose_button" name="marker_edit_image_change" value="baseflag" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointcenter48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointcenter marker_image_choose_button" name="marker_edit_image_change" value="pointcenter" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointleft marker_image_choose_button" name="marker_edit_image_change" value="pointleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointright marker_image_choose_button" name="marker_edit_image_change" value="pointright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkleft48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkleft marker_image_choose_button" name="marker_edit_image_change" value="pinkleft" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkgreen48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkgreen marker_image_choose_button" name="marker_edit_image_change" value="pinkgreen" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pinkright48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pinkright marker_image_choose_button" name="marker_edit_image_change" value="pinkright" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/star48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_star marker_image_choose_button" name="marker_edit_image_change" value="star" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/pointer48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_pointer marker_image_choose_button" name="marker_edit_image_change" value="pointer" />
</li>
<li>
<div class="imag_block">
<img src="<?php echo plugins_url("../images/icons/shopmarker48.png",__FILE__); ?>" alt="" />
</div>
<input type="radio" class="marker_image_change_shopmarker marker_image_choose_button" name="marker_edit_image_change" value="shopmarker" />
</li>
</ul>
</li>
<li class="pro has_background">
<label for="marker_edit_image_size">Size of Icon</label>
<select name="marker_edit_image_size" id="marker_edit_image_size" >
<option id="image_edit_size_16" value="16">16x16</option>
<option id="image_edit_size_24" value="24">24x24</option>
<option id="image_edit_size_48" value="48">48x48</option>
<option id="image_edit_size_64" value="64">64x64</option>
<option id="image_edit_size_256" value="256">256x256</option>
</select>
</li>
<li class="pro">
<label for="marker_edit_pic">Custom Marker Icon</label>
<input style="width:29% !important" type="text" id="marker_edit_pic" name="marker_edit_pic" placeholder="http://" />
<input type="hidden" id="marker_edit_pic_name" name="marker_edit_pic_name" />
<input type="button" class="button" id="upload_edit_marker_pic" value="upload image" />
</li>
</ul>
<div>
<input type="submit" class="button-primary" name="marker_edit_submmit" id="marker_edit_submmit" value="Save" />
<a href="#" class="cancel" id="cancel_edit_marker">Cancel</a>
</div>
</div>
</form>
</div>
</li>
<li class="editing_section">
<div class="editing_heading">
Polygons
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>Bounded highlighted area on the map, showing the specific range, limited with geometric figure. Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it.</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content hide">
<div id="g_map_polygone_options">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<a id="polygon_add_button" class="add_button clear" href="#">+Add New Polygon</a>
<div class="hidden_edit_content hide">
<a href="#" id="back_polygone" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="polygone_name">Name</label>
<input type="text" name="polygone_name" id="polygone_name" />
</li>
<li class="pro">
<label for="polygone_url">Link</label>
<input type="text" name="polygone_url" id="polygone_url" placeholder="http://" />
</li>
<li class="description_container has_background">
<label for="polygone_coords">data</label>
<textarea id="polygone_coords" class="polycoords" name="polygone_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it." ></textarea>
</li>
<li>
<label for="polygone_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_line_opacity" id="polygone_line_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
</div>
</li>
<li class="has_background">
<label for="polygone_line_color">Line Color</label>
<input type="text" class="color polygone_options_input" name="polygone_line_color" id="polygone_line_color" value="FF0F0F" />
</li>
<li>
<label for="polygone_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_line_width" class="polygone_options_input" id="polygone_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="5" />
<span style="position:absolute; top: 4px;left: 160px;">5</span>
</div>
</li>
<li class="has_background">
<label for="polygone_fill_opacity">Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_fill_opacity" id="polygone_fill_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
</div>
</li>
<li>
<label for="polygone_fill_color">Fill Color</label>
<input type="text" name="polygone_fill_color" id="polygone_fill_color" class="color polygone_options_input" value="5DFF0D" />
</li>
<li class="pro has_background">
<label for="hover_polygone_fill_opacity">On-Hover Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polygone_fill_opacity" id="hover_polygone_fill_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
</div>
</li>
<li class="pro">
<label for="hover_polygone_fill_color">On-Hover Fill Color</label>
<input type="text" name="hover_polygone_fill_color" id="hover_polygone_fill_color" class="color polygone_options_input" value="75FF7E" />
</li>
<li class="pro has_background">
<label for="hover_polygone_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polygone_line_opacity" id="hover_polygone_line_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
</div>
</li>
<li class="pro">
<label for="hover_polygone_line_color">On-Hover Line Color</label>
<input type="text" name="hover_polygone_line_color" id="hover_polygone_line_color" class="color polygone_options_input" value="FF80B7" />
</li>
</ul>
<div>
<input type="submit" class="button-primary" name="polygone_submit" id="polygone_submit" value="Save" />
<a href="#" id="cancel_polygone" class="cancel">Cancel</a>
</div>
</div>
</form>
<div id="polygone_edit_exist_section">
<div class="edit_list_heading">
<div class="list_number">
ID
</div>
<div class="edit_list_item">
Title
</div>
<div class="edit_list_delete">
Action
</div>
</div>
<?php
$id = $_GET['id'];
$i = 1;
$sql= $wpdb->prepare("SELECT * FROM ".$wpdb->prefix ."g_polygones WHERE map=%s",$id);
$getPolygoneList = $wpdb->get_results($sql);
if($getPolygoneList)
{
?>
<ul class="list_exist" id="polygone_list_exist">
<?php
foreach($getPolygoneList as $polygone)
{
$j= $i%2;
?>
<li class="edit_list <?php if($j==1){ echo "has_background"; } ?>" data-list_id="<?php echo $polygone->id; ?>" >
<div class="list_number">
<?php
echo $i;
?>
</div>
<div class="edit_list_item">
<?php if(!empty($polygone->name)){ echo $polygone->name; }else{ echo "-"; } ?>
</div>
<div class="edit_polygone_list_delete edit_list_delete">
<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>">
<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="polygone" />
<input type="hidden" class="edit_list_delete_table" value="g_polygones" />
<input type="hidden" name="delete_polygone_id" class="edit_list_delete_id" value="<?php echo $polygone->id ?>" />
</form>
<a href="#" class="button" class="edit_polygone_list_item" ></a>
<input type="hidden" class="polygone_edit_id" name="polygone_edit_id" value="<?php echo $polygone->id ?>" />
</div>
</li>
<?php
$i++;
}
?>
</ul>
<?php
}
else{
echo "<p class='empty_polygon'>You have 0 polygones on this map</p>";
}
?>
</div>
<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<input type="hidden" id="polygone_get_id" name="polygone_get_id" />
<div class="update_list_item hide">
<a href="#" id="back_edit_polygone" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="polygone_edit_name">Name</label>
<input type="text" name="polygone_edit_name" id="polygone_edit_name" />
</li>
<li class="pro">
<label for="polygone_edit_url">Link</label>
<input type="text" name="polygone_edit_url" id="polygone_edit_url" placeholder="http://" />
</li>
<li class="description_container has_background">
<label for="polygone_edit_coords">data</label>
<textarea id="polygone_edit_coords" class="polycoords" name="polygone_edit_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it." ></textarea>
</li>
<li>
<label for="polygone_edit_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_edit_line_opacity" id="polygone_edit_line_opacity" class="polygone_edit_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="has_background">
<label for="polygone_edit_line_color">Line Color</label>
<input type="text" class="color polygone_edit_options_input" name="polygone_edit_line_color" id="polygone_edit_line_color" value="" />
</li>
<li>
<label for="polygone_edit_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_edit_line_width" class="polygone_edit_options_input" id="polygone_edit_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="has_background">
<label for="polygone_edit_fill_opacity">Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polygone_edit_fill_opacity" id="polygone_edit_fill_opacity" class="polygone_edit_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li>
<label for="polygone_edit_fill_color">Fill Color</label>
<input type="text" name="polygone_edit_fill_color" id="polygone_edit_fill_color" class="color polygone_edit_options_input" value="" />
</li>
<li class="pro has_background">
<label for="hover_polygone_edit_fill_opacity">On-Hover Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polygone_edit_fill_opacity" id="hover_polygone_edit_fill_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="pro">
<label for="hover_polygone_edit_fill_color">On-Hover Fill Color</label>
<input type="text" name="hover_polygone_edit_fill_color" id="hover_polygone_edit_fill_color" class="color polygone_options_input" />
</li>
<li class="pro has_background">
<label for="hover_polygone_edit_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polygone_edit_line_opacity" id="hover_polygone_edit_line_opacity" class="polygone_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="pro">
<label for="hover_polygone_edit_line_color">On-Hover Line Color</label>
<input type="text" name="hover_polygone_edit_line_color" id="hover_polygone_edit_line_color" class="color polygone_options_input" />
</li>
</ul>
<div>
<input type="submit" class="button-primary" name="polygone_edit_submit" id="polygone_edit_submit" value="Save" />
<a href="#" id="cancel_edit_polygone" class="cancel">Cancel</a>
</div>
</div>
</form>
</div>
</div>
</li>
<li class="editing_section">
<div class="editing_heading">
Polylines
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>Continuous line composed of one or more line segments, which creates specific track. Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it.</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content hide">
<div id="g_map_polyline_options">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<a id="polyline_add_button" class="add_button" href="#">+Add New Polyline</a>
<div class="hidden_edit_content hide">
<a href="#" id="back_polyline" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="polyline_name">Name</label>
<input type="text" id="polyline_name" name="polyline_name" />
</li>
<li class="description_container">
<label for="polyline_coords">data</label>
<textarea id="polyline_coords" class="polycoords" name="polyline_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it."></textarea>
</li>
<li>
<label for="polyline_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polyline_line_opacity" id="polyline_line_opacity" class="polyline_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
</div>
</li>
<li class="has_background">
<label for="polyline_line_color">Line Color</label>
<input type="text" class="color polyline_options_input" name="polyline_line_color" id="polyline_line_color" value="18A326" />
</li>
<li>
<label for="polyline_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polyline_line_width" class="polyline_options_input " id="polyline_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="5" />
<span style="position:absolute; top: 4px;left: 160px;">5</span>
</div>
</li>
<li class="pro has_background" >
<label for="hover_polyline_line_color">On-Hover Line Color</label>
<input type="text" class="color polyline_options_input" name="hover_polyline_line_color" id="hover_polyline_line_color" value="11A000" />
</li>
<li class="pro">
<label for="hover_polyline_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polyline_line_opacity" class="polyline_options_input " id="hover_polyline_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
</div>
</li>
</ul>
<div>
<input type="submit" class="button-primary" id="polyline_submit" name="polyline_submit" value="Save" />
<a href="#" id="cancel_polyline" class="cancel">Cancel</a>
</div>
</div>
</form>
<div id="polyline_edit_exist_section">
<div class="edit_list_heading">
<div class="list_number">
ID
</div>
<div class="edit_list_item">
Title
</div>
<div class="edit_list_delete">
Action
</div>
</div>
<?php
$id = $_GET['id'];
$i = 1;
$sql= $wpdb->prepare("SELECT * FROM ".$wpdb->prefix ."g_polylines WHERE map=%s",$id);
$getPolylineList = $wpdb->get_results($sql);
if($getPolylineList)
{
?>
<ul class="list_exist" id="polyline_list_exist">
<?php
foreach($getPolylineList as $polyline)
{
$j= $i%2;
?>
<li class="edit_list <?php if($j==1){ echo "has_background"; } ?>" data-list_id="<?php echo $polyline->id; ?>" >
<div class="list_number">
<?php
echo $i;
?>
</div>
<div class="edit_list_item">
<?php if(!empty($polyline->name)){ echo $polyline->name; }else{ echo "-"; } ?>
</div>
<div class="edit_polyline_list_delete edit_list_delete">
<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>">
<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="polyline" />
<input type="hidden" class="edit_list_delete_table" value="g_polylines" />
<input type="hidden" name="delete_polyline_id" class="edit_list_delete_id" value="<?php echo $polyline->id ?>" />
</form>
<a href="#" class="button" class="edit_polyline_list_item" ></a>
<input type="hidden" class="polyline_edit_id" name="polyline_edit_id" value="<?php echo $polyline->id ?>" />
</div>
</li>
<?php
$i++;
}
?>
</ul>
<?php
}
else{
echo "<p class='empty_polyline'>You have 0 polylines on this map</p>";
}
?>
</div>
<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<input type="hidden" id="polyline_get_id" name="polyline_get_id" />
<div class="update_list_item hide">
<a href="#" id="back_edit_polyline" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="polyline_edit_name">Name</label>
<input type="text" id="polyline_edit_name" name="polyline_edit_name" />
</li>
<li class="description_container">
<label for="polyline_edit_coords">data</label>
<textarea id="polyline_edit_coords" class="polycoords" name="polyline_edit_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it."></textarea>
</li>
<li>
<label for="polyline_edit_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polyline_edit_line_opacity" id="polyline_edit_line_opacity" class="polyline_edit_options_input" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
</div>
</li>
<li class="has_background">
<label for="polyline_edit_line_color">Line Color</label>
<input type="text" class="color polyline_edit_options_input" name="polyline_edit_line_color" id="polyline_edit_line_color" value="FF0F0F" />
</li>
<li>
<label for="polyline_edit_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="polyline_edit_line_width" class="polyline_edit_options_input " id="polyline_edit_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="5" />
<span style="position:absolute; top: 4px;left: 160px;">5</span>
</div>
</li>
<li class="pro has_background" >
<label for="hover_polyline_edit_line_color">On-Hover Line Color</label>
<input type="text" class="color polyline_options_input" name="hover_polyline_edit_line_color" id="hover_polyline_edit_line_color" />
</li>
<li class="pro">
<label for="hover_polyline_edit_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" name="hover_polyline_edit_line_opacity" class="polyline_options_input " id="hover_polyline_edit_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true"/>
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
</ul>
<div>
<input type="submit" class="button-primary" id="polyline_edit_submit" name="polyline_edit_submit" value="Save" />
<a href="#" id="cancel_edit_polyline" class="cancel">Cancel</a>
</div>
</div>
</form>
</div>
</div>
</li>
<li class="editing_section">
<div class="editing_heading">
Circles
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>Round area, showing the specific range. Right click on map wherever you need to place the circle’s center. Hold pressed and drag to move it</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content hide">
<div id="g_map_circle_options">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<a id="circle_add_button" class="add_button" href="#">+Add New Circles</a>
<div class="hidden_edit_content hide">
<a href="#" id="back_circle" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="circle_name">Name</label>
<input type="text" id="circle_name" name="circle_name" class="circle_options_input" />
</li>
<li>
<label for="circle_center_addr">center Address</label>
<input type="text" class="circle_options_input" id="circle_center_addr" name="circle_center_addr" />
</li>
<li class="has_background">
<label for="circle_center_lat">center Latitude</label>
<input type="text" class="circle_options_input" id="circle_center_lat" name="circle_center_lat" />
</li>
<li>
<label for="circle_center_lng">center Longitude</label>
<input type="text" class="circle_options_input" id="circle_center_lng" name="circle_center_lng" />
</li>
<li class="has_background">
<label>Show Marker?</label>
<label class="radio_label" for="circle_marker_show">YES</label>
<input type="radio" class="radio" name="circle_marker_show" value="1" />
<label class="radio_label" for="circle_marker_show">NO</label>
<input type="radio" class="radio" name="circle_marker_show" value="0" checked />
</li>
<li>
<label for="circle_radius">Radius(meter)</label>
<input type="number" class="circle_options_input" id="circle_radius" name="circle_radius" value="50000" />
</li>
<li class="has_background">
<label for="circle_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_options_input" id="circle_line_width" name="circle_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="5" />
<span style="position:absolute; top: 4px;left: 160px;">5</span>
</div>
</li>
<li>
<label for="circle_line_color">Line Color</label>
<input type="text" class="color circle_options_input" id="circle_line_color" name="circle_line_color" value="FF2B39" />
</li>
<li class="has_background">
<label for="circle_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_options_input" id="circle_line_opacity" name="circle_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.8" />
<span style="position:absolute; top: 4px;left: 160px;">0.8</span>
</div>
</li>
<li>
<label for="circle_fill_color">Fill Color</label>
<input type="text" class="color circle_options_input" id="circle_fill_color" name="circle_fill_color" value="4FFF72" />
</li>
<li class="has_background">
<label for="circle_fill_opacity">Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px;" >
<input class="circle_options_input" id="circle_fill_opacity" name="circle_fill_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.4" />
<span style="position:absolute; top: 4px;left: 160px;">0.4</span>
</div>
</li>
<li class="pro">
<label for="hover_circle_fill_color">On-Hover Fill Color</label>
<input type="text" class="color circle_options_input" id="hover_circle_fill_color" name="hover_circle_fill_color" value="96FFA1" />
</li>
<li class="pro has_background">
<label for="hover_circle_fill_opacity">On-Hover Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px;" >
<input class="circle_options_input" id="hover_circle_fill_opacity" name="hover_circle_fill_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.3" />
<span style="position:absolute; top: 4px;left: 160px;">0.3</span>
</div>
</li>
<li class="pro">
<label for="hover_circle_line_color">On-Hover Line Color</label>
<input type="text" class="color circle_options_input" id="hover_circle_line_color" name="hover_circle_line_color" value="FF5C5C" />
</li>
<li class="pro has_background">
<label for="hover_circle_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_options_input" id="hover_circle_line_opacity" name="hover_circle_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.6" />
<span style="position:absolute; top: 4px;left: 160px;">0.6</span>
</div>
</li>
</ul>
<div>
<input type="submit" class="button-primary" id="circle_submit" name="circle_submit" value="Save" />
<a href="#" id="cancel_circle" class="cancel">Cancel</a>
</div>
</div>
</form>
<div id="circle_edit_exist_section">
<div class="edit_list_heading">
<div class="list_number">
ID
</div>
<div class="edit_list_item">
Title
</div>
<div class="edit_list_delete">
Action
</div>
</div>
<?php
$id = $_GET['id'];
$i = 1;
$sql= $wpdb->prepare("SELECT * FROM ".$wpdb->prefix ."g_circles WHERE map=%s",$id);
$getCircleList = $wpdb->get_results($sql);
if($getCircleList)
{
?>
<ul class="list_exist" id="circle_list_exist">
<?php
foreach($getCircleList as $circle)
{
$j= $i%2;
?>
<li class="edit_list <?php if($j==1){ echo "has_background"; } ?>" data-list_id="<?php echo $circle->id; ?>" >
<div class="list_number">
<?php
echo $i;
?>
</div>
<div class="edit_list_item">
<?php if(!empty($circle->name)){ echo $circle->name; }else{ echo "-"; } ?>
</div>
<div class="edit_circle_list_delete edit_list_delete">
<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>">
<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="circle" />
<input type="hidden" class="edit_list_delete_table" value="g_circles" />
<input type="hidden" name="delete_circle_id" class="edit_list_delete_id" value="<?php echo $circle->id ?>" />
</form>
<a href="#" class="button edit_circle_list_item" ></a>
<input type="hidden" class="circle_edit_id" name="circle_edit_id" value="<?php echo $circle->id ?>" />
</div>
</li>
<?php
$i++;
}
?>
</ul>
<?php
}
else{
echo "<p class='empty_circle'>you have 0 circles on this map</p>";
}
?>
</div>
<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<input type="hidden" id="circle_get_id" name="circle_get_id" />
<div class="update_list_item hide">
<a href="#" id="back_edit_circle" class="cancel left">◄ Back</a>
<ul>
<li class="has_background">
<label for="circle_edit_name">Name</label>
<input type="text" id="circle_edit_name" name="circle_edit_name" class="circle_edit_options_input" />
</li>
<li>
<label for="circle_edit_center_addr">Center Address</label>
<input type="text" class="circle_edit_options_input" id="circle_edit_center_addr" name="circle_edit_center_addr" />
</li>
<li class="has_background">
<label for="circle_edit_center_lat">Center Latitude</label>
<input type="text" class="circle_edit_options_input" id="circle_edit_center_lat" name="circle_edit_center_lat" />
</li>
<li >
<label for="circle_edit_center_lng">Center Longitude</label>
<input type="text" class="circle_edit_options_input" id="circle_edit_center_lng" name="circle_edit_center_lng" />
</li>
<li class="has_background">
<label>Show Marker?</label>
<label class="radio_label" for="circle_edit_marker_show">YES</label>
<input type="radio" class="radio" name="circle_edit_marker_show" id="circle_edit_marker_show_true" value="1" >
<label class="radio_label" for="circle_edit_marker_show">NO</label>
<input type="radio" class="radio" name="circle_edit_marker_show" id="circle_edit_marker_show_false" value="0" >
</li>
<li>
<label for="circle_radius">Radius(meter)</label>
<input type="number" class="circle_edit_options_input" id="circle_edit_radius" name="circle_edit_radius" value="1000000" />
</li>
<li class="has_background">
<label for="circle_edit_line_width">Line Width</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_edit_options_input" id="circle_edit_line_width" name="circle_edit_line_width" data-slider-highlight="true" data-slider-values="<?php for($i=0; $i <= 50 ; $i++){ if( $i== 50 ){ echo $i; } else{ echo $i.","; } } ?>" type="text" data-slider="true" value="" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li>
<label for="circle_edit_line_color">Line Color</label>
<input type="text" class="color circle_edit_options_input" id="circle_edit_line_color" name="circle_edit_line_color" value="FF0000" />
</li>
<li class="has_background">
<label for="circle_edit_line_opacity">Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_edit_options_input" id="circle_edit_line_opacity" name="circle_edit_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li>
<label for="circle_edit_fill_color">Fill Color</label>
<input type="text" class="color circle_edit_options_input" id="circle_edit_fill_color" name="circle_edit_fill_color" value="00FF00" />
</li>
<li class="has_background">
<label for="circle_edit_fill_opacity">Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_edit_options_input" id="circle_edit_fill_opacity" name="circle_edit_fill_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="pro">
<label for="hover_circle_edit_fill_color">On-Hover Fill Color</label>
<input type="text" class="color circle_options_input" id="hover_circle_edit_fill_color" name="hover_circle_edit_fill_color" />
</li>
<li class="pro has_background">
<label for="hover_circle_edit_fill_opacity">On-Hover Fill Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px;" >
<input class="circle_options_input" id="hover_circle_edit_fill_opacity" name="hover_circle_edit_fill_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
<li class="pro">
<label for="hover_circle_edit_line_color">On-Hover Line Color</label>
<input type="text" class="color circle_options_input" id="hover_circle_edit_line_color" name="hover_circle_edit_line_color" />
</li>
<li class="pro has_background">
<label for="hover_circle_edit_line_opacity">On-Hover Line Transparency</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input type="text" class="circle_options_input" id="hover_circle_edit_line_opacity" name="hover_circle_edit_line_opacity" data-slider-highlight="true" data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
<span style="position:absolute; top: 4px;left: 160px;"></span>
</div>
</li>
</ul>
<div>
<input type="submit" class="button-primary" id="circle_edit_submit" name="circle_edit_submit" value="Save" />
<a href="#" id="cancel_edit_circle" class="cancel">Cancel</a>
</div>
</div>
</form>
</div>
</div>
</li>
<li class="editing_section">
<div class="editing_heading">Layers
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>Highlighted road areas on map, highlight the roads and real-time traffic on them, make bicycle road highlighted on your map, transit roads, which connects cities etc...</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content map_options hide">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<ul>
<li class="has_background pro">
<label for="traffic_layer_enable">Enable Traffic Layer
</label>
<input <?php if($thisMap->traffic_layer == "true"){ echo "checked='checked'"; } ?> type="checkbox" class="map_layers_inputs" id="traffic_layer_enable" name="traffic_layer_enable" value="true" />
</li>
<li class="pro">
<label for="bicycling_layer_enable">Enable Bicycling Layer</label>
<input <?php if($thisMap->bike_layer == "true"){ echo "checked='checked'"; } ?> type="checkbox" class="map_layers_inputs" id="bicycling_layer_enable" name="bicycling_layer_enable" value="true" />
</li>
<li class="has_background pro">
<label for="transit_layer_enable">Enable Transit layer</label>
<input <?php if($thisMap->transit_layer == "true"){ echo "checked='checked'"; } ?> type="checkbox" class="map_layers_inputs" id="transit_layer_enable" name="transit_layer_enable" value="true" />
</li>
</ul>
<input type="submit" class="button-primary" id="submit_layers" name="submit_layers" value="Save" />
</form>
</div>
</li>
<li class="editing_section">
<div class="editing_heading">Map Styling
<div class="help">?
<div class="help-block">
<span class="pnt"></span>
<p>Choose some color/tone for the current map</p>
</div>
</div>
<span class="heading_arrow">▼</span>
</div>
<div class="edit_content map_options hide">
<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php echo $_GET['id']; ?>" method="post">
<ul>
<li class="has_background pro">
<label for="g_map_styling_hue">Hue(color)</label>
<input type="text" class="color map_styling_options_inputs" id="g_map_styling_hue" name="g_map_styling_hue" value="<?php echo $thisMap->styling_hue; ?>" />
</li>
<li class="pro">
<label for="g_map_styling_lightness">Lightness</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input class="map_styling_options_inputs" name="g_map_styling_lightness" id="g_map_styling_lightness" data-slider-highlight="true" data-slider-values="<?php for($i=-100;$i<101;$i++){ if($i!= 100){ echo $i.","; }else{ echo $i; } } ?>" type="text" data-slider="true" value="<?php echo $thisMap->styling_lightness; ?>" />
<span style="position:absolute; top: 4px;left: 160px;"><?php echo $thisMap->styling_lightness; ?></span>
</div>
</li>
<li class="has_background pro">
<label for="g_map_styling_saturation">Saturation</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input class="map_styling_options_inputs" name="g_map_styling_saturation" id="g_map_styling_saturation" data-slider-highlight="true" data-slider-values="<?php for($i=-100;$i<101;$i++){ if($i!= 100){ echo $i.","; }else{ echo $i; } } ?>" type="text" data-slider="true" value="<?php echo $thisMap->styling_saturation; ?>" />
<span style="position:absolute; top: 4px;left: 160px;"><?php echo $thisMap->styling_saturation; ?></span>
</div>
</li>
<li class="pro">
<label for="g_map_styling_gamma">Gamma</label>
<div class="slider-container" style="float:left; width:55%; height:25px; ">
<input class="map_styling_options_inputs" name="g_map_styling_gamma" id="g_map_styling_gamma" data-slider-highlight="true" data-slider-values="<?php for($i=1;$i<11;$i++){ if($i!= 10){ echo $i.","; }else{ echo $i; } } ?>" type="text" data-slider="true" value="<?php echo $thisMap->styling_gamma; ?>" />
<span style="position:absolute; top: 4px;left: 160px;"><?php echo $thisMap->styling_gamma; ?></span>
</div>
</li>
</ul>
<input type="submit" class="button-primary" id="styling_submit" name="styling_submit" value="Save" />
<input type="button" class="button cancel_button" id="styling_set_default" value="Default" />
</form>
</div>
</li>
<!--<li class="editing_section">
<div class="editing_heading">Route matrix</div>
<div class="edit_content hide">
<div>
</div>
</div>
</li>-->
</ul>
<?php
?>
<div id="g_maps">
<div id="g_map_canvas" class="g_map" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important;"></div>
<div id="g_map_marker" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_marker_edit" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_polygon" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_polyline" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_circle" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_polygone_edit" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_polyline_edit" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<div id="g_map_circle_edit" class="g_map hide" style="height:<?php echo $thisMap->height ?>px;width:<?php echo $thisMap->width/2 ?>%;border-radius:<?php echo $thisMap->border_radius ?>px;position:relative !important; "></div>
<input type="hidden" id="circlemarkeraddress" />
</div>
<div class="shortcode_containers">
<div class="shortcode_container">
<div class="shortcode_heading">Shortcode</div>
<p class="shortcode_description">Copy & paste the shortcode directly into any WordPress post or page.</p>
<div class="shortcode_view">[huge_it_maps id="<?php echo $thisMap->id; ?>"]</div>
</div>
<div class="shortcode_container">
<div class="shortcode_heading">Template Include</div>
<p class="shortcode_description">Copy & paste this code into a template file to include the map within your theme.</p>
<div class="shortcode_view"><?php echo do_shortcode("[huge_it_maps id='<?php echo $thisMap->id; ?>']"); ?></div>
</div>
</div>
</div>
<style>
.edit_list_delete a {
background:url(<?php echo plugins_url("../images/edit1.png",__FILE__); ?>) center center no-repeat !important;
}
.pro {
background:url(<?php echo plugins_url("../images/pro01.png",__FILE__); ?>) 39% center no-repeat;
}
.pro_icon, .pro input, .pro select, .pro label, .pro div {
opacity:0.6
}
</style>
<?php ;
}
}
?>