Skip to content

Instantly share code, notes, and snippets.

@markocupic

markocupic/gc_default_extended_c211.html5

Last active January 3, 2016 19:19
Show Gist options
  • Save markocupic/8508052 to your computer and use it in GitHub Desktop.
Save markocupic/8508052 to your computer and use it in GitHub Desktop.
Download ZIP
gallery_creator template for contao 2.11
Raw
gc_default_extended_c211.html5
<!-- indexer::continue -->
<?php $GLOBALS['TL_JAVASCRIPT'][] = 'system/modules/gallery_creator/html/gallery_creator_fe.js'; ?>
<?php if (!$this->Input->get('vars')): ?>
<!--start album-overview-->
<div class="<?php echo $this->class; ?> gallery_creator block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<?php echo $this->pagination; ?>
<?php if (count($this->arrAlbums)>0): ?>
<ul class="list_albums">
<?php foreach ($this->arrAlbums as $Album): ?>
<li class="level_1 block row" style="<?php echo $this->imagemargin; ?>">
<div class="tstamp block">[<?php echo $Album["event_date"]; ?>]</div>
<div class="col_1">
<figure class="image_container" onmouseover="<?php echo $Album["thumbMouseover"]; ?>">
<?php if ($Album["href"]): ?>
<a href="<?php echo $Album["href"]; ?>" title="<?php echo $Album["title"]; ?>">
<?php endif; ?>
<img src="<?php echo $Album["thumb_src"]; ?>" alt="<?php echo $Album["alt"]; ?>" class="<?php echo $Album["class"]; ?>">
<?php if ($Album["href"]): ?>
</a>
<?php endif; ?>
<figcaption class="caption"><?php echo $Album["title"]; ?></figcaption>
</figure>
</div>
<div class="col_2">
<h2><?php echo $Album["name"]; ?></h2>
<?php if ($Album["count"]): ?>
<p class="count_pics"><?php echo $Album["count"]; ?> <?php echo $GLOBALS['TL_LANG']['gallery_creator']['pictures']; ?></p>
<?php endif; ?>
<?php if ($Album["count_subalbums"]): ?>
<p class="count_pics"><?php echo $Album["count_subalbums"]; ?> <?php echo $GLOBALS['TL_LANG']['gallery_creator']['subalbums']; ?></p>
<?php endif; ?>
<?php if ($Album["comment"]): ?>
<p class="album_comment"><?php echo $Album["comment"]; ?></p>
<?php endif; ?>
</div>
<div class="clr"><!--clearing-box--></div>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<!--end album-overview-->
<?php endif; ?>
<?php
if ($this->Input->get('vars')): ?>
<!--start detailview-->
<div class="<?php echo $this->class; ?> gallery_creator block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<?php if ($this->backLink): ?>
<div class="backLink"><a href="<?php echo $this->backLink; ?>" title="zurück">« <?php echo $GLOBALS['TL_LANG']['gallery_creator']['back_to_general_view']; ?></a></div>
<?php endif; ?>
<?php if ($this->Albumname): ?>
<h2><?php echo $this->Albumname; ?></h2>
<?php endif; ?>
<?php if ($this->error): ?>
<?php foreach ($this->error as $errorMessage): ?>
<p><?php echo $errorMessage; ?></p>
<?php endforeach; ?>
<?php return; ?>
<?php endif; ?>
<?php if ($this->subalbums): ?>
<!-- Unteralben anzeigen -->
<div class="subalbums">
<h3>Unteralben von: <?php echo $this->Albumname; ?></h3>
<ul class="list_albums">
<?php foreach ($this->subalbums as $Subalbum): ?>
<li class="level_1 block row" style="<?php echo $this->imagemargin; ?>">
<div class="tstamp block">[<?php echo $Subalbum["event_date"]; ?>]</div>
<div class="col_1">
<figure class="image_container" onmouseover="<?php echo $Album["thumbMouseover"]; ?>">
<?php if ($Subalbum["href"]): ?>
<a href="<?php echo $Subalbum["href"]; ?>" title="<?php echo $Subalbum["title"]; ?>">
<?php endif; ?>
<img src="<?php echo $Subalbum["thumb_src"]; ?>" alt="<?php echo $Subalbum["alt"]; ?>" class="<?php echo $Subalbum["class"]; ?>">
<?php if ($Subalbum["href"]): ?>
</a>
<?php endif; ?>
<figcaption class="caption"><?php echo $Subalbum["title"]; ?></figcaption>
</figure>
</div>
<div class="col_2">
<h2><?php echo $Subalbum["name"]; ?></h2>
<?php if ($Subalbum["count"]): ?>
<p class="count_pics"><?php echo $Subalbum["count"]; ?> <?php echo $GLOBALS['TL_LANG']['gallery_creator']['pictures']; ?></p>
<?php endif; ?>
<?php if ($Subalbum["count_subalbums"]): ?>
<p class="count_pics"><?php echo $Subalbum["count_subalbums"]; ?> <?php echo $GLOBALS['TL_LANG']['gallery_creator']['subalbums']; ?></p>
<?php endif; ?>
<?php if ($Subalbum["comment"]): ?>
<p class="album_comment"><?php echo $Subalbum["comment"]; ?></p>
<?php endif; ?>
</div>
<div class="clr"><!--clearing-box--></div>
</li>
<?php endforeach;?>
</ul>
</div>
<!-- Ende Unteralben anzeigen -->
<?php endif; ?>
<?php if ($this->albumComment): ?>
<div class="albumComment">
<p>
<?php echo $this->albumComment; ?>
</p>
</div>
<?php endif; ?>
<?php echo $this->pagination; ?>
<?php $col=0; ?>
<?php $row=0; ?>
<?php $imageNumber=0; ?>
<?php if ($this->arrPictures): ?>
<ul class="album_preview">
<?php foreach ($this->arrPictures as $Picture): ?>
<?php $imageNumber++; ?>
<?php $col++; ?>
<?php if ($col==1): ?>
<?php $row++; ?>
<li class="level_1 block <?php echo ($row%2==0 ? "odd" : "even"); ?>">
<ul class="level_2 block">
<?php endif; ?>
<li class="level_2 inline <?php echo ($col==1 ? " first_col" : "") . ($col==$this->colsPerRow ? " last_col" : ""); ?>">
<figure id="<?php echo $Picture["cssID"]; ?>" class="image_container <?php echo $Picture["cssClass"]; ?>" style="float:left; <?php echo $this->imagemargin; ?>">
<?php if ($Picture["href"]): ?>
<a href="<?php echo $Picture["href"]; ?>" <?php echo $Picture["lightbox"]; ?> title="<?php echo $Picture["comment"]; ?>">
<?php endif; ?>
<img src="<?php echo $Picture["thumb_src"]; ?>" class="<?php echo $Picture["class"]; ?>" alt="<?php echo $Picture["title"] ? $Picture["title"] : $Picture["name"]; ?>" data-config="<?php echo $Picture['album_id']; ?>,<?php echo $Picture['id']; ?>">
<?php if ($Picture["href"]!=""): ?>
</a>
<?php endif; ?>
<figcaption class="caption"><?php echo $Picture["comment"]; ?></figcaption>
</figure>
</li>
<?php if ($col==$this->colsPerRow OR count($this->arrPictures)==$imageNumber && $this->colsPerRow!=0): ?>
<?php $col=0; ?>
</ul>
</li>
<!-- end row -->
<?php endif;?>
<?php endforeach;?>
</ul>
<?php endif;?>
</div>
<!--end detailview-->
<script>
// Dollar Safe Mode
(function ($) {
window.addEvent('domready', function () {
$$(".album_preview a").each(function (el) {
el.href = 'javascript:void(0)';
el.removeProperty('data-lightbox');
});
$$(".album_preview img").addEvent('click', function (event) {
event.stopPropagation();
var el = $(this);
// get album-and image-id from the data-config property
var arrDataConfig = el.getProperty('data-config').split(',');
if (arrDataConfig.count < 2) return false;
var albumId = arrDataConfig[0];
var startId = arrDataConfig[1];
// start ajax request
startXhr(albumId, startId);
});
function startXhr(albumId, startImg) {
var lightboxOptions = {
// Put custom options here
// counterText: '<br>(Bild {x} von {y})',
// buttonText: ['<big>&laquo; Zurück</big>','<big>Vorwärts &raquo;</big>','<big>Schliessen &times;</big>']
};
var xhr = new Request.JSON({
url: 'ajax.php',
method: 'get',
onSuccess: function (responseText) {
if (responseText.arrImage != "") {
var responseArray = responseText.arrImage.split('***');
var imageArray = [];
var startIndex = 0;
responseArray.each(function (str, index) {
// eval server response
var arrImg = str.split('###');
if (arrImg[0] != "") {
// fill the image array
imageArray[index] = [arrImg[0], arrImg[1], ''];
if (parseInt(arrImg[2]) == parseInt(startImg)) {
startIndex = index;
}
}
});
if (typeof Mediabox != "undefined") {
Mediabox.open(imageArray, startIndex, lightboxOptions);
}
if (typeof Slimbox != "undefined") {
Slimbox.open(imageArray, startIndex, lightboxOptions);
}
}
}
});
xhr.send('isAjax=1&action=<?php echo $this->elementType; ?>&id=<?php echo $this->elementId; ?>&LightboxSlideshow=true&albumId=' + albumId + '');
}
});
})(document.id);
</script>
<?php endif; ?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment