mirror of
https://github.com/Shadowss/TravianZ.git
synced 2026-07-17 10:06:09 +00:00
novgorodschi catalin
c7ba50036f
Add (Admin Panel) : Multi-account detection, Push protection, Heatmap, Gold Shop (redem codes), Blacklist user names and Quest Editor + fix some php notice Fix quest_core for mission 33,36, train 2 units, etc (NEW TRIBE) There are some temporary bugs that will be fixed in next commit (pagination for new heatmap, quest reward)
266 lines
14 KiB
Smarty
266 lines
14 KiB
Smarty
<?php
|
|
|
|
#################################################################################
|
|
## -= YOU MAY NOT REMOVE OR CHANGE THIS NOTICE =- ##
|
|
## --------------------------------------------------------------------------- ##
|
|
## Filename : heatmap.tpl ##
|
|
## Type : Admin Panel Frontend for heatmap ##
|
|
## --------------------------------------------------------------------------- ##
|
|
## Developed by : Shadow ##
|
|
## --------------------------------------------------------------------------- ##
|
|
## Contact : cata7007@gmail.com ##
|
|
## Project : TravianZ ##
|
|
## GitHub : https://github.com/Shadowss/TravianZ ##
|
|
## --------------------------------------------------------------------------- ##
|
|
## License : TravianZ Project ##
|
|
## Copyright : TravianZ (c) 2010-2026. All rights reserved. ##
|
|
## --------------------------------------------------------------------------- ##
|
|
#################################################################################
|
|
|
|
if (!isset($_SESSION['access']) || $_SESSION['access'] < MULTIHUNTER) {
|
|
echo '<p style="color:#f87171;padding:16px;">Access denied.</p>';
|
|
return;
|
|
}
|
|
|
|
$res = isset($_GET['res']) && ctype_digit((string)$_GET['res']) ? (int)$_GET['res'] : Heatmap::DEFAULT_RES;
|
|
$days = isset($_GET['days']) && ctype_digit((string)$_GET['days']) ? (int)$_GET['days'] : Heatmap::DEFAULT_INACTIVE_DAYS;
|
|
|
|
$data = Heatmap::grid(['res' => $res, 'inactive_days' => $days]);
|
|
$tribeNames = Heatmap::tribeNames();
|
|
|
|
// Compact payload for the client: [cx,cy,villages,inactive,attacks,pop,dom,x0,y0,x1,y1]
|
|
$payload = [];
|
|
foreach ($data['cells'] as $c) {
|
|
$payload[] = [$c['cx'], $c['cy'], $c['villages'], $c['inactive'], $c['attacks'], $c['pop'], $c['dom'], $c['x0'], $c['y0'], $c['x1'], $c['y1']];
|
|
}
|
|
$js = [
|
|
'res' => $data['res'],
|
|
'max' => $data['max'],
|
|
'cells' => $payload,
|
|
'tribeNames' => $tribeNames,
|
|
];
|
|
?>
|
|
<style>
|
|
.hm-wrap{color:#e2e8f0;font-family:Verdana,Arial,sans-serif;font-size:12px;padding:6px 4px 26px;}
|
|
.hm-wrap h2{font-size:18px;margin:0 0 4px;color:#fff;}
|
|
.hm-wrap h2 span{color:#f59e0b;}
|
|
.hm-intro{color:#94a3b8;font-size:11px;margin:0 0 14px;max-width:860px;line-height:1.5;}
|
|
.hm-filter{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:14px;}
|
|
.hm-filter label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:4px;}
|
|
.hm-filter input{background:#0b1220;border:1px solid #334155;border-radius:6px;color:#e2e8f0;padding:6px 8px;width:90px;}
|
|
.hm-filter button{background:#f59e0b;color:#111827;font-weight:bold;border:0;border-radius:6px;padding:8px 16px;cursor:pointer;}
|
|
.hm-layers{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
|
|
.hm-layers button{background:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:12px;}
|
|
.hm-layers button.active{background:#f59e0b;color:#111827;border-color:#f59e0b;font-weight:bold;}
|
|
.hm-stage{display:flex;gap:14px;align-items:flex-start;flex-wrap:nowrap;}
|
|
.hm-map{position:relative;background:#0b1220;border:1px solid #1f2937;border-radius:8px;padding:8px;flex:1 1 0;min-width:0;}
|
|
.hm-map svg{display:block;background:#0a0f1c;border-radius:4px;width:100%;height:auto;max-width:520px;}
|
|
.hm-tip{position:absolute;pointer-events:none;background:#0b1220;border:1px solid #475569;border-radius:6px;padding:7px 9px;font-size:11px;color:#e2e8f0;display:none;z-index:10;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.5);}
|
|
.hm-side{flex:0 0 186px;min-width:0;}
|
|
.hm-card{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:12px 14px;margin-bottom:14px;}
|
|
.hm-card h3{margin:0 0 8px;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.5px;}
|
|
.hm-stat{display:flex;justify-content:space-between;padding:3px 0;color:#cbd5e1;}
|
|
.hm-stat b{color:#fff;}
|
|
.hm-legend{display:flex;flex-direction:column;gap:5px;}
|
|
.hm-legend .row{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbd5e1;}
|
|
.hm-legend .sw{width:16px;height:12px;border-radius:3px;display:inline-block;}
|
|
.hm-scale{height:12px;border-radius:3px;margin:4px 0;}
|
|
.hm-note{color:#64748b;font-size:10px;margin-top:6px;line-height:1.4;}
|
|
.tribebar{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-top:6px;}
|
|
.tribebar span{display:block;height:100%;}
|
|
</style>
|
|
|
|
<div class="hm-wrap">
|
|
<h2>World Map <span>Heatmap</span></h2>
|
|
<p class="hm-intro">
|
|
Density overlays on the world grid to help with starting balance: where villages
|
|
cluster, which tribes dominate a region, where inactive players sit (dead zones /
|
|
good spawn spots), and where attacks are currently landing. North (+y) is up.
|
|
</p>
|
|
|
|
<form method="get" action="admin.php" class="hm-filter">
|
|
<input type="hidden" name="p" value="heatmap">
|
|
<div>
|
|
<label>Grid resolution</label>
|
|
<input type="number" name="res" min="<?php echo Heatmap::MIN_RES; ?>" max="<?php echo Heatmap::MAX_RES; ?>" value="<?php echo (int)$data['res']; ?>">
|
|
</div>
|
|
<div>
|
|
<label>Inactive after (days)</label>
|
|
<input type="number" name="days" min="1" max="365" value="<?php echo (int)$data['inactive_days']; ?>">
|
|
</div>
|
|
<button type="submit">Rebuild</button>
|
|
</form>
|
|
|
|
<div class="hm-layers">
|
|
<button data-layer="density" class="active">Village density</button>
|
|
<button data-layer="tribe">Tribe density</button>
|
|
<button data-layer="inactive">Inactivity</button>
|
|
<button data-layer="attacks">Attacks</button>
|
|
</div>
|
|
|
|
<div class="hm-stage">
|
|
<div class="hm-map">
|
|
<svg id="hm-svg" viewBox="0 0 600 600" preserveAspectRatio="xMidYMid meet"></svg>
|
|
<div class="hm-tip" id="hm-tip"></div>
|
|
</div>
|
|
|
|
<div class="hm-side">
|
|
<div class="hm-card">
|
|
<h3>Summary</h3>
|
|
<div class="hm-stat"><span>Player villages</span><b><?php echo number_format($data['totals']['villages']); ?></b></div>
|
|
<div class="hm-stat"><span>Players</span><b><?php echo number_format($data['totals']['players']); ?></b></div>
|
|
<div class="hm-stat"><span>Inactive villages</span><b><?php echo number_format($data['totals']['inactive']); ?></b></div>
|
|
<div class="hm-stat"><span>Attacks in flight</span><b><?php echo number_format($data['totals']['attacks']); ?></b></div>
|
|
<div class="hm-note">Map <?php echo (int)$data['world_max']; ?>×<?php echo (int)$data['world_max']; ?> radius, <?php echo (int)$data['res']; ?>×<?php echo (int)$data['res']; ?> grid (≈<?php echo (int)round($data['cell_span']); ?> tiles/cell).</div>
|
|
</div>
|
|
|
|
<div class="hm-card">
|
|
<h3 id="hm-legend-title">Legend</h3>
|
|
<div class="hm-legend" id="hm-legend"></div>
|
|
</div>
|
|
|
|
<div class="hm-card">
|
|
<h3>Tribe totals</h3>
|
|
<?php
|
|
$tt = $data['tribe_totals'];
|
|
$sum = array_sum($tt);
|
|
$tribeColors = [1=>'#dc2626',2=>'#2563eb',3=>'#16a34a',6=>'#a16207',7=>'#d97706',8=>'#7c3aed',9=>'#0891b2'];
|
|
if ($sum > 0):
|
|
?>
|
|
<div class="tribebar">
|
|
<?php foreach ($tt as $t => $n): if ($n<=0) continue; ?>
|
|
<span style="width:<?php echo round($n/$sum*100,2); ?>%;background:<?php echo $tribeColors[$t]??'#64748b'; ?>;" title="<?php echo e(($tribeNames[$t]??('Tribe '.$t)).': '.$n); ?>"></span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php foreach ($tt as $t => $n): if ($n<=0) continue; ?>
|
|
<div class="hm-stat"><span><span class="sw" style="background:<?php echo $tribeColors[$t]??'#64748b'; ?>;display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;"></span><?php echo e($tribeNames[$t]??('Tribe '.$t)); ?></span><b><?php echo number_format($n); ?></b></div>
|
|
<?php endforeach; ?>
|
|
<?php else: ?>
|
|
<div class="hm-note">No player villages found.</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
(function(){
|
|
var HM = <?php echo json_encode($js); ?>;
|
|
var SIZE = 600, res = HM.res, px = SIZE / res;
|
|
var svg = document.getElementById('hm-svg');
|
|
var tip = document.getElementById('hm-tip');
|
|
var legend = document.getElementById('hm-legend');
|
|
var legendTitle = document.getElementById('hm-legend-title');
|
|
var SVGNS = 'http://www.w3.org/2000/svg';
|
|
var layer = 'density';
|
|
|
|
var tribeColors = {1:'#dc2626',2:'#2563eb',3:'#16a34a',6:'#a16207',7:'#d97706',8:'#7c3aed',9:'#0891b2'};
|
|
|
|
// Idx map: cx,cy -> cell array. cell = [cx,cy,vil,inact,atk,pop,dom,x0,y0,x1,y1]
|
|
var rects = [];
|
|
function mix(a,b,t){ // hex lerp
|
|
function h(x){return parseInt(x,16);}
|
|
var ar=h(a.substr(1,2)),ag=h(a.substr(3,2)),ab=h(a.substr(5,2));
|
|
var br=h(b.substr(1,2)),bg=h(b.substr(3,2)),bb=h(b.substr(5,2));
|
|
var r=Math.round(ar+(br-ar)*t),g=Math.round(ag+(bg-ag)*t),bl=Math.round(ab+(bb-ab)*t);
|
|
return 'rgb('+r+','+g+','+bl+')';
|
|
}
|
|
function colorFor(cell){
|
|
var v=cell[2],inact=cell[3],atk=cell[4],dom=cell[6];
|
|
if(layer==='density'){
|
|
if(v<=0) return null;
|
|
var t=HM.max.villages? v/HM.max.villages:0;
|
|
return mix('#1e293b','#f97316',Math.pow(t,0.6));
|
|
}
|
|
if(layer==='inactive'){
|
|
if(inact<=0) return null;
|
|
var t=HM.max.inactive? inact/HM.max.inactive:0;
|
|
return mix('#1e293b','#a855f7',Math.pow(t,0.6));
|
|
}
|
|
if(layer==='attacks'){
|
|
if(atk<=0) return null;
|
|
var t=HM.max.attacks? atk/HM.max.attacks:0;
|
|
return mix('#1e293b','#ef4444',Math.pow(t,0.5));
|
|
}
|
|
if(layer==='tribe'){
|
|
if(!dom||v<=0) return null;
|
|
var base=tribeColors[dom]||'#64748b';
|
|
var t=HM.max.villages? v/HM.max.villages:0;
|
|
return mix('#111827',base,0.35+0.65*Math.pow(t,0.5));
|
|
}
|
|
return null;
|
|
}
|
|
|
|
// build rects once
|
|
HM.cells.forEach(function(cell){
|
|
var r=document.createElementNS(SVGNS,'rect');
|
|
r.setAttribute('x',cell[0]*px);
|
|
r.setAttribute('y',cell[1]*px);
|
|
r.setAttribute('width',Math.ceil(px));
|
|
r.setAttribute('height',Math.ceil(px));
|
|
r.setAttribute('shape-rendering','crispEdges');
|
|
r.style.cursor='crosshair';
|
|
r._cell=cell;
|
|
r.addEventListener('mousemove',function(e){ showTip(e,cell); });
|
|
r.addEventListener('mouseleave',function(){ tip.style.display='none'; });
|
|
svg.appendChild(r);
|
|
rects.push(r);
|
|
});
|
|
|
|
function showTip(e,cell){
|
|
var names=HM.tribeNames||{};
|
|
var domName = cell[6]? (names[cell[6]]||('Tribe '+cell[6])) : '-';
|
|
tip.innerHTML =
|
|
'<b>x '+cell[7]+'..'+cell[9]+' , y '+cell[8]+'..'+cell[10]+'</b><br>'+
|
|
'villages: '+cell[2]+' pop: '+cell[5].toLocaleString()+'<br>'+
|
|
'inactive: '+cell[3]+' attacks: '+cell[4]+'<br>'+
|
|
'dominant: '+domName;
|
|
var host=svg.parentNode.getBoundingClientRect();
|
|
tip.style.left=(e.clientX-host.left+12)+'px';
|
|
tip.style.top=(e.clientY-host.top+12)+'px';
|
|
tip.style.display='block';
|
|
}
|
|
|
|
function paint(){
|
|
rects.forEach(function(r){
|
|
var c=colorFor(r._cell);
|
|
if(c===null){ r.setAttribute('fill','#0a0f1c'); r.setAttribute('fill-opacity','0'); }
|
|
else { r.setAttribute('fill',c); r.setAttribute('fill-opacity','1'); }
|
|
});
|
|
drawLegend();
|
|
}
|
|
|
|
function drawLegend(){
|
|
var titles={density:'Village density',tribe:'Tribe density',inactive:'Inactivity',attacks:'Attacks'};
|
|
legendTitle.textContent=titles[layer]||'Legend';
|
|
if(layer==='tribe'){
|
|
var html=''; var names=HM.tribeNames||{};
|
|
Object.keys(tribeColors).forEach(function(t){
|
|
if(names[t]) html+='<div class="row"><span class="sw" style="background:'+tribeColors[t]+'"></span>'+names[t]+'</div>';
|
|
});
|
|
legend.innerHTML=html+'<div class="hm-note">Cell shows the dominant tribe; brighter = more villages.</div>';
|
|
return;
|
|
}
|
|
var grad={density:['#1e293b','#f97316'],inactive:['#1e293b','#a855f7'],attacks:['#1e293b','#ef4444']}[layer];
|
|
var maxKey={density:'villages',inactive:'inactive',attacks:'attacks'}[layer];
|
|
var mx=HM.max[maxKey]||0;
|
|
legend.innerHTML=
|
|
'<div class="hm-scale" style="background:linear-gradient(90deg,'+grad[0]+','+grad[1]+')"></div>'+
|
|
'<div class="row"><span>0</span><span style="margin-left:auto">'+mx+'</span></div>'+
|
|
'<div class="hm-note">Darker/brighter cells = higher count in that region.</div>';
|
|
}
|
|
|
|
var btns=document.querySelectorAll('.hm-layers button');
|
|
btns.forEach(function(b){
|
|
b.addEventListener('click',function(){
|
|
btns.forEach(function(x){x.classList.remove('active');});
|
|
b.classList.add('active');
|
|
layer=b.getAttribute('data-layer');
|
|
paint();
|
|
});
|
|
});
|
|
|
|
paint();
|
|
})();
|
|
</script>
|