Your IP : 216.73.216.49
{% extends '@nucleus/partials/particle.html.twig' %}
{% set attr_extra = '' %}
{% if particle.extra %}
{% for attributes in particle.extra %}
{% for key, value in attributes %}
{% set attr_extra = attr_extra ~ ' ' ~ key|e ~ '="' ~ value|e('html_attr') ~ '"' %}
{% endfor %}
{% endfor %}
{% endif %}
{% block stylesheets %}
{% if particle.display.search %}
{{ parent() }}
<style type="text/css">
#header-search {
background: {{ particle.search.bgcolor|default("#ffffff") }};
}
#header-search .search input, #header-search .search-field, #header-search .uk-close, #header-search .uk-close:hover {
color: {{ particle.search.textcolor|default("#252d37") }};
}
</style>
{% endif %}
{% if particle.display.login %}
{{ parent() }}
<style type="text/css">
.g-search-login #modal-login .uk-modal-dialog {
width: {{ particle.login.width|default('350px')|e }};
}
</style>
{% endif %}
{% if particle.display.offcanvas %}
{{ parent() }}
<style type="text/css">
.g-offcanvas-toggle {
display: none;
}
</style>
{% endif %}
{% endblock %}
{% block javascript_footer %}
{% if particle.enabled %}
{% do gantry.load('jquery') %}
{{ parent() }}
<script type="text/javascript">
(function($) {
// Header Search
$(window).load(function() {
var headerSearch = $("#header-search");
var headerSearchHeight = $("{{ particle.search.menusection|default('#g-navigation')|e }}").innerHeight();
var closeSearch = $("#header-search a.uk-close");
{% if gantry.platform.getName() == 'joomla' %}
var inputSearch = $("input#mod-search-searchword");
{% endif %}
{% if gantry.platform.getName() == 'wordpress' %}
var inputSearch = $("input.search-field");
{% endif %}
var searchToggle = $("a#header-search-toggle");
$(headerSearch).prependTo($("{{ particle.search.menusection|default('#g-navigation')|e }} .g-grid:first")).css({
'height' : headerSearchHeight,
'line-height' : (headerSearchHeight) + 'px'
});
$(closeSearch).css({
'top' : (headerSearchHeight / 2) - 10
});
$(inputSearch).css({
'height' : headerSearchHeight,
'line-height' : (headerSearchHeight) + 'px'
});
$(searchToggle).on("click", function(e) {
e.preventDefault();
$(headerSearch).fadeIn("fast");
$(inputSearch).focus();
});
$(closeSearch).on("click", function(e) {
e.preventDefault();
$(headerSearch).fadeOut("fast");
});
});
})(jQuery);
</script>
{% endif %}
{% endblock %}
{% set buttons %}
{% if particle.display.search %}
<div class="g-search-button">
<a id="header-search-toggle" href="" {% if particle.search.text %}data-uk-tooltip title="{{ particle.search.text|e }}"{% endif %} aria-label="{{'Search'|trans_key('IT_ACCESS_SEARCH')}}">
<i class="{{ particle.search.icon|default("fa fa-search")|e }}"></i>
</a>
</div>
{% endif %}
{% if particle.display.login %}
<div class="g-login-button">
<a href="#modal-login" data-uk-modal="{center:true}" {% if particle.login.text %}data-uk-tooltip title="{{ particle.login.text|e }}"{% endif %} aria-label="{{'Login'|trans_key('IT_ACCESS_LOGIN')}}">
<i class="{{ particle.login.icon|default("fa fa-user")|e }}"></i>
</a>
</div>
{% endif %}
{% if particle.display.offcanvas %}
<div class="g-offcanvas-button">
<a class="offcanvas-toggle-particle" data-offcanvas-toggle="" {% if particle.offcanvas.text %}data-uk-tooltip title="{{ particle.offcanvas.text|e }}"{% endif %} aria-label="{{'Offcanvas'|trans_key('IT_ACCESS_OFFCANVAS')}}">
<i class="{{ particle.offcanvas.icon|default("fa fa-bars")|e }}"></i>
</a>
</div>
{% endif %}
{% endset %}
{% set search %}
<div id="header-search">
<div class="g-block">
<div class="g-content">
<a class="uk-close" aria-label="{{'Close'|trans_key('IT_ACCESS_CLOSE')}}"></a>
{% if gantry.platform.getName() == 'joomla' %}
{{ gantry.platform.filter("{loadposition header-search}")|html|raw }}
{% endif %}
{% if gantry.platform.getName() == 'wordpress' %}
{{ gantry.platform.call('get_search_form') }}
{% endif %}
</div>
</div>
</div>
{% endset %}
{% set login %}
<div id="modal-login" class="uk-modal">
<a class="uk-modal-close uk-close" aria-label="{{'Close'|trans_key('IT_ACCESS_CLOSE')}}"></a>
<div class="uk-modal-dialog{% if particle.login.links|default("show") == "hide" %} hide-links{% endif %}">
{% if gantry.platform.getName() == 'joomla' %}
{{ gantry.platform.filter("{loadposition modal-login}")|html|raw }}
{% endif %}
{% if gantry.platform.getName() == 'wordpress' %}
<div class="g-login-form">
{% if not is_user_logged_in %}
<form action="{{ gantry.platform.call('wp_login_url', gantry.request.server['REQUEST_URI'])|raw }}" method="post" id="loginform">
{% do gantry.platform.call('wp_nonce_field', 'log-in') %}
<fieldset class="login-data">
<p class="login-username">
<input id="user_login" type="text" name="log" class="inputbox" alt="username" size="18" value="" placeholder="{{ 'Username'|trans_key('G5_LOGIN_PARTICLE_USERNAME') }}" />
</p>
<p class="login-password">
<input id="user_pass" type="password" name="pwd" class="inputbox" size="18" alt="password" value="" placeholder="{{ 'Password'|trans_key('G5_LOGIN_PARTICLE_PASSWORD') }}" />
</p>
<p class="login-remember">
<input id="remember" type="checkbox" name="rememberme" class="inputbox" />
<label for="remember">{{ 'Remember me'|trans_key('G5_LOGIN_PARTICLE_REMEMBER') }}</label>
</p>
<p class="login-submit">
<input type="submit" value="{{ 'Log In'|trans_key('G5_LOGIN_PARTICLE_LOGIN') }}" class="button" name="submit" />
</p>
</fieldset>
<ul class="login-extra">
{% if gantry.platform.call('get_option', 'users_can_register') %}
<li>
<a href="{{ gantry.platform.call('wp_registration_url') }}"><i class="fa fa-question-circle"></i>{{ 'Register'|trans_key('G5_LOGIN_PARTICLE_REGISTER') }}</a>
</li>
{% endif %}
<li>
<a href="{{ gantry.platform.call('wp_lostpassword_url') }}"><i class="fa fa-question-circle"></i>{{ 'Forgot your password?'|trans_key('G5_LOGIN_PARTICLE_FORGOT_PASSWORD') }}</a>
</li>
</ul>
</form>
{% else %}
<form action="{{ gantry.platform.call('wp_logout_url', gantry.request.server['REQUEST_URI'])|raw }}" method="post" id="loginform">
{% do gantry.platform.call('wp_nonce_field', 'log-out') %}
<div class="logout-button">
<input type="submit" name="submit" class="button" value="{{ 'Log Out'|trans_key('G5_LOGIN_PARTICLE_LOGOUT') }}" />
</div>
</form>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% endset %}
{% block particle %}
<div class="g-search-login{% if particle.css.class %} {{ particle.css.class|e }}{% endif %}" {% if particle.extra %}{{ attr_extra|raw }}{% endif %}>
<div class="g-buttons">
{{ buttons }}
</div>
{% if particle.display.search %}
{{ search }}
{% endif %}
{% if particle.display.login %}
{{ login }}
{% endif %}
</div>
{% endblock %}