/**
* Display a textarea with validation for the entered aliases and expressions
*
* @param array $arFieldInfo Information about the current input field
* @param t3lib_tceforms $tceforms Form rendering library object
* @return string HTML code
*/
public function textCombinations($arFieldInfo, t3lib_tceforms $tceforms)
{
$text = $tceforms->getSingleField_typeText($arFieldInfo['table'], $arFieldInfo['field'], $arFieldInfo['row'], $arFieldInfo);
$evaluator = new Tx_Contexts_Context_Type_Combination_LogicalExpressionEvaluator();
$arTokens = $evaluator->tokenize($arFieldInfo['itemFormElValue']);
$arNotFound = array();
$arUnknownTokens = array();
foreach ($arTokens as $token) {
if (is_array($token) && $token[0] === Tx_Contexts_Context_Type_Combination_LogicalExpressionEvaluator::T_VAR) {
$contexts = Tx_Contexts_Context_Container::get()->initAll();
$bFound = false;
foreach ($contexts as $context) {
if ($context->getAlias() == $token[1]) {
$bFound = true;
}
}
if (!$bFound) {
$arNotFound[] = $token[1];
}
} elseif (is_array($token) && $token[0] === Tx_Contexts_Context_Type_Combination_LogicalExpressionEvaluator::T_UNKNOWN) {
$arUnknownTokens[] = $token[1];
}
}
if (!$arNotFound && !$arUnknownTokens) {
return $text;
}
$html = <<<HTM
{$text}<br />
<div class="typo3-message message-error">
<div class="message-body">
HTM;
if ($arNotFound) {
$strNotFound = implode(', ', $arNotFound);
$html .= <<<HTM
<div>
{$GLOBALS['LANG']->sL('LLL:EXT:contexts/Resources/Private/Language' . '/flexform.xml:aliasesNotFound')}: {$strNotFound}
</div>
HTM;
}
if ($arUnknownTokens) {
$strUnknownTokens = implode(', ', $arUnknownTokens);
$html .= <<<HTM
<div>
{$GLOBALS['LANG']->sL('LLL:EXT:contexts/Resources/Private/Language' . '/flexform.xml:unknownTokensFound')}: {$strUnknownTokens}
</div>
HTM;
}
$html .= <<<HTM
</div>
</div>
HTM;
return $html;
}
/**
* Display input field with popup map element to select a position
* as latitude/longitude points.
*
* @param array $arFieldInfo Information about the current input field
* @param object $tceforms Form rendering library object
*
* @return string HTML code
*/
public function inputMapPosition($arFieldInfo, t3lib_tceforms $tceforms)
{
$flex = t3lib_div::xml2array($arFieldInfo['row']['type_conf']);
if (is_array($flex) && isset($flex['data']['sDEF']['lDEF']['field_position']['vDEF'])) {
list($lat, $lon) = explode(',', $flex['data']['sDEF']['lDEF']['field_position']['vDEF']);
$lat = (double) trim($lat);
$lon = (double) trim($lon);
$jZoom = 6;
$inputVal = $flex['data']['sDEF']['lDEF']['field_position']['vDEF'];
} else {
// TODO: geoip current address
$lat = 51.33876;
$lon = 12.3761;
$jZoom = 4;
$inputVal = '';
}
$jLat = json_encode($lat);
$jLon = json_encode($lon);
if (is_array($flex) && isset($flex['data']['sDEF']['lDEF']['field_distance']['vDEF'])) {
$jRadius = json_encode((double) $flex['data']['sDEF']['lDEF']['field_distance']['vDEF']);
} else {
$jRadius = 10;
}
$input = $tceforms->getSingleField_typeInput($arFieldInfo['table'], $arFieldInfo['field'], $arFieldInfo['row'], $arFieldInfo);
preg_match('#id=["\']([^"\']+)["\']#', $input, $arMatches);
$inputId = $arMatches[1];
$html = <<<HTM
{$input}<br/>
<link rel="stylesheet" href="/typo3conf/ext/contexts_geolocation/Resources/Public/JavaScript/Leaflet/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="/typo3conf/ext/contexts_geolocation/Resources/Public/JavaScript/Leaflet/leaflet.ie.css" />
<![endif]-->
<script src="/typo3conf/ext/contexts_geolocation/Resources/Public/JavaScript/Leaflet/leaflet.js"></script>
<div id="map"></div>
<style type="text/css">
#map { height: 400px; }
</style>
<script type="text/javascript">
//<![CDATA[
function updatePosition(latlng, marker, circle)
{
var input = document.getElementById('{$inputId}');
input.value = latlng.lat + ", " + latlng.lng;
input.onchange();
if (marker !== null) {
marker.setLatLng(latlng);
}
if (circle !== null) {
circle.setLatLng(latlng);
}
}
document.observe('dom:loaded', function()
{
// Create the map
var map = L.map('map');
// Set view to chosen geographical coordinates
map.setView(new L.LatLng({$jLat}, {$jLon}), {$jZoom});
// Create the tile layer with correct attribution
var osmUrl = 'http://{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpg';
var subDomains = ['otile1','otile2','otile3','otile4'];
var osmAttrib = 'Data, imagery and map information provided by'
+ ' <a href="http://open.mapquest.co.uk" target="_blank">MapQuest</a>,'
+ ' <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'
+ ' and contributors.';
// Add tile layer
L.tileLayer(osmUrl, {
attribution : osmAttrib,
subdomains : subDomains
}).addTo(map);
// Add marker of current coordinates
var marker = L.marker([{$jLat}, {$jLon}]).addTo(map);
marker.dragging.enable();
// Add distance circle
var circle = L.circle(
[{$jLat}, {$jLon}], {$jRadius} * 1000,
{
color : 'red',
fillColor : '#f03',
fillOpacity : 0.2
}
).addTo(map);
// Handle dragging of marker
marker.on('drag', function(e) {
updatePosition(e.target.getLatLng(), null, circle);
});
// Handle click on map
map.on('click', function(e) {
updatePosition(e.latlng, marker, circle);
});
var distanceName = document.getElementById('{$inputId}').name.replace(
'field_position', 'field_distance'
);
document.getElementsByName(distanceName)[0].observe(
'change', function(e) {
circle.setRadius(e.target.value * 1000);
}
);
// Update map if new latitude/longitude input is provided
document.getElementById('{$inputId}').observe(
'change', function(e) {
var values = e.target.value.split(',');
var lat = parseFloat(values[0]);
var lon = parseFloat(values[1]);
var latlon = new L.LatLng(lat, lon);
updatePosition(latlon, marker, circle);
map.panTo(latlon);
}
);
});
//]]>
</script>
HTM;
return $html;
}
