update
This commit is contained in:
1
template/.htaccess
Normal file
1
template/.htaccess
Normal file
@@ -0,0 +1 @@
|
||||
Options -Indexes
|
||||
1
template/clean.tpl
Normal file
1
template/clean.tpl
Normal file
@@ -0,0 +1 @@
|
||||
{$content}
|
||||
372
template/index.tpl
Normal file
372
template/index.tpl
Normal file
@@ -0,0 +1,372 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<link rel=“preload” href=“{$urlStatic}/css/fonts/SourceSansPro-Regular.otf” as="fonts">
|
||||
<link href="{$urlStatic}/css/fonts.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{$urlStatic}/image/Strona/favicon/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{$urlStatic}/image/Strona/favicon/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{$urlStatic}/image/Strona/favicon/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{$urlStatic}/image/Strona/favicon/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{$urlStatic}/image/Strona/favicon/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{$urlStatic}/image/Strona/favicon/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{$urlStatic}/image/Strona/favicon/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{$urlStatic}/image/Strona/favicon/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{$urlStatic}/image/Strona/favicon/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="{$urlStatic}/image/Strona/favicon/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{$urlStatic}/image/Strona/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{$urlStatic}/image/Strona/favicon/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{$urlStatic}/image/Strona/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="{$urlStatic}/image/Strona/favicon/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="{$urlStatic}/image/Strona/favicon/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!--[if lte IE 8]><script src="{$urlStatic}/script/jQuery/html5shiv.js"></script><![endif]-->
|
||||
|
||||
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/flexslider.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/swipebox.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/skin.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/jquery.flipster.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/style.css" type="text/css" />
|
||||
{* <link rel="stylesheet" href="{$urlStatic}/css/bjqs.css" />*}
|
||||
|
||||
<meta name="keywords" content="{$metaKeywords|default:" $defaultKeywords"}" />
|
||||
<meta name="description" content="{$metaDescription|default:" $defaultDescription"}" />
|
||||
{if $headerRedirect.url!=''}
|
||||
<meta http-equiv="Refresh"
|
||||
content="{$headerRedirect.time}; URL={$headerRedirect.url}" />
|
||||
{/if}
|
||||
<title>{$pageTitle}</title>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="{url label="translateJs"}" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var mainUrl = '{$urlMain}';</script>
|
||||
{section name=s loop=$javaScript} {if $javaScript[s].file!=''}
|
||||
<script src="{$javaScript[s].file}" type="text/javascript"
|
||||
charset="utf-8"></script>
|
||||
{/if} {if $javaScript[s].code!=''}
|
||||
<script type="text/javascript">
|
||||
<!-- <![CDATA[{
|
||||
$javaScript[s].code
|
||||
}
|
||||
// ]]> -->
|
||||
</script>
|
||||
{/if} {/section}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('#gallery a').swipebox();
|
||||
$('a.gallery').swipebox();
|
||||
|
||||
$( '.swipebox' ).swipebox();
|
||||
$('a.ckelightbox').swipebox();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
function beforeSlider_001(slider) {
|
||||
$(slider.get(0)).find('.desc-wrap h1').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h2').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h3').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap a').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
}
|
||||
|
||||
function afterSlider_001(slider) {
|
||||
var content = $(slider.slides.get(slider.currentSlide));
|
||||
content.find('.desc-wrap h1').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h1').delay(200).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h2').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h2').delay(500).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h3').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap .desc p').css('visibility', 'visible');
|
||||
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap a').css('visibility', 'visible');
|
||||
content.find('.desc-wrap a').delay(1200).animate({opacity: 1}, 1000);
|
||||
}
|
||||
|
||||
$(window).load(function () {
|
||||
$('.flexslider').flexslider({
|
||||
slideshowSpeed: {/literal}{$slideshowSpeed*1000}{literal},
|
||||
animationSpeed: 1000,
|
||||
easing: "ease-in-out",
|
||||
useCSS: "false",
|
||||
touch: false,
|
||||
slideshow: true,
|
||||
animation: "slide",
|
||||
start: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
afterSlider_001(slider);
|
||||
},
|
||||
before: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
},
|
||||
after: function (slider) {
|
||||
|
||||
afterSlider_001(slider);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
$(window).load(function () {
|
||||
|
||||
$(".boxFb").delay(500).queue(function(){
|
||||
$(this).addClass("boxFbShow").dequeue();
|
||||
});
|
||||
$(".boxInsta").delay(1000).queue(function(){
|
||||
$(this).addClass("boxInstaShow").dequeue();
|
||||
});
|
||||
$(".boxLinkedin").delay(1500).queue(function(){
|
||||
$(this).addClass("boxLinkedinShow").dequeue();
|
||||
});
|
||||
|
||||
|
||||
|
||||
//scrollAnim
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
|
||||
$('.slider').addClass('sliderBG');
|
||||
|
||||
$( window ).scroll(function() {
|
||||
if ($('#intro').visible(true)) {
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
$('.rowIntro').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.rowIntro').addClass('scrollHiddenOn');
|
||||
$('.rowIntro').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
// if ($('.trescSG').visible(true)) {
|
||||
// $('.trescSG p').addClass('scrollHiddenOff');
|
||||
// $('.trescSG p').removeClass('scrollHiddenOn');
|
||||
//} else {
|
||||
// $('.trescSG p').addClass('scrollHiddenOn');
|
||||
// $('.trescSG p').removeClass('scrollHiddenOff');
|
||||
//}
|
||||
|
||||
if ($('.statementSG').visible(true)) {
|
||||
$('.statementSG p').addClass('scrollHiddenOff');
|
||||
$('.statementSG p').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.statementSG p').addClass('scrollHiddenOn');
|
||||
$('.statementSG p').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
if ($('.footer').visible(true)) {
|
||||
$('.product').addClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOff');
|
||||
$('.product').removeClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.product').addClass('scrollHiddenOn');
|
||||
$('.product').removeClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
//if ($('.footer').visible(true)) {
|
||||
// $('.footer').addClass('scrollTrapBoxOff');
|
||||
// $('.footer').removeClass('scrollTrapBoxOn');
|
||||
// } else {
|
||||
// $('.footer').addClass('scrollTrapBoxOn');
|
||||
// $('.footer').removeClass('scrollTrapBoxOff');
|
||||
// }
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
//scrollAnim End
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/literal}
|
||||
{if isset($indexSG)}
|
||||
|
||||
{literal}
|
||||
|
||||
{/literal}
|
||||
{/if}
|
||||
{if isset($analyticsCode)}
|
||||
{$analyticsCode}
|
||||
{/if}
|
||||
</head>
|
||||
<body {if isset($indexSG)}class="bodySG"{/if}>
|
||||
<div></div>
|
||||
{* Header *}
|
||||
<header id="header" class="header {if !isset($indexSG)}headerBackground{/if}">
|
||||
|
||||
{* Top *}
|
||||
<div class="top" id="topContainer" >
|
||||
<div class="logoContainer col-4 col-s-12">
|
||||
<a class="logo" title="{'Strona Główna'|translate}" href="{$urlMain}/{$lang}">
|
||||
{* <img src="{$urlStatic}/image/Strona/truck/logo-main.png" alt="Logo" title="{'Strona Główna'|translate}" >*}
|
||||
</a>
|
||||
</div>
|
||||
<div class="menuRwd">
|
||||
<div class="naviIconBoxModule">
|
||||
{literal}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#nav-icon').click(function(){
|
||||
$(this).toggleClass('open');
|
||||
$('#nav-menu-left').toggleClass('showMenu', 500, "easeOutSine" );
|
||||
menuRwd();
|
||||
//$('.navLang').toggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
<div id="nav-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{$MenuLangBox}
|
||||
{* Nav *}
|
||||
<nav class="navigation">
|
||||
{$MenuTopTree}
|
||||
<div class="cb"></div>
|
||||
</nav>
|
||||
<nav id="nav-menu-left" class="nav-menu-left">
|
||||
<div class="nav-bar-nav">
|
||||
{$MenuTopTree}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
<div class="socialBox">
|
||||
<div class="socialBoxItem boxFb"><a href="{'box1_fb_url'|translate}" > </a></div>
|
||||
<div class="socialBoxItem boxInsta"><a href="{'box1_insta_url'|translate}" ></a></div>
|
||||
<!-- <div class="socialBoxItem boxLinkedin"><a href="{'box1_linkedin_url'|translate}" ></a></div> !-->
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</header>
|
||||
|
||||
<header class="headerFixed" id="headerFixed">
|
||||
{*<div class="top">
|
||||
</div> *}
|
||||
|
||||
</header>
|
||||
|
||||
<!--<div class="cb"></div>
|
||||
{* Slider *}
|
||||
{$banerBox} !-->
|
||||
|
||||
<div class="cb"></div>
|
||||
{* Main Container *}
|
||||
{if isset($indexSG)}
|
||||
{$content}
|
||||
|
||||
{else}
|
||||
|
||||
<section class="main style3 dark fullscreen">
|
||||
<div class="container ">
|
||||
|
||||
{*<div class="breadCrumbs">
|
||||
{breadCrumbs}
|
||||
</div>*}
|
||||
|
||||
|
||||
{$content}
|
||||
|
||||
{if isset($moduleSharedVariableArray) && is_array($moduleSharedVariableArray)}
|
||||
{foreach $moduleSharedVariableArray as $keyModule => $moduleSharedVariable}
|
||||
|
||||
|
||||
{$addModule_{$keyModule}}
|
||||
{/foreach}
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{if isset($actionSetTemplate) && $actionSetTemplate}
|
||||
<section class="main style3 primary">
|
||||
<div class="actionSetTemplate">
|
||||
<div class="container">
|
||||
{$actionSetTemplate}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<footer id="contact" class="main footer" {if !isset($indexSG)}style="background-color: #f9f9f9;"{/if}>
|
||||
<div class="footer_container">
|
||||
<div class="col-8 col-s-12 cb" style="float: initial; margin: auto;">
|
||||
<div class="col-2 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_1'|translate}</div>
|
||||
<div class="col-3 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_3'|translate}</div>
|
||||
<div class="col-5 right" style="text-align:right;">{'footer_box_2'|translate}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div style="display: none">
|
||||
<div id="slide1">Slide 1 Content</div>
|
||||
</div>
|
||||
{if !isset($polityka_akceptacja)}
|
||||
<div class="tekst" id="polityka" style="border: #163d3b 1px dotted; text-align: center; color:#bcbcbc; position:fixed; margin: auto; bottom: 0px; padding: 5px; background: #163d3b; width: 100%; min-height: 30px; padding: 5px; display: block; z-index:9999; max-width: 1920px;">
|
||||
|
||||
<p>{'polityka_plikow_cookies_text'|translate}
|
||||
<b><a href="#" onclick="setCookie('polityka_akceptacja', '1', 365);" title="{'Akceptuj'|translate}">[{'Akceptuję'|translate}]</a></b> </p></div>
|
||||
{/if}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
310
template/index.tpl.bak
Normal file
310
template/index.tpl.bak
Normal file
@@ -0,0 +1,310 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<link rel=“preload” href=“{$urlStatic}/css/fonts/SourceSansPro-Regular.otf” as="fonts">
|
||||
<link href="{$urlStatic}/css/fonts.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{$urlStatic}/image/Strona/favicon/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{$urlStatic}/image/Strona/favicon/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{$urlStatic}/image/Strona/favicon/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{$urlStatic}/image/Strona/favicon/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{$urlStatic}/image/Strona/favicon/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{$urlStatic}/image/Strona/favicon/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{$urlStatic}/image/Strona/favicon/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{$urlStatic}/image/Strona/favicon/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{$urlStatic}/image/Strona/favicon/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="{$urlStatic}/image/Strona/favicon/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{$urlStatic}/image/Strona/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{$urlStatic}/image/Strona/favicon/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{$urlStatic}/image/Strona/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="{$urlStatic}/image/Strona/favicon/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="{$urlStatic}/image/Strona/favicon/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!--[if lte IE 8]><script src="{$urlStatic}/script/jQuery/html5shiv.js"></script><![endif]-->
|
||||
|
||||
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/flexslider.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/swipebox.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/skin.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/style.css" type="text/css" />
|
||||
{* <link rel="stylesheet" href="{$urlStatic}/css/bjqs.css" />*}
|
||||
|
||||
<meta name="keywords" content="{$metaKeywords|default:" $defaultKeywords"}" />
|
||||
<meta name="description" content="{$metaDescription|default:" $defaultDescription"}" />
|
||||
{if $headerRedirect.url!=''}
|
||||
<meta http-equiv="Refresh"
|
||||
content="{$headerRedirect.time}; URL={$headerRedirect.url}" />
|
||||
{/if}
|
||||
<title>{$pageTitle}</title>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="{url label="translateJs"}" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var mainUrl = '{$urlMain}';</script>
|
||||
{section name=s loop=$javaScript} {if $javaScript[s].file!=''}
|
||||
<script src="{$javaScript[s].file}" type="text/javascript"
|
||||
charset="utf-8"></script>
|
||||
{/if} {if $javaScript[s].code!=''}
|
||||
<script type="text/javascript">
|
||||
<!-- <![CDATA[{
|
||||
$javaScript[s].code
|
||||
}
|
||||
// ]]> -->
|
||||
</script>
|
||||
{/if} {/section}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('#gallery a').swipebox();
|
||||
$('a.gallery').swipebox();
|
||||
|
||||
$( '.swipebox' ).swipebox();
|
||||
$('a.ckelightbox').swipebox();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
function beforeSlider_001(slider) {
|
||||
$(slider.get(0)).find('.desc-wrap h1').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h2').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h3').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap a').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
}
|
||||
|
||||
function afterSlider_001(slider) {
|
||||
var content = $(slider.slides.get(slider.currentSlide));
|
||||
content.find('.desc-wrap h1').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h1').delay(200).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h2').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h2').delay(500).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h3').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap .desc p').css('visibility', 'visible');
|
||||
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap a').css('visibility', 'visible');
|
||||
content.find('.desc-wrap a').delay(1200).animate({opacity: 1}, 1000);
|
||||
}
|
||||
|
||||
$(window).load(function () {
|
||||
$('.flexslider').flexslider({
|
||||
slideshowSpeed: {/literal}{$slideshowSpeed*1000}{literal},
|
||||
animationSpeed: 1000,
|
||||
easing: "ease-in-out",
|
||||
useCSS: "false",
|
||||
touch: false,
|
||||
slideshow: true,
|
||||
animation: "slide",
|
||||
start: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
afterSlider_001(slider);
|
||||
},
|
||||
before: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
},
|
||||
after: function (slider) {
|
||||
|
||||
afterSlider_001(slider);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
$(window).load(function () {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//scrollAnim
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
|
||||
$('.slider').addClass('sliderBG');
|
||||
|
||||
$( window ).scroll(function() {
|
||||
if ($('#intro').visible(true)) {
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
$('.rowIntro').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.rowIntro').addClass('scrollHiddenOn');
|
||||
$('.rowIntro').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
if ($('.trescSG').visible(true)) {
|
||||
$('.trescSG p').addClass('scrollHiddenOff');
|
||||
$('.trescSG p').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.trescSG p').addClass('scrollHiddenOn');
|
||||
$('.trescSG p').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
if ($('.statementSG').visible(true)) {
|
||||
$('.statementSG p').addClass('scrollHiddenOff');
|
||||
$('.statementSG p').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.statementSG p').addClass('scrollHiddenOn');
|
||||
$('.statementSG p').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
if ($('.footer').visible(true)) {
|
||||
$('.product').addClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOff');
|
||||
$('.product').removeClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.product').addClass('scrollHiddenOn');
|
||||
$('.product').removeClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
//if ($('.footer').visible(true)) {
|
||||
// $('.footer').addClass('scrollTrapBoxOff');
|
||||
// $('.footer').removeClass('scrollTrapBoxOn');
|
||||
// } else {
|
||||
// $('.footer').addClass('scrollTrapBoxOn');
|
||||
// $('.footer').removeClass('scrollTrapBoxOff');
|
||||
// }
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
//scrollAnim End
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/literal}
|
||||
{if isset($indexSG)}
|
||||
|
||||
{literal}
|
||||
|
||||
{/literal}
|
||||
{/if}
|
||||
{if isset($analyticsCode)}
|
||||
{$analyticsCode}
|
||||
{/if}
|
||||
</head>
|
||||
<body>
|
||||
<div class="menuRwd" onclick="menuRwd();"></div>
|
||||
{* Header *}
|
||||
<header id="header" class="header">
|
||||
{* Top *}
|
||||
<div class="top">
|
||||
<div class="col-3 col-s-12">
|
||||
<h1 id="logo" class="logo"><a title="Strona Główna - aem" href="{$urlMain}"></a></h1></div>
|
||||
|
||||
{* Nav *}
|
||||
<nav class="col-9 col-s-12 navigation">
|
||||
|
||||
{$MenuTopTree}
|
||||
|
||||
<div class="cb"></div>
|
||||
</nav>
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
</header>
|
||||
<header class="headerFixed">
|
||||
<div class="top">
|
||||
</div>
|
||||
</header>
|
||||
<div class="cb"></div>
|
||||
|
||||
{* Main Container *}
|
||||
{if isset($indexSG)}
|
||||
{$content}
|
||||
|
||||
{else}
|
||||
|
||||
<section class="main style3 dark fullscreen">
|
||||
<div class="container ">
|
||||
|
||||
{*<div class="breadCrumbs">
|
||||
{breadCrumbs}
|
||||
</div>*}
|
||||
|
||||
|
||||
{$content}
|
||||
|
||||
|
||||
<div> </div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{if isset($actionSetTemplate) && $actionSetTemplate}
|
||||
<section class="main style3 primary">
|
||||
<div class="actionSetTemplate">
|
||||
<div class="container">
|
||||
{$actionSetTemplate}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<footer id="contact" class="main footer">
|
||||
<div class="footer_container">
|
||||
<div class="col-8 col-s-12 cb" style="float: initial; margin: auto;">
|
||||
<div class="col-5 left" style="text-align:left; padding-left:20px;">{'footer_box_1'|translate}</div>
|
||||
<div class="col-5 right" style="text-align:right;">{'footer_box_2'|translate}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div style="display: none">
|
||||
<div id="slide1">Slide 1 Content</div>
|
||||
</div>
|
||||
{if !isset($polityka_akceptacja)}
|
||||
<div class="tekst" id="polityka" style="border: #ebebeb 1px dotted; text-align: center; position:fixed; margin: auto; bottom: 0px; padding: 5px; background: #ebebeb; width: 100%; min-height: 30px; padding: 5px; display: block; z-index:9999;">
|
||||
|
||||
<p>{'polityka_plikow_cookies_text'|translate}
|
||||
<a href="#" onclick="setCookie('polityka_akceptacja', '1', 365);" title="Akceptuj">Akceptuję</a> </p></div>
|
||||
{/if}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
353
template/index_good.tpl
Normal file
353
template/index_good.tpl
Normal file
@@ -0,0 +1,353 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<link rel=“preload” href=“{$urlStatic}/css/fonts/SourceSansPro-Regular.otf” as="fonts">
|
||||
<link href="{$urlStatic}/css/fonts.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{$urlStatic}/image/Strona/favicon/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{$urlStatic}/image/Strona/favicon/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{$urlStatic}/image/Strona/favicon/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{$urlStatic}/image/Strona/favicon/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{$urlStatic}/image/Strona/favicon/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{$urlStatic}/image/Strona/favicon/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{$urlStatic}/image/Strona/favicon/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{$urlStatic}/image/Strona/favicon/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{$urlStatic}/image/Strona/favicon/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="{$urlStatic}/image/Strona/favicon/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{$urlStatic}/image/Strona/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{$urlStatic}/image/Strona/favicon/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{$urlStatic}/image/Strona/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="{$urlStatic}/image/Strona/favicon/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="{$urlStatic}/image/Strona/favicon/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!--[if lte IE 8]><script src="{$urlStatic}/script/jQuery/html5shiv.js"></script><![endif]-->
|
||||
|
||||
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/flexslider.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/swipebox.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/skin.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/jquery.flipster.css" type="text/css" />
|
||||
<link rel="stylesheet" href="{$urlStatic}/css/Strona/style.css" type="text/css" />
|
||||
{* <link rel="stylesheet" href="{$urlStatic}/css/bjqs.css" />*}
|
||||
|
||||
<meta name="keywords" content="{$metaKeywords|default:" $defaultKeywords"}" />
|
||||
<meta name="description" content="{$metaDescription|default:" $defaultDescription"}" />
|
||||
{if $headerRedirect.url!=''}
|
||||
<meta http-equiv="Refresh"
|
||||
content="{$headerRedirect.time}; URL={$headerRedirect.url}" />
|
||||
{/if}
|
||||
<title>{$pageTitle}</title>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="{url label="translateJs"}" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var mainUrl = '{$urlMain}';</script>
|
||||
{section name=s loop=$javaScript} {if $javaScript[s].file!=''}
|
||||
<script src="{$javaScript[s].file}" type="text/javascript"
|
||||
charset="utf-8"></script>
|
||||
{/if} {if $javaScript[s].code!=''}
|
||||
<script type="text/javascript">
|
||||
<!-- <![CDATA[{
|
||||
$javaScript[s].code
|
||||
}
|
||||
// ]]> -->
|
||||
</script>
|
||||
{/if} {/section}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('#gallery a').swipebox();
|
||||
$('a.gallery').swipebox();
|
||||
|
||||
$( '.swipebox' ).swipebox();
|
||||
$('a.ckelightbox').swipebox();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
function beforeSlider_001(slider) {
|
||||
$(slider.get(0)).find('.desc-wrap h1').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h2').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap h3').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap a').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
}
|
||||
|
||||
function afterSlider_001(slider) {
|
||||
var content = $(slider.slides.get(slider.currentSlide));
|
||||
content.find('.desc-wrap h1').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h1').delay(200).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h2').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h2').delay(500).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap h3').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap .desc p').css('visibility', 'visible');
|
||||
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap a').css('visibility', 'visible');
|
||||
content.find('.desc-wrap a').delay(1200).animate({opacity: 1}, 1000);
|
||||
}
|
||||
|
||||
$(window).load(function () {
|
||||
$('.flexslider').flexslider({
|
||||
slideshowSpeed: {/literal}{$slideshowSpeed*1000}{literal},
|
||||
animationSpeed: 1000,
|
||||
easing: "ease-in-out",
|
||||
useCSS: "false",
|
||||
touch: false,
|
||||
slideshow: true,
|
||||
animation: "slide",
|
||||
start: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
afterSlider_001(slider);
|
||||
},
|
||||
before: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
},
|
||||
after: function (slider) {
|
||||
|
||||
afterSlider_001(slider);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
$(window).load(function () {
|
||||
|
||||
$(".boxFb").delay(500).queue(function(){
|
||||
$(this).addClass("boxFbShow").dequeue();
|
||||
});
|
||||
$(".boxInsta").delay(1000).queue(function(){
|
||||
$(this).addClass("boxInstaShow").dequeue();
|
||||
});
|
||||
$(".boxLinkedin").delay(1500).queue(function(){
|
||||
$(this).addClass("boxLinkedinShow").dequeue();
|
||||
});
|
||||
|
||||
|
||||
|
||||
//scrollAnim
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
|
||||
$('.slider').addClass('sliderBG');
|
||||
|
||||
$( window ).scroll(function() {
|
||||
if ($('#intro').visible(true)) {
|
||||
$('.rowIntro').addClass('scrollHiddenOff');
|
||||
$('.rowIntro').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.rowIntro').addClass('scrollHiddenOn');
|
||||
$('.rowIntro').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
// if ($('.trescSG').visible(true)) {
|
||||
// $('.trescSG p').addClass('scrollHiddenOff');
|
||||
// $('.trescSG p').removeClass('scrollHiddenOn');
|
||||
//} else {
|
||||
// $('.trescSG p').addClass('scrollHiddenOn');
|
||||
// $('.trescSG p').removeClass('scrollHiddenOff');
|
||||
//}
|
||||
|
||||
if ($('.statementSG').visible(true)) {
|
||||
$('.statementSG p').addClass('scrollHiddenOff');
|
||||
$('.statementSG p').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.statementSG p').addClass('scrollHiddenOn');
|
||||
$('.statementSG p').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
if ($('.footer').visible(true)) {
|
||||
$('.product').addClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOff');
|
||||
$('.product').removeClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOn');
|
||||
} else {
|
||||
$('.product').addClass('scrollHiddenOn');
|
||||
$('.product').removeClass('scrollHiddenOff');
|
||||
$('.address').addClass('scrollHiddenOn');
|
||||
$('.address').removeClass('scrollHiddenOff');
|
||||
}
|
||||
|
||||
//if ($('.footer').visible(true)) {
|
||||
// $('.footer').addClass('scrollTrapBoxOff');
|
||||
// $('.footer').removeClass('scrollTrapBoxOn');
|
||||
// } else {
|
||||
// $('.footer').addClass('scrollTrapBoxOn');
|
||||
// $('.footer').removeClass('scrollTrapBoxOff');
|
||||
// }
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
//scrollAnim End
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/literal}
|
||||
{if isset($indexSG)}
|
||||
|
||||
{literal}
|
||||
|
||||
{/literal}
|
||||
{/if}
|
||||
{if isset($analyticsCode)}
|
||||
{$analyticsCode}
|
||||
{/if}
|
||||
</head>
|
||||
<body>
|
||||
<div class="menuRwd" onclick="menuRwd();"></div>
|
||||
{* Header *}
|
||||
<header id="header" class="header">
|
||||
{* Top *}
|
||||
<div class="top">
|
||||
<div class="logoContainer col-s-12">
|
||||
<h1 id="logo" class="logo"><a title="{'Strona Główna'|translate} - aem" href="{$urlMain}/{$lang}"></a></h1>
|
||||
</div>
|
||||
<!--<div class="navLang">
|
||||
{if $lang == 'pl'}
|
||||
<a href="{$urlMain}/en">en</a>
|
||||
{else}
|
||||
<a href="{$urlMain}/pl">pl</a>
|
||||
{/if}
|
||||
</div> !-->
|
||||
{* Nav *}
|
||||
<nav class="col-s-12 navigation">
|
||||
|
||||
{$MenuTopTree}
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
</nav>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
|
||||
<div class="headerPasek">
|
||||
|
||||
</div>
|
||||
</header>
|
||||
<header class="headerFixed">
|
||||
<div class="top">
|
||||
</div>
|
||||
|
||||
<div class="socialBox">
|
||||
<div class="socialBoxItem boxFb"><a href="{'box1_fb_url'|translate}" > </a></div>
|
||||
<div class="socialBoxItem boxInsta"><a href="{'box1_insta_url'|translate}" ></a></div>
|
||||
{* <div class="socialBoxItem boxLinkedin"><a href="{'box1_linkedin_url'|translate}" ></a></div>*}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
{* Slider *}
|
||||
{$banerBox}
|
||||
|
||||
<div class="cb"></div>
|
||||
{* Main Container *}
|
||||
{if isset($indexSG)}
|
||||
{$content}
|
||||
|
||||
{else}
|
||||
|
||||
<section class="main style3 dark fullscreen">
|
||||
<div class="container ">
|
||||
|
||||
{*<div class="breadCrumbs">
|
||||
{breadCrumbs}
|
||||
</div>*}
|
||||
|
||||
|
||||
{$content}
|
||||
|
||||
{if isset($moduleSharedVariableArray) && is_array($moduleSharedVariableArray)}
|
||||
{foreach $moduleSharedVariableArray as $keyModule => $moduleSharedVariable}
|
||||
|
||||
|
||||
{$addModule_{$keyModule}}
|
||||
{/foreach}
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{if isset($actionSetTemplate) && $actionSetTemplate}
|
||||
<section class="main style3 primary">
|
||||
<div class="actionSetTemplate">
|
||||
<div class="container">
|
||||
{$actionSetTemplate}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<footer id="contact" class="main footer" {if !isset($indexSG)}style="background-color: #f9f9f9;"{/if}>
|
||||
<div class="footer_container">
|
||||
<div class="col-8 col-s-12 cb" style="float: initial; margin: auto;">
|
||||
<div class="col-2 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_1'|translate}</div>
|
||||
<div class="col-3 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_3'|translate}</div>
|
||||
<div class="col-5 right" style="text-align:right;">{'footer_box_2'|translate}</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div style="display: none">
|
||||
<div id="slide1">Slide 1 Content</div>
|
||||
</div>
|
||||
{if !isset($polityka_akceptacja)}
|
||||
<div class="tekst" id="polityka" style="border: #e5e0cf 1px dotted; text-align: center; position:fixed; margin: auto; bottom: 0px; padding: 5px; background: #e5e0cf; width: 100%; min-height: 30px; padding: 5px; display: block; z-index:9999;">
|
||||
|
||||
<p>{'polityka_plikow_cookies_text'|translate}
|
||||
<b><a href="#" onclick="setCookie('polityka_akceptacja', '1', 365);" title="{'Akceptuj'|translate}">[{'Akceptuję'|translate}]</a></b> </p></div>
|
||||
{/if}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
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}
|
||||
592
template/szablon.html
Normal file
592
template/szablon.html
Normal file
@@ -0,0 +1,592 @@
|
||||
<html class="js" lang="pl"><head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="dcterms.created" content="2015-10-13">
|
||||
<meta name="dcterms.subject" content="Home">
|
||||
<meta name="robots" content="index,follow,all">
|
||||
<meta name="dc.language" content="pl">
|
||||
<meta name="designer" content="IT.PStudio /network solutions/">
|
||||
<meta name="dcterms.creator" content="webStudio 2.2.4">
|
||||
<meta name="dcterms.rights" content="OPPC">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="template/css/normalize.css">
|
||||
<link rel="stylesheet" type="text/css" href="template/css/flexslider.css">
|
||||
<link rel="stylesheet" type="text/css" href="template/css/animate.css">
|
||||
<link rel="stylesheet" type="text/css" href="template/css/global.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300&subset=latin,latin-ext" rel="stylesheet" type="text/css">
|
||||
<!-- <link rel="stylesheet" type="text/css" href="--><!--/css/fonts/stylesheet.css" />-->
|
||||
<link rel="stylesheet" type="text/css" href="template/js/fancybox/jquery.fancybox.css?v=2.1.5" media="screen">
|
||||
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="template/favicon.ico">
|
||||
<link rel="icon" type="image/png" href="template/favicon.png">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js">IE7_PNG_SUFFIX=".png";</script>
|
||||
<link href="template/css/ie.css" rel="stylesheet" type="text/css" />
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]><style>* {filter: none !important;}</style><![endif]-->
|
||||
|
||||
|
||||
|
||||
<title>Home - Organizacje Pracodawców – Polska Organizacja Przemysłu Chemicznego</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="organizacja pracodawców, chemia program sektorowy, polska branża chemiczna, ochrona interesów branży chemicznej, prace rozwojowe wsparcie, rozwój branży chemicznej, targi promocja chemiczny przemysł, kampania informacyjna, rozwiązywanie sporów, grupa zaku">
|
||||
|
||||
<script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
|
||||
document.documentElement.className = document.documentElement.className.replace("no-js", "js");
|
||||
|
||||
|
||||
var formAlert1 = 'Wypełnij wszystkie oznaczone pola i spróbuj ponownie. Adres email wydaje się być nieprawidłowy.';
|
||||
var formAlert2 = 'Wypełnij wszystkie oznaczone pola i spróbuj ponownie.';
|
||||
var formAlert3 = 'Adres email wydaje się być nieprawidłowy.';
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">.fancybox-margin{margin-right:21px;}</style></head>
|
||||
|
||||
<body class="page-id-2 home lang-pl no-parent page-btn-header page-box-home page-box-contact sidebar-column-right page-template-default no-touch">
|
||||
<div id="wrapper">
|
||||
<header id="header">
|
||||
<div class="clearfix wrap">
|
||||
<div id="top">
|
||||
<h1 id="logo"><a href="/" title=""><img src="files/images/logo/logo2.jpg" alt="" kasperskylab_antibanner="on"></a></h1>
|
||||
<ul id="btn-header" class="btn-header sidebar-group-box-6 sidebar"><li class="box box-item-1 box-10"><div class="inner"><div class="box-text"></div><div class="box-more clearfix"><a class="button" href="/nasi-czlonkowie,4,pl.html" title="przystąp do NAS" target="_blank">przystąp do NAS</a></div></div></li></ul> </div>
|
||||
</div>
|
||||
<nav id="nav" class="clearfix">
|
||||
<div class="wrap">
|
||||
<div id="button-mobile-menu">
|
||||
<a title="Menu" href="#"><span>Menu</span></a>
|
||||
</div>
|
||||
<ul class="menu sf-js-enabled sf-arrows">
|
||||
<li class="level-0 current"><a href="/" class="level-0-link current-link" title="Home">Strona główna</a></li>
|
||||
<li class="level-0 parent"><a href="aktualnosci,12,pl.html" class="level-0-link sf-with-ul" title="Aktualności">Aktualności</a>
|
||||
<ul style="display: none;">
|
||||
|
||||
<li class="level-1"><a href="wydarzenia,16,pl.html" class="level-1-link" title="WYDARZENIA">WYDARZENIA</a></li>
|
||||
</ul></li>
|
||||
<li class="level-0 parent"><a href="o-nas,3,pl.html" class="level-0-link sf-with-ul" title="O nas ">O nas </a>
|
||||
<ul style="display: none;">
|
||||
|
||||
<li class="level-1"><a href="dzialalnosc,13,pl.html" class="level-1-link" title="DZIAŁALNOŚĆ">DZIAŁALNOŚĆ</a></li>
|
||||
<li class="level-1"><a href="struktura,14,pl.html" class="level-1-link" title="STRUKTURA">STRUKTURA</a></li>
|
||||
<li class="level-1"><a href="statut,15,pl.html" class="level-1-link" title="STATUT">STATUT</a></li>
|
||||
</ul></li>
|
||||
<li class="level-0 parent"><a href="oferta,5,pl.html" class="level-0-link sf-with-ul" title="Oferta">Oferta</a>
|
||||
<ul style="display: none;">
|
||||
|
||||
<li class="level-1 parent"><a href="korzysci,18,pl.html" class="level-1-link sf-with-ul" title="KORZYŚCI">KORZYŚCI</a>
|
||||
<ul style="display: none;">
|
||||
|
||||
<li class="level-2"><a href="grupa-zakupowa,20,pl.html" class="level-2-link" title="Grupa zakupowa">Grupa zakupowa</a></li>
|
||||
<li class="level-2"><a href="wsparcie-prawno-podatkowe,21,pl.html" class="level-2-link" title="Wsparcie prawno-podatkowe">Wsparcie prawno-podatkowe</a></li>
|
||||
<li class="level-2"><a href="programy-unijne-i-konsulting,22,pl.html" class="level-2-link" title="Programy unijne i konsulting">Programy unijne i konsulting</a></li>
|
||||
<li class="level-2"><a href="program-sektorowy,19,pl.html" class="level-2-link" title="Program sektorowy">Program sektorowy</a></li>
|
||||
</ul></li>
|
||||
<li class="level-1"><a href="abonament,26,pl.html" class="level-1-link" title="ABONAMENT">ABONAMENT</a></li>
|
||||
</ul></li>
|
||||
<li class="level-0"><a href="nasi-czlonkowie,4,pl.html" class="level-0-link" title="NASI CZŁONKOWIE">NASI CZŁONKOWIE</a></li>
|
||||
<li class="level-0"><a href="kontakt,6,pl.html" class="level-0-link" title="Kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<div class="clearfix">
|
||||
<style>
|
||||
#slider-content-wrap-20 img {
|
||||
width: 100%
|
||||
}
|
||||
</style>
|
||||
<div id="slider-content-wrap-20" class="slider-content-wrap">
|
||||
<div id="slider-content-desc-wrap-20" class="desc-wrap"> <div class="inner"></div></div><div class="slider-content-slides"><div class="slider-content-loader"><div id="slider-content-20" class="slider-content flexslider">
|
||||
<ul class="slides">
|
||||
<li class="item" style="background-image: url("files/images/slider/slid_2.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
|
||||
<div class="clearfix">
|
||||
<img src="files/images/slider/slid_2.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<h3 style="opacity: 0; visibility: visible;">Grupa zakupowa</h3>
|
||||
<div class="desc"><p style="opacity: 0; visibility: visible;">Istotą Grupy Zakupowej jest możliwość nabywania tańszych dóbr i usług na rzecz wybranej grupy odbiorców. Grupa firm nabywa u konkretnego dostawcy hurtową ilość produktów i uzyskuje rabat cenowy.</p>
|
||||
<a class="more" href="/grupa-zakupowa,20,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item" style="background-image: url("files/images/slider/slid_3.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
|
||||
<div class="clearfix">
|
||||
<img src="files/images/slider/slid_3.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<h3 style="opacity: 0; visibility: visible;">Wsparcie prawno-podatkowe</h3>
|
||||
<div class="desc"><p style="opacity: 0; visibility: visible;">Uzyskaj bezpłatną pomoc renomowanej kancelarii prawnej w zakresie opinii i analiz prawnych oraz indywidualne doradztwo licencjonowanego doradcy podatkowego.</p>
|
||||
<a class="more" href="/wsparcie-prawno-podatkowe,21,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item" style="background-image: url("files/images/slider/slid_4.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
|
||||
<div class="clearfix">
|
||||
<img src="files/images/slider/slid_4.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<h3 style="opacity: 0; visibility: visible;">Projekty unijne i konsulting</h3>
|
||||
<div class="desc"><p style="opacity: 0; visibility: visible;">Firmy członkowskie mogą uzyskać bezpłatne indywidualne wsparcie w zakresie pozyskiwania środków finansowych ze środków unijnych, doradztwa strategicznego oraz przygotowania inwestycji.</p>
|
||||
<a class="more" href="/programy-unijne-i-konsulting,22,pl.html" style="opacity: 0; visibility: visible;">czytaj więcej</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item flex-active-slide" style="background-image: url("files/images/slider/slid_1.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">
|
||||
<div class="clearfix">
|
||||
<img src="files/images/slider/slid_1.jpg" alt="" kasperskylab_antibanner="on" draggable="false"> <span class="layer-mask"></span>
|
||||
<div class="wrap">
|
||||
<div class="desc-wrap">
|
||||
<h3 style="opacity: 1; visibility: visible;">Program sektorowy</h3>
|
||||
<div class="desc"><p style="opacity: 1; visibility: visible;">Opracowujemy warunki rozwoju sektora chemicznego. Jeśli chcesz mieć realny wpływ na kształtowanie przyszłości przemysłu chemicznego, przyłącz się do naszej inicjatywy.</p>
|
||||
<a class="more" href="/program-sektorowy,19,pl.html" style="opacity: 0.999639; visibility: visible;">czytaj więcej</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="flex-active">4</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">Next</a></li></ul></div>
|
||||
<div class="slider-mask"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="main">
|
||||
<div class="clearfix wrap">
|
||||
<section id="content" class="content content-default clearfix">
|
||||
<ul id="box-home" class="box-home sidebar-group-box-7 sidebar clearfix"><li class="box box-item-1 box-12"><h3 class="box-title">Grupa zakupowa</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-2_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
|
||||
|
||||
<p>Istotą Grupy Zakupowej jest możliwość nabywania tańszych dóbr i usług na rzecz wybranej grupy odbiorców. Grupa firm nabywa u konkretnego dostawcy hurtową ilość produktów i uzyskuje rabat cenowy.</p>
|
||||
</div><div class="box-more clearfix"><a class="button" href="/grupa-zakupowa,20,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-2 box-13"><h3 class="box-title">Wsparcie prawno-podatkowe</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-3_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
|
||||
|
||||
<p style="text-align: justify;">Członkowie organizacji mogą uzyskać bezpłatną indywidualną poradę Kancelarii prawnej w przygotowaniu analiz prawnych czy w zastępstwie procesowym oraz konsultacje Doradcy podatkowego.</p>
|
||||
</div><div class="box-more clearfix"><a class="button" href="/wsparcie-prawno-podatkowe,21,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-3 box-14"><h3 class="box-title">PROJEKTY UNIJNE I KONSULTING</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-4_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
|
||||
|
||||
<p>Firmy członkowskie mogą uzyskać bezpłatne indywidualne wsparcie w zakresie pozyskiwania finansowania ze środków unijnych, strategicznego doradztwa oraz przygotowania inwestycji.</p>
|
||||
</div><div class="box-more clearfix"><a class="button" href="/programy-unijne-i-konsulting,22,pl.html" title="więcej">więcej</a></div></div></li><li class="box box-item-4 box-11"><h3 class="box-title">Program sektorowy</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><img alt="" src="/files/images/img/box-img-1_b.jpg" style="width: 500px; height: 300px;" kasperskylab_antibanner="on"></p>
|
||||
|
||||
<p style="text-align: justify;">Program sektorowy to dedykowane środki finansowe z budżetu Państwa i z dotacji unijnej, przeznaczane na rozwój asortymentu produktów i usług oferowanych przez przedsiębiorstwa w danej dziedzinie gospodarki.</p>
|
||||
</div><div class="box-more clearfix"><a class="button" href="/program-sektorowy,19,pl.html" title="więcej">więcej</a></div></div></li></ul> <article>
|
||||
</article> </section>
|
||||
</div>
|
||||
</div>
|
||||
<section class="section-news section-wrap">
|
||||
<div class="clearfix wrap">
|
||||
<div class="titlewrap">
|
||||
<h2>Aktualności</h2>
|
||||
</div>
|
||||
|
||||
<div id="news-wrap-listing" class="news-wrap"> <div class="news-listing news listing clearfix">
|
||||
<article class="clearfix item">
|
||||
<div class="meta">
|
||||
<div class="news-date">2016-05-22</div>
|
||||
</div>
|
||||
<div class="thumbwrap"><a href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html" title=""><img src="files/News/pl/48_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html" title="Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness">Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness</a></h3>
|
||||
|
||||
<div class="text">Międzynarodowe Targi Dostawców dla Przemysłu Kosmetycznego CosmeticBusiness to najważniejsza tego typu impreza wystawiennicza w Niemczech ......</div>
|
||||
<a class="button news-more" href="miedzynarodowe-targi-dostawcow-dla-przemyslu-kosmetycznego-cosmeticbusiness,16,pl,news,16,2,48.html">więcej</a>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<article class="clearfix item">
|
||||
<div class="meta">
|
||||
<div class="news-date">2016-05-16</div>
|
||||
</div>
|
||||
<div class="thumbwrap"><a href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html" title=""><img src="files/News/pl/47_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html" title=" Konferencja: „Nowoczesna Kosmetologia - od Nauki do Biznesu” - 28.05.2016 r."> Konferencja: „Nowoczesna Kosmetologia - od Nauki do Biznesu” - 28.05.2016 r.</a></h3>
|
||||
|
||||
<div class="text">Wydział Farmaceutyczny Uniwersytetu Jagiellońskiego - Collegium Medicum zaprasza na konferencję: „Nowoczesna Kosmetologia - od Nauki do Biznesu .......</div>
|
||||
<a class="button news-more" href="konferencja-nowoczesna-kosmetologia-od-nauki-do-biznesu-28052016-r,16,pl,news,16,2,47.html">więcej</a>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<article class="clearfix item">
|
||||
<div class="meta">
|
||||
<div class="news-date">2016-05-05</div>
|
||||
</div>
|
||||
<div class="thumbwrap"><a href="chemplast-2016,16,pl,news,16,2,44.html" title=""><img src="files/News/pl/44_min.jpg" alt="" kasperskylab_antibanner="on"></a></div> <h3 class="title"><a href="chemplast-2016,16,pl,news,16,2,44.html" title="Chemplast 2016">Chemplast 2016</a></h3>
|
||||
|
||||
<div class="text">Chemplast to odbywające się od kilkunastu lat na Słowacji targi, grupujące przedstawicieli branży chemicznej, tworzyw sztucznych oraz produktów konstrukcyjnych ......</div>
|
||||
<a class="button news-more" href="chemplast-2016,16,pl,news,16,2,44.html">więcej</a>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div> </div> </div>
|
||||
</section>
|
||||
|
||||
<section class="section-wrap section-contact">
|
||||
<div class="clearfix wrap">
|
||||
<ul id="box-contact" class="box-contact sidebar-group-box-8 sidebar"><li class="box box-item-1 box-15"><h3 class="box-title">dane kontaktowe</h3><div class="inner"><div class="box-text"><p style="text-align: center;"><span style="font-size:20px;">ORGANIZACJA PRACODAWCÓW PRZEMYSŁU CHEMICZNEGO</span></p>
|
||||
|
||||
<p style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-1.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Adres: ul. Stefana Czarnieckiego 21/23 lok. 1, 01-548 Warszawa</p>
|
||||
|
||||
<ul>
|
||||
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-2.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Tel.: +48 22 299 56 20</li>
|
||||
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-2.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">Tel.kom.: +48 537 607 407</li>
|
||||
<li style="text-align: center;"><img alt="" src="/files/images/img/contact-ico-3.jpg" style="width: 27px; height: 27px;" kasperskylab_antibanner="on">E-mail: <a href="mailto:biuro@oppc.org.pl" rel="nofollow spemail">biuro@oppc.org.pl</a></li>
|
||||
</ul>
|
||||
</div></div></li></ul> </div>
|
||||
</section>
|
||||
<section class="section-wrap section-newsletter">
|
||||
<div class="clearfix wrap">
|
||||
<script type="text/javascript">
|
||||
var nl_sign = 0;
|
||||
|
||||
function nl_check_sign(val)
|
||||
{
|
||||
nl_sign = val;
|
||||
}
|
||||
|
||||
function nl_check_email(name)
|
||||
{
|
||||
var txt = document.getElementById(name).value;
|
||||
if ((txt.length < 6) || (txt.match('@') != '@') || (txt.match(' ') == ' '))
|
||||
{
|
||||
return false;
|
||||
} else
|
||||
{
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
function nl_check_form()
|
||||
{
|
||||
var error = false;
|
||||
var error_msg = '';
|
||||
|
||||
if (!nl_check_email('mail'))
|
||||
{
|
||||
error = true;
|
||||
error_msg = error_msg + '* Należy podać poprawny adres "E-Mail" !\n';
|
||||
}
|
||||
|
||||
if (nl_sign == -1)
|
||||
{
|
||||
error = true;
|
||||
error_msg = error_msg + '* Należy wybrać jedną z opcji: "Zapisz się" lub "Wypisz się" !\n';
|
||||
}
|
||||
|
||||
if (error)
|
||||
{
|
||||
alert(error_msg);
|
||||
return false;
|
||||
} else
|
||||
{
|
||||
return true;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<form name="nl" action="index.php?l=pl&id=25&p=nl&action=0" method="post" onsubmit="return nl_check_form();">
|
||||
|
||||
<!--<div class="break"></div>-->
|
||||
<!--<b>E-Mail:</b>-->
|
||||
<div class="input clearfix">
|
||||
<label>Bądź na bieżąco. Zapisz się na Newsletter</label><input type="text" name="email" placeholder="E-mail" id="mail" style="margin-bottom: 4px;">
|
||||
<input type="submit" value=" OK " style="cursor: pointer;">
|
||||
</div>
|
||||
<div class="checked clearfix">
|
||||
<label><input type="radio" name="sign" value="0" onclick="nl_check_sign(this.value);" style="border: none;" checked="checked">Zapisz się</label> <label><input type="radio" name="sign" value="1" onclick="nl_check_sign(this.value);" style="border: none;">Wypisz się</label>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer" class="footer clearfix">
|
||||
<div class="clearfix wrap">
|
||||
<p id="copy" class="">Copyright © <strong>OPPC 2015-2016</strong> </p>
|
||||
<p id="design-by"><strong>IT.PStudio</strong> <a href="http://itpstudio.pl" title="strony responsywne" target="_blank">strony responsywne</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="cookies" style="display: none;"><p><a href="javascript:void(0);" class="closecookies">Zamknij</a>Na tej stronie internetowej wykorzystywane są pliki <strong>cookies</strong> zbierane do celów statystycznych i wykorzystywane do poprawnego działania serwisu www.<br>Warunki przechowywania lub dostępu do plików cookies można zmienić w ustawieniach przeglądarki - niedokonanie zmian ustawień przeglądarki jest jednoznaczne z wyrażeniem zgody na ich zapisywanie.</p></div>
|
||||
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
|
||||
<script src="template/js/jquery.easing.1.3.js"></script>
|
||||
<script src="template/js/jquery.cookie.js"></script>
|
||||
<script src="template/js/functions.min.js"></script>
|
||||
<script src="template/js/superfish.min.js"></script>
|
||||
<script src="template/js/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$("a[rel*=spemail]").spemail("|,:", "linkbase");
|
||||
$("#main a[href$='.jpg'],#main a[href$='.png'],#main a[href$='.gif']").attr('rel', 'galeria').fancybox({
|
||||
helpers: {
|
||||
title: {
|
||||
type: 'inside'
|
||||
}
|
||||
},
|
||||
});
|
||||
$("a.galeria").fancybox({
|
||||
helpers: {
|
||||
title: {
|
||||
type: 'inside'
|
||||
}
|
||||
},
|
||||
transitionIn: 'elastic',
|
||||
transitionOut: 'elastic',
|
||||
titlePosition: 'over',
|
||||
titleFormat: 'formatTitle'
|
||||
});
|
||||
$(".blank").attr("target", "_blank");
|
||||
|
||||
|
||||
/* cookies
|
||||
====================================================================*/
|
||||
$('.closecookies').click(function (event) {
|
||||
$.cookie("aboutcookie", "true", {expires: 360});
|
||||
$('#cookies').fadeOut();
|
||||
event.preventDefault();
|
||||
});
|
||||
if ($.cookie('aboutcookie') == null) {
|
||||
$('#cookies').show();
|
||||
} else {
|
||||
$('#cookies').hide();
|
||||
}
|
||||
|
||||
|
||||
/* form
|
||||
====================================================================*/
|
||||
walidForm('#form-contact', ['company']);
|
||||
walidForm('#form-fast');
|
||||
clearInput();
|
||||
|
||||
|
||||
/* menu
|
||||
====================================================================*/
|
||||
jQuery('#nav .menu').superfish();
|
||||
|
||||
/* taby (jquery ui)
|
||||
====================================================================*/
|
||||
$(".tabs").tabs();
|
||||
|
||||
|
||||
/* galeria produkt
|
||||
====================================================================*/
|
||||
jQuery("#photos .item img").click(function () {
|
||||
// see if same thumb is being clicked
|
||||
if (jQuery(this).hasClass("active")) {
|
||||
return;
|
||||
}
|
||||
|
||||
// calclulate large image's URL based on the thumbnail URL (flickr specific)
|
||||
var url = jQuery(this).attr("src").replace("/small/", "/medium/");
|
||||
|
||||
// zoom
|
||||
var zoom = jQuery(this).attr("src").replace("/small/", "/large/");
|
||||
|
||||
// get handle to element that wraps the image and make it semi-transparent
|
||||
var wrap = jQuery(".thumbwrap");
|
||||
|
||||
// the large image from www.flickr.com
|
||||
var img = new Image();
|
||||
|
||||
|
||||
// call this function after it's loaded
|
||||
img.onload = function () {
|
||||
|
||||
// make wrapper fully visible
|
||||
wrap.find(".loading").fadeTo("fast", 0);
|
||||
wrap.find("img").fadeTo("fast", 1);
|
||||
|
||||
// change the image
|
||||
wrap.find("img").attr("src", url);
|
||||
|
||||
wrap.find("a").attr("href", zoom);
|
||||
};
|
||||
|
||||
// begin loading the image from www.flickr.com
|
||||
img.src = url;
|
||||
|
||||
wrap.find("img").fadeTo("fast", 0);
|
||||
wrap.find(".loading").fadeTo("fast", 1);
|
||||
|
||||
// activate item
|
||||
jQuery("#photos .item").removeClass("active");
|
||||
jQuery(this).parent().parent().addClass("active");
|
||||
|
||||
return false;
|
||||
|
||||
});
|
||||
|
||||
|
||||
/* sociao media
|
||||
====================================================================*/
|
||||
function handleSlideBox(slayer) {
|
||||
var master = slayer.getElements('.belt');
|
||||
master.each(function (el) {
|
||||
el.addEvent('click', function (event) {
|
||||
if (slayer.style.right == '0px') {
|
||||
slayer.style.right = '-326px';
|
||||
slayer.setStyle('z-index', '99');
|
||||
}
|
||||
else {
|
||||
slayer.style.right = '0px';
|
||||
slayer.setStyle('z-index', '100');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function handleTouchScreenDevices() {
|
||||
if (("ontouchstart" in jQuery(document.body))) {
|
||||
jQuery(document.body).addClass("touch");
|
||||
jQuery(document.body).removeClass("no-touch");
|
||||
handleSlideBox(jQuery('slide-box-fblike'));
|
||||
handleSlideBox(jQuery('slide-box-pinterest'));
|
||||
handleSlideBox(jQuery('slide-box-newsletter'));
|
||||
} else {
|
||||
jQuery(document.body).addClass("no-touch");
|
||||
jQuery(document.body).removeClass("touch");
|
||||
}
|
||||
}
|
||||
|
||||
handleTouchScreenDevices();
|
||||
|
||||
|
||||
|
||||
/* mobile nav
|
||||
====================================================================*/
|
||||
var topold = '';
|
||||
jQuery('#button-mobile-menu').unbind('click')
|
||||
.bind('click', function (event) {
|
||||
event.preventDefault();
|
||||
var $nav = jQuery('#nav');
|
||||
$nav.find('.menu').animate({height: 'toggle'});
|
||||
$nav.toggleClass('active');
|
||||
var offset = $nav.offset();
|
||||
var top = offset.top;
|
||||
|
||||
if ($nav.hasClass('active')) {
|
||||
topold = $nav.css('top');
|
||||
$nav.css({'top': top, 'position': 'absolute'});
|
||||
} else {
|
||||
$nav.css({'top': topold, 'position': 'fixed'});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
/* slider
|
||||
====================================================================*/
|
||||
function showTitle(item, duration) {
|
||||
$item = item.find('.desc-wrap');
|
||||
|
||||
//alert(jQuery.trim($item.html()));
|
||||
|
||||
if (jQuery.trim($item.html()) != '') {
|
||||
jQuery('.slider-content-wrap > .desc-wrap').fadeIn(duration);
|
||||
jQuery('.slider-content-wrap > .desc-wrap .inner').animate({'opacity': 0}, 300, function () {
|
||||
jQuery(this).html($item.html());
|
||||
});
|
||||
setTimeout(function () {
|
||||
$('.slider-content-wrap > .desc-wrap .inner').animate({'opacity': 1}, 300)
|
||||
}, duration);
|
||||
|
||||
} else {
|
||||
jQuery('.slider-content-wrap > .desc-wrap').fadeOut(duration);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function beforeSlider_001(slider) {
|
||||
$(slider.get(0)).find('.desc-wrap h3').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
$(slider.get(0)).find('.desc-wrap .desc a').each(function () {
|
||||
$(this).css('opacity', 0);
|
||||
});
|
||||
}
|
||||
|
||||
function afterSlider_001(slider) {
|
||||
var content = $(slider.slides.get(slider.currentSlide));
|
||||
content.find('.desc-wrap h3').css('visibility', 'visible');
|
||||
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap .desc p').css('visibility', 'visible');
|
||||
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
|
||||
content.find('.desc-wrap .desc a').css('visibility', 'visible');
|
||||
content.find('.desc-wrap .desc a').delay(1200).animate({opacity: 1}, 1000);
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script src="template/js/jquery.imagesloaded.min.js"></script>
|
||||
<script src="template/js/jquery.flexslider-min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
|
||||
var carousel = $("#slider-content-20");
|
||||
function runCarousel() {
|
||||
$("#slider-content-20").flexslider({
|
||||
slideshowSpeed: 12000,
|
||||
animationSpeed: 2000,
|
||||
easing: "swing",
|
||||
useCSS: "false",
|
||||
touch: false,
|
||||
slideshow: true,
|
||||
animation: "fade",
|
||||
start: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
afterSlider_001(slider);
|
||||
},
|
||||
before: function (slider) {
|
||||
|
||||
beforeSlider_001(slider);
|
||||
},
|
||||
after: function (slider) {
|
||||
|
||||
afterSlider_001(slider);
|
||||
},
|
||||
});
|
||||
}
|
||||
$("#slider-content-20").imagesLoaded(runCarousel);
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$("#tabs-wrap-23 .tabs-title").click(function () {
|
||||
$("#tabs-wrap-23 .tabs-content:visible").slideUp("slow")
|
||||
$("#tabs-wrap-23 .tabs-item").removeClass("active");
|
||||
$(this).next().slideToggle("slow");
|
||||
$(this).parent().toggleClass("active");
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user