206 lines
8.1 KiB
Go Template
206 lines
8.1 KiB
Go Template
<?=$moodpic?>
|
||
<ul class="breadcrumbs">
|
||
<li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
|
||
<li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('charactergroups','index',$seminary['url']))?>"><?=_('Character Groups')?></a></li>
|
||
<li><i class="fa fa-chevron-right fa-fw"></i><a href="<?=$linker->link(array('charactergroups','groupsgroup',$seminary['url'],$groupsgroup['url']))?>"><?=$groupsgroup['name']?></a></li>
|
||
</ul>
|
||
|
||
<?php if(count(array_intersect(array('admin', 'moderator'), \hhu\z\controllers\SeminaryController::$character['characterroles'])) > 0) : ?>
|
||
<nav class="admin">
|
||
<li><a href="<?=$linker->link(array('edit',$seminary['url'],$groupsgroup['url'],$quest['url']),1)?>"><?=sprintf(_('Edit %s-Quest'), $groupsgroup['name'])?></a></li>
|
||
<li><a href="<?=$linker->link(array('delete',$seminary['url'],$groupsgroup['url'],$quest['url']),1)?>"><?=sprintf(_('Delete %s-Quest'), $groupsgroup['name'])?></a></li>
|
||
<li><a href="<?=$linker->link(array('manage',$seminary['url'],$groupsgroup['url'],$quest['url']),1)?>"><?=sprintf(_('Manage %s-Quest'), $groupsgroup['name'])?></a></li>
|
||
</nav>
|
||
<?php endif ?>
|
||
|
||
<div class="gbanner cf">
|
||
<img src="<?=$linker->link(array('media','charactergroupsquest',$seminary['url'],$groupsgroup['url'],$quest['url']))?>" class="grpqimg" />
|
||
<h1><?=$quest['title']?></h1>
|
||
</div>
|
||
<ul class="gdata cf">
|
||
<li><span class="fwb"><?=sprintf(_('%d XPs'), $quest['xps'])?></span></li>
|
||
<li><?php if($questgroup['entered']) : ?><a href="<?=$linker->link(array('questgroups','questgroup',$seminary['url'],$questgroup['url']))?>"><?=$questgroup['title']?></a><?php else : ?><?=$questgroup['title']?><?php endif ?></li>
|
||
</ul>
|
||
|
||
<?php if(count($uploads) > 0) : ?>
|
||
<section>
|
||
<h1><i class="fa fa-picture-o fa-fw"></i><?=_('Media')?></h1>
|
||
<ul class="gqgllry">
|
||
<?php foreach($uploads as &$upload) : ?>
|
||
<li>
|
||
<a href="<?=$linker->link(array('uploads','seminary',$seminary['url'],$upload['upload']['url']))?>">
|
||
<img src="<?=$linker->link(array('uploads','seminary',$seminary['url'],$upload['upload']['url'],'thumbnail'))?>" />
|
||
</a>
|
||
</li>
|
||
<?php endforeach ?>
|
||
</ul>
|
||
</section>
|
||
<?php endif ?>
|
||
|
||
<section>
|
||
<h1><i class="fa fa-envelope fa-fw"></i><?=_('Description')?></h1>
|
||
<div class="qtextbox">
|
||
<p class="qtext"><?=$t->t($quest['description'])?></p>
|
||
</div>
|
||
<?php if(!empty($quest['rules'])) : ?>
|
||
<h1><i class="fa fa-exclamation-triangle fa-fw"></i><?=_('Rules')?></h1>
|
||
<div class="qtextbox">
|
||
<p class="qtext"><?=$t->t($quest['rules'])?></p>
|
||
</div>
|
||
<?php endif ?>
|
||
</section>
|
||
|
||
<?php if(!empty($quest['won_text'])) : ?>
|
||
<section>
|
||
<h1><i class="fa fa-thumbs-up fa-fw"></i><?=_('Won Quest')?></h1>
|
||
<div class="qtextbox">
|
||
<p class="qtext"><?=$t->t($quest['won_text'])?></p>
|
||
</div>
|
||
</section>
|
||
<?php endif ?>
|
||
<?php if(!empty($quest['lost_text'])) : ?>
|
||
<section>
|
||
<h1><i class="fa fa-thumbs-down fa-fw"></i><?=_('Lost Quest')?></h1>
|
||
<div class="qtextbox">
|
||
<p class="qtext"><?=$t->t($quest['lost_text'])?></p>
|
||
</div>
|
||
</section>
|
||
<?php endif ?>
|
||
|
||
<section>
|
||
<h1 id="stations"><i class="fa fa-map-signs fa-fw"></i><?=_('Stations')?></h1>
|
||
<div id="map" class="map"></div>
|
||
|
||
<?php if(count(array_intersect(array('admin', 'moderator'), \hhu\z\controllers\SeminaryController::$character['characterroles'])) > 0) : ?>
|
||
<nav class="admin">
|
||
<ul>
|
||
<li><a href="<?=$linker->link(array('charactergroupsqueststations','create',$seminary['url'],$groupsgroup['url'],$quest['url']))?>"><?=_('Create new station')?></a></li>
|
||
</ul>
|
||
</nav>
|
||
<?php endif ?>
|
||
<?php if(!empty($stations)) : ?>
|
||
<ol class="grpqlist">
|
||
<?php foreach($stations as &$station) : ?>
|
||
<li>
|
||
<?php if(array_key_exists('created', $station)) : ?>
|
||
<span class="date">
|
||
<?=$dateFormatter->format(new \DateTime($station['created']))?>
|
||
<?=$timeFormatter->format(new \DateTime($station['created']))?>
|
||
</span>
|
||
<?php endif ?>
|
||
<span class="group">
|
||
<a href="<?=$linker->link(array('charactergroupsqueststations','station',$seminary['url'],$groupsgroup['url'],$quest['url'],$station['url']))?>"><?=$station['title']?></a>
|
||
</span>
|
||
<?php if(!array_key_exists('created', $station) || $station['solved'] !== false) : ?>
|
||
<?php endif ?>
|
||
</li>
|
||
<?php endforeach ?>
|
||
</ol>
|
||
<?php else : ?>
|
||
<p><?=sprintf(_('Your %s-group has not discovered any station yet'), $groupsgroup['name'])?>.</p>
|
||
<?php endif ?>
|
||
</section>
|
||
|
||
<section>
|
||
<h1><i class="fa fa-users fa-fw"></i><?=$groupsgroup['name']?></h1>
|
||
<ol class="grpqlist">
|
||
<?php foreach($groups as &$group) : ?>
|
||
<li>
|
||
<span class="date"><?=$dateFormatter->format(new \DateTime($group['created']))?></span>
|
||
<span class="group"><a href="<?=$linker->link(array('charactergroups','group',$seminary['url'],$groupsgroup['url'],$group['url']))?>"><?=$group['name']?></a></span>
|
||
<span class="xp"><?=sprintf(_('%d XPs'), $group['xps'])?></span>
|
||
</li>
|
||
<?php endforeach ?>
|
||
</ol>
|
||
</section>
|
||
|
||
<script>
|
||
var markersSource = new ol.source.Vector({
|
||
url: '<?=$linker->link(array('charactergroupsqueststations','index',$seminary['url'],$groupsgroup['url'],$quest['url']))?>',
|
||
format: new ol.format.GeoJSON()
|
||
});
|
||
markersSource.on('change', function(e) {
|
||
map.getView().fit(
|
||
markersSource.getExtent(),
|
||
map.getSize(), {
|
||
padding: [10, 10, 10, 10]
|
||
}
|
||
);
|
||
});
|
||
/*
|
||
var pathSource = new ol.source.Vector({
|
||
url: '<?=$linker->link(array('charactergroupsqueststations','index',$seminary['url'],$groupsgroup['url'],$quest['url']))?>',
|
||
format: new ol.format.GeoJSON()
|
||
});
|
||
*/
|
||
var styleFunction = function(feature, resolution) {
|
||
var styles = [];
|
||
var geometry = feature.getGeometry();
|
||
if(geometry instanceof ol.geom.Point) {
|
||
// Point styling
|
||
styles.push(
|
||
new ol.style.Style({
|
||
text: new ol.style.Text({
|
||
//text: '\uf041',
|
||
text: '\uf276',
|
||
font: 'normal 28px FontAwesome',
|
||
textBaseline: 'Bottom',
|
||
fill: new ol.style.Fill({
|
||
color: '#0F373C'
|
||
})
|
||
})
|
||
})
|
||
);
|
||
}
|
||
else if(geometry instanceof ol.geom.LineString) {
|
||
// Line styling
|
||
styles.push(
|
||
new ol.style.Style({
|
||
stroke: new ol.style.Stroke({
|
||
color: '#50A4AB',
|
||
width: 3
|
||
})
|
||
})
|
||
);
|
||
// Add arrows
|
||
geometry.forEachSegment(function(start, end) {
|
||
var dx = end[0] - start[0];
|
||
var dy = end[1] - start[1];
|
||
var rotation = Math.atan2(dy, dx);
|
||
var cx = (start[0] + end[0]) / 2;
|
||
var cy = (start[1] + end[1]) / 2;
|
||
styles.push(new ol.style.Style({
|
||
geometry: new ol.geom.Point([cx, cy]),
|
||
text: new ol.style.Text({
|
||
text: '\uf178',
|
||
font: 'normal 28px FontAwesome',
|
||
fill: new ol.style.Fill({
|
||
color: '#0F373C'
|
||
}),
|
||
rotation: -rotation
|
||
})
|
||
}));
|
||
});
|
||
}
|
||
|
||
return styles;
|
||
};
|
||
|
||
var map = new ol.Map({
|
||
layers: [
|
||
new ol.layer.Tile({
|
||
source: new ol.source.OSM()
|
||
}),
|
||
new ol.layer.Vector({
|
||
source: markersSource,
|
||
style: styleFunction
|
||
})
|
||
],
|
||
target: 'map',
|
||
view: new ol.View({
|
||
center: [0, 0],
|
||
zoom: 19,
|
||
maxZoom: 19
|
||
})
|
||
});
|
||
</script>
|