update
This commit is contained in:
13
template/partial/File/Index.tpl
Normal file
13
template/partial/File/Index.tpl
Normal file
@@ -0,0 +1,13 @@
|
||||
|
||||
<h1>{$objElement->GetName()}</h1>
|
||||
|
||||
{foreach from=$arrayFile item=objFile name=type}
|
||||
<div>
|
||||
<div style="float: left; margin: 5px;"><a href="{$objFile->GetNameUrl()}" target="_blank"><img src="{$objFile->GetFileIcon()}" title="{$objFile->GetName()|escape}" alt="" style="border: 0px;" ></a></div>
|
||||
<div style="padding-top: 10px;"><a href="{$objFile->GetNameUrl()}" target="_blank" >{$objFile->GetTitle()}</a></div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
{/foreach}
|
||||
|
||||
{*$formDownload*}
|
||||
|
||||
21
template/partial/File/IndexModule.tpl
Normal file
21
template/partial/File/IndexModule.tpl
Normal file
@@ -0,0 +1,21 @@
|
||||
|
||||
|
||||
{foreach from=$arrayFile item=objFile name=file}
|
||||
{if $smarty.foreach.file.first}
|
||||
<div class="fileConteiner">
|
||||
<div class="fileWrapper">
|
||||
<h3>{'Pliki do pobrania'|translate}</h3>
|
||||
{/if}
|
||||
<div>
|
||||
<div style="float: left; margin: 5px;"><a href="{$objFile->GetNameUrl()}" target="_blank"><img src="{$urlStatic}/image/icon_download.png" title="{$objFile->GetName()|escape}" alt="" style="border: 0px;" ></a></div>
|
||||
<div style="padding-top: 10px; text-align: left; padding-left: 3em;"><a href="{$objFile->GetNameUrl()}" target="_blank" >{$objFile->GetTitle()}</a></div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
{if $smarty.foreach.file.last}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
{*$formDownload*}
|
||||
|
||||
19
template/partial/File/IndexStructure.tpl
Normal file
19
template/partial/File/IndexStructure.tpl
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
{foreach from=$arrayFile item=objFile name=file}
|
||||
{if $smarty.foreach.file.first}
|
||||
<div class="fileConteiner">
|
||||
<h3>{'Pliki do pobrania'|translate}</h3>
|
||||
{/if}
|
||||
<div>
|
||||
<div style="float: left; margin: 5px;"><a href="{$objFile->GetNameUrl()}" target="_blank"><img src="{$urlStatic}/image/icon_download.png" title="{$objFile->GetName()|escape}" alt="" style="border: 0px;" ></a></div>
|
||||
<div style="padding-top: 10px; text-align: left; padding-left: 2em;"><a href="{$objFile->GetNameUrl()}" target="_blank" >{$objFile->GetTitle()}</a></div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
{if $smarty.foreach.file.last}
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
{*$formDownload*}
|
||||
|
||||
13
template/partial/Image/Index.tpl
Normal file
13
template/partial/Image/Index.tpl
Normal file
@@ -0,0 +1,13 @@
|
||||
|
||||
<h1>{$objElement->GetName()}</h1>
|
||||
|
||||
{foreach from=$arrayFile item=objFile name=type}
|
||||
<div>
|
||||
<div style="float: left; margin: 5px;"><a href="{$objFile->GetNameUrl()}" target="_blank"><img src="{$objFile->GetFileIcon()}" title="{$objFile->GetName()|escape}" alt="" style="border: 0px;" ></a></div>
|
||||
<div style="padding-top: 10px;"><a href="{$objFile->GetNameUrl()}" target="_blank" >{$objFile->GetTitle()}</a></div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
{/foreach}
|
||||
|
||||
{*$formDownload*}
|
||||
|
||||
109
template/partial/Image/IndexModule.tpl
Normal file
109
template/partial/Image/IndexModule.tpl
Normal file
@@ -0,0 +1,109 @@
|
||||
|
||||
<div class="tresc">
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('a.gallery').swipebox();
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
<div class="trescContent">
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=objItem }
|
||||
{if $objItem@first}
|
||||
{literal}
|
||||
<script>
|
||||
|
||||
//alert( idItem);
|
||||
|
||||
$(window).scroll(function() {
|
||||
{/literal}
|
||||
{/if}
|
||||
{* {if $k eq 1}*}
|
||||
{literal}
|
||||
idItem = '#projectItem_'+'{/literal}{$objItem@iteration}{literal}';
|
||||
//alert( idItem);
|
||||
if ($(idItem).visible(true)) {
|
||||
|
||||
$(idItem).addClass('scrollHiddenOff');
|
||||
$(idItem).removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
//alert( idItem);
|
||||
$(idItem).addClass('scrollHiddenOn');
|
||||
$(idItem).removeClass('scrollHiddenOff');
|
||||
}
|
||||
{/literal}
|
||||
{* {/if} *}
|
||||
{if $objItem@last}
|
||||
{literal}
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
|
||||
|
||||
{*{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=image}
|
||||
{if $k eq 1}
|
||||
|
||||
<div class="col-12" style="padding: 0px; margin-bottom: -1px;">
|
||||
{/if}
|
||||
<div class="col-3 col-s-6 imgGallery scrollHiddenOn" id="projectItem_{$image@iteration}">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
<figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="640" link='false' crop=false title=$titleImg }</figure>
|
||||
</a>
|
||||
</div>
|
||||
{if $k eq 3}
|
||||
{assign var=k value=1}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="cb"></div>*}
|
||||
|
||||
|
||||
{* <div class="col-12" style="background: #fff;">assd</div>*}
|
||||
|
||||
{assign var=k value=1}
|
||||
<div class="col-12" style="display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;">
|
||||
{foreach from=$arrayImage item=image}
|
||||
{if $k eq 1}
|
||||
|
||||
|
||||
{/if}
|
||||
<div class="imgGallery scrollHiddenOn" style="margin-top: 10px;" id="projectItem_{$image@iteration}">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
<figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="380" link='false' crop=false title=$titleImg }
|
||||
<div class="imgDescription">{$titleImg}</div>
|
||||
</figure>
|
||||
{*<figure class="itemImageGalleryDetail"><img src="{$image->GetFullUrlId($objArticle->GetId())}" alt="{$image->GetDescription()}" title="{$image->GetDescription()}" /></figure>*}
|
||||
</a>
|
||||
</div>
|
||||
{if $k eq 3}
|
||||
{assign var=k value=1}
|
||||
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
19
template/partial/Image/IndexStructure.tpl
Normal file
19
template/partial/Image/IndexStructure.tpl
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
{foreach from=$arrayFile item=objFile name=file}
|
||||
{if $smarty.foreach.file.first}
|
||||
<div class="fileConteiner">
|
||||
<h3>{'Pliki do pobrania'|translate}</h3>
|
||||
{/if}
|
||||
<div>
|
||||
<div style="float: left; margin: 5px;"><a href="{$objFile->GetNameUrl()}" target="_blank"><img src="{$urlStatic}/image/icon_download.png" title="{$objFile->GetName()|escape}" alt="" style="border: 0px;" ></a></div>
|
||||
<div style="padding-top: 10px; text-align: left; padding-left: 2em;"><a href="{$objFile->GetNameUrl()}" target="_blank" >{$objFile->GetTitle()}</a></div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
{if $smarty.foreach.file.last}
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
{*$formDownload*}
|
||||
|
||||
74
template/partial/Image/ViewModule.tpl
Normal file
74
template/partial/Image/ViewModule.tpl
Normal file
@@ -0,0 +1,74 @@
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('a.gallery').swipebox();
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=objItem }
|
||||
{if $objItem@first}
|
||||
{literal}
|
||||
<script>
|
||||
|
||||
//alert( idItem);
|
||||
|
||||
$(window).scroll(function() {
|
||||
{/literal}
|
||||
{/if}
|
||||
{* {if $k eq 1}*}
|
||||
{literal}
|
||||
idItem = '#projectItem_'+'{/literal}{$objItem@iteration}{literal}';
|
||||
//alert( idItem);
|
||||
if ($(idItem).visible(true)) {
|
||||
|
||||
$(idItem).addClass('scrollHiddenOff');
|
||||
$(idItem).removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
//alert( idItem);
|
||||
$(idItem).addClass('scrollHiddenOn');
|
||||
$(idItem).removeClass('scrollHiddenOff');
|
||||
}
|
||||
{/literal}
|
||||
{* {/if} *}
|
||||
{if $objItem@last}
|
||||
{literal}
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
|
||||
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=image}
|
||||
{if $k eq 1}
|
||||
|
||||
<div class="col-12" style="padding: 0px; margin-bottom: -1px;">
|
||||
{/if}
|
||||
<div class="col-3 col-s-6 imgGallery scrollHiddenOn" id="projectItem_{$image@iteration}">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
{* <figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="25%" height="160" link='false' crop=true title=$titleImg }</figure>*}
|
||||
<figure class="itemImageGalleryDetail"><img src="{$image->GetFullUrlId($objArticle->GetId())}" alt="{$image->GetDescription()}" title="{$image->GetDescription()}" /></figure>
|
||||
</a>
|
||||
</div>
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
84
template/partial/Index/AjaxForm.tpl
Normal file
84
template/partial/Index/AjaxForm.tpl
Normal file
@@ -0,0 +1,84 @@
|
||||
<input name="type" type="hidden" value="{$type}" />
|
||||
{assign var=idGroup value=null}
|
||||
{assign var=idGroupVal value=null}
|
||||
{foreach $arrayGroupParam as $arrayObjParameters}
|
||||
{* Stałe *}
|
||||
{if $arrayObjParameters[0]->getPriceType() == 1}
|
||||
{* Lista - Rodzaj pieca *}
|
||||
{if $arrayObjParameters[0]->getList() == 1}
|
||||
{foreach $arrayObjParameters as $objParameters}
|
||||
{if $objParameters@first}
|
||||
<div class="entry">
|
||||
<div class="label"></div>
|
||||
<div class="value" >
|
||||
{/if}
|
||||
<label class="control control--radio" title="{$objParameters->GetOpis()}">{$objParameters->GetName()}
|
||||
<input type="radio" name="piec" value="{$objParameters->GetName()}" {if $objParameters@first}checked="checked" onclick="$('#project').hide();"{/if} {if $objParameters@last} onclick="$('#project').show();"{/if} />
|
||||
<div class="control__indicator"></div>
|
||||
</label>
|
||||
{if $objParameters@last}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{* Wybór opcji Tak/Nie *}
|
||||
{if $arrayObjParameters[0]->getList() == 0}
|
||||
{foreach $arrayObjParameters as $objParameters}
|
||||
|
||||
{if $objParameters@first && $objParameters->getPriceType() == 1}
|
||||
{assign var=idGroup value=$objParameters->GetName()|text2url}
|
||||
{assign var=idGroupVal value="{$idGroup}Val"}
|
||||
<div class="entry" {if $objParameters->getDependId() > 0 && $type ==2}style="display: none;" id="project"{/if} >
|
||||
<div class="label">{$objParameters->GetName()}:</div>
|
||||
<div class="value" title="{$objParameters->GetOpis()}">
|
||||
{/if}
|
||||
{if $objParameters->getPriceType() == 1}
|
||||
<label class="control control--radio" onclick="$('#{$idGroup}').hide(); $('input[id={$idGroupVal}]').val('');">Nie
|
||||
<input type="radio" name="{$objParameters->GetName()|text2url}" value="{if $objParameters->getRevers()}1{else}0{/if}" checked="checked"/>
|
||||
<div class="control__indicator"></div>
|
||||
</label>
|
||||
<label class="control control--radio" onclick="$('#{$idGroup}').show();">Tak
|
||||
<input type="radio" name="{$objParameters->GetName()|text2url}" value="{if $objParameters->getRevers()}0{else}1{/if}" {if $type ==2} checked="checked"{/if}/>
|
||||
<div class="control__indicator"></div>
|
||||
</label>
|
||||
{*<label class="control control--checkbox"><input name="{$objParameters->GetName()|text2url}" type="checkbox">
|
||||
<div class="control__indicator"></div></label>*}
|
||||
{/if}
|
||||
|
||||
{if $objParameters@last && $objParameters->getPriceType() == 1}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{if $objParameters->getPriceType() == 2}
|
||||
</div>
|
||||
</div>
|
||||
<div class="entry" {if $objParameters->getDependId() > 0}style="display: none;"{/if} id="{$idGroup}">
|
||||
<div class="label">{$objParameters->GetName()}:</div>
|
||||
<div class="value" title="{$objParameters->GetOpis()}">
|
||||
{formField name="{$objParameters->GetName()|text2url}" type="text" errorClass="warning" id="$idGroupVal" }
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/if}
|
||||
{* Zmienne *}
|
||||
{if $arrayObjParameters[0]->getPriceType() == 2}
|
||||
{foreach $arrayObjParameters as $objParameters}
|
||||
{if $objParameters->getPriceProgres() == 0}
|
||||
<div class="entry" {if $objParameters->getDependId() > 0}style="display: none;" id="{$idGroup}"{/if} >
|
||||
<div class="label">{$objParameters->GetName()}{if $objParameters->GetUnit()} [{$objParameters->GetUnit()|replace:"^2":"<sup>2</sup>"}]{/if}:
|
||||
{if $objParameters->GetOpis()}
|
||||
<p style="font-size: 0.6em; margin: 0px; margin-top: -10px; color: #0087ba">({$objParameters->GetOpis()})</p>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="value" title="{$objParameters->GetOpis()}">
|
||||
{formField name="{$objParameters->GetName()|text2url}" type="text" errorClass="warning" id="$idGroupVal" }
|
||||
</div>
|
||||
</div>
|
||||
{assign var=idGroupVal value=null}
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/foreach}
|
||||
0
template/partial/Index/Captcha.tpl
Normal file
0
template/partial/Index/Captcha.tpl
Normal file
7
template/partial/Index/Error404.tpl
Normal file
7
template/partial/Index/Error404.tpl
Normal file
@@ -0,0 +1,7 @@
|
||||
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404 </h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Brak strony
|
||||
</h2>
|
||||
|
||||
</div></div>
|
||||
165
template/partial/Index/Index.tpl
Normal file
165
template/partial/Index/Index.tpl
Normal file
@@ -0,0 +1,165 @@
|
||||
{* Slider *}
|
||||
{* {$banerBox}
|
||||
<div class="cb"></div>*}
|
||||
|
||||
<!-- {* Ikonki odracane *}
|
||||
<section id="intro" class="main style3 primary">
|
||||
<div class="container">
|
||||
<div class="rowIntro scrollHiddenOn" >
|
||||
{literal}
|
||||
<script>
|
||||
$(function () {
|
||||
$('.containerSecurity').mouseenter(function () {
|
||||
$('.front.security').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.back.security').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
$('.containerSecurity').mouseleave(function () {
|
||||
$('.back.security').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.front.security').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
|
||||
$('.containerEnergy').mouseenter(function () {
|
||||
$('.front.energy').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.back.energy').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
$('.containerEnergy').mouseleave(function () {
|
||||
$('.back.energy').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.front.energy').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
|
||||
$('.containerProperty').mouseenter(function () {
|
||||
$('.front.property').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.back.property').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
$('.containerProperty').mouseleave(function () {
|
||||
$('.back.property').transition({rotateY: '180deg', easing: 'ease', duration: 800});
|
||||
$('.front.property').transition({rotateY: '0deg', easing: 'ease', duration: 800});
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
<div class="col-4 col-s-12 posRel containerSecurity">
|
||||
|
||||
<section class="introBox security flipBox front">
|
||||
<div class="securityIcon"></div>
|
||||
<div class="lineTop lineTopSecurity"></div>
|
||||
<header>
|
||||
<div class="introBoxText">
|
||||
{$objBox1->GetDescription()}
|
||||
</div>
|
||||
</header>
|
||||
<div class="lineBottom lineBottomSecurity "></div>
|
||||
</section>
|
||||
{*<section class="introBox security flipBox back" {if $securityObj->GetSourceUrl()}onclick="window.location.href = 'http://{$securityObj->GetSourceUrl()}';" style="cursor: pointer;" {/if}>
|
||||
{if $securityObj->GetTitle()}
|
||||
<header>
|
||||
<h2>{$securityObj->GetTitle()}</h2>
|
||||
</header>
|
||||
{/if}
|
||||
<div class="introBoxText">
|
||||
{$securityObj->GetDescription()}
|
||||
</div>
|
||||
</section>*}
|
||||
<section class="introBox security flipBox back" {if $objBox1->GetSourceUrl()}onclick="window.location.href = 'http://{$objBox1->GetSourceUrl()|replace:"http://":""}';" style="cursor: pointer;" {/if} >
|
||||
|
||||
<div class="securityIcon_back"></div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="col-4 col-s-12 posRel containerEnergy">
|
||||
<section class="introBox energy flipBox front">
|
||||
<div class="energyIcon"></div>
|
||||
<div class="lineTop lineTopEnergy"></div>
|
||||
<header>
|
||||
<div class="introBoxText">
|
||||
{$objBox2->GetDescription()}
|
||||
</div>
|
||||
</header>
|
||||
<div class="lineBottom lineBottomEnergy"></div>
|
||||
</section>
|
||||
{*<section class="introBox energy flipBox back" {if $energyObj->GetSourceUrl()}onclick="window.location.href = 'http://{$energyObj->GetSourceUrl()}';" style="cursor: pointer;" {/if}>
|
||||
{if $energyObj->GetTitle()}
|
||||
<header>
|
||||
<h2>{$energyObj->GetTitle()}</h2>
|
||||
</header>
|
||||
{/if}
|
||||
<div class="introBoxText">
|
||||
{$energyObj->GetDescription()}
|
||||
</div>
|
||||
</section>*}
|
||||
<section class="introBox energy flipBox back" {if $objBox2->GetSourceUrl()}onclick="window.location.href = 'http://{$objBox2->GetSourceUrl()|replace:"http://":""}';" style="cursor: pointer;" {/if} >
|
||||
<div class="energyIcon_back"></div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<div class="col-4 col-s-12 posRel containerProperty">
|
||||
<section class="introBox property flipBox front">
|
||||
<div class="propertyIcon"></div>
|
||||
<div class="lineTop lineTopProperty"></div>
|
||||
<header>
|
||||
<div class="introBoxText">
|
||||
{$objBox3->GetDescription()}
|
||||
</div>
|
||||
</header>
|
||||
<div class="lineBottom lineBottomProperty"></div>
|
||||
</section>
|
||||
{*<section class="introBox property flipBox back" {if $propertyObj->GetSourceUrl()}onclick="window.location.href = 'http://{$propertyObj->GetSourceUrl()}';" style="cursor: pointer;" {/if}>
|
||||
{if $propertyObj->GetTitle()}
|
||||
<header>
|
||||
<h2>{$propertyObj->GetTitle()}</h2>
|
||||
</header>
|
||||
{/if}
|
||||
<div class="introBoxText">
|
||||
{$propertyObj->GetDescription()}
|
||||
</div>
|
||||
</section>*}
|
||||
<section class="introBox property flipBox back" {if $objBox3->GetSourceUrl()}onclick="window.location.href = 'http://{$objBox3->GetSourceUrl()|replace:"http://":""}';" style="cursor: pointer;" {/if} >
|
||||
<div class="propertyIcon_back"></div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</section> !-->
|
||||
|
||||
{* Boxy *}
|
||||
|
||||
|
||||
{foreach from=$arrayObjHomeArticle item=objArticleSG key=keyHome}
|
||||
|
||||
{literal}
|
||||
<script>
|
||||
$(function () {
|
||||
$( window ).scroll(function() {
|
||||
if ($('.containerBoxNr{/literal}{$keyHome}{literal}').visible(true)) {
|
||||
$('.boxSG{/literal}{$keyHome}{literal}').addClass('scrollHiddenOff');
|
||||
$('.boxSG{/literal}{$keyHome}{literal}').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.boxSG{/literal}{$keyHome}{literal}').addClass('scrollHiddenOn');
|
||||
$('.boxSG{/literal}{$keyHome}{literal}').removeClass('scrollHiddenOff');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
<section id="contentMain" class="main style3 primary containerBoxNr{$keyHome}">
|
||||
<div class="container trescSG boxSG{$keyHome}" >
|
||||
|
||||
{if $objArticleSG->GetName()}
|
||||
<header>
|
||||
<h2>{$objArticleSG->GetName()}</h2>
|
||||
</header>
|
||||
{/if}
|
||||
<div class="trescSGText">
|
||||
{$objArticleSG->GetDescription()}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/foreach}
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
94
template/partial/Index/IndexSent.tpl
Normal file
94
template/partial/Index/IndexSent.tpl
Normal file
@@ -0,0 +1,94 @@
|
||||
<div style="text-align: left;">
|
||||
<h2>{$indexNews->GetName()}</h2><p></p>
|
||||
<h3>Podsumowanie </h3>
|
||||
<p>{'info_wysłane'|translate}</p>
|
||||
<div>
|
||||
<div class="divFormTable">
|
||||
<div class="divTableFormBody">
|
||||
<div class="divTableFormRow">
|
||||
<div class="divTableFormCell"><h3>Dane uczestnika:</h3>
|
||||
Imię: {$objParticipant->getName()}</br>
|
||||
Nazwisko: {$objParticipant->getSurname()}</br>
|
||||
Tytuł/stop. naukowy:{$objParticipant->getDegree()}</br>
|
||||
Stanowisko: {$objParticipant->getPosition()}</br>
|
||||
Telefon: {$objParticipant->getPhone()}</br>
|
||||
Fax: {$objParticipant->getFax()}</br>
|
||||
Email: {$objParticipant->getEmail()}</br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divTableFormRow">
|
||||
<div class="divTableFormCell"><h3>Dane instytucji:</h3>
|
||||
Instytucja: {$objParticipant->getInstitution()}</br>
|
||||
Ulica i numer: {$objParticipant->getAddress()}</br>
|
||||
Kod pocztowy: {$objParticipant->getPostCode()}</br>
|
||||
Miejscowość: {$objParticipant->getCity()}</br>
|
||||
NIP Instytucji: {$objParticipant->getNip()}</br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divTableFormRow">
|
||||
<div class="divTableFormCell"><h3>Dane wystapienia:</h3>
|
||||
Referat: {$objParticipant->getReferat()|replace:1:'Tak'|replace:2:'Nie'}</br>
|
||||
Poster: {$objParticipant->getPoster()|replace:1:'Tak'|replace:2:'Nie'}
|
||||
<p>Temat: {$objParticipant->getMessage()|default:'brak'}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divTableFormRow">
|
||||
<div class="divTableFormCell"><h3>Informacje o płatości:</h3>
|
||||
<div>
|
||||
Wybrane opcje:</br>
|
||||
<ul>
|
||||
{foreach $arrayObjParameters as $objParam}
|
||||
{if in_array($objParam->GetId(),$arrayFee)}
|
||||
<li>{$objParam->GetName()} {if $objParam->GetId() eq 5}({$objParticipant->GetFeeOneDay()}){/if}</br>
|
||||
Cena netto: {$objParam->GetPrice()|number_format:2:",":" "} PLN</br>
|
||||
Cena brutto: {assign var="vat" value=$objParam->GetPrice()*1.23}{$vat|number_format:2:",":" "} PLN</br>
|
||||
</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
<h3>Suma:</h3>
|
||||
{assign var="resultPrice" value=$objParticipant->getPrice()}
|
||||
Cena netto: {$resultPrice|number_format:2:",":" "} PLN</br>
|
||||
Cena brutto: {assign var="resultPriceVat" value=$resultPrice*1.23}{$resultPriceVat|number_format:2:",":" "} PLN</br>
|
||||
<p>{'klauzula_ceny'|translate}</p>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{literal}
|
||||
<style>
|
||||
.divTableForm{
|
||||
display: table;
|
||||
width: 70%;
|
||||
}
|
||||
.divTableFormRow {
|
||||
display: table-row;
|
||||
}
|
||||
.divTableFormHeading {
|
||||
background-color: #EEE;
|
||||
display: table-header-group;
|
||||
}
|
||||
.divTableFormCell, .divTableFormHead {
|
||||
border: 0px solid #999999;
|
||||
display: table-cell;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.divTableFormHeading {
|
||||
background-color: #EEE;
|
||||
display: table-header-group;
|
||||
font-weight: bold;
|
||||
}
|
||||
.divTableFormFoot {
|
||||
background-color: #EEE;
|
||||
display: table-footer-group;
|
||||
font-weight: bold;
|
||||
}
|
||||
.divTableFormBody {
|
||||
display: table-row-group;
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
16
template/partial/Index/MailTxt.tpl
Normal file
16
template/partial/Index/MailTxt.tpl
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
Wpłynęło zapytanie od [{$email}] {$post.name} {$post.surname}
|
||||
{*Treść:<br /><br />
|
||||
{$message|nl2br}*}
|
||||
<br />
|
||||
<br />
|
||||
Kontakt:
|
||||
<br />
|
||||
{$post.name} {$post.surname}<br />
|
||||
Telefon: {$post.phone}<br />
|
||||
Adres e-mail: {$post.email}<br />
|
||||
|
||||
|
||||
|
||||
<p>Kalkulacja:</p>
|
||||
{$textPrice}
|
||||
46
template/partial/Index/Maps.tpl
Normal file
46
template/partial/Index/Maps.tpl
Normal file
@@ -0,0 +1,46 @@
|
||||
<section id="main" class="main contentText right dark fullscreen">
|
||||
|
||||
<div class="content box contentText">
|
||||
|
||||
<div class="tresc">
|
||||
<h1 class="title">{'maps_site'|translate}</h1>
|
||||
<div class="menuRight">
|
||||
{foreach from=$arrayTree item=itemLeft}
|
||||
<div class="link1-head"><a href="{$itemLeft->GetUrlWithType()}" >{$itemLeft->GetElementName()}</a></div>
|
||||
|
||||
|
||||
{if $itemLeft->GetHaveChildren()}
|
||||
{foreach from=$itemLeft->arrayChildren item=objElementSubChild name=childMenu key=keyChild}
|
||||
|
||||
{assign var=urlSubChild value=$objElementSubChild->GetUrlWithType()}
|
||||
{* {assign var=idParentSubChild value=$objElementSubChild->GetId()}*}
|
||||
|
||||
<div class="link1"><a href="{$urlSubChild}" >{$objElementSubChild->GetElementName()}</a></div>
|
||||
|
||||
{if $objElementSubChild->GetHaveChildren()} {*&& $active2 == $objElementSubChild->getId()*}
|
||||
{foreach from=$objElementSubChild->arrayChildren item=objElementSubSubChild name=childMenu key=keyChild}
|
||||
{assign var=urlSubSubChild value=$objElementSubSubChild->GetUrlWithType()}
|
||||
|
||||
<div class="link2"><astyle href="{$urlSubSubChild}" >{$objElementSubSubChild->GetElementName()}</a></div>
|
||||
{if $objElementSubSubChild->GetHaveChildren()}
|
||||
{assign var=arraySubSubSub value=$objElementSubSubChild->arrayChildren}
|
||||
{section keyElement $arraySubSubSub}
|
||||
<div class="link3"><a href="{$arraySubSubSub[keyElement]->GetUrlWithType()}" >{$arraySubSubSub[keyElement]->GetElementName()}</a></div>
|
||||
|
||||
{/section}
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
{/foreach}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
12
template/partial/Module/AjaxMapsList.tpl
Normal file
12
template/partial/Module/AjaxMapsList.tpl
Normal file
@@ -0,0 +1,12 @@
|
||||
{foreach from=$arrayObj item=obj name=obj}
|
||||
{assign var=type value=$obj->GetType()}
|
||||
{assign var=id value=$obj->GetId()}
|
||||
<div id="store-{$obj->GetId()}" style="display: none;" >
|
||||
<h3>{$obj->GetName()}</h3>
|
||||
<h4>{$obj->GetAddress()}</h4>
|
||||
<h4>{$obj->GetCity()}</h4>
|
||||
<a class="trasa" href="https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination={$obj->GetLat()},{$obj->GetLng()} target="_blank">Wyznacz trasę</a>
|
||||
</div>
|
||||
<div id="listing-{$obj->GetId()}" class="item"><a href="#map" class="title" id="link-{$obj->GetId()}" onclick="createPopUpAjax('[{$obj->GetLng()},{$obj->GetLat()}]',$('#store-{$id}').html()); flyToStoreAjax('[{$obj->GetLng()},{$obj->GetLat()}]');">{$obj->GetName()}</a><div>{$obj->GetAddress()} <p>{$obj->GetCity()}</p></div></div>
|
||||
{/foreach}
|
||||
|
||||
406
template/partial/Module/Maps.tpl
Normal file
406
template/partial/Module/Maps.tpl
Normal file
@@ -0,0 +1,406 @@
|
||||
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js'></script>
|
||||
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css' rel='stylesheet' />
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
/* The page is split between map and sidebar - the sidebar gets 1/3, map
|
||||
gets 2/3 of the page. You can adjust this to your personal liking. */
|
||||
.sidebar {
|
||||
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.25);
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.map {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
.heading {
|
||||
background: #fff;
|
||||
border-bottom: 0px solid #eee;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.searchMaps {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Lista
|
||||
|
||||
*/
|
||||
|
||||
.listings {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.listings .item {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.listings .item:last-child { border-bottom: none; }
|
||||
|
||||
.listings .item .title {
|
||||
display: block;
|
||||
color: #00853e;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.listings .item .title small { font-weight: 400; }
|
||||
|
||||
.listings .item.active .title,
|
||||
.listings .item .title:hover { color: #8cc63f; }
|
||||
|
||||
.listings .item.active {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-left: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #00853e;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
popup
|
||||
|
||||
*/
|
||||
|
||||
/* Marker tweaks */
|
||||
.mapboxgl-popup-close-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-content {
|
||||
font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
|
||||
padding: 0;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-content h3 {
|
||||
background: #91c949;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
border-radius: 3px 3px 0 0;
|
||||
font-weight: 700;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-content h4 {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-content div {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
|
||||
border-bottom-color: #91c949;
|
||||
}
|
||||
|
||||
.markerMap {
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
background-image: url({$urlStatic}/image/Strona/Module/Maps/marker.png);
|
||||
}
|
||||
|
||||
.markerMapHean {
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
background-image: url({$urlStatic}/image/Strona/Module/Maps/marker_hean.png);
|
||||
}
|
||||
|
||||
.mapboxgl-popup {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<section id="contentMain" class="main style3 primary" >
|
||||
<div class="container trescSG" style="color: #000099">
|
||||
<header>
|
||||
<h2 style="color: #000099">Mapy</h2>
|
||||
</header>
|
||||
<div class="trescSGText">
|
||||
np. sklepów, oddziałów, itp.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="cb"></div>
|
||||
<section class="container" style="margin-bottom: 100px;">
|
||||
<div class="row">
|
||||
<div class="sidebar col-4">
|
||||
<div class='heading'>
|
||||
<h1>Our locations</h1>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="searchMaps">
|
||||
<input name="search" id="search" onkeyup="GetTableContent('{$url}Ajax', $('#search').val());" placeholder="{'find_by_city'|translate}" />
|
||||
</div>
|
||||
<div id='listings' class='listings'></div>
|
||||
</div>
|
||||
<div id="map" class="map col-8"></div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</section>
|
||||
<div class="cb"></div>
|
||||
|
||||
{literal}
|
||||
|
||||
<script>
|
||||
mapboxgl.accessToken = 'pk.eyJ1IjoibWFrbCIsImEiOiJja3o4djhtaDQwMXE5Mm5vMzF0MWhxYzJjIn0.-fkKhM_PdPA09u4x7U78mw';
|
||||
|
||||
/**
|
||||
* Add the map to the page
|
||||
*/
|
||||
const map = new mapboxgl.Map({
|
||||
container: 'map',
|
||||
style: 'mapbox://styles/mapbox/light-v10',
|
||||
center: [19.138,52.241],
|
||||
zoom: 5,
|
||||
scrollZoom: true
|
||||
});
|
||||
|
||||
const stores = {/literal}{$mapsListJs};{literal}
|
||||
|
||||
/**
|
||||
* Assign a unique id to each store. You'll use this `id`
|
||||
* later to associate each point on the map with a listing
|
||||
* in the sidebar.
|
||||
*/
|
||||
//stores.features.forEach((store, i) => {
|
||||
// store.properties.id = i;
|
||||
//});
|
||||
|
||||
/**
|
||||
* Wait until the map loads to make changes to the map.
|
||||
*/
|
||||
map.on('load', () => {
|
||||
/**
|
||||
* This is where your '.addLayer()' used to be, instead
|
||||
* add only the source without styling a layer
|
||||
*/
|
||||
map.addSource('places', {
|
||||
'type': 'geojson',
|
||||
'data': stores
|
||||
});
|
||||
|
||||
/**
|
||||
* Add all the things to the page:
|
||||
* - The location listings on the side of the page
|
||||
* - The markers onto the map
|
||||
*/
|
||||
buildLocationList(stores);
|
||||
addMarkers();
|
||||
});
|
||||
|
||||
/**
|
||||
* Add a marker to the map for every store listing.
|
||||
**/
|
||||
function addMarkers() {
|
||||
/* For each feature in the GeoJSON object above: */
|
||||
for (const marker of stores.features) {
|
||||
|
||||
/* Create a div element for the marker. */
|
||||
const el = document.createElement('div');
|
||||
/* Assign a unique `id` to the marker. */
|
||||
el.id = `marker-${marker.properties.id}`;
|
||||
/* Assign the `marker` class to each marker for styling. */
|
||||
if (marker.properties.type == 1) {
|
||||
el.className = 'markerMap';
|
||||
} else {
|
||||
el.className = 'markerMapHean';
|
||||
}
|
||||
/**
|
||||
* Create a marker using the div element
|
||||
* defined above and add it to the map.
|
||||
**/
|
||||
new mapboxgl.Marker(el, { offset: [0, -23] })
|
||||
.setLngLat(marker.geometry.coordinates)
|
||||
.addTo(map);
|
||||
|
||||
/**
|
||||
* Listen to the element and when it is clicked, do three things:
|
||||
* 1. Fly to the point
|
||||
* 2. Close all other popups and display popup for clicked store
|
||||
* 3. Highlight listing in sidebar (and remove highlight for all other listings)
|
||||
**/
|
||||
el.addEventListener('click', (e) => {
|
||||
/* Fly to the point */
|
||||
flyToStore(marker);
|
||||
/* Close all other popups and display popup for clicked store */
|
||||
createPopUp(marker);
|
||||
/* Highlight listing in sidebar */
|
||||
const activeItem = document.getElementsByClassName('active');
|
||||
e.stopPropagation();
|
||||
if (activeItem[0]) {
|
||||
activeItem[0].classList.remove('active');
|
||||
}
|
||||
const listing = document.getElementById(
|
||||
`listing-${marker.properties.id}`
|
||||
);
|
||||
listing.classList.add('active');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Add a listing for each store to the sidebar.
|
||||
**/
|
||||
function buildLocationList(stores) {
|
||||
for (const store of stores.features) {
|
||||
/* Add a new listing section to the sidebar. */
|
||||
const listings = document.getElementById('listings');
|
||||
const listing = listings.appendChild(document.createElement('div'));
|
||||
/* Assign a unique `id` to the listing. */
|
||||
listing.id = `listing-${store.properties.id}`;
|
||||
/* Assign the `item` class to each listing for styling. */
|
||||
listing.className = 'item';
|
||||
|
||||
/* Add the link to the individual listing created above. */
|
||||
const link = listing.appendChild(document.createElement('a'));
|
||||
link.href = '#';
|
||||
link.className = 'title';
|
||||
link.id = `link-${store.properties.id}`;
|
||||
link.innerHTML = `${store.properties.name}`;
|
||||
|
||||
/* Add details to the individual listing. */
|
||||
const details = listing.appendChild(document.createElement('div'));
|
||||
details.innerHTML = `${store.properties.address} <p>${store.properties.city}</p>`;
|
||||
if (store.properties.phone) {
|
||||
details.innerHTML += ` · ${store.properties.phoneFormatted}`;
|
||||
}
|
||||
|
||||
/**
|
||||
* Listen to the element and when it is clicked, do four things:
|
||||
* 1. Update the `currentFeature` to the store associated with the clicked link
|
||||
* 2. Fly to the point
|
||||
* 3. Close all other popups and display popup for clicked store
|
||||
* 4. Highlight listing in sidebar (and remove highlight for all other listings)
|
||||
**/
|
||||
link.addEventListener('click', function () {
|
||||
for (const feature of stores.features) {
|
||||
if (this.id === `link-${feature.properties.id}`) {
|
||||
flyToStore(feature);
|
||||
createPopUp(feature);
|
||||
}
|
||||
}
|
||||
const activeItem = document.getElementsByClassName('active');
|
||||
if (activeItem[0]) {
|
||||
activeItem[0].classList.remove('active');
|
||||
}
|
||||
this.parentNode.classList.add('active');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Use Mapbox GL JS's `flyTo` to move the camera smoothly
|
||||
* a given center point.
|
||||
**/
|
||||
function flyToStore(currentFeature) {
|
||||
console.log(currentFeature.geometry.coordinates);
|
||||
map.flyTo({
|
||||
center: currentFeature.geometry.coordinates,
|
||||
zoom: 15
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a Mapbox GL JS `Popup`.
|
||||
**/
|
||||
function createPopUp(currentFeature) {
|
||||
console.log(currentFeature);
|
||||
|
||||
//alert(currentFeature);
|
||||
const popUps = document.getElementsByClassName('mapboxgl-popup');
|
||||
if (popUps[0]) popUps[0].remove();
|
||||
const popup = new mapboxgl.Popup({ closeOnClick: false })
|
||||
.setLngLat(currentFeature.geometry.coordinates)
|
||||
.setHTML(
|
||||
`<h3>${currentFeature.properties.name}</h3>
|
||||
<h4>${currentFeature.properties.address}</h4>
|
||||
<h4>${currentFeature.properties.city}</h4>
|
||||
<a class="action secondary" href="https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=${currentFeature.properties.googleCor}" target="_blank">Wyznacz trasę</a>
|
||||
`
|
||||
)
|
||||
.addTo(map);
|
||||
}
|
||||
|
||||
function GetTableContent(url, search) {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
cache: false,
|
||||
data: ({search: search}),
|
||||
success: function (html) {
|
||||
$('#listings').html(html);
|
||||
console.log(html);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function flyToStoreAjax(coordinates) {
|
||||
var arrayCord = JSON.parse(coordinates);
|
||||
console.log(stores);
|
||||
map.flyTo({
|
||||
center: arrayCord,
|
||||
zoom: 15
|
||||
});
|
||||
}
|
||||
|
||||
function createPopUpAjax(coordinates, html) {
|
||||
//alert(currentFeature);
|
||||
var arrayCord = JSON.parse(coordinates);
|
||||
const popUps = document.getElementsByClassName('mapboxgl-popup');
|
||||
if (popUps[0]) popUps[0].remove();
|
||||
const popup = new mapboxgl.Popup({ closeOnClick: false })
|
||||
.setLngLat(arrayCord)
|
||||
.setHTML(html)
|
||||
.addTo(map);
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
824
template/partial/Module/Timeline.tpl
Normal file
824
template/partial/Module/Timeline.tpl
Normal file
@@ -0,0 +1,824 @@
|
||||
<style>
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Main Components
|
||||
|
||||
-------------------------------- */
|
||||
.timeline ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.events-content ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.cd-horizontal-timeline {
|
||||
opacity: 0;
|
||||
margin: 2em auto;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.cd-horizontal-timeline::before {
|
||||
/* never visible - this is used in jQuery to check the current MQ */
|
||||
content: 'mobile';
|
||||
display: none;
|
||||
}
|
||||
.cd-horizontal-timeline.loaded {
|
||||
/* show the timeline after events position has been set (using JavaScript) */
|
||||
opacity: 1;
|
||||
}
|
||||
.cd-horizontal-timeline .timeline {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
width: 90%;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.cd-horizontal-timeline .events-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
margin: 0 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
|
||||
/* these are used to create a shadow effect at the sides of the timeline */
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 20px;
|
||||
}
|
||||
.cd-horizontal-timeline .events-wrapper::before {
|
||||
left: 0;
|
||||
/* background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
|
||||
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
|
||||
}
|
||||
.cd-horizontal-timeline .events-wrapper::after {
|
||||
right: 0;
|
||||
/* background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
|
||||
background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
|
||||
}
|
||||
.cd-horizontal-timeline .events {
|
||||
/* this is the grey line/timeline */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: 49px;
|
||||
height: 2px;
|
||||
/* width will be set using JavaScript */
|
||||
background: #dfdfdf;
|
||||
-webkit-transition: -webkit-transform 0.4s;
|
||||
-moz-transition: -moz-transform 0.4s;
|
||||
transition: transform 0.4s;
|
||||
}
|
||||
.cd-horizontal-timeline .filling-line {
|
||||
/* this is used to create the green line filling the timeline */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #f69d94;
|
||||
-webkit-transform: scaleX(0);
|
||||
-moz-transform: scaleX(0);
|
||||
-ms-transform: scaleX(0);
|
||||
-o-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: left center;
|
||||
-moz-transform-origin: left center;
|
||||
-ms-transform-origin: left center;
|
||||
-o-transform-origin: left center;
|
||||
transform-origin: left center;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
-moz-transition: -moz-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
/*display: none;*/
|
||||
}
|
||||
.cd-horizontal-timeline .events a {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
font-size: 1.3rem;
|
||||
padding-bottom: 15px;
|
||||
color: #383838;
|
||||
/* fix bug on Safari - text flickering while timeline translates */
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
.cd-horizontal-timeline .events a::after {
|
||||
/* this is used to create the event spot */
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-moz-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
-o-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
bottom: -5px;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #dfdfdf;
|
||||
background-color: #f8f8f8;
|
||||
-webkit-transition: background-color 0.3s, border-color 0.3s;
|
||||
-moz-transition: background-color 0.3s, border-color 0.3s;
|
||||
transition: background-color 0.3s, border-color 0.3s;
|
||||
}
|
||||
.no-touch .cd-horizontal-timeline .events a:hover::after {
|
||||
background-color: #f69d94;
|
||||
border-color: #f69d94;
|
||||
}
|
||||
.cd-horizontal-timeline .events a.selected {
|
||||
pointer-events: none;
|
||||
}
|
||||
.cd-horizontal-timeline .events a.selected::after {
|
||||
background-color: #f69d94;
|
||||
border-color: #f69d94;
|
||||
}
|
||||
.cd-horizontal-timeline .events a.older-event::after {
|
||||
border-color: #f69d94;
|
||||
}
|
||||
@media only screen and (min-width: 1100px) {
|
||||
.cd-horizontal-timeline {
|
||||
margin: 6em auto;
|
||||
}
|
||||
.cd-horizontal-timeline::before {
|
||||
/* never visible - this is used in jQuery to check the current MQ */
|
||||
content: 'desktop';
|
||||
}
|
||||
}
|
||||
|
||||
.cd-timeline-navigation a {
|
||||
/* these are the left/right arrows to navigate the timeline */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
height: 34px;
|
||||
width: 34px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #dfdfdf;
|
||||
/* replace text with an icon */
|
||||
overflow: hidden;
|
||||
color: transparent;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
-webkit-transition: border-color 0.3s;
|
||||
-moz-transition: border-color 0.3s;
|
||||
transition: border-color 0.3s;
|
||||
}
|
||||
.cd-timeline-navigation a::after {
|
||||
/* arrow icon */
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-moz-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
-o-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
background: url(../../../../marka/Static/image/Strona/ikony/chevron-right.svg) no-repeat 0 0;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="lightgray" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>') no-repeat 0 0;
|
||||
}
|
||||
.cd-timeline-navigation a.prev {
|
||||
left: 0;
|
||||
-webkit-transform: translateY(-50%) rotate(180deg);
|
||||
-moz-transform: translateY(-50%) rotate(180deg);
|
||||
-ms-transform: translateY(-50%) rotate(180deg);
|
||||
-o-transform: translateY(-50%) rotate(180deg);
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
}
|
||||
.cd-timeline-navigation a.next {
|
||||
right: 0;
|
||||
}
|
||||
.no-touch .cd-timeline-navigation a:hover {
|
||||
border-color: #f69d94;
|
||||
}
|
||||
.cd-timeline-navigation a.inactive {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.cd-timeline-navigation a.inactive::after {
|
||||
background-position: 0 -16px;
|
||||
}
|
||||
.no-touch .cd-timeline-navigation a.inactive:hover {
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
|
||||
.cd-horizontal-timeline .events-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 2em 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: height 0.4s;
|
||||
-moz-transition: height 0.4s;
|
||||
transition: height 0.4s;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-moz-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
-o-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
padding: 0 5%;
|
||||
opacity: 0;
|
||||
-webkit-animation-duration: 0.4s;
|
||||
-moz-animation-duration: 0.4s;
|
||||
animation-duration: 0.4s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li.selected {
|
||||
/* visible event content */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
-o-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
|
||||
-webkit-animation-name: cd-enter-right;
|
||||
-moz-animation-name: cd-enter-right;
|
||||
animation-name: cd-enter-right;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
|
||||
-webkit-animation-name: cd-enter-left;
|
||||
-moz-animation-name: cd-enter-left;
|
||||
animation-name: cd-enter-left;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
|
||||
-webkit-animation-direction: reverse;
|
||||
-moz-animation-direction: reverse;
|
||||
animation-direction: reverse;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content li > * {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content h2 {
|
||||
font-weight: bold;
|
||||
font-size: 2.6rem;
|
||||
font-family: "Playfair Display", serif;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content em {
|
||||
display: block;
|
||||
font-style: italic;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content em::before {
|
||||
content: '- ';
|
||||
}
|
||||
.cd-horizontal-timeline .events-content p {
|
||||
font-size: 1.4rem;
|
||||
color: #959595;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
|
||||
line-height: 1.6;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.cd-horizontal-timeline .events-content h2 {
|
||||
font-size: 2.6rem;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content em {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.cd-horizontal-timeline .events-content p {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes cd-enter-right {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes cd-enter-right {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@keyframes cd-enter-right {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(100%);
|
||||
-moz-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
-o-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0%);
|
||||
-moz-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
-o-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes cd-enter-left {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes cd-enter-left {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@keyframes cd-enter-left {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-moz-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
-o-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0%);
|
||||
-moz-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
-o-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<section id="contentMain" class="main style3 primary" >
|
||||
<div class="container trescSG" style="color: #000099">
|
||||
<header>
|
||||
<h2 style="color: #000099">Timeline</h2>
|
||||
</header>
|
||||
<div class="trescSGText">
|
||||
np. Nagrody, Historia, itp.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="cb"></div>
|
||||
|
||||
<section class="cd-horizontal-timeline">
|
||||
<div class="timeline">
|
||||
<div class="events-wrapper">
|
||||
<div class="events">
|
||||
<ol>
|
||||
<li><a href="#0" data-date="16/01/2014" class="selected">16 Jan</a></li>
|
||||
<li><a href="#0" data-date="28/02/2014">28 Feb</a></li>
|
||||
<li><a href="#0" data-date="20/04/2014">20 Mar</a></li>
|
||||
<li><a href="#0" data-date="20/05/2014">20 May</a></li>
|
||||
<li><a href="#0" data-date="09/07/2014">09 Jul</a></li>
|
||||
<li><a href="#0" data-date="30/08/2014">30 Aug</a></li>
|
||||
<li><a href="#0" data-date="15/09/2014">15 Sep</a></li>
|
||||
<li><a href="#0" data-date="01/11/2014">01 Nov</a></li>
|
||||
<li><a href="#0" data-date="10/12/2014">10 Dec</a></li>
|
||||
<li><a href="#0" data-date="19/01/2015">29 Jan</a></li>
|
||||
<li><a href="#0" data-date="03/03/2015">3 Mar</a></li>
|
||||
</ol>
|
||||
|
||||
<span class="filling-line" aria-hidden="true"></span>
|
||||
</div> <!-- .events -->
|
||||
</div> <!-- .events-wrapper -->
|
||||
|
||||
<ul class="cd-timeline-navigation">
|
||||
<li><a href="#0" class="prev inactive">Prev</a></li>
|
||||
<li><a href="#0" class="next">Next</a></li>
|
||||
</ul> <!-- .cd-timeline-navigation -->
|
||||
</div> <!-- .timeline -->
|
||||
|
||||
<div class="events-content">
|
||||
<ol>
|
||||
<li class="selected" data-date="16/01/2014">
|
||||
<h2>Horizontal Timeline</h2>
|
||||
<em>January 16th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="28/02/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>February 28th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="20/04/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>March 20th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="20/05/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>May 20th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="09/07/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>July 9th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="30/08/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>August 30th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="15/09/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>September 15th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="01/11/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>November 1st, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="10/12/2014">
|
||||
<h2>Event title here</h2>
|
||||
<em>December 10th, 2014</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="19/01/2015">
|
||||
<h2>Event title here</h2>
|
||||
<em>January 19th, 2015</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li data-date="03/03/2015">
|
||||
<h2>Event title here</h2>
|
||||
<em>March 3rd, 2015</em>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div> <!-- .events-content -->
|
||||
</section>
|
||||
{literal}
|
||||
<script>
|
||||
jQuery(document).ready(function($){
|
||||
var timelines = $('.cd-horizontal-timeline'),
|
||||
eventsMinDistance = 120;
|
||||
|
||||
(timelines.length > 0) && initTimeline(timelines);
|
||||
|
||||
function initTimeline(timelines) {
|
||||
timelines.each(function(){
|
||||
var timeline = $(this),
|
||||
timelineComponents = {};
|
||||
//cache timeline components
|
||||
timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');
|
||||
timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');
|
||||
timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line');
|
||||
timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');
|
||||
timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);
|
||||
timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);
|
||||
timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation');
|
||||
timelineComponents['eventsContent'] = timeline.children('.events-content');
|
||||
// console.log(timelineComponents['timelineWrapper'].children('.events'));
|
||||
//assign a left postion to the single events along the timeline
|
||||
setDatePosition(timelineComponents, eventsMinDistance);
|
||||
//assign a width to the timeline
|
||||
var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);
|
||||
//the timeline has been initialize - show it
|
||||
timeline.addClass('loaded');
|
||||
|
||||
//detect click on the next arrow
|
||||
timelineComponents['timelineNavigation'].on('click', '.next', function(event){
|
||||
event.preventDefault();
|
||||
updateSlide(timelineComponents, timelineTotWidth, 'next');
|
||||
});
|
||||
//detect click on the prev arrow
|
||||
timelineComponents['timelineNavigation'].on('click', '.prev', function(event){
|
||||
event.preventDefault();
|
||||
updateSlide(timelineComponents, timelineTotWidth, 'prev');
|
||||
});
|
||||
//detect click on the a single event - show new event content
|
||||
timelineComponents['eventsWrapper'].on('click', 'a', function(event){
|
||||
event.preventDefault();
|
||||
timelineComponents['timelineEvents'].removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
updateOlderEvents($(this));
|
||||
updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);
|
||||
updateVisibleContent($(this), timelineComponents['eventsContent']);
|
||||
});
|
||||
|
||||
//on swipe, show next/prev event content
|
||||
timelineComponents['eventsContent'].on('swipeleft', function(){
|
||||
var mq = checkMQ();
|
||||
( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');
|
||||
});
|
||||
timelineComponents['eventsContent'].on('swiperight', function(){
|
||||
var mq = checkMQ();
|
||||
( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');
|
||||
});
|
||||
|
||||
//keyboard navigation
|
||||
$(document).keyup(function(event){
|
||||
if(event.which=='37' && elementInViewport(timeline.get(0)) ) {
|
||||
showNewContent(timelineComponents, timelineTotWidth, 'prev');
|
||||
} else if( event.which=='39' && elementInViewport(timeline.get(0))) {
|
||||
showNewContent(timelineComponents, timelineTotWidth, 'next');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function updateSlide(timelineComponents, timelineTotWidth, string) {
|
||||
//retrieve translateX value of timelineComponents['eventsWrapper']
|
||||
var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),
|
||||
wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));
|
||||
//translate the timeline to the left('next')/right('prev')
|
||||
(string == 'next')
|
||||
? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)
|
||||
: translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);
|
||||
}
|
||||
|
||||
function showNewContent(timelineComponents, timelineTotWidth, string) {
|
||||
//go from one event to the next/previous one
|
||||
var visibleContent = timelineComponents['eventsContent'].find('.selected'),
|
||||
newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();
|
||||
|
||||
if ( newContent.length > 0 ) { //if there's a next/prev event - show it
|
||||
var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),
|
||||
newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');
|
||||
|
||||
updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);
|
||||
updateVisibleContent(newEvent, timelineComponents['eventsContent']);
|
||||
newEvent.addClass('selected');
|
||||
selectedDate.removeClass('selected');
|
||||
updateOlderEvents(newEvent);
|
||||
updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);
|
||||
}
|
||||
}
|
||||
|
||||
function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {
|
||||
//translate timeline to the left/right according to the position of the selected event
|
||||
var eventStyle = window.getComputedStyle(event.get(0), null),
|
||||
eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),
|
||||
timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),
|
||||
timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));
|
||||
var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);
|
||||
|
||||
if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {
|
||||
translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);
|
||||
}
|
||||
}
|
||||
|
||||
function translateTimeline(timelineComponents, value, totWidth) {
|
||||
var eventsWrapper = timelineComponents['eventsWrapper'].get(0);
|
||||
value = (value > 0) ? 0 : value; //only negative translate value
|
||||
value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width
|
||||
setTransformValue(eventsWrapper, 'translateX', value+'px');
|
||||
//update navigation arrows visibility
|
||||
(value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');
|
||||
(value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');
|
||||
}
|
||||
|
||||
function updateFilling(selectedEvent, filling, totWidth) {
|
||||
//change .filling-line length according to the selected event
|
||||
var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),
|
||||
eventLeft = eventStyle.getPropertyValue("left"),
|
||||
eventWidth = eventStyle.getPropertyValue("width");
|
||||
eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;
|
||||
var scaleValue = eventLeft/totWidth;
|
||||
setTransformValue(filling.get(0), 'scaleX', scaleValue);
|
||||
}
|
||||
|
||||
function setDatePosition(timelineComponents, min) {
|
||||
var start = 60;
|
||||
for (i = 0; i < timelineComponents['timelineDates'].length; i++) {
|
||||
var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
|
||||
distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
|
||||
timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');
|
||||
timelineComponents['timelineEvents'].eq(i).css('left', start+'px');
|
||||
start = start+min;
|
||||
}
|
||||
}
|
||||
|
||||
function setTimelineWidth(timelineComponents, width) {
|
||||
var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),
|
||||
timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],
|
||||
timeSpanNorm = Math.round(timeSpanNorm) + 4,
|
||||
totalWidth = timeSpanNorm*width;
|
||||
// alert(timelineComponents['timelineDates'].length);
|
||||
// timelineComponents['eventsWrapper'].css('width', totalWidth+'px');
|
||||
// updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);
|
||||
|
||||
totalWidth = timelineComponents['timelineDates'].length*width+120;
|
||||
timelineComponents['eventsWrapper'].css('width', totalWidth+'px');
|
||||
updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);
|
||||
|
||||
return totalWidth;
|
||||
}
|
||||
|
||||
function updateVisibleContent(event, eventsContent) {
|
||||
var eventDate = event.data('date'),
|
||||
visibleContent = eventsContent.find('.selected'),
|
||||
selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),
|
||||
selectedContentHeight = selectedContent.height();
|
||||
|
||||
if (selectedContent.index() > visibleContent.index()) {
|
||||
var classEnetering = 'selected enter-right',
|
||||
classLeaving = 'leave-left';
|
||||
} else {
|
||||
var classEnetering = 'selected enter-left',
|
||||
classLeaving = 'leave-right';
|
||||
}
|
||||
|
||||
selectedContent.attr('class', classEnetering);
|
||||
visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){
|
||||
visibleContent.removeClass('leave-right leave-left');
|
||||
selectedContent.removeClass('enter-left enter-right');
|
||||
});
|
||||
eventsContent.css('height', selectedContentHeight+'px');
|
||||
}
|
||||
|
||||
function updateOlderEvents(event) {
|
||||
event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');
|
||||
}
|
||||
|
||||
function getTranslateValue(timeline) {
|
||||
var timelineStyle = window.getComputedStyle(timeline.get(0), null),
|
||||
timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||
|
||||
timelineStyle.getPropertyValue("-moz-transform") ||
|
||||
timelineStyle.getPropertyValue("-ms-transform") ||
|
||||
timelineStyle.getPropertyValue("-o-transform") ||
|
||||
timelineStyle.getPropertyValue("transform");
|
||||
|
||||
if( timelineTranslate.indexOf('(') >=0 ) {
|
||||
var timelineTranslate = timelineTranslate.split('(')[1];
|
||||
timelineTranslate = timelineTranslate.split(')')[0];
|
||||
timelineTranslate = timelineTranslate.split(',');
|
||||
var translateValue = timelineTranslate[4];
|
||||
} else {
|
||||
var translateValue = 0;
|
||||
}
|
||||
|
||||
return Number(translateValue);
|
||||
}
|
||||
|
||||
function setTransformValue(element, property, value) {
|
||||
element.style["-webkit-transform"] = property+"("+value+")";
|
||||
element.style["-moz-transform"] = property+"("+value+")";
|
||||
element.style["-ms-transform"] = property+"("+value+")";
|
||||
element.style["-o-transform"] = property+"("+value+")";
|
||||
element.style["transform"] = property+"("+value+")";
|
||||
}
|
||||
|
||||
//based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript
|
||||
function parseDate(events) {
|
||||
var dateArrays = [];
|
||||
events.each(function(){
|
||||
var dateComp = $(this).data('date').split('/'),
|
||||
newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);
|
||||
dateArrays.push(newDate);
|
||||
});
|
||||
return dateArrays;
|
||||
}
|
||||
|
||||
function parseDate2(events) {
|
||||
var dateArrays = [];
|
||||
events.each(function(){
|
||||
var singleDate = $(this),
|
||||
dateComp = singleDate.data('date').split('T');
|
||||
if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided
|
||||
var dayComp = dateComp[0].split('/'),
|
||||
timeComp = dateComp[1].split(':');
|
||||
} else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide
|
||||
var dayComp = ["2000", "0", "0"],
|
||||
timeComp = dateComp[0].split(':');
|
||||
} else { //only DD/MM/YEAR
|
||||
var dayComp = dateComp[0].split('/'),
|
||||
timeComp = ["0", "0"];
|
||||
}
|
||||
var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);
|
||||
dateArrays.push(newDate);
|
||||
});
|
||||
return dateArrays;
|
||||
}
|
||||
|
||||
function daydiff(first, second) {
|
||||
return Math.round((second-first));
|
||||
}
|
||||
|
||||
function minLapse(dates) {
|
||||
//determine the minimum distance among events
|
||||
var dateDistances = [];
|
||||
for (i = 1; i < dates.length; i++) {
|
||||
var distance = daydiff(dates[i-1], dates[i]);
|
||||
dateDistances.push(distance);
|
||||
}
|
||||
return Math.min.apply(null, dateDistances);
|
||||
}
|
||||
|
||||
/*
|
||||
How to tell if a DOM element is visible in the current viewport?
|
||||
http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
|
||||
*/
|
||||
function elementInViewport(el) {
|
||||
var top = el.offsetTop;
|
||||
var left = el.offsetLeft;
|
||||
var width = el.offsetWidth;
|
||||
var height = el.offsetHeight;
|
||||
|
||||
while(el.offsetParent) {
|
||||
el = el.offsetParent;
|
||||
top += el.offsetTop;
|
||||
left += el.offsetLeft;
|
||||
}
|
||||
|
||||
return (
|
||||
top < (window.pageYOffset + window.innerHeight) &&
|
||||
left < (window.pageXOffset + window.innerWidth) &&
|
||||
(top + height) > window.pageYOffset &&
|
||||
(left + width) > window.pageXOffset
|
||||
);
|
||||
}
|
||||
|
||||
function checkMQ() {
|
||||
//check if mobile or desktop device
|
||||
return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
46
template/partial/Product/Index.tpl
Normal file
46
template/partial/Product/Index.tpl
Normal file
@@ -0,0 +1,46 @@
|
||||
<h1 class="siteTitle">{$objElement->GetName()}</h1>
|
||||
|
||||
{assign var=x value=1}
|
||||
<table width="100%" cellpadding="4" cellspacing="1" border="0">
|
||||
<tr>
|
||||
<th> </th>
|
||||
<th>nazwa</th>
|
||||
<th> </th>
|
||||
</tr>
|
||||
|
||||
{foreach from=$arrayObj item=obj name=product}
|
||||
|
||||
|
||||
|
||||
{*{if $obj->GetPicture()}
|
||||
<a href="{url label=$objSubsite->GetUrlLabel() }"><img src="{$objSubsite->GetPictureMiniUrl()}" alt="" /></a>
|
||||
{/if}
|
||||
<h2><a style="color:#3d4c6d;" href="{url label=$objSubsite->GetUrlLabel()}">{$objSubsite->GetName()}</a></h2>
|
||||
{if count($objSubsite->content->GetDescription()) <= 0 }
|
||||
<p>{$objSubsite->content->GetDescription()|strip_tags|truncate:50} <a href="{url label=$objSubsite->GetUrlLabel()}">{translate word='read_more'}</a></p>
|
||||
{/if}
|
||||
|
||||
*}
|
||||
<tr {if $x==1}{assign var=x value=0}{else}{assign var=x value=1}class="even"{/if}>
|
||||
{if $obj->GetPicture()}
|
||||
<td><img src="{$obj->GetPictureMiniUrl()}" alt="" /></td>
|
||||
{else}
|
||||
<td><img src="{$urlStatic}/image/Strona/zalepka_180.gif" alt="" /></td>
|
||||
{/if}
|
||||
<td>{$obj->GetName()}</td>
|
||||
<td style="text-align: center;">
|
||||
<a href="{url label=$urlProductDetailLabel id=$obj->GetId() title=$obj->GetName()|escape }">{translate word='read_more'}</a>
|
||||
</td>
|
||||
</tr>
|
||||
{foreachelse}
|
||||
{*if !isset($searchString) || $searchString == ""}
|
||||
<tr>
|
||||
<td colspan="5" style="text-align: center;">Brak zdefiniowanych produktów.</td>
|
||||
</tr>
|
||||
{/if*}
|
||||
|
||||
|
||||
|
||||
{/foreach}
|
||||
|
||||
</table>
|
||||
53
template/partial/Product/View.tpl
Normal file
53
template/partial/Product/View.tpl
Normal file
@@ -0,0 +1,53 @@
|
||||
<h1 class="siteTitle">{$objElement->GetName()}</h1>
|
||||
|
||||
{assign var=x value=1}
|
||||
<table width="100%" class="commonTable" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<th> </th>
|
||||
<th> </th>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>Id</td>
|
||||
|
||||
<td>{$objProduct->GetId()}</td>
|
||||
|
||||
</tr>
|
||||
|
||||
{foreach from=$arrayObjAttribute item=objAttribute}
|
||||
|
||||
{if $objAttribute->GetValue()}
|
||||
<tr>
|
||||
|
||||
<td>{$objAttribute->GetDescription()}</td>
|
||||
|
||||
<td>{$objAttribute->GetValue()}</td>
|
||||
|
||||
</tr>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
<tr>
|
||||
<td>{translate word='opis'}</td>
|
||||
|
||||
<td>{$objProduct->GetDescription()}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
{if $objProduct->GetPicture()}
|
||||
<a href="{$objProduct->GetPictureUrl()}" class="gallery" style="float: left; margin-right: 15px; margin-bottom: 15px;"><img src="{$objProduct->GetPictureMiniUrl()}" alt="{$objProduct->GetName()|escape}" title="{$objProduct->GetName()|escape}" border="0" /></a>
|
||||
{/if}
|
||||
{assign var=arrayImage value= $objProduct->getArrayImage()}
|
||||
{foreach from=$arrayImage item=image}
|
||||
<a href="{$image->GetFullUrlId($objProduct->GetId(), 'Product')}" class="gallery" style="float: left; margin-right: 15px; margin-bottom: 15px;"><img src="{$image->GetFullUrlMiniId($objProduct->GetId(), 'Product')}" alt="{$objProduct->GetName()|escape}" title="{$objProduct->GetName()|escape}" border="0" /></a>
|
||||
{/foreach}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="text-align: center;">
|
||||
{translate word='Niniejsza informacja handlowa nie jest ofertą w rozumieniu prawa'}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
21
template/partial/Search/Index.tpl
Normal file
21
template/partial/Search/Index.tpl
Normal file
@@ -0,0 +1,21 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{'search_title'|translate}</h1>
|
||||
{if isset($search)}
|
||||
<div><b>Szukaj:</b> {$search}</div>
|
||||
{/if}
|
||||
{foreach from=$arrayObjArtStr item=objArt}
|
||||
{assign var=objStruc value=$objArt->GetStructure()}
|
||||
<article class="mainNewsItem" style="min-height: 90px;">
|
||||
|
||||
<a href="{url label=$objStruc->GetUrlLabel()}"><h2>{$objArt->GetTitle()}</h2> </a>
|
||||
{$objArt->GetDescription()|strip_tags|truncate:"120":"..."} <a href="{url label=$objStruc->GetUrlLabel()}">{'more'|translate}</a>
|
||||
</article><div class="cb"></div>
|
||||
<p style="border-bottom: 1px solid #8f8f8f; margin: 30px 10px 30px 10px;"></p>
|
||||
{foreachelse}
|
||||
<p>
|
||||
{'brak_artykulow_wyszukiwania'|translate}
|
||||
</p>
|
||||
{/foreach}
|
||||
|
||||
</div>
|
||||
|
||||
32
template/partial/Shared/BanerBox.tpl
Normal file
32
template/partial/Shared/BanerBox.tpl
Normal file
@@ -0,0 +1,32 @@
|
||||
<section id="slider" class="slider">
|
||||
<div class="flexslider sliderCont">
|
||||
<ul class="slides">
|
||||
{foreach from=$arrayToEditBaner item=objHomeElementBaner key=keyHome}
|
||||
{if $objHomeElementBaner->GetPhotoUrl()}
|
||||
<li>
|
||||
<div class="clearfix">
|
||||
{if isset($indexSG)}
|
||||
<img src="{$objHomeElementBaner->GetPhotoUrl()}" alt="" style="object-fit: cover; max-height: 940px;" />
|
||||
{else}
|
||||
{assign var=imageSlider value=$objHomeElementBaner->GetPhotoPath()}
|
||||
{thumb file=$imageSlider longside=false shortside=false width="1200" height="350" link='false' crop=true }
|
||||
{/if}
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<div class="desc" style="display: none;"><p style="opacity: 0; visibility: visible;">{$objHomeElementBaner->GetDescription()}</p>
|
||||
|
||||
</div>
|
||||
<h1> </h1>
|
||||
<h3 style="opacity: 0; visibility: visible;">{$objHomeElementBaner->GetName()}</h3>
|
||||
<h2 style="opacity: 0; visibility: visible;">{$objHomeElementBaner->GetDescription()}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
{*<div class="parallax-window" data-parallax="scroll" data-image-src="{$urlStatic}/image/Strona/slider1.jpg" data-natural-width="1400" data-natural-height="940"> </div>*}
|
||||
30
template/partial/Shared/BanerBox_old.tpl
Normal file
30
template/partial/Shared/BanerBox_old.tpl
Normal file
@@ -0,0 +1,30 @@
|
||||
<section id="slider" class="slider">
|
||||
<div class="flexslider sliderCont">
|
||||
<ul class="slides">
|
||||
{foreach from=$arrayToEditBaner item=objHomeElementBaner key=keyHome}
|
||||
{if $objHomeElementBaner->GetPhotoUrl()}
|
||||
<li>
|
||||
<div class="clearfix">
|
||||
{if isset($indexSG)}
|
||||
<img src="{$objHomeElementBaner->GetPhotoUrl()}" alt="" style="object-fit: cover; max-height: 650px;" />
|
||||
{else}
|
||||
{assign var=imageSlider value=$objHomeElementBaner->GetPhotoPath()}
|
||||
{thumb file=$imageSlider longside=false shortside=false width="1200" height="290" link='false' crop=true }
|
||||
{/if}
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<div class="desc" style="display: none;"><p style="opacity: 0; visibility: visible;">{$objHomeElementBaner->GetDescription()}</p>
|
||||
|
||||
</div>
|
||||
<h3 style="opacity: 0; visibility: visible;">{$objHomeElementBaner->GetName()}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
{*<div class="parallax-window" data-parallax="scroll" data-image-src="{$urlStatic}/image/Strona/slider1.jpg" data-natural-width="1400" data-natural-height="900"> </div>*}
|
||||
0
template/partial/Shared/GetUrlLang.tpl
Normal file
0
template/partial/Shared/GetUrlLang.tpl
Normal file
1
template/partial/Shared/InfoFrame.tpl
Normal file
1
template/partial/Shared/InfoFrame.tpl
Normal file
@@ -0,0 +1 @@
|
||||
<div class="{if $error=="ok"}message{else}messageError{/if}">{$info}</div>
|
||||
50
template/partial/Shared/MenuBottomTree.tpl
Normal file
50
template/partial/Shared/MenuBottomTree.tpl
Normal file
@@ -0,0 +1,50 @@
|
||||
<div class="boxBottomMenu left">
|
||||
{assign var=countMenuArray value=$arrayTree|@count}
|
||||
{foreach from=$arrayTree item=item name=mainMenuBottom key=key}
|
||||
{assign var=id value=$item->GetId()}
|
||||
{assign var=lang value=$item->GetLang()}
|
||||
{assign var=url value=$item->GetUrlWithType()}
|
||||
{assign var=urlName value=$item->GetUrl()}
|
||||
{assign var=name value=$item->GetMenuName()}
|
||||
{assign var=subname value=$item->GetSubname()}
|
||||
{if !$name} {assign var=name value=$item->GetName()}{/if}
|
||||
{if $item->GetType() == 1}
|
||||
<div class="elementBottomMenu" {if $smarty.foreach.mainMenuBottom.last}style="width:100px;"{/if}>
|
||||
<h4><a href="{$url}" >{$name}</a></h4>
|
||||
{if $item->GetHaveChildren()}
|
||||
|
||||
{foreach from=$item->arrayChildren item=objElementSub key=idElementSub name=mainSubMenu}
|
||||
{assign var=urlSub value=$objElementSub->GetUrlWithType()}
|
||||
{assign var=idParentSub value=$objElementSub->GetId()}
|
||||
<div class="itemBotomMenu"><a href="{$urlSub}" >{$objElementSub->GetElementName()}</a></div>
|
||||
{/foreach}
|
||||
|
||||
{/if}
|
||||
{if $name == 'Demo'}
|
||||
|
||||
<div class="itemBotomMenu"><a href="{$url}" >Wersja podstawowa</a></div>
|
||||
<div class="itemBotomMenu"><a href="{$url}" >Wersja pełna</a></div>
|
||||
<div class="itemBotomMenu"><a href="{$url}" >Wersja mobilna</a></div>
|
||||
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<div style="margin-top: 15px; text-align: left;">
|
||||
<div class="fb-like" data-href="https://www.facebook.com/pages/GoNet-CRM/435255036505963" data-width="40" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
|
||||
</div>
|
||||
<div style="margin-top: 15px; text-align: left;">
|
||||
<script src="https://apis.google.com/js/platform.js"></script>
|
||||
|
||||
<div class="g-ytsubscribe" data-channel="GoNetCRMSupport" data-layout="default" data-count="hidden"></div>
|
||||
</div>
|
||||
<div style="margin-top: 15px; text-align: left;">
|
||||
<a href="{$urlStatic}/upload/GoNet_QS.exe" title=""><img src="{$urlStatic}/image/team_viewer.gif" alt="" /></a>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
0
template/partial/Shared/MenuBox.tpl
Normal file
0
template/partial/Shared/MenuBox.tpl
Normal file
22
template/partial/Shared/MenuLangBox.tpl
Normal file
22
template/partial/Shared/MenuLangBox.tpl
Normal file
@@ -0,0 +1,22 @@
|
||||
<div class="navLang">
|
||||
{if $lang == 'pl'}
|
||||
<a href="{$urlMain}/en">en</a>
|
||||
{else}
|
||||
<a href="{$urlMain}/pl">pl</a>
|
||||
{/if}
|
||||
</div>
|
||||
{literal}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.navLang').click(function(){
|
||||
$('.navLang').toggleClass('navLangLong');
|
||||
});
|
||||
$(".navLang").mouseover(function(){
|
||||
$(".navLang").addClass('navLangLong');
|
||||
});
|
||||
$(".navLang").mouseout(function(){
|
||||
$(".navLang").removeClass('navLangLong');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
45
template/partial/Shared/MenuTopChildTree.tpl
Normal file
45
template/partial/Shared/MenuTopChildTree.tpl
Normal file
@@ -0,0 +1,45 @@
|
||||
{if isset($arrayTree[$active0]) && $arrayTree[$active0]->GetHaveChildren()}{* || $objElement->GetIdParent() > 0*}
|
||||
<aside class="col-4 columnRight">
|
||||
{* <div class="menuSubRwd" onclick="showHide('.menuRight');"></div> *}
|
||||
<div class="menuRight">
|
||||
{assign var=arrayTopArrayChild value=$arrayTree[$active0]}
|
||||
{assign var=countMenuChildArray value=$arrayTopArrayChild|@count}
|
||||
{if $countMenuChildArray > 0}
|
||||
{assign var=idChild value=$arrayTopArrayChild->GetId()}
|
||||
{assign var=langChild value=$arrayTopArrayChild->GetLang()}
|
||||
{assign var=urlChild value=$arrayTopArrayChild->GetUrlWithType()}
|
||||
{assign var=urlNamChilde value=$arrayTopArrayChild->GetUrl()}
|
||||
{assign var=nameChild value=$arrayTopArrayChild->GetMenuName()}
|
||||
{assign var=subnameChild value=$arrayTopArrayChild->GetSubname()}
|
||||
{if $arrayTopArrayChild->GetHaveChildren()}
|
||||
{foreach $arrayTopArrayChild->arrayChildren as $keyChild=>$objElementSubChild }
|
||||
{if !$nameChild}
|
||||
{assign var=nameChild value=$objElementSubChild->GetName()}
|
||||
{/if}
|
||||
{assign var=urlSubChild value=$objElementSubChild->GetUrlWithType()}
|
||||
{assign var=idParentSubChild value=$objElementSubChild->GetId()}
|
||||
{if $objElementSubChild@first}
|
||||
<div class="link1-head">{$nameChild}</div>
|
||||
{/if}
|
||||
<div class="link1"><a {if $active1 == $objElementSubChild->GetId()}style="color: #68ceff;"{/if} href="{$urlSubChild}" >{$objElementSubChild->GetElementName()}</a></div>
|
||||
{if $objElementSubChild->GetHaveChildren() && $active1 == $objElementSubChild->getId() }
|
||||
{foreach from=$objElementSubChild->arrayChildren item=objElementSubSubChild name=childMenu key=keyChild}
|
||||
{assign var=urlSubSubChild value=$objElementSubSubChild->GetUrlWithType()}
|
||||
{assign var=idParentSubSubChild value=$objElementSubSubChild->GetId()}
|
||||
<div class="link2"><a {if $active2 == $objElementSubSubChild->GetId()}style="color: #68ceff;"{/if} href="{$urlSubSubChild}" >{$objElementSubSubChild->GetElementName()}</a></div>
|
||||
{if $objElementSubSubChild->GetHaveChildren()} {*&& $active2 == $objElementSubSubChild->GetId()*}
|
||||
{assign var=arraySubSubSub value=$objElementSubSubChild->arrayChildren}
|
||||
{section keyElement $arraySubSubSub}
|
||||
<div class="link3"><a {if $active3 == $arraySubSubSub[keyElement]->GetId()}style="color: #68ceff;"{/if} href="{$arraySubSubSub[keyElement]->GetUrlWithType()}" >{$arraySubSubSub[keyElement]->GetElementName()}</a></div>
|
||||
|
||||
{/section}
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
{/if}
|
||||
53
template/partial/Shared/MenuTopTree.tpl
Normal file
53
template/partial/Shared/MenuTopTree.tpl
Normal file
@@ -0,0 +1,53 @@
|
||||
<div class="menu" id="menu" style="z-index: 2;">
|
||||
|
||||
<ul id="nav">
|
||||
{assign var=countMenuArray value=$arrayTree|@count}
|
||||
{foreach from=$arrayTree item=item name=mainMenu key=key}
|
||||
{assign var=id value=$item->GetId()}
|
||||
{assign var=lang value=$item->GetLang()}
|
||||
{assign var=url value=$item->GetUrlWithType()}
|
||||
{assign var=urlName value=$item->GetUrl()}
|
||||
{assign var=name value=$item->GetMenuName()}
|
||||
{assign var=subname value=$item->GetSubname()}
|
||||
{if !$name} {assign var=name value=$item->GetName()}{/if}
|
||||
{if $item->GetType() == 1}
|
||||
<li><a href="{$url}" >{$name}</a><div class="menuCover" ></div>{if $item->GetHaveChildren()}<a class="moreLink" href="#" title="" onclick="showHide('#moreLink_{$id}');" >∨</a>{/if}
|
||||
{if $item->GetHaveChildren()}
|
||||
<ul id="moreLink_{$id}" >
|
||||
{foreach from=$item->arrayChildren item=objElementSub key=idElementSub name=mainSubMenu}
|
||||
{assign var=urlSub value=$objElementSub->GetUrlWithType()}
|
||||
{assign var=idParentSub value=$objElementSub->GetId()}
|
||||
<li ><a href="{$urlSub}" >{$objElementSub->GetElementName()}</a> </li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
</li>
|
||||
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
|
||||
{/literal}
|
||||
|
||||
{*
|
||||
<div class="menu" id="menu" style="z-index: 2;">
|
||||
<ul id="nav">
|
||||
<li><a href="#">Start</a><div class="menuCover" ></div></li>
|
||||
<li><a href="#">O firmie</a><div class="menuCover" ></div></li>
|
||||
<li><a href="#">Produkty i usługi</a><div class="menuCover" ></div></li>
|
||||
<li><a href="#">Praca</a><div class="menuCover" ></div></li>
|
||||
<li><a href="#">Kontakt</a><div class="menuCover" ></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
*}
|
||||
|
||||
|
||||
14
template/partial/Shared/News.tpl
Normal file
14
template/partial/Shared/News.tpl
Normal file
@@ -0,0 +1,14 @@
|
||||
<h1 class="newsBoxTitle">{translate word='NEWS'}</h1>
|
||||
{assign var=labelNews value=''}
|
||||
{foreach from=$arrayObjNewsIndex item=objNewsIndex name=news}
|
||||
{assign var=idNewsIndex value=$objNewsIndex->GetId()}
|
||||
{assign var=objStructure value=$objNewsIndex->GetStructure()}
|
||||
{assign var=labelNews value=$objStructure->GetUrlLabel()}
|
||||
{assign var=Detail value=Detail}
|
||||
{assign var=labelNewsDetail value=$labelNews}
|
||||
{assign var=truncateCount value=100}
|
||||
<div class="newsBoxItem">
|
||||
{$objNewsIndex->GetDatePublicationWithoutTime()|replace:"-":"."}<br/>
|
||||
<a href="{url label=$labelNewsDetail title=$objNewsIndex->GetTitle()|text2url id=$idNewsIndex}">{$objNewsIndex->GetShortnote()|strip_tags|truncate:$truncateCount:" $moreNews"}</a>
|
||||
</div>
|
||||
{/foreach}
|
||||
0
template/partial/Shared/Slider.tpl
Normal file
0
template/partial/Shared/Slider.tpl
Normal file
37
template/partial/SimpleArticle/Index/AjaxSendMessage.tpl
Normal file
37
template/partial/SimpleArticle/Index/AjaxSendMessage.tpl
Normal file
@@ -0,0 +1,37 @@
|
||||
$('buttonInfo').style.display = 'none';
|
||||
$('buttonError').style.display = 'none';
|
||||
|
||||
{if $wrongEmail!=''}
|
||||
$('buttonError').style.display = 'block';
|
||||
$('infoMsg').style.display = 'block';
|
||||
$('wrongEmail').innerHTML = '{$wrongEmail}';
|
||||
$('send').disabled=true;
|
||||
{else}
|
||||
|
||||
$('wrongEmail').innerHTML = '';
|
||||
{/if}
|
||||
{if $wrongPhone!=''}
|
||||
$('buttonError').style.display = 'block';
|
||||
$('infoMsg').style.display = 'block';
|
||||
$('wrongPhone').innerHTML = '{$wrongPhone}';
|
||||
$('send').disabled=true;
|
||||
{else}
|
||||
$('wrongPhone').innerHTML = '';
|
||||
{/if}
|
||||
{if $error!=''}
|
||||
$('buttonError').style.display = 'block';
|
||||
$('infoMsg').style.display = 'block';
|
||||
$('error').innerHTML = '{$error}';
|
||||
$('send').disabled=true;
|
||||
{else}
|
||||
$('error').innerHTML = '';
|
||||
{/if}
|
||||
{if $success!=''}
|
||||
$('buttonInfo').style.display = 'block';
|
||||
$('infoMsg').style.display = 'block';
|
||||
$('info').innerHTML = '{$success}';
|
||||
$('send').disabled=true;
|
||||
{else}
|
||||
$('info').innerHTML = '';
|
||||
{/if}
|
||||
|
||||
82
template/partial/SimpleArticle/Index/Article.tpl
Normal file
82
template/partial/SimpleArticle/Index/Article.tpl
Normal file
@@ -0,0 +1,82 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle"> {$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
|
||||
{if isset($idCategory) && $idCategory != 1 && isset($labelDetal)}
|
||||
|
||||
<h1>{$objArticle->GetTitle()}</h1>
|
||||
{if $objArticle->GetPicture()}
|
||||
<div class="newsImg"><img src="{$objArticle->GetPictureUrl()}" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetTitle()}" border="0"/></div>
|
||||
{/if}
|
||||
|
||||
|
||||
{assign var=descriptionArray value=$objArticle->GetDescriptionArray()}
|
||||
{foreach from=$descriptionArray name=article item=article key=key}
|
||||
<div id="page_{$key+1}" {if $smarty.foreach.article.first}{else}style="display: none;"{/if}>{$article|replace:'<ul>':'<ul class="arrowPointers">'}</div>
|
||||
{/foreach}
|
||||
|
||||
{ if $descriptionArray|@count > 1 }
|
||||
<center>
|
||||
<div>
|
||||
{foreach from=$descriptionArray name=pagi item=article key=key}
|
||||
<a href="#" id="link_{$key+1}" {if $smarty.foreach.pagi.first}style="color: red; font-weight: bold;"{/if} onclick="{foreach from=$descriptionArray item=art key=i} document.getElementById('page_{$i+1}').style.display = 'none'; document.getElementById('link_{$i+1}').innerHTML = '{$i+1}'; document.getElementById('link_{$i+1}').style.color = '';{/foreach} document.getElementById('page_{$key+1}').style.display = ''; document.getElementById('link_{$key+1}').innerHTML = '<b>{$key+1}</b>'; document.getElementById('link_{$key+1}').style.color = 'red';"> {$key+1} </a>
|
||||
{/foreach}
|
||||
</div>
|
||||
</center>
|
||||
{ /if }
|
||||
|
||||
<div class="back"><a href="javascript:history.back();">{translate word='back'}</a></div>
|
||||
|
||||
|
||||
{else}
|
||||
|
||||
{if $lang == 'pl'}
|
||||
{assign var=kontakt value='http://www.ogiela.pl/pl/formularz_zapytania'}
|
||||
{else}
|
||||
{assign var=kontakt value='http://www.ogiela.pl/en/contact_form'}
|
||||
{/if}
|
||||
|
||||
{$objArticle->GetDescription()|replace:'#KONTAKT#':$kontakt}
|
||||
<div class="imagesList">
|
||||
{foreach from=$arrayImage item=image key=key name=imageGallery}
|
||||
<a class="gallery normalImg{if $smarty.foreach.imageGallery.index > 3} SubImage_imageGallery{/if}" href="{$image->GetFullUrlId($objArticle->GetId())}" {if $smarty.foreach.imageGallery.index > 3}style="display: none;" {/if}>
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{thumb file=$imageGallery longside=false shortside=false width="250" height="160" link='false' crop=true }
|
||||
{*<img src="{$image->GetFullUrlMiniId($objArticle->GetId())}" width="120" height="60" alt="" style="border: 1px solid white;" />*}
|
||||
</a>
|
||||
{/foreach}
|
||||
{if $smarty.foreach.imageGallery.index > 3}
|
||||
<div class="moreImage" id="moreImage"><a href="#" onclick="$('.SubImage_imageGallery').show('slow'); $('#lessImage').show(); $('#moreImage').hide(); return false; " >{translate word='more'}</a></div>
|
||||
<div class="lessImage" id="lessImage"><a href="#" onclick="$('.SubImage_imageGallery').hide('slow'); $('#moreImage').show(); $('#lessImage').hide(); return false;" >{translate word='less'}</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
<div> </div>
|
||||
|
||||
{foreach from=$articleList item=articleSubObj}
|
||||
<h1>{$articleSubObj->GetTitle()}</h1>
|
||||
{$articleSubObj->GetDescription()}
|
||||
<div class="imagesList">
|
||||
|
||||
{assign var=imageSubGallery value=$articleSubObj->getArrayImage()}
|
||||
{assign var=idSubGallery value=$articleSubObj->getId()}
|
||||
{foreach $imageSubGallery as $imageSub}
|
||||
{* {foreach from=$imageSubGallery item=imageSub name=%$idSubGallery%} *}
|
||||
<a rel="{$idSubGallery}" class="gallery normalImg {if $imageSub@index > 3}SubImage_{$idSubGallery}{/if}" href="{$imageSub->GetFullUrlId($articleSubObj->GetId())}" {if $imageSub@index > 3}style="display: none;" {/if}>
|
||||
{assign var=imageGallery value=$imageSub->GetFullPathOrgId($articleSubObj->GetId())}
|
||||
{thumb file=$imageGallery longside=false shortside=false width="250" height="160" link='false' crop=true }
|
||||
{*<img src="{$imageSub->GetFullUrlMiniId($articleSubObj->GetId())}" width="120" height="60" alt="" style="border: 1px solid white;" />*}
|
||||
</a>
|
||||
{/foreach}
|
||||
{if $imageSub@index > 3}
|
||||
<div class="moreImage" id="moreImage{$idSubGallery}"><a href="#" onclick="$('.SubImage_{$idSubGallery}').show('slow'); $('#lessImage{$idSubGallery}').show(); $('#moreImage{$idSubGallery}').hide(); return false; " >{translate word='more'}</a></div>
|
||||
<div class="lessImage" id="lessImage{$idSubGallery}"><a href="#" onclick="$('.SubImage_{$idSubGallery}').hide('slow'); $('#moreImage{$idSubGallery}').show(); $('#lessImage{$idSubGallery}').hide(); return false;" >{translate word='less'}</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
{/foreach}
|
||||
<div> </div>
|
||||
{/if}
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
136
template/partial/SimpleArticle/Index/EmailToClientHTML.tpl
Normal file
136
template/partial/SimpleArticle/Index/EmailToClientHTML.tpl
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
</head>
|
||||
{literal}
|
||||
<style type="text/css">
|
||||
|
||||
td.header-maila {
|
||||
border-radius:6px 6px 0px 0px;
|
||||
-moz-border-radius: 6px 6px 0px 0px;
|
||||
-webkit-border-radius: 6px 6px 0px 0px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #006ab3;
|
||||
color: #f7f7f7;
|
||||
padding-top:6px;
|
||||
padding-bottom:6px;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
|
||||
td.header-maila a {
|
||||
color: #f5f5f5;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
font-family:Arial;
|
||||
}
|
||||
|
||||
td.white {
|
||||
background-color: #ffffff;
|
||||
color: #6a6a6a;
|
||||
padding-top:20px;
|
||||
padding-bottom:30px;
|
||||
padding-left:30px;
|
||||
padding-right:30px;
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.article-content {
|
||||
font-size: 13px;
|
||||
color: #6a6a6a;
|
||||
margin-bottom: 18px;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.article-content h1 {
|
||||
font-size: 18px;
|
||||
color: #006ab3;
|
||||
margin-bottom: 6px;
|
||||
font-family: Arial;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.article-content a {
|
||||
color: #2f98e0;
|
||||
font-weight:bold;
|
||||
font-size: 13px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.article-content img {
|
||||
max-width: 100%;
|
||||
border:1px solid #c8c8c8;
|
||||
}
|
||||
|
||||
.article-content ol, .article-content ul {
|
||||
margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0;
|
||||
}
|
||||
|
||||
.article-content li { font-size: 13px; line-height: 18px; color: #6a6a6a; }
|
||||
.article-content li a { color: #2f98e0; text-decoration:none; }
|
||||
|
||||
td.stopka-maila {
|
||||
border-radius:0px 0px 6px 6px;
|
||||
-moz-border-radius: 0px 0px 6px 6px;
|
||||
-webkit-border-radius:0px 0px 6px 6px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #006ab3;
|
||||
color: #f7f7f7;
|
||||
padding-top:30px;
|
||||
padding-bottom:30px;
|
||||
padding-left:30px;
|
||||
padding-right:30px;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
td.stopka-maila a {
|
||||
color: #f7f7f7;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
{/literal}
|
||||
|
||||
<body bgcolor="#ececec"><center>
|
||||
|
||||
<table style="margin-top:10px;" width="640" cellpadding="0" cellspacing="0" border="0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="640" height="30" align="right" class="header-maila">
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="14" align="left"><img src="{$urlStatic}/image/Strona/like-glyph.png" border="0" width="8" height="14" alt="Facebook icon"></td>
|
||||
<td valign="top"><a href="http://www.facebook.com/pages/GoNet-CRM/435255036505963">Facebook</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" bgcolor="#ffffff" valign="top"><img src="{$urlStatic}/image/Strona/top_mail.jpg" border="0" style="border: 0px solid;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="white">
|
||||
{* content *}
|
||||
<div align="left" class="article-content">
|
||||
<p>{'info_contact_email'|translate}</p>
|
||||
</div>
|
||||
{* end content *}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="stopka-maila" align="left"><img src="{$urlStatic}/image/Strona/kim_logo.gif" align="right">
|
||||
|
||||
<p>{'contact_mail_signature'|translate}</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
19
template/partial/SimpleArticle/Index/Faq.tpl
Normal file
19
template/partial/SimpleArticle/Index/Faq.tpl
Normal file
@@ -0,0 +1,19 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle"> {$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<h1>{$objArticle->GetTitle()}</h1>
|
||||
|
||||
|
||||
{$objArticle->GetDescription()}
|
||||
|
||||
<div class="back"><a href="javascript:history.back();">{translate word='back'}</a></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
70
template/partial/SimpleArticle/Index/Form.tpl
Normal file
70
template/partial/SimpleArticle/Index/Form.tpl
Normal file
@@ -0,0 +1,70 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
<div class="col-4 col-s-12">
|
||||
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle">{$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
|
||||
|
||||
{$objArticle->GetDescription()}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-6 col-s-12 formBox">
|
||||
<div id="info_container">
|
||||
{if isset($info)}
|
||||
<div class="{if $error && $error!='info'}error{else}info{/if}">{$info}</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="trescAdd">
|
||||
|
||||
<div class="formContainer">
|
||||
{assign var=url value=$objElement->GetUrl()}
|
||||
<form method="post" action="{url _value=$url}" id="sendContactForm" class="contactForm">
|
||||
<input name="send" type="hidden" value="true" />
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='Nazwa'}:</div>
|
||||
<div class="value">{formField name="surname" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='Telefon'}:</div>
|
||||
<div class="value">{formField name="phone" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='email'}:</div>
|
||||
<div class="value">{formField name="email" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='message'}:</div>
|
||||
<div class="value">{formField name="message" type="textarea" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry" style="padding-top: 1.4em;">
|
||||
<div class="label"> </div>
|
||||
<div class="value"><div class="g-recaptcha" data-sitekey="6Lc-ETwaAAAAAN827BOYBGf9cG50OMkKgXeJrs82" data-callback="recaptchaCallback"></div>
|
||||
<input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha">
|
||||
</div>
|
||||
</div>
|
||||
<div class="entry entryLast">
|
||||
<div class="label"> </div>
|
||||
<div class="value"><input class="button _sendContact" type="button" value="{translate word='send'}" /></div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
{$contentObj->GetDescriptionAdd()}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
56
template/partial/SimpleArticle/Index/FormModule.tpl
Normal file
56
template/partial/SimpleArticle/Index/FormModule.tpl
Normal file
@@ -0,0 +1,56 @@
|
||||
<div class="tresc">
|
||||
<div id="info_container">
|
||||
{if isset($info)}
|
||||
<div class="{if $error && $error!='info'}error{else}info{/if}">{$info}</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{if !$success}
|
||||
<div class="formBox">
|
||||
<div class="trescAdd">
|
||||
<div class="cb"></div>
|
||||
<div class="formContainer">
|
||||
{assign var=url value=$objElement->GetUrl()}
|
||||
<form method="post" action="{url _value=$url}" id="sendContactForm" class="contactForm">
|
||||
<input name="send" type="hidden" value="true" />
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='Nazwisko'}:</div>
|
||||
<div class="value">{formField name="surname" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='Nazwa'}:</div>
|
||||
<div class="value">{formField name="name" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='Telefon'}:</div>
|
||||
<div class="value">{formField name="phone" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='email'}:</div>
|
||||
<div class="value">{formField name="email" type="text" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry">
|
||||
<div class="label">{translate word='message'}:</div>
|
||||
<div class="value">{formField name="message" type="textarea" errorClass="warning"}</div>
|
||||
</div>
|
||||
<div class="entry" style="padding-top: 8px;">
|
||||
<div class="label"> </div>
|
||||
<div class="value"><div class="g-recaptcha" data-sitekey="6Lcn-NQbAAAAAC1fJ8rF_NZlA8r4CwqMWONc3HlD" data-callback="recaptchaCallback"></div>
|
||||
<input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha">
|
||||
</div>
|
||||
</div>
|
||||
<div class="entry entryLast">
|
||||
<div class="label"> </div>
|
||||
<div class="value"><input class="button _sendContact" type="button" value="{translate word='send'}" /></div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
11
template/partial/SimpleArticle/Index/FormSent.tpl
Normal file
11
template/partial/SimpleArticle/Index/FormSent.tpl
Normal file
@@ -0,0 +1,11 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{'Formularz zapytania'|translate}</h1>
|
||||
|
||||
|
||||
|
||||
{'message_sent'|translate}
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
34
template/partial/SimpleArticle/Index/Index.tpl
Normal file
34
template/partial/SimpleArticle/Index/Index.tpl
Normal file
@@ -0,0 +1,34 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle">{$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
<div>
|
||||
|
||||
{$objArticleMain->getDescription()}
|
||||
|
||||
{foreach from=$articleList item=objArticle name=objArticle }
|
||||
{assign var=objDescription value=$objArticle->GetDescriptionObj()}
|
||||
{assign var=id value=$objArticle->GetId()}
|
||||
<article class="mainNewsItem" style="min-height: 90px;">
|
||||
{if $objArticle->GetPicture()}
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}">
|
||||
{assign var=imageItemGallery value=$objArticle->GetPicturePath()}
|
||||
<figure class="itemImageGallery" title="{$objArticle->GetShortnote()|strip_tags|escape}" >{thumb file=$imageItemGallery longside=false shortside=false width="280" height="160" link='false' crop=true }</figure>
|
||||
</a>
|
||||
{else}
|
||||
{* <img src="{$urlStatic}/image/Strona/160x120.jpg" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetShortnote()|strip_tags|escape}" style="float: left; margin-right: 25px; margin-bottom: 0px;" /> *}
|
||||
{/if}
|
||||
<!--<div class="dateList">{$objArticle->GetDatePublicationWithoutTime()|date_format:"%d.%m.%Y"} r.</div>!-->
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}"><h1>{$objDescription->GetTitle()}</h1></a>
|
||||
{$objDescription->GetShortnote()|strip_tags}<br><a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}">{'more'|translate}...</a>
|
||||
</article><div class="cb"></div>
|
||||
<p style="border-bottom: 0.15em solid #c9d5d6; margin: 2em 15em 2em 15em;"></p>
|
||||
{foreachelse}
|
||||
<h4>{'W chwili obecnej nie poszukujemy kandydatów do pracy'|translate}</h4>
|
||||
{/foreach}
|
||||
<div style="clear: both;"></div>
|
||||
<div class="pager" style="margin-bottom: 10px; margin-right: 5px;">{pagination class=pagermore _current=$objElement->GetUrl() currPage=$page pageCount=$maxPage name=p next='>' prev='<'}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
</div>
|
||||
23
template/partial/SimpleArticle/Index/IndexFaq.tpl
Normal file
23
template/partial/SimpleArticle/Index/IndexFaq.tpl
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle">{$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
<div>
|
||||
|
||||
|
||||
|
||||
{foreach from=$articleList item=objArticle name=objArticle }
|
||||
{assign var=objDescription value=$objArticle->GetDescriptionObj()}
|
||||
{assign var=id value=$objArticle->GetId()}
|
||||
<article class="mainNewsItem" >
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}"><h2>{$objDescription->GetTitle()}</h2> </a>
|
||||
{$objDescription->GetShortnote()|strip_tags}{if $objDescription->GetShortnote()} <a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}">{'more'|translate}</a>{/if}
|
||||
</article><div class="cb"></div>
|
||||
<p style="border-bottom: 1px solid #8f8f8f; margin: 30px 10px 30px 10px;"></p>
|
||||
{/foreach}
|
||||
<div style="clear: both;"></div>
|
||||
<div class="pager" style="margin-bottom: 10px; margin-right: 5px;">{pagination class=pagermore _current=$objElement->GetUrl() currPage=$page pageCount=$maxPage name=p next='>' prev='<'}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
</div>
|
||||
31
template/partial/SimpleArticle/Index/IndexModule.tpl
Normal file
31
template/partial/SimpleArticle/Index/IndexModule.tpl
Normal file
@@ -0,0 +1,31 @@
|
||||
<div class="tresc">
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
{foreach from=$articleList item=objArticle name=objArticle }
|
||||
{assign var=objDescription value=$objArticle->GetDescriptionObj()}
|
||||
{assign var=id value=$objArticle->GetId()}
|
||||
<article class="mainNewsItem col-5 col-s-12" style="min-height: 90px;">
|
||||
{if $objArticle->GetPicture()}
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}">
|
||||
{assign var=imageItemGallery value=$objArticle->GetPicturePath()}
|
||||
<figure class="itemImageGallery" title="{$objArticle->GetShortnote()|strip_tags|escape}" >{thumb file=$imageItemGallery longside=false shortside=false width="280" height="160" link='false' crop=true }</figure>
|
||||
</a>
|
||||
{else}
|
||||
{* <img src="{$urlStatic}/image/Strona/160x120.jpg" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetShortnote()|strip_tags|escape}" style="float: left; margin-right: 25px; margin-bottom: 0px;" /> *}
|
||||
{/if}
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}"><h1>{$objDescription->GetTitle()}</h1></a>
|
||||
{$objDescription->GetShortnote()}
|
||||
<div class="cb"></div>
|
||||
<a href="{url label=$labelDetal id=$id title=$objDescription->GetTitle()|text2url}">{'more'|translate}</a>
|
||||
</article>
|
||||
{* <p style="border-bottom: 1px solid #cd8927; margin: 30px 10px 30px 10px;"></p>*}
|
||||
{foreachelse}
|
||||
<h4>{'no_item_list'|translate}</h4>
|
||||
{/foreach}
|
||||
<div style="clear: both;"></div>
|
||||
<div class="pager" style="margin-bottom: 10px; margin-right: 5px;">{pagination class=pagermore _current=$objElement->GetUrl() currPage=$page pageCount=$maxPage name=p next='>' prev='<'}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
</div>
|
||||
61
template/partial/SimpleArticle/Index/IndexProject.tpl
Normal file
61
template/partial/SimpleArticle/Index/IndexProject.tpl
Normal file
@@ -0,0 +1,61 @@
|
||||
|
||||
{assign var=k value=0}
|
||||
{foreach from=$articleList item=objItem }
|
||||
{if $objItem@first}
|
||||
{literal}
|
||||
<script>
|
||||
|
||||
//alert( idItem);
|
||||
|
||||
$(window).scroll(function() {
|
||||
{/literal}
|
||||
{/if}
|
||||
{literal}
|
||||
idItem = '#projectItem_'+'{/literal}{$objItem@iteration}{literal}';
|
||||
if ($(idItem).visible(true)) {
|
||||
$(idItem).addClass('scrollHiddenOff');
|
||||
$(idItem).removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$(idItem).addClass('scrollHiddenOn');
|
||||
$(idItem).removeClass('scrollHiddenOff');
|
||||
}
|
||||
{/literal}
|
||||
{if $objItem@last}
|
||||
{literal}
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
|
||||
{/foreach}
|
||||
|
||||
|
||||
{foreach from=$articleList item=objArticle name=objArticle }
|
||||
{assign var=objDescription value=$objArticle->GetDescriptionObj()}
|
||||
{assign var=id value=$objArticle->GetId()}
|
||||
{assign var=k value=$k+1}
|
||||
{assign var=x value=1}
|
||||
<div class="projectItem scrollHiddenOn" id="projectItem_{$smarty.foreach.objArticle.iteration}" {if $smarty.foreach.objArticle.index is even}style="background: url('{$objArticle->GetPictureUrl()}') right top no-repeat; background-size: auto 100%;"{else}style="background: url('{$objArticle->GetPictureUrl()}') left top no-repeat; background-size: auto 100%;"{/if}>
|
||||
|
||||
{*{if $objArticle->GetPicture()}
|
||||
<div class="newsImg">
|
||||
<img src="{$objArticle->GetPictureUrl()}" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetTitle()}" border="0"/>
|
||||
|
||||
{/if}*}
|
||||
<div class="col-5 col-s-12 projectItemDesc {if $smarty.foreach.objArticle.index is even}{else}right{/if}" style="background-color: {$objArticle->GetAutor()};">
|
||||
<h2>{$objArticle->GetTitle()}</h2>
|
||||
{$objArticle->GetShortnote()}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
{/foreach}
|
||||
|
||||
{*
|
||||
|
||||
scrollHiddenOn
|
||||
if ($('.projectItem').visible(true)) {
|
||||
$('.projectItem').addClass('scrollHiddenOff');
|
||||
$('.projectItem').removeClass('scrollHiddenOn');
|
||||
}
|
||||
*}
|
||||
16
template/partial/SimpleArticle/Index/MailTxt.tpl
Normal file
16
template/partial/SimpleArticle/Index/MailTxt.tpl
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
Wpłynęło zapytanie od [{$email}] {$post.surname}
|
||||
<br /><br />
|
||||
|
||||
Treść:<br /><br />
|
||||
{$message|nl2br}
|
||||
<br />
|
||||
<br />
|
||||
Kontakt:
|
||||
<br />
|
||||
{$post.surname}<br />
|
||||
Telefon: {$post.phone}<br />
|
||||
Adres e-mail: {$post.email}<br />
|
||||
Telefon: {$post.phone}<br />
|
||||
|
||||
|
||||
20
template/partial/SimpleArticle/Index/News.tpl
Normal file
20
template/partial/SimpleArticle/Index/News.tpl
Normal file
@@ -0,0 +1,20 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle"> {$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
|
||||
<div class="mainContent">
|
||||
{if $objArticle->GetPictureMini()}
|
||||
<div class="newsImg left" style="margin-right: 1em;"><img src="{$objArticle->GetPictureMiniUrl()}" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetTitle()}" border="0" /></div>
|
||||
{/if}
|
||||
|
||||
<h1>{$objArticle->GetTitle()}</h1>
|
||||
<p>
|
||||
{$objArticle->GetDescription()}
|
||||
</p>
|
||||
<a href="{url label=$objElement->GetUrlLabel()}">{translate word='back_to_news'}</a>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
71
template/partial/SimpleArticle/Index/Project.tpl
Normal file
71
template/partial/SimpleArticle/Index/Project.tpl
Normal file
@@ -0,0 +1,71 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{$objArticle->getDescription()}
|
||||
</div>
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=objItem }
|
||||
{if $objItem@first}
|
||||
{literal}
|
||||
<script>
|
||||
|
||||
//alert( idItem);
|
||||
|
||||
$(window).scroll(function() {
|
||||
{/literal}
|
||||
{/if}
|
||||
{* {if $k eq 1}*}
|
||||
{literal}
|
||||
idItem = '#projectItem_'+'{/literal}{$objItem@iteration}{literal}';
|
||||
//alert( idItem);
|
||||
if ($(idItem).visible(true)) {
|
||||
|
||||
$(idItem).addClass('scrollHiddenOff');
|
||||
$(idItem).removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
//alert( idItem);
|
||||
$(idItem).addClass('scrollHiddenOn');
|
||||
$(idItem).removeClass('scrollHiddenOff');
|
||||
}
|
||||
{/literal}
|
||||
{* {/if} *}
|
||||
{if $objItem@last}
|
||||
{literal}
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
|
||||
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=image}
|
||||
{if $k eq 1}
|
||||
|
||||
<div class="col-12" style="padding: 0px;">
|
||||
{/if}
|
||||
<div class="col-3 col-s-6 imgGallery scrollHiddenOn" id="projectItem_{$image@iteration}">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
{* <figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="25%" height="160" link='false' crop=true title=$titleImg }</figure>*}
|
||||
<figure class="itemImageGalleryDetail"><img src="{$image->GetFullUrlId($objArticle->GetId())}" alt="{$image->GetDescription()}" title="{$image->GetDescription()}" /></figure>
|
||||
</a>
|
||||
</div>
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
19
template/partial/SimpleArticle/Index/Project_m.tpl
Normal file
19
template/partial/SimpleArticle/Index/Project_m.tpl
Normal file
@@ -0,0 +1,19 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{$objArticle->getDescription()}
|
||||
</div>
|
||||
|
||||
{foreach from=$arrayImage item=image}
|
||||
<div class="col-3 col-s-6 imgGallery">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
{* <figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="25%" height="160" link='false' crop=true title=$titleImg }</figure>*}
|
||||
<figure class="itemImageGalleryDetail"><img src="{$image->GetFullUrlId($objArticle->GetId())}" alt="{$image->GetDescription()}" title="{$image->GetDescription()}" /></figure>
|
||||
</a>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="cb"> </div>
|
||||
<a href="{url label=$objElement->GetUrlLabel()}">{translate word='back'}</a>
|
||||
|
||||
32
template/partial/SimpleArticle/Index/Subsite.tpl
Normal file
32
template/partial/SimpleArticle/Index/Subsite.tpl
Normal file
@@ -0,0 +1,32 @@
|
||||
<div class="tytul-strony">{$objElement->GetName()}</div>
|
||||
{$objArticle->GetDescription()}
|
||||
{assign var=x value=1}
|
||||
<table width="100%" cellpadding="4" cellspacing="0" border="0">
|
||||
|
||||
{foreach from=$arrayObjSubsite item=objSubsite name=Subsite}
|
||||
|
||||
|
||||
|
||||
<tr {if $x==1}{assign var=x value=0}{else}{assign var=x value=1}class="even"{/if}>
|
||||
{if $objSubsite->GetPicture()}
|
||||
<td width="10%"><img src="{$objSubsite->GetPictureMiniUrl()}" alt="" /></td>
|
||||
{else}
|
||||
<td width="10%"><img src="{$urlStatic}/image/Strona/id.gif" alt="" /></td>
|
||||
{/if}
|
||||
<td width="60%"><a href="{url label=$objSubsite->GetUrlLabel()}">{$objSubsite->GetName()}</a></td>
|
||||
<td width="30%" style="text-align: center;">
|
||||
<a href="{url label=$objSubsite->GetUrlLabel()}">{translate word='read_more'}</a>
|
||||
</td>
|
||||
</tr>
|
||||
{foreachelse}
|
||||
{*if !isset($searchString) || $searchString == ""}
|
||||
<tr>
|
||||
<td colspan="3" style="text-align: center;">Brak zdefiniowanych produktów.</td>
|
||||
</tr>
|
||||
{/if*}
|
||||
|
||||
|
||||
|
||||
{/foreach}
|
||||
|
||||
</table>
|
||||
85
template/partial/SimpleArticle/Index/View.tpl
Normal file
85
template/partial/SimpleArticle/Index/View.tpl
Normal file
@@ -0,0 +1,85 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if isset($param['title'])}
|
||||
<h2 class="title">{$objArticle->GetTitle()}</h2>
|
||||
{/if}
|
||||
|
||||
<div class="trescContent">
|
||||
<div style="clear: left;">
|
||||
|
||||
{$objArticle->GetDescription()}
|
||||
|
||||
</div>
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=objItem }
|
||||
{if $objItem@first}
|
||||
{literal}
|
||||
<script>
|
||||
|
||||
//alert( idItem);
|
||||
|
||||
$(window).scroll(function () {
|
||||
{/literal}
|
||||
{/if}
|
||||
{* {if $k eq 1}*}
|
||||
{literal}
|
||||
idItem = '#projectItem_' + '{/literal}{$objItem@iteration}{literal}';
|
||||
//alert( idItem);
|
||||
if ($(idItem).visible(true)) {
|
||||
|
||||
$(idItem).addClass('scrollHiddenOff');
|
||||
$(idItem).removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
//alert( idItem);
|
||||
$(idItem).addClass('scrollHiddenOn');
|
||||
$(idItem).removeClass('scrollHiddenOff');
|
||||
}
|
||||
{/literal}
|
||||
{* {/if} *}
|
||||
{if $objItem@last}
|
||||
{literal}
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
|
||||
{/if}
|
||||
{/foreach}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{if isset($param['title'])}
|
||||
{assign var=k value=1}
|
||||
{foreach from=$arrayImage item=image}
|
||||
{if $k eq 1}
|
||||
|
||||
<div class="col-12" style="padding: 0px;">
|
||||
{/if}
|
||||
<div class="col-3 col-s-6 imgGallery scrollHiddenOn" id="projectItem_{$image@iteration}">
|
||||
<a class="gallery" href="{$image->GetFullUrlId($objArticle->GetId())}" title="{$image->GetDescription()|escape}" >
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{assign var=titleImg value=$image->GetDescription()|escape}
|
||||
<figure class="itemImageGalleryDetail">{thumb file=$imageGallery longside=false shortside=false width="640" height="480" link='false' crop=true title=$titleImg }</figure>
|
||||
{* <figure class="itemImageGalleryDetail"><img src="{$image->GetFullUrlId($objArticle->GetId())}" alt="{$image->GetDescription()}" title="{$image->GetDescription()}" /></figure>*}
|
||||
</a>
|
||||
</div>
|
||||
{if $k eq 4}
|
||||
{assign var=k value=1}
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
{else}
|
||||
{assign var=k value=$k+1}
|
||||
{/if}
|
||||
{/foreach}
|
||||
<div class="cb"></div>
|
||||
|
||||
{/if}
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
|
||||
82
template/partial/SimpleArticle/Index/View2.tpl
Normal file
82
template/partial/SimpleArticle/Index/View2.tpl
Normal file
@@ -0,0 +1,82 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
{if $objElement->GetSubname()}
|
||||
<div class="subTitle"> {$objElement->GetSubname()}</div>
|
||||
{/if}
|
||||
|
||||
{if isset($idCategory) && $idCategory != 1 && isset($labelDetal)}
|
||||
|
||||
<h1>{$objArticle->GetTitle()}</h1>
|
||||
{if $objArticle->GetPicture()}
|
||||
<div class="newsImg"><img src="{$objArticle->GetPictureUrl()}" alt="{$objArticle->GetTitle()}" title="{$objArticle->GetTitle()}" border="0"/></div>
|
||||
{/if}
|
||||
|
||||
|
||||
{assign var=descriptionArray value=$objArticle->GetDescriptionArray()}
|
||||
{foreach from=$descriptionArray name=article item=article key=key}
|
||||
<div id="page_{$key+1}" {if $smarty.foreach.article.first}{else}style="display: none;"{/if}>{$article|replace:'<ul>':'<ul class="arrowPointers">'}</div>
|
||||
{/foreach}
|
||||
|
||||
{ if $descriptionArray|@count > 1 }
|
||||
<center>
|
||||
<div>
|
||||
{foreach from=$descriptionArray name=pagi item=article key=key}
|
||||
<a href="#" id="link_{$key+1}" {if $smarty.foreach.pagi.first}style="color: red; font-weight: bold;"{/if} onclick="{foreach from=$descriptionArray item=art key=i} document.getElementById('page_{$i+1}').style.display = 'none'; document.getElementById('link_{$i+1}').innerHTML = '{$i+1}'; document.getElementById('link_{$i+1}').style.color = '';{/foreach} document.getElementById('page_{$key+1}').style.display = ''; document.getElementById('link_{$key+1}').innerHTML = '<b>{$key+1}</b>'; document.getElementById('link_{$key+1}').style.color = 'red';"> {$key+1} </a>
|
||||
{/foreach}
|
||||
</div>
|
||||
</center>
|
||||
{ /if }
|
||||
|
||||
<div class="back"><a href="javascript:history.back();">{translate word='back'}</a></div>
|
||||
|
||||
|
||||
{else}
|
||||
|
||||
{if $lang == 'pl'}
|
||||
{assign var=kontakt value='http://www.ogiela.pl/pl/formularz_zapytania'}
|
||||
{else}
|
||||
{assign var=kontakt value='http://www.ogiela.pl/en/contact_form'}
|
||||
{/if}
|
||||
|
||||
{$objArticle->GetDescription()|replace:'#KONTAKT#':$kontakt}
|
||||
<div class="imagesList">
|
||||
{foreach from=$arrayImage item=image key=key name=imageGallery}
|
||||
<a class="gallery normalImg{if $smarty.foreach.imageGallery.index > 3} SubImage_imageGallery{/if}" href="{$image->GetFullUrlId($objArticle->GetId())}" {if $smarty.foreach.imageGallery.index > 3}style="display: none;" {/if}>
|
||||
{assign var=imageGallery value=$image->GetFullPathOrgId($objArticle->GetId())}
|
||||
{thumb file=$imageGallery longside=false shortside=false width="250" height="160" link='false' crop=true }
|
||||
{*<img src="{$image->GetFullUrlMiniId($objArticle->GetId())}" width="120" height="60" alt="" style="border: 1px solid white;" />*}
|
||||
</a>
|
||||
{/foreach}
|
||||
{if $smarty.foreach.imageGallery.index > 3}
|
||||
<div class="moreImage" id="moreImage"><a href="#" onclick="$('.SubImage_imageGallery').show('slow'); $('#lessImage').show(); $('#moreImage').hide(); return false; " >{translate word='more'}</a></div>
|
||||
<div class="lessImage" id="lessImage"><a href="#" onclick="$('.SubImage_imageGallery').hide('slow'); $('#moreImage').show(); $('#lessImage').hide(); return false;" >{translate word='less'}</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
<div> </div>
|
||||
|
||||
{foreach from=$articleList item=articleSubObj}
|
||||
<h1>{$articleSubObj->GetTitle()}</h1>
|
||||
{$articleSubObj->GetDescription()}
|
||||
<div class="imagesList">
|
||||
|
||||
{assign var=imageSubGallery value=$articleSubObj->getArrayImage()}
|
||||
{assign var=idSubGallery value=$articleSubObj->getId()}
|
||||
{foreach $imageSubGallery as $imageSub}
|
||||
{* {foreach from=$imageSubGallery item=imageSub name=%$idSubGallery%} *}
|
||||
<a rel="{$idSubGallery}" class="gallery normalImg {if $imageSub@index > 3}SubImage_{$idSubGallery}{/if}" href="{$imageSub->GetFullUrlId($articleSubObj->GetId())}" {if $imageSub@index > 3}style="display: none;" {/if}>
|
||||
{assign var=imageGallery value=$imageSub->GetFullPathOrgId($articleSubObj->GetId())}
|
||||
{thumb file=$imageGallery longside=false shortside=false width="250" height="160" link='false' crop=true }
|
||||
{*<img src="{$imageSub->GetFullUrlMiniId($articleSubObj->GetId())}" width="120" height="60" alt="" style="border: 1px solid white;" />*}
|
||||
</a>
|
||||
{/foreach}
|
||||
{if $imageSub@index > 3}
|
||||
<div class="moreImage" id="moreImage{$idSubGallery}"><a href="#" onclick="$('.SubImage_{$idSubGallery}').show('slow'); $('#lessImage{$idSubGallery}').show(); $('#moreImage{$idSubGallery}').hide(); return false; " >{translate word='more'}</a></div>
|
||||
<div class="lessImage" id="lessImage{$idSubGallery}"><a href="#" onclick="$('.SubImage_{$idSubGallery}').hide('slow'); $('#moreImage{$idSubGallery}').show(); $('#lessImage{$idSubGallery}').hide(); return false;" >{translate word='less'}</a></div>
|
||||
{/if}
|
||||
</div>
|
||||
{/foreach}
|
||||
<div> </div>
|
||||
{/if}
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
55
template/partial/SimpleArticle/Index/ViewCarousel.tpl
Normal file
55
template/partial/SimpleArticle/Index/ViewCarousel.tpl
Normal file
@@ -0,0 +1,55 @@
|
||||
<div class="tresc">
|
||||
<h1 class="title">{$objElement->GetName()}</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="clear: left;">
|
||||
|
||||
{$objArticle->GetDescription()}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
|
||||
|
||||
$('.my-flipster').flipster({
|
||||
start: 'center',
|
||||
autoplay: 5000,
|
||||
fadeIn: 900,
|
||||
scrollwheel: false,
|
||||
loop: true
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
<div class="my-flipster">
|
||||
|
||||
<ul>
|
||||
<li>{thumb file='Static/upload/carusel/technologie.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/turystyka.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/edukacja.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/sztuka.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/zwierzeta.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/moda.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/deweloperzy.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/kosmetyki.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/awiacja.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/medycyna.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
<li>{thumb file='Static/upload/carusel/przemysl.jpg' longside=false shortside=false width="600" height="400" link='false' crop='' title='' }</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
15
template/partial/Translate/Js.tpl
Normal file
15
template/partial/Translate/Js.tpl
Normal file
@@ -0,0 +1,15 @@
|
||||
var TranslateArray = new Array();
|
||||
|
||||
{foreach $lang as $k=>$l}
|
||||
TranslateArray['{$k}'] = '{$l}';
|
||||
{/foreach}
|
||||
|
||||
{literal}
|
||||
function translate(label) {
|
||||
if (TranslateArray[label] == undefined) {
|
||||
return label;
|
||||
} else {
|
||||
return TranslateArray[label];
|
||||
}
|
||||
}
|
||||
{/literal}
|
||||
Reference in New Issue
Block a user