mirror of
https://github.com/Sarjuuk/aowow.git
synced 2025-11-29 15:58:16 +08:00
6acee41e3d
- reviewed and used objects PageTemplate and Locale - removed associated workarounds - replaced ~12k tabs with ~48k spaces - fixed some localization errors - whoops, forgot to update some Util::$pageTemplate calls to $this
1106 lines
36 KiB
JavaScript
1106 lines
36 KiB
JavaScript
function Mapper(opt, noScroll) {
|
|
$WH.cO(this, opt);
|
|
|
|
if(this.parent && !this.parent.nodeName) {
|
|
this.parent = $WH.ge(this.parent);
|
|
}
|
|
else if(!this.parent) {
|
|
return;
|
|
}
|
|
|
|
var _;
|
|
|
|
this.mouseX = this.mouseY = 0;
|
|
|
|
this.editable = this.editable || false;
|
|
this.overlay = this.overlay || false;
|
|
|
|
if(this.editable) {
|
|
this.zoomable = this.toggle = false;
|
|
this.show = this.mouse = true;
|
|
}
|
|
else {
|
|
this.zoomable = (this.zoomable == null ? true : this.zoomable);
|
|
this.toggle = (this.toggle == null ? true : this.toggle);
|
|
this.show = (this.show == null ? true : this.show);
|
|
this.mouse = (this.mouse == null ? false : this.mouse);
|
|
}
|
|
|
|
this.buttons = (this.buttons == null ? true : this.buttons);
|
|
|
|
this.zoneLink = (this.zoneLink == null ? true : this.zoneLink);
|
|
if(location.href.indexOf('zone=') != -1) {
|
|
this.zoneLink = false;
|
|
}
|
|
|
|
this.zoom = (this.zoom == null ? 0 : this.zoom);
|
|
this.zone = (this.zone == null ? 0 : this.zone);
|
|
this.level = (this.level == null ? (Mapper.zoneDefaultLevel[this.zone] ? Mapper.zoneDefaultLevel[this.zone] : 0) : this.level);
|
|
|
|
this.pins = [];
|
|
this.nCoords = 0;
|
|
|
|
this.tempWidth = null;
|
|
this.tempHeight = null;
|
|
|
|
this.parent.className = 'mapper';
|
|
this.parent.appendChild(this.span = $WH.ce('span'));
|
|
|
|
_ = this.span.style;
|
|
_.display = 'block';
|
|
_.position = 'relative';
|
|
|
|
$WH.ns(this.span);
|
|
|
|
this.overlaySpan = _ = $WH.ce('div');
|
|
_.style.display = 'block';
|
|
_.style.width = '100%';
|
|
_.style.height = '100%';
|
|
this.span.appendChild(_);
|
|
|
|
this.buttonDiv = _ = $WH.ce('div');
|
|
_.style.position = 'absolute';
|
|
_.style.top = _.style.right = '3px';
|
|
|
|
if(this.buttons)
|
|
this.parent.appendChild(_);
|
|
|
|
if(this.editable) {
|
|
this.span.onmouseup = this.addPin.bind(this);
|
|
|
|
_ = g_createGlow(LANG.mapper_tippin);
|
|
_.style.fontSize = '11px';
|
|
_.style.position = 'absolute';
|
|
_.style.bottom = _.style.right = '0';
|
|
|
|
$WH.ns(_);
|
|
this.parent.appendChild(_);
|
|
}
|
|
else {
|
|
this.sToggle = _ = RedButton.create(LANG.mapper_hidepins, true, this.toggleShow.bind(this));
|
|
|
|
_.style['float'] = 'right';
|
|
|
|
_.style.display = 'none';
|
|
|
|
$WH.ns(_);
|
|
this.buttonDiv.appendChild(_);
|
|
}
|
|
|
|
if(this.zoomable) {
|
|
this.span.onclick = this.toggleZoom.bind(this);
|
|
this.span.id = 'sjdhfkljawelis' + (this.unique !== undefined ? this.unique : '');
|
|
|
|
this.sZoom = _ = g_createGlow(LANG.mapper_tipzoom);
|
|
_.style.fontSize = '11px';
|
|
_.style.position = 'absolute';
|
|
_.style.bottom = _.style.right = '0';
|
|
|
|
$WH.ns(_);
|
|
this.span.appendChild(_);
|
|
}
|
|
|
|
this.sZoneLink = _ = g_createGlow('');
|
|
|
|
_.style.display = 'none';
|
|
_.style.position = 'absolute';
|
|
_.style.top = _.style.left = '0';
|
|
|
|
this.parent.appendChild(_);
|
|
|
|
if(this.mouse) {
|
|
this.parent.onmouseout = (function() {
|
|
this.timeout = setTimeout((function() {
|
|
this.sMouse.style.display = 'none';
|
|
}).bind(this), 1)
|
|
}).bind(this);
|
|
this.parent.onmouseover = (function() {
|
|
clearTimeout(this.timeout);
|
|
this.sMouse.style.display = '';
|
|
}).bind(this);
|
|
|
|
this.span.onmousemove = this.span.onmousedown = this.getMousePos.bind(this);
|
|
|
|
this.sMouse = _ = g_createGlow('(0.0, 0.0)');
|
|
|
|
_.style.display = 'none';
|
|
_.style.position = 'absolute';
|
|
_.style.bottom = _.style.left = '0';
|
|
|
|
_.onmouseup = $WH.sp;
|
|
|
|
$WH.ns(_);
|
|
this.span.appendChild(_);
|
|
}
|
|
|
|
this.floorPins = {};
|
|
|
|
if(opt.coords != null) {
|
|
this.setCoords(opt.coords);
|
|
}
|
|
else if(opt.link != null) {
|
|
this.setLink(opt.link);
|
|
}
|
|
|
|
if(opt.objectives)
|
|
this.setObjectives(opt.objectives);
|
|
if(opt.zoneparent && opt.zones)
|
|
this.setZones(opt.zoneparent, opt.zones);
|
|
|
|
this.updateMap(noScroll);
|
|
};
|
|
|
|
Mapper.sizes = [
|
|
[ 488, 325, 'normal'],
|
|
[ 772, 515, 'zoom'],
|
|
[1002, 668, 'original'],
|
|
[ 224, 149, 'small']
|
|
];
|
|
|
|
Mapper.onlyOneFloor = {
|
|
4120: true, // Nexus
|
|
4264: true, // Halls of Stone
|
|
4416: true, // Gundrak
|
|
4415: true, // Violet Hold
|
|
4493: true, // Obsidian Sanctum
|
|
4500: true, // Eye of Eternity
|
|
4603: true, // Vault of Archavon
|
|
4723: true, // Trial of the Champion
|
|
4809: true, // The Forge of Souls
|
|
4813: true, // Pit of Saron
|
|
4820: true // Halls of Reflection
|
|
};
|
|
|
|
Mapper.zoneLevelOffset = {
|
|
4273: 0 // Ulduar
|
|
};
|
|
|
|
Mapper.zoneDefaultLevel = {
|
|
3456: 4, // Naxxramas
|
|
4812: 4 // Icecrown Citadel
|
|
};
|
|
|
|
Mapper.remappedLevels = {
|
|
4273: { 6: 5 }
|
|
};
|
|
|
|
Mapper.multiLevelZones = {};
|
|
|
|
Mapper.prototype = {
|
|
getMap: function() { return this.parent },
|
|
|
|
update: function(opt, noScroll) {
|
|
if(opt.zoom != null) {
|
|
this.zoom = opt.zoom;
|
|
}
|
|
|
|
if(opt.zone != null) {
|
|
this.zone = opt.zone;
|
|
}
|
|
|
|
if(opt.show != null) {
|
|
this.show = opt.show;
|
|
}
|
|
|
|
this.pins = [];
|
|
this.nCoords = 0;
|
|
for(var i in this.floorPins)
|
|
if(this.floorPins[i].parentNode)
|
|
$WH.de(this.floorPins[i]);
|
|
this.floorPins = {};
|
|
if(this.floorButton)
|
|
{
|
|
$WH.de(this.floorButton);
|
|
this.floorButton = null;
|
|
}
|
|
|
|
var level = (opt.level === undefined ? 0 : this.fixLevel(parseInt(opt.level)));
|
|
if(!opt.preservelevel)
|
|
this.level = 0;
|
|
else
|
|
level = this.level;
|
|
var mapperData = false;
|
|
if($WH.isset('g_mapperData'))
|
|
mapperData = g_mapperData;
|
|
else if($WH.isset('g_mapper_data'))
|
|
mapperData = g_mapper_data;
|
|
if(mapperData && mapperData[this.zone] && !opt.coords)
|
|
{
|
|
var zone = mapperData[this.zone];
|
|
var maxCount = -1;
|
|
for(var i in zone)
|
|
{
|
|
i = parseInt(i);
|
|
var iLevel = this.fixLevel(i);
|
|
|
|
if(opt.level === undefined && zone[i].count > maxCount)
|
|
{
|
|
level = parseInt(iLevel);
|
|
maxCount = zone[i].count;
|
|
}
|
|
|
|
if(zone[i].coords)
|
|
this.setCoords(zone[i].coords, iLevel);
|
|
}
|
|
this.level = level;
|
|
if(this.floorPins[this.level])
|
|
$WH.ae(this.span, this.floorPins[this.level]);
|
|
}
|
|
else if(opt.coords != null)
|
|
{
|
|
var lowestLevel = 999;
|
|
for(var i in opt.coords)
|
|
{
|
|
i = parseInt(i);
|
|
var iLevel = this.fixLevel(i);
|
|
this.setCoords(opt.coords[i], iLevel);
|
|
if(iLevel < lowestLevel)
|
|
lowestLevel = iLevel;
|
|
}
|
|
|
|
if(lowestLevel != 999 && !opt.preservelevel)
|
|
this.level = lowestLevel;
|
|
|
|
if(this.floorPins[this.level])
|
|
$WH.ae(this.span, this.floorPins[this.level]);
|
|
}
|
|
// this.setCoords(opt.coords);
|
|
else if(opt.link != null)
|
|
this.setLink(opt.link);
|
|
|
|
this.updateMap(noScroll);
|
|
},
|
|
|
|
fixLevel: function(level)
|
|
{
|
|
if(Mapper.zoneLevelOffset[this.zone] !== undefined)
|
|
level += Mapper.zoneLevelOffset[this.zone];
|
|
else if(Mapper.multiLevelZones[this.zone] && level > 0)
|
|
level += -1;
|
|
else if(Mapper.multiLevelZones[this.zone] == undefined)
|
|
level = 0;
|
|
|
|
if(Mapper.remappedLevels[this.zone] && Mapper.remappedLevels[this.zone][level] !== undefined)
|
|
level = Mapper.remappedLevels[this.zone][level];
|
|
|
|
return level;
|
|
},
|
|
|
|
getZone: function() {
|
|
return this.zone;
|
|
},
|
|
|
|
setZone: function(zone, level, noScroll) {
|
|
this.pins = [];
|
|
this.nCoords = 0;
|
|
if(this.floorPins[this.level])
|
|
$WH.de(this.floorPins[this.level]);
|
|
this.floorPins = {};
|
|
if(this.floorButton)
|
|
{
|
|
$WH.de(this.floorButton);
|
|
this.floorButton = null;
|
|
}
|
|
|
|
this.zone = zone;
|
|
this.level = level | 0;
|
|
this.updateMap(noScroll);
|
|
|
|
return true;
|
|
},
|
|
|
|
showFloors: function(event)
|
|
{
|
|
if(!Mapper.multiLevelZones[this.zone])
|
|
return;
|
|
|
|
var menu = [];
|
|
var _ = Mapper.multiLevelZones[this.zone];
|
|
var src = g_zone_areas;
|
|
|
|
for(var i = 0; i < _.length; ++i)
|
|
{
|
|
var menuItem;
|
|
if(!src[this.zone])
|
|
menuItem = [i, '[Level ' + (i + 1) + ']', this.setMap.bind(this, _[i], i, true)];
|
|
else
|
|
menuItem = [i, src[this.zone][i], this.setMap.bind(this, _[i], i, true)];
|
|
|
|
if(i == this.level || (this.level === undefined && i == 0))
|
|
menuItem.checked = true;
|
|
|
|
menu.push(menuItem);
|
|
}
|
|
|
|
Menu.showAtCursor(menu, event);
|
|
},
|
|
|
|
setMap: function(map, level, forceUpdate)
|
|
{
|
|
if(level != this.level)
|
|
{
|
|
if(this.floorPins[this.level])
|
|
$WH.de(this.floorPins[this.level]);
|
|
if(this.floorPins[level])
|
|
$WH.ae(this.span, this.floorPins[level]);
|
|
this.level = level;
|
|
}
|
|
|
|
var type = Locale.getName();
|
|
|
|
if($WH.isset('g_ptr') && g_ptr)
|
|
type = 'ptr';
|
|
else if($WH.isset('g_beta') && g_beta)
|
|
type = 'beta';
|
|
else if($WH.isset('g_old') && g_old)
|
|
type = 'old';
|
|
|
|
this.span.style.background = 'url(' + g_staticUrl + '/images/wow/maps/' + type + '/' + Mapper.sizes[this.zoom][2] + '/' + map + '.jpg)';
|
|
|
|
if(this.overlay)
|
|
this.overlaySpan.style.background = 'url(' + g_staticUrl + '/images/wow/maps/overlay/' + Mapper.sizes[this.zoom][2] + '/' + map + '.png)';
|
|
|
|
if(this.sZoneLink)
|
|
{
|
|
var zoneText = '';
|
|
var zoneId = parseInt(this.zone);
|
|
var found = g_zones[zoneId] != null;
|
|
var src = g_zone_areas;
|
|
if(found)
|
|
{
|
|
if(this.zoneLink)
|
|
zoneText += '<a href="?zone=' + zoneId + '">' + g_zones[zoneId] + '</a>';
|
|
if(Mapper.multiLevelZones[zoneId])
|
|
{
|
|
if(this.zoneLink)
|
|
zoneText += ': ';
|
|
zoneText += (src[zoneId] ? src[zoneId][this.level] : 'Level ' + (this.level+1));
|
|
}
|
|
g_setInnerHtml(this.sZoneLink, zoneText, 'div');
|
|
if(this.zoneLink)
|
|
{
|
|
for(var i = 0; i < 9; ++i)
|
|
{
|
|
if(i == 4) continue;
|
|
this.sZoneLink.childNodes[i].firstChild.style.color = 'black';
|
|
}
|
|
}
|
|
}
|
|
this.sZoneLink.style.display = found ? '' : 'none';
|
|
}
|
|
|
|
if(forceUpdate)
|
|
this.onMapUpdate && this.onMapUpdate(this);
|
|
},
|
|
|
|
setObjectives: function(obj)
|
|
{
|
|
var startEnd = { start: 1, end: 1, startend: 1, sourcestart: 1, sourceend: 1 };
|
|
for(var z in obj)
|
|
{
|
|
var zone = obj[z];
|
|
if(g_mapperData[z] === undefined)
|
|
g_mapperData[z] = {};
|
|
var objectiveIndex = {};
|
|
var nextIndex = 0;
|
|
for(var l in zone.levels)
|
|
{
|
|
var level = zone.levels[l];
|
|
var results = ShowOnMap.combinePins(level);
|
|
var pins = results[0];
|
|
g_mapperData[z][l] = { count: pins.length, coords: [] };
|
|
for(var i = 0; i < pins.length; ++i)
|
|
{
|
|
var tooltip = ShowOnMap.buildTooltip(pins[i].list);
|
|
g_mapperData[z][l].coords.push([pins[i].coord[0], pins[i].coord[1], { type: tooltip[1], url: tooltip[2], menu: tooltip[3], label: tooltip[0] }]);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
setZones: function(div, zones)
|
|
{
|
|
div = $WH.ge(div);
|
|
if(!div || !zones || zones.length == 0 || !this.objectives)
|
|
return;
|
|
|
|
var zoneLinks = function(self, container, zoneList, zoneTypes)
|
|
{
|
|
var maxIdx = [false, -1];
|
|
for(var i = 0; i < zoneList.length; ++i)
|
|
{
|
|
if(i > 0) $WH.ae(span, (i == zoneList.length-1 ? LANG.and : LANG.comma));
|
|
var entry = null;
|
|
if(self.objectives[zoneList[i][0]].mappable > 0)
|
|
{
|
|
entry = $WH.ce('a');
|
|
entry.href = 'javascript:;';
|
|
$WH.ae(entry, $WH.ct(self.objectives[zoneList[i][0]].zone));
|
|
entry.onClick = function(link, zone) {
|
|
self.update({ zone: zone });
|
|
g_setSelectedLink(link, 'mapper');
|
|
}.bind(self, entry, zoneList[i][0]);
|
|
entry.isLink = true;
|
|
}
|
|
else
|
|
{
|
|
entry = $WH.ce('a');
|
|
entry.href = '?zone=' + zoneList[i][0];
|
|
$WH.ae(entry, $WH.ct(self.objectives[zoneList[i][0]].zone));
|
|
g_addTooltip(entry, LANG.tooltip_zonelink);
|
|
}
|
|
|
|
if(zones.length > 1)
|
|
{
|
|
var types = zoneTypes[zoneList[i][0]];
|
|
if(types.start && types.end)
|
|
{
|
|
entry.className += ' icontiny';
|
|
entry.style += ' background-image', 'url(' + g_staticUrl + '/images/wow/icons/tiny/quest_startend.gif)';
|
|
entry.style += ' padding-left', '20px';
|
|
}
|
|
else if(types.start)
|
|
{
|
|
entry.className += ' icontiny';
|
|
entry.style += ' background-image', 'url(' + g_staticUrl + '/images/wow/icons/tiny/quest_start.gif)';
|
|
entry.style += ' padding-left', '14px';
|
|
}
|
|
else if(types.end)
|
|
{
|
|
entry.className += ' icontiny';
|
|
entry.style += ' background-image', 'url(' + g_staticUrl + '/images/wow/icons/tiny/quest_end.gif)';
|
|
entry.style += ' padding-left', '16px';
|
|
}
|
|
}
|
|
$WH.ae(container, entry);
|
|
|
|
if(zoneList[i][1] > maxIdx[1])
|
|
maxIdx = [entry, zoneList[i][1]];
|
|
}
|
|
return maxIdx[0];
|
|
};
|
|
|
|
var getZoneList = function(zoneList, zoneTypes, type)
|
|
{
|
|
var ret = [];
|
|
for(var i = 0; i < zoneList.length; ++i)
|
|
{
|
|
if(zoneTypes[zoneList[i][0]][type])
|
|
ret.push(zoneList[i]);
|
|
}
|
|
return ret;
|
|
};
|
|
|
|
var typesByZone = {};
|
|
var types = { start: [], end: [], objective: [] };
|
|
|
|
for(var zoneId in this.objectives)
|
|
{
|
|
if(typesByZone[zoneId] === undefined)
|
|
typesByZone[zoneId] = {};
|
|
var zone = this.objectives[zoneId];
|
|
for(var levelNum in zone.levels)
|
|
{
|
|
var level = zone.levels[levelNum];
|
|
for(var i = 0; i < level.length; ++i)
|
|
{
|
|
if(level[i].point == 'start' || level[i].point == 'sourcestart')
|
|
{
|
|
types.start.push(zoneId);
|
|
typesByZone[zoneId].start = true;
|
|
}
|
|
else if(level[i].point == 'end' || level[i].point == 'sourceend')
|
|
{
|
|
types.end.push(zoneId);
|
|
typesByZone[zoneId].end = true;
|
|
}
|
|
else if(level[i].point == 'requirement' || level[i].point == 'sourcerequirement')
|
|
{
|
|
types.objective.push(zoneId);
|
|
typesByZone[zoneId].objective = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var h3 = $WH.ce('h3');
|
|
$WH.ae(h3, $WH.ct(LANG.mapper_relevantlocs));
|
|
$WH.ae(div, h3);
|
|
if(zones.length == 1 && this.missing == 0)
|
|
{
|
|
var span = $WH.ce('span');
|
|
span.innerHTML = LANG.mapper_entiretyinzone.replace('$$', '<b>' + this.objectives[zones[0][0]].zone + '</b>.');
|
|
$WH.ae(div, span);
|
|
this.update({ zone: zones[0][0] });
|
|
}
|
|
else if(this.missing > 0)
|
|
{
|
|
var span = $WH.ce('span');
|
|
var primaryLink = false, secondaryLink = false, tertiaryLink = false;
|
|
types.objective = $WH.array_unique(types.objective);
|
|
types.start = $WH.array_unique(types.start);
|
|
types.end = $WH.array_unique(types.end);
|
|
var startEnd = types.start.length > 0 && $WH.array_compare(types.start, types.end);
|
|
var startObj = types.start.length > 0 && $WH.array_compare(types.start, types.objective);
|
|
var endObj = types.end.length > 0 && $WH.array_compare(types.end, types.objective);
|
|
|
|
var objZones = getZoneList(zones, typesByZone, 'objective');
|
|
var startZones = getZoneList(zones, typesByZone, 'start');
|
|
var endZones = getZoneList(zones, typesByZone, 'end');
|
|
|
|
if(startEnd && startObj) // everything in the same zones
|
|
{
|
|
var parts = LANG.mapper_happensin.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(startEnd && types.objective.length == 0) // starts and ends in x
|
|
{
|
|
var parts = LANG.mapper_objectives.sex.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(startEnd) // objectives in x, starts and ends in y
|
|
{
|
|
var parts = LANG.mapper_objectives.ox_sey.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, startZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[2]);
|
|
}
|
|
else if(startObj && types.end.length == 0) // objectives and starts in x
|
|
{
|
|
var parts = LANG.mapper_objectives.osx.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(startObj) // objectives and starts in x, ends in y
|
|
{
|
|
var parts = LANG.mapper_objectives.osx_ey.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, endZones, typesByZone);
|
|
$WH.ae(span, parts[2]);
|
|
}
|
|
else if(endObj && types.start.length == 0) // objectives and ends in x
|
|
{
|
|
var parts = LANG.mapper_objectives.oex.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(endObj) // objectives and ends in x, starts in y
|
|
{
|
|
var parts = LANG.mapper_objectives.oex_sy.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, startZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(types.start.length > 0 && types.end.length > 0 && types.objective.length > 0) // objectives in x, starts in y, ends in z
|
|
{
|
|
var parts = LANG.mapper_objectives.ox_sy_ez.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, startZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
tertiaryLink = zoneLinks(this, span, endZones, typesByZone);
|
|
$WH.ae(span, parts[3]);
|
|
}
|
|
else if(types.start.length > 0 && types.end.length > 0) // starts in x, ends in y
|
|
{
|
|
var parts = LANG.mapper_objectives.sx_ey.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, startZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, endZones, typesByZone);
|
|
$WH.ae(span, parts[2]);
|
|
}
|
|
else if(types.start.length > 0 && types.objective.length > 0) // objectives in x, starts in y
|
|
{
|
|
var parts = LANG.mapper_objectives.ox_sy.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, startZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[2]);
|
|
}
|
|
else if(types.end.length > 0 && types.objective.length > 0) // objectives in x, ends in y
|
|
{
|
|
var parts = LANG.mapper_objectives.ox_ey.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, objZones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
secondaryLink = zoneLinks(this, span, endZones, typesByZone);
|
|
$WH.ae(span, parts[2]);
|
|
}
|
|
else if(types.start.length > 0) // starts in x
|
|
{
|
|
var parts = LANG.mapper_objectives.sx.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(types.end.length > 0) // ends in x
|
|
{
|
|
var parts = LANG.mapper_objectives.ex.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else if(types.objective.length > 0) // objectives in x
|
|
{
|
|
var parts = LANG.mapper_objectives.ox.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
else // wat?
|
|
{
|
|
var parts = LANG.mapper_happensin.split('$$');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
}
|
|
$WH.ae(div, span);
|
|
|
|
if(primaryLink && primaryLink.isLink)
|
|
primaryLink.click();
|
|
else if(secondaryLink && secondaryLink.isLink)
|
|
secondaryLink.click();
|
|
else if(tertiaryLink && tertiaryLink.isLink)
|
|
tertiaryLink.click();
|
|
}
|
|
else
|
|
{
|
|
var parts = LANG.mapper_happensin.split('$$');
|
|
var span = $WH.ce('span');
|
|
$WH.ae(span, $WH.ct(parts[0]));
|
|
var primaryLink = zoneLinks(this, span, zones, typesByZone);
|
|
$WH.ae(span, parts[1]);
|
|
$WH.ae(div, span);
|
|
|
|
if(primaryLink && primaryLink.isLink)
|
|
primaryLink.click();
|
|
}
|
|
},
|
|
|
|
setSize: function(w, h) { this.tempWidth = w; this.tempHeight = h; this.updateMap(true); },
|
|
|
|
getZoom: function() { return this.zoom; },
|
|
setZoom: function(zoom, noScroll) { this.zoom = zoom; this.tempWidth = this.tempHeight = null; this.updateMap(noScroll); },
|
|
|
|
toggleZoom: function(e)
|
|
{
|
|
this.zoom = 1 - this.zoom;
|
|
this.updateMap(true);
|
|
|
|
if(e)
|
|
this.getMousePos(e);
|
|
|
|
if(this.sZoom)
|
|
{
|
|
if(this.sZoom.style.display == 'none')
|
|
this.sZoom.style.display = '';
|
|
else
|
|
this.sZoom.style.display = 'none';
|
|
}
|
|
|
|
/* sarjuuk: thats one feature i never understood. the inflatable map is superior to the popup in every way possible
|
|
if(this.zoom)
|
|
MapViewer.show({ mapper: this });
|
|
*/
|
|
},
|
|
|
|
getShow: function() { return this.show; },
|
|
setShow: function(show)
|
|
{
|
|
this.show = show;
|
|
|
|
var d = this.show ? '' : 'none';
|
|
|
|
for(var i in this.floorPins)
|
|
this.floorPins[i].style.display = d;
|
|
RedButton.setText(this.sToggle, (this.show ? LANG.mapper_hidepins : LANG.mapper_showpins));
|
|
},
|
|
|
|
toggleShow: function()
|
|
{
|
|
this.setShow(!this.show);
|
|
},
|
|
|
|
getCoords: function()
|
|
{
|
|
var a = [];
|
|
|
|
for(var i in this.pins)
|
|
if(!this.pins[i].free)
|
|
a.push([this.pins[i].x, this.pins[i].y]);
|
|
|
|
return a;
|
|
},
|
|
|
|
clearPins: function()
|
|
{
|
|
for(var i in this.pins)
|
|
{
|
|
this.pins[i].style.display = 'none';
|
|
this.pins[i].free = true;
|
|
}
|
|
},
|
|
|
|
setCoords: function(coords, coordsLevel)
|
|
{
|
|
var _;
|
|
|
|
var level, noLevel;
|
|
if(coordsLevel === undefined)
|
|
{
|
|
this.clearPins();
|
|
|
|
if(coords.length) // Backward compatibility
|
|
{
|
|
noLevel = true;
|
|
level = 0;
|
|
}
|
|
else
|
|
{
|
|
for(var i in coords)
|
|
{
|
|
level = i;
|
|
break;
|
|
}
|
|
|
|
if(level == null) return;
|
|
|
|
coords = coords[level];
|
|
}
|
|
|
|
level = parseInt(level);
|
|
|
|
if(!noLevel)
|
|
{
|
|
level = this.fixLevel(level);
|
|
this.level = level;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
level = coordsLevel;
|
|
}
|
|
|
|
this.nCoords = coords.length;
|
|
|
|
for(var i in coords)
|
|
{
|
|
var
|
|
coord = coords[i],
|
|
opt = coord[2];
|
|
|
|
if(coord[0] === undefined || coord[1] === undefined)
|
|
continue;
|
|
|
|
_ = this.getPin(level);
|
|
_.x = coord[0];
|
|
_.y = coord[1];
|
|
_.style.left = _.x + '%';
|
|
_.style.top = _.y + '%';
|
|
|
|
if(this.editable)
|
|
_.a.onmouseup = this.delPin.bind(this, _);
|
|
else if(opt && opt.url)
|
|
{
|
|
_.a.href = Markup._fixUrl(opt.url);
|
|
_.a.rel = "np";
|
|
_.a.style.cursor = 'pointer';
|
|
}
|
|
|
|
if(opt && opt.tooltip)
|
|
{
|
|
_.a.tt = '';
|
|
var printedFooter = false;
|
|
for(var name in opt.tooltip)
|
|
{
|
|
if(_.a.tt != '')
|
|
_.a.tt += '<br />';
|
|
_.a.tt += '<b class="q">' + name + '</b> ($)<br />';
|
|
for(var line in opt.tooltip[name].info)
|
|
_.a.tt += '<div>' + opt.tooltip[name].info[line] + '</div>';
|
|
if(!printedFooter && opt.tooltip[name].footer)
|
|
{
|
|
_.a.tt += opt.tooltip[name].footer + '<br />';
|
|
printedFooter = true;
|
|
}
|
|
}
|
|
}
|
|
else if(opt && opt.label)
|
|
_.a.tt = opt.label;
|
|
else
|
|
_.a.tt = '$';
|
|
|
|
if(opt && opt.menu)
|
|
{
|
|
_.a.menu = opt.menu;
|
|
Menu.add(_.a, _.a.menu, { showAtCursor: true });
|
|
// _.a.onclick = function() {
|
|
// (Menu.show.bind(this))();
|
|
// $WH.Tooltip.hide();
|
|
// this.onmouseout = function() {
|
|
// Menu.hide();
|
|
// this.onmouseout = $WH.Tooltip.hide();
|
|
// }.bind(this);
|
|
// $WH.sp();
|
|
// return false;
|
|
// }.bind(_.a);
|
|
}
|
|
|
|
if(opt && opt.type)
|
|
_.className += ' pin-' + opt.type;
|
|
|
|
_.a.tt = $WH.str_replace(_.a.tt, '$', _.x.toFixed(1) + ', ' + _.y.toFixed(1));
|
|
|
|
if(opt && opt.lines)
|
|
{
|
|
for(var p = 0, nPaths = opt.lines.length; p < nPaths; ++p)
|
|
{
|
|
if(coord[0] == opt.lines[p][0] && coord[1] == opt.lines[p][1])
|
|
continue;
|
|
|
|
for(var s = 0, nSizes = Mapper.sizes.length; s < nSizes; ++s)
|
|
{
|
|
var size = Mapper.sizes[s];
|
|
_ = Line(coord[0] * size[0] / 100, coord[1] * size[1] / 100, opt.lines[p][0] * size[0] / 100, opt.lines[p][1] * size[1] / 100, opt.type);
|
|
_.className += ' ' + size[2];
|
|
$WH.ae(this.floorPins[level], _);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this.onPinUpdate && this.onPinUpdate(this);
|
|
},
|
|
|
|
getLink: function()
|
|
{
|
|
var s = '';
|
|
|
|
for(var i in this.pins)
|
|
if(!this.pins[i].free && this.pins[i].floor == this.level)
|
|
s += (this.pins[i].x < 10 ? '0' : '') + (this.pins[i].x < 1 ? '0' : '') + (this.pins[i].x * 10).toFixed(0) + (this.pins[i].y < 10 ? '0' : '') + (this.pins[i].y < 1 ? '0' : '') + (this.pins[i].y * 10).toFixed(0);
|
|
|
|
return (this.zone ? this.zone : '') + (Mapper.multiLevelZones[this.zone] && this.level != 0 ? '.' + this.level : '') + (s ? ':' + s : '');
|
|
},
|
|
|
|
setLink: function(link, noScroll)
|
|
{
|
|
var a = [];
|
|
|
|
link = link.split(':');
|
|
|
|
var zone = link[0];
|
|
var level = 0;
|
|
if(zone.indexOf('.') != -1)
|
|
{
|
|
var zoneLevel = zone.split('.');
|
|
zone = zoneLevel[0];
|
|
level = parseInt(zoneLevel[1]);
|
|
}
|
|
|
|
if(!this.setZone(zone, level, noScroll))
|
|
return false;
|
|
|
|
if(link.length == 2)
|
|
{
|
|
for(var i = 0; i < link[1].length; i += 6)
|
|
{
|
|
var x = link[1].substr(i, 3) / 10;
|
|
var y = link[1].substr(i + 3, 3) / 10;
|
|
if(isNaN(x) || isNaN(y)) break;
|
|
a.push([x, y]);
|
|
}
|
|
}
|
|
|
|
this.setCoords(a, level);
|
|
|
|
return true;
|
|
},
|
|
|
|
updateMap: function(noScroll)
|
|
{
|
|
this.parent.style.width = this.span.style.width = (this.tempWidth ? this.tempWidth : Mapper.sizes[this.zoom][0]) + 'px';
|
|
this.parent.style.height = this.span.style.height = (this.tempHeight ? this.tempHeight : Mapper.sizes[this.zoom][1]) + 'px';
|
|
if(!this.editable)
|
|
this.parent.style.cssFloat = this.parent.style.styleFloat = 'left';
|
|
|
|
if(this.zone == '0')
|
|
this.span.style.background = 'black';
|
|
else
|
|
{
|
|
var level = this.level;
|
|
|
|
if(level == 1 && Mapper.onlyOneFloor[this.zone])
|
|
level = 0;
|
|
|
|
var map = this.zone + (level ? '-' + level : '');
|
|
if(Mapper.multiLevelZones[this.zone])
|
|
{
|
|
map = Mapper.multiLevelZones[this.zone][level];
|
|
}
|
|
this.setMap(map, level);
|
|
|
|
if(!this.floorButton && Mapper.multiLevelZones[this.zone])
|
|
{
|
|
this.floorButton = _ = RedButton.create(LANG.mapper_floor, true, this.showFloors.bind(this));
|
|
|
|
_.style['float'] = 'right';
|
|
|
|
$WH.ns(_);
|
|
this.buttonDiv.appendChild(_);
|
|
}
|
|
else if(this.floorButton)
|
|
this.floorButton.style.display = Mapper.multiLevelZones[this.zone] ? '' : 'none';
|
|
}
|
|
|
|
if(this.sToggle)
|
|
this.sToggle.style.display = (this.toggle && this.nCoords ? '' : 'none');
|
|
|
|
if(!noScroll)
|
|
$WH.g_scrollTo(this.parent, 3);
|
|
|
|
// replacement start
|
|
// $('.line', this.floorPins[level]).hide();
|
|
// $('.line.' + Mapper.sizes[this.zoom][2], this.floorPins[level]).show();
|
|
if (this.floorPins[level]) {
|
|
var lines = this.floorPins[level].getElementsByClassName('line');
|
|
for (i in lines) {
|
|
if (i < lines.length) {
|
|
lines[i].style.display = 'none';
|
|
}
|
|
}
|
|
|
|
lines = this.floorPins[level].getElementsByClassName('line ' + Mapper.sizes[this.zoom][2]);
|
|
for (i in lines) {
|
|
if (i < lines.length) {
|
|
lines[i].style.display = 'block';
|
|
}
|
|
}
|
|
}
|
|
// end of replacement
|
|
|
|
this.onMapUpdate && this.onMapUpdate(this);
|
|
},
|
|
|
|
cleanPin: function(i, floor)
|
|
{
|
|
var _ = this.pins[i];
|
|
_.style.display = '';
|
|
_.free = false;
|
|
_.className = 'pin';
|
|
|
|
_.a.onmousedown = $WH.rf;
|
|
_.a.onmouseup = $WH.rf;
|
|
_.a.href = 'javascript:;';
|
|
_.a.style.cursor = 'default';
|
|
_.floor = floor;
|
|
|
|
return _;
|
|
},
|
|
|
|
getPin: function(floor)
|
|
{
|
|
for(var i = 0; i < this.pins.length; ++i)
|
|
if(this.pins[i].free)
|
|
return this.cleanPin(i, floor);
|
|
|
|
var _ = $WH.ce('div'), a = $WH.ce('a');
|
|
_.className = 'pin';
|
|
_.appendChild(a);
|
|
_.a = a;
|
|
_.floor = floor;
|
|
a.onmouseover = this.pinOver;
|
|
a.onmouseout = $WH.Tooltip.hide;
|
|
a.onclick = $WH.sp;
|
|
|
|
this.pins.push(_);
|
|
this.cleanPin(this.pins.length - 1, floor);
|
|
|
|
if(!this.floorPins[floor])
|
|
{
|
|
this.floorPins[floor] = $WH.ce('div');
|
|
this.floorPins[floor].style.display = this.show ? '' : 'none';
|
|
if(floor == this.level)
|
|
$WH.ae(this.span, this.floorPins[floor]);
|
|
}
|
|
$WH.ae(this.floorPins[floor], _);
|
|
return _;
|
|
},
|
|
|
|
addPin: function(e)
|
|
{
|
|
e = $WH.$E(e);
|
|
if(e._button >= 2) return;
|
|
|
|
this.getMousePos(e);
|
|
var p = this.getPin(this.level);
|
|
|
|
p.x = this.mouseX;
|
|
p.y = this.mouseY;
|
|
|
|
p.style.left = p.x.toFixed(1) + '%';
|
|
p.style.top = p.y.toFixed(1) + '%';
|
|
|
|
p.a.onmouseup = this.delPin.bind(this, p);
|
|
p.a.tt = p.x.toFixed(1) + ', ' + p.y.toFixed(1);
|
|
|
|
this.onPinUpdate && this.onPinUpdate(this);
|
|
|
|
return false;
|
|
},
|
|
|
|
delPin: function(pin, e)
|
|
{
|
|
e = $WH.$E(e);
|
|
|
|
pin.style.display = 'none';
|
|
pin.free = true;
|
|
$WH.sp(e);
|
|
|
|
this.onPinUpdate && this.onPinUpdate(this);
|
|
|
|
return;
|
|
},
|
|
|
|
pinOver: function()
|
|
{
|
|
$WH.Tooltip.show(this, this.tt, 4, 0);
|
|
},
|
|
|
|
getMousePos: function(e)
|
|
{
|
|
e = $WH.$E(e);
|
|
|
|
var c = $WH.ac(this.parent);
|
|
|
|
var scroll = $WH.g_getScroll();
|
|
|
|
this.mouseX = Math.floor((e.clientX + scroll.x - c[0] - 3) / Mapper.sizes[this.zoom][0] * 1000) / 10;
|
|
this.mouseY = Math.floor((e.clientY + scroll.y - c[1] - 3) / Mapper.sizes[this.zoom][1] * 1000) / 10;
|
|
|
|
if(this.mouseX < 0) this.mouseX = 0;
|
|
else if(this.mouseX > 100) this.mouseX = 100;
|
|
|
|
if(this.mouseY < 0) this.mouseY = 0;
|
|
else if(this.mouseY > 100) this.mouseY = 100;
|
|
|
|
if(this.mouse)
|
|
g_setTextNodes(this.sMouse, '(' + this.mouseX.toFixed(1) + ', ' + this.mouseY.toFixed(1) + ')');
|
|
}
|
|
};
|