2012-07-31 07:52:24 +00:00
|
|
|
{# vim: ft=htmljinja
|
|
|
|
|
#}
|
2012-07-01 12:50:25 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2012-08-15 09:45:58 +00:00
|
|
|
<head>
|
|
|
|
|
<title>Kék Rózsák{% block title %}{% endblock %}</title>
|
|
|
|
|
<meta charset="utf8" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('css/kekrozsak_front.css') }}" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('js/jquery-cluetip/jquery.cluetip.css') }}" />
|
2012-08-15 10:07:20 +00:00
|
|
|
{% stylesheets 'bundles/kekrozsakfront/css/*' filter='cssrewrite' output='kekrozsak.css' %}
|
2012-08-15 09:45:58 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
|
|
|
|
|
{% endstylesheets %}
|
2012-07-16 15:05:23 +00:00
|
|
|
{% block additional_css %}{% endblock %}
|
2012-08-15 09:45:58 +00:00
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/lib/jquery.hoverIntent.js')}}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/jquery.cluetip.js') }}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ asset('js/jquery.tinyscrollbar.min.js') }}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ path('fos_js_routing_js', {callback: 'fos.Router.setData'}) }}"></script>
|
2012-07-16 15:05:23 +00:00
|
|
|
{% block additional_js %}{% endblock %}
|
2012-08-15 09:45:58 +00:00
|
|
|
</head>
|
2012-07-01 12:50:25 +00:00
|
|
|
<body>
|
2012-08-08 20:15:51 +00:00
|
|
|
<div id="popup-container">
|
|
|
|
|
<div id="popup-close"></div>
|
|
|
|
|
<div id="popup-inside">
|
|
|
|
|
<div id="popup-title"></div>
|
|
|
|
|
<div id="popup-scrollable">
|
|
|
|
|
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
|
|
|
|
|
<div class="viewport">
|
|
|
|
|
<div class="overview" id="popup-content"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2012-07-09 15:29:37 +00:00
|
|
|
<div id="top-line-wrapper">
|
|
|
|
|
<div id="top-line">
|
|
|
|
|
{% if app.user %}
|
2012-07-24 14:59:48 +00:00
|
|
|
{% include ':Box:UserProfile.html.twig' %}
|
2012-07-31 09:09:52 +00:00
|
|
|
{% include ':Box:Events.html.twig' %}
|
2012-08-08 20:15:51 +00:00
|
|
|
<div id="konyvtar-gomb">
|
2012-08-09 15:53:55 +00:00
|
|
|
<span class="gomb"><a href="{{ path('KekRozsakFrontBundle_bookList') }}">[könyvtár gomb]</a></span>
|
2012-08-08 20:15:51 +00:00
|
|
|
</div>
|
2012-07-23 14:14:52 +00:00
|
|
|
{% else %}
|
2012-07-24 14:59:48 +00:00
|
|
|
{% include ':Box:Login.html.twig' %}
|
2012-07-09 15:29:37 +00:00
|
|
|
{% endif %}
|
2012-08-09 15:53:55 +00:00
|
|
|
{#
|
2012-07-09 15:29:37 +00:00
|
|
|
<div id="search-box">
|
|
|
|
|
<input type="text" />
|
|
|
|
|
<button type="submit">Keresés</button>
|
|
|
|
|
</div>
|
2012-08-09 15:53:55 +00:00
|
|
|
#}
|
2012-07-09 15:29:37 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="top-line-padding"></div>
|
|
|
|
|
</div>
|
2012-07-01 12:50:25 +00:00
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="menu">
|
|
|
|
|
<ul>
|
2012-07-01 18:29:59 +00:00
|
|
|
<li><a href="{{ path('KekRozsakFrontBundle_homepage') }}">Főoldal - Aktuális</a></li>
|
2012-07-31 07:46:25 +00:00
|
|
|
<li><a href="{{ path('KekRozsakFrontBundle_articleView', { slug: 'rolunk' }) }}">Rólunk</a></li>
|
|
|
|
|
<li><a href="{{ path('KekRozsakFrontBundle_articleView', { slug: 'a-magiarol-roviden' }) }}">A Mágiáról röviden</a></li>
|
|
|
|
|
<li><a href="{{ path('KekRozsakFrontBundle_articleView', { slug: 'rendek' }) }}">Rendek</a></li>
|
|
|
|
|
<li><a href="{{ path('KekRozsakFrontBundle_articleView', { slug: 'a-regiek' }) }}">A régiek</a></li>
|
2012-07-07 09:13:13 +00:00
|
|
|
{% if app.user %}
|
|
|
|
|
<li><a href="{{ path('KekRozsakSecurityBundle_logout') }}">Kijelentkezés</a></li>
|
|
|
|
|
{% else %}
|
|
|
|
|
<li><a href="{{ path('KekRozsakSecurityBundle_registration') }}">Jelentkezés</a></li>
|
|
|
|
|
{% endif %}
|
2012-07-01 12:50:25 +00:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="header">
|
2012-08-15 09:45:58 +00:00
|
|
|
<h1>Kék Rózsák</h1>
|
2012-07-01 12:50:25 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="content-wrapper">
|
|
|
|
|
<div id="content-outline">
|
|
|
|
|
<div id="content">
|
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hirek">
|
|
|
|
|
<h3>Hírek</h3>
|
2012-07-03 16:05:09 +00:00
|
|
|
{% for news in recentNews %}
|
2012-07-01 12:50:25 +00:00
|
|
|
<div class="hir">
|
2012-07-03 16:05:09 +00:00
|
|
|
<p class="hir-cim">{{ news.title }}</p>
|
|
|
|
|
<p class="hir-szoveg">{{ news.text|raw }}</p>
|
2012-07-23 15:50:40 +00:00
|
|
|
{% if app.user %}
|
2012-07-31 23:26:25 +00:00
|
|
|
<p class="hir-szerzo">{{ news.createdBy|userdataspan }}</p>
|
2012-07-23 15:50:40 +00:00
|
|
|
{% endif %}
|
2012-07-03 16:05:09 +00:00
|
|
|
<p class="hir-datum">{{ news.createdAt|date('Y-m-d H:i') }}</p>
|
2012-07-01 12:50:25 +00:00
|
|
|
</div>
|
2012-07-03 16:05:09 +00:00
|
|
|
{% endfor %}
|
2012-07-01 12:50:25 +00:00
|
|
|
</div>
|
2012-07-09 15:29:37 +00:00
|
|
|
</div>{# div#content-wrapper #}
|
|
|
|
|
</div>{# div#wrapper #}
|
|
|
|
|
<div id="bottom-line-wrapper">
|
|
|
|
|
<div id="bottom-line-padding"></div>
|
|
|
|
|
<div id="bottom-line"{% if app.environment == 'dev' %} style="bottom: 40px;"{% endif %}>
|
2012-07-01 12:50:25 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2012-07-09 15:29:37 +00:00
|
|
|
<script type="text/javascript">
|
2012-07-23 14:14:52 +00:00
|
|
|
{% if app.user %}
|
2012-07-09 15:29:37 +00:00
|
|
|
$('#profil-mutato').click(function() {
|
|
|
|
|
if ($('#profil-box').is(':visible'))
|
|
|
|
|
{
|
|
|
|
|
$('#profil-box').hide();
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
$('#profil-box').show();
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-07-31 23:26:25 +00:00
|
|
|
$('#jog-lista').cluetip({
|
|
|
|
|
splitTitle: '|',
|
|
|
|
|
showTitle: false
|
|
|
|
|
});
|
|
|
|
|
$('.program').cluetip({
|
|
|
|
|
cluezIndex: 1000
|
2012-07-31 09:03:48 +00:00
|
|
|
});
|
2012-08-15 09:45:58 +00:00
|
|
|
$('#event-shower').click(function() {
|
|
|
|
|
if ($('#event-box').is(':visible'))
|
2012-07-31 09:09:52 +00:00
|
|
|
{
|
2012-08-15 09:45:58 +00:00
|
|
|
$('#event-box').hide();
|
2012-07-31 09:09:52 +00:00
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
2012-08-15 09:45:58 +00:00
|
|
|
$('#event-box').show();
|
2012-07-31 09:09:52 +00:00
|
|
|
}
|
|
|
|
|
});
|
2012-07-31 23:26:25 +00:00
|
|
|
$('.userdata').cluetip();
|
|
|
|
|
$('.userdata-secret').cluetip({
|
|
|
|
|
splitTitle: '|',
|
|
|
|
|
showTitle: false
|
|
|
|
|
});
|
2012-07-23 14:14:52 +00:00
|
|
|
{% else %}
|
|
|
|
|
$('#login-mutato').click(function() {
|
|
|
|
|
if ($('#login-box').is(':visible'))
|
|
|
|
|
{
|
|
|
|
|
$('#login-box').hide();
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
$('#login-box').show();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
{% endif %}
|
2012-08-08 20:15:51 +00:00
|
|
|
jQuery.fn.center = function() {
|
|
|
|
|
this.css('top', Math.max(0, (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop()) + 'px');
|
|
|
|
|
this.css('left', Math.max(0, (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft()) + 'px');
|
|
|
|
|
return this;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$('#popup-close').click(function() { $('#popup-container').fadeOut(); });
|
|
|
|
|
$('#popup-scrollable').tinyscrollbar();
|
|
|
|
|
function doPopup(title, content, url, w, h, callback)
|
|
|
|
|
{
|
|
|
|
|
$('#popup-title').html(title);
|
|
|
|
|
$('#popup-content').html(content);
|
|
|
|
|
$('#popup-container').css('width', w + 'px');
|
|
|
|
|
$('#popup-container').css('height', h + 'px');
|
|
|
|
|
$('#popup-inside').css('width', (w - 8) + 'px');
|
|
|
|
|
$('#popup-inside').css('height', (h - 8) + 'px');
|
|
|
|
|
$('#popup-scrollable').css('width', (w - 8) + 'px');
|
|
|
|
|
$('#popup-scrollable .viewport').css('width', (w - 28) + 'px');
|
|
|
|
|
$('#popup-scrollable .viewport').css('height', (h - 54) + 'px');
|
|
|
|
|
$('#popup-container').center();
|
|
|
|
|
$('#popup-container').fadeIn();
|
|
|
|
|
$.ajax({
|
|
|
|
|
method: 'GET',
|
|
|
|
|
url: url
|
|
|
|
|
}).done(function(data) {
|
|
|
|
|
$('#popup-content').html(data);
|
|
|
|
|
$('#popup-scrollable').tinyscrollbar();
|
|
|
|
|
$('.userdata').cluetip();
|
|
|
|
|
if (callback != null)
|
|
|
|
|
callback();
|
|
|
|
|
}).error(function() {
|
|
|
|
|
$('#popup-content').html('Nem sikerült betölteni a könyv adatait.');
|
|
|
|
|
});
|
|
|
|
|
}
|
2012-08-15 09:45:58 +00:00
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
bottomLineTop = $('#bottom-line').position().top;
|
|
|
|
|
contentOutlineTop = $('#content-outline').position().top;
|
|
|
|
|
contentHeight = $('#content-outline').outerHeight();
|
|
|
|
|
newsHeight = $('#hirek').outerHeight();
|
|
|
|
|
minHeight = bottomLineTop - contentOutlineTop;
|
|
|
|
|
|
|
|
|
|
height = Math.max(contentHeight, newsHeight, minHeight);
|
|
|
|
|
if ($('#content-outline').outerHeight() < height)
|
|
|
|
|
$('#content-outline').css('height', height + 'px');
|
|
|
|
|
if ($('#hirek').outerHeight() < height)
|
|
|
|
|
$('#hirek').css('height', height + 'px');
|
|
|
|
|
});
|
2012-07-09 15:29:37 +00:00
|
|
|
</script>
|
2012-07-16 12:16:10 +00:00
|
|
|
{% block bottomscripts %}{% endblock %}
|
2012-07-01 12:50:25 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
