Symfony Profiler

{% extends 'base.html.twig' %}
{% block content %}
{% if data_t_scopus is not defined %}{% set data_t_scopus = null %} {% endif %}
{% if data_reuter is not defined %}{% set data_reuter = null %} {% endif %}

<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="container container-home">
{% for message in app.flashes('success') %}
<div class="alert alert-success alert-dismissible alert-success-journal w-100 mx-auto d-flex p-2 mb-4" role="alert">
<span class="">{{ message }}</span>
<span type="button" class="close position-static ml-auto" data-dismiss="alert" aria-label="Close" style="padding: 0 !important;"><span aria-hidden="true">×</span></span>
</div>
{% endfor %}
{% for message in app.flashes('warning') %}
<div class="alert alert-warning alert-dismissible alert-warning-journal w-100 mx-auto d-flex p-2 mb-4" role="alert">
<span class="">{{ message }}</span>
<span type="button" class="close position-static ml-auto" data-dismiss="alert" aria-label="Close" style="padding: 0 !important;"><span aria-hidden="true">×</span></span>
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="alert alert-error alert-dismissible alert-error-journal w-100 mx-auto d-flex p-2 mb-4" role="alert">
<span class="">{{ message }}</span>
<span type="button" class="close position-static ml-auto" data-dismiss="alert" aria-label="Close" style="padding: 0 !important;"><span aria-hidden="true">×</span></span>
</div>
{% endfor %}
{% include 'pages/parts/form-search.html.twig' %}
<div class="page-content">
{{ render(path('latestJournals')) }}
<div class="page-title">
<h2>Find Journals or Authors</h2>
<p>
Your research is easier with a journal that you can save.
Follow the author to stay up-to-date on new articles as they are published!
</p>
</div>
<div class="row icons-homepage px-1 mx-0">
<div class="col-md-3 block-intro">
<a href="{{ path('journalSearch') }}" >
<img class="img-fluid logo-gj" src="{{ asset('assets/images/refonte/homepage/search.svg') }}" alt="researchguide" />
<h5>Journal Search</h5>
<p>Find the best journal for your research, depending on various criteria (Title, article keywords).</p>
</a>
</div>
<div class="col-md-3 block-intro">
<a href="{{ path('get_authors') }}">
<img class="img-fluid logo-gj" src="{{ asset('assets/images/refonte/homepage/lamp.svg') }}" alt="researchguide" />
<h5>Author Search</h5>
<p> Find your authors with their published articles and corresponding journals.</p>
</a>
</div>
<div class="col-md-3 block-intro">
<a href="{{ path('journalSearch') }}" >
<img class="img-fluid logo-gj" src="{{ asset('assets/images/refonte/homepage/save_icon.svg') }}" alt="researchguide" />
<h5>Save journal </h5>
<p>Save your favorite journals for easy reference. Stay up-to-date on recent and updated journals.</p>
</a>
</div>
<div class="col-md-3 block-intro">
<a href="{{ path('get_authors') }}">
<img class="img-fluid logo-gj" src="{{ asset('assets/images/refonte/homepage/follow_author_icon.svg') }}" alt="researchguide" />
<h5>Follow author </h5>
<p>Follow your author to receive new journals and latest journal developments in your field.</p>
</a>
</div>
</div>
<div class="row description-block mx-0">
<div class="col-md-6 right-content">
<h5>Find your Journal easily</h5>
<p class="paragraphe">You can choose to filter by Author or Journal title in order to find the perfect fit for your needs! </p>
<div class="row check-bloc">
<div class="col-2 col-md-2 img-check">
<img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/check.svg') }}" alt="researchguide" />
</div>
<div class="col-10 col-md-10">
<p class="check-bloc-title">Search your Journal by title or related keywords.</p>
<p class="check-bloc-text"></p>
</div>
</div>
<div class="row check-bloc">
<div class="col-2 col-md-2 img-check">
<img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/check.svg') }}" alt="researchguide" />
</div>
<div class="col-10 col-md-10">
<p class="check-bloc-title">Use the Author’s name to find your Journal.</p>
<p class="check-bloc-text"></p>
</div>
</div>
{% if app.user== null %}
<div class="row block-connexion">
<div class="col-md-5 p-0">
<a href="{{ path('journalSearch')}}">
<button class="btn btn-connexion btn-journal btn-block">Find a Journal</button>
</a>
</div>
<div class="col-md-5 pl-3" >
<a href="{{ path('get_authors')}}">
<button class="btn btn-connexion btn-author btn-block">Find an Author</button>
</a>
</div>
</div>
{% endif %}
</div>
<div class="col-md-6 left-content find-journal-bg">
<div class="row">
<div class="col-md-6 img-sample">
{#<img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/sample.svg') }}" alt="GuideJournal" />#}
</div>
<div class="col-md-6 img-sample">
{#<img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/sample.svg') }}" alt="GuideJournal" />#}
</div>
</div>
</div>
</div>
{#<div class="container my-5 ad-banner">
researchguide ad
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9897811061542650"
data-ad-slot="3798275752"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>#}
<div class="row recent-articles mx-0" style="padding-top:10%">
<div class="col-md-12 last-articles">
<h5 class="title">Blog Posts</h5>
</div>
<div class="col-md-6 left-content"><p>Browse the latest Articles</p></div>
<div class="container c-carousel">
<div class="row row-carousel">
<div class="col-md-12 col-carousel mb-4">
<div class="carousel-articles">
{% set articles= content.featured_articles %}
{% for a in articles %}
<div class="col-md-4 article-infos">
{% if a.cover_image %}
{% set media = a.cover_image %}
{% if media is defined and media is not null and media.thumbnails['sulu-400x400'] %}
<a href="{{ a.path }}">
<img class="card-img-top" data-src="{{ media.thumbnails['sulu-400x400'] }}" src="{{ media.url? media.url:media.thumbnails['sulu-400x400'] }}" data-holder-rendered="true" alt="{{ a.title }}">
</a>
{% else %}
<a href="{{ a.path }}">
<img class="card-img-top img-responsive" data-src="{{ asset('assets/images/refonte/homepage/article.svg') }}" src="{{ asset('assets/images/refonte/homepage/article.svg') }}" data-holder-rendered="true" alt="{{ a.title }}">
</a>
{% endif %}
{% else %}
<a href="{{ a.path }}">
<img class="card-img-top" data-src="{{ asset('assets/images/refonte/homepage/article.svg') }}" src="{{ asset('assets/images/refonte/homepage/article.svg') }}" data-holder-rendered="true" alt="researchguide">
</a>
{% endif %}
<div class="fav-img">
<a href="{{ a.path }}"> <img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/favoris.svg') }}" alt="researchguide" /></a>
</div>
<div class="content">
<h6 class="title-article"><a href="{{ a.path }}"> {{ a.title }}</a></h6>
{% if a.excerptDescription|trim|length > 1 %}
<p>
{{ a.excerptDescription|slice(0,60)|raw }}... <br><a href="{{ a.path }}" style="float: right;font-weight: 400" class="text-warning">Read More →</a>
</p>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% for item in sulu_navigation_root_tree('main') %}
{% if item.title|lower == "blog" %}
<div class="col-md-12 text-center bloc-btn">
<a href="{{ sulu_content_path(item.url, item.webspaceKey) }}">
<button class="btn btn-connexion-articles btn-blog">Explore more</button>
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{# should check if !catgories #}
{% if app.user and app.user.categories.values is empty and app.request.cookies.get('skip-categories') != "true" %}
<form action="{{ path('save_favorite_categories') }}" method="post">
<div id="choose-categories-modal" class="modal registre-modal" style="display:flex; z-index: 100;">
<div class="modal-content animate register-modal-content p-3" style="box-shadow: none !important;border: 0 !important;">
<span class="close skip-check-categories d-flex justify-content-end" title="Close Modal" style="margin-left:0 !important;left:20px;top:20px;cursor: pointer;">
<svg width="35" height="35" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4898 25.1794L0.521973 46.1519L4.0579 49.687L25.0249 28.7154L45.9919 49.687L49.5279 46.1519L28.5601 25.1794L49.5279 4.20702L45.9919 0.671875L25.0249 21.6435L4.0579 0.671875L0.521973 4.20702L21.4898 25.1794Z" fill="#58595B"/>
</svg>
</span>
<h2 class="modal-register-title w-100 mx-0 text-center my-2" style="margin-top: 60px; color:black">
Select your favorite categories:
</h2>
<p class="text-center"> <i>This help us recommend the most useful journals</i></p>
<div id="register-step-2" style="">
<div class="d-flex flex-wrap register-categories">
{% set categories = publicationManager.getAllCategories() %}
{% for category in categories|sort((a, b) => a.name <=> b.name) %}
{% if category.name != '' and category.name != ' ' %}
<div class="category-item">
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"/></svg>
<span id="{{ category.id }}">{{category.name}}</span>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="d-flex px-4 px-sm-5 my-2">
<input type="hidden" id="selected-categories" name="selected-categories">
<button type="submit" id="register-btn-2" class="btn form-register-btn mx-auto mt-0" style=" width: 100% !important;" disabled>
<p id="register-btn-text" class="form-register-btn-text my-auto">Validate</p>
</button>
</div>
<br><a href="/" class="skip-check-categories text-center form-register-btn-text my-auto text-dark" style="font-weight: 300 !important;width: 100% !important;">Skip</a>
</div>
</div>
</form>
{% endif %}
<div class="container-fluid container-banner">
<div class="banner py-5">
<h6 class="pt-0">Trusted by great companies</h6>
<div class="container">
<div class="row partenaires">
<div class="col-sm-4 mt-4 mt-lg-0">
<a href="https://monarkit.net" target="_blank"><img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/monark.svg') }}" alt="monarkIt" /></a>
</div>
<div class="col-sm-4 mt-4 mt-lg-0">
<a href="https://aion-lab.com" target="_blank"><img class="img-fluid" src="{{ asset('assets/images/refonte/homepage/aion.svg') }}" alt="aion" /></a>
</div>
<div class="col-sm-4 mt-4 mt-lg-0">
<a href="https://app-estimator.com" target="_blank"><img class="img-fluid" width="190" src="{{ asset('assets/images/refonte/homepage/estimitor.svg') }}" alt="estimator" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="suggest-articles container">
<div class="d-flex flex-column flex-lg-row justify-content-center mx-0">
<div class="left-content mr-0 mr-lg-5">
{% if app.user and app.user.categories is not empty %}
{% set favoriteUserCategories = publicationManager.showJournalByFavoriteUserCategories(app.user) %}
{% if favoriteUserCategories %}
<div class="row line-1">
{% for ind,favorite in favoriteUserCategories|slice(0,4) %}
{% set id = ind + 1 %}
<div class="col-12 col-sm-6 text-center home-categorie-card">
<a href="{{ path('journal_show',{'id':favorite.id}) }}">
<div class="img-journal" >
<p>{{ favorite.title }}</p>
</div>
</a>
</div>
{% endfor %}
</div>
{% endif %}
{% else %}
<div class="row line-1">
<div class="col-6 col-md-6 text-center">
<img class="img-fluid" src="{{ asset('assets/images/refonte/journal-selected-1.jpg') }}" alt="suggest-article" />
</div>
<div class="col-6 col-md-6 text-center s-img">
<img class="img-fluid" src="{{ asset('assets/images/refonte/journal-selected-2.jpg') }}" alt="suggest-article" />
</div>
</div>
<div class="row line-2 mt-3">
<div class="col-6 col-md-6 text-center">
<img class="img-fluid" src="{{ asset('assets/images/refonte/journal-selected-3.jpg') }}" alt="suggest-article" />
</div>
<div class="col-6 col-md-6 text-center f-img">
<img class="img-fluid" src="{{ asset('assets/images/refonte/journal-selected-4.jpg') }}" alt="suggest-article" />
</div>
</div>
{% endif %}
</div>
<div class="right-content d-flex flex-column text-center text-lg-left">
<h6 class="selected-journals">Journals selected <br> for you</h6>
<p>
Explore these recommended journals that we think you'll find most useful.<br><br>
With these, you will be sure to have a complete research.
</p>
<a href="{{ path('journalSearch') }}">
<button class="btn">Find a Journal</button>
</a>
</div>
</div>
</div>

<div id="banner-ad-1">

</div>
<section class="newsletter-section px-3 container">
<div class="newsletter-container">
<div class="newsletter-content">
<p class="newsletter-title">Sign up to our newsletter!</p>
<p class="newsletter-description">so you can be the first to find out the latest articles and journals. </p>
<div class="newsletter-btn-subscribe-container">
<form action="{{ path('newsletter') }}" method="post" class="d-flex">
<input type="hidden" name="newsletter" value="true" class="newsletter-input-hidden">
<input name="email" type="email" class="newsletter-btn-submit" placeholder="Subscribe to our newsletter" required/>
<input type="submit" value="Submit" class="newsletter-input-submit">
</form>
</div>
</div>
</div>
</section>


{# <div id='div-gpt-ad-1563781924570-0' style="align-content: center">#}
{# <script>#}
{# googletag.cmd.push(function() { googletag.display('div-gpt-ad-1563781924570-0'); });#}
{# </script>#}
{# </div>#}

{% endblock %}
{% block vignetteAd %}
<div class="fixed-pub-area w-100"></div>
{% include '_includes/pubs/custom-vignette-ad.html.twig' %}
{% endblock %}
{% block javascripts %}
<script>
$('.category-item').click(function (e) {
$('#register-btn-2').prop( "disabled", false );
let svg = e.currentTarget.firstElementChild;
let span = e.currentTarget.lastElementChild;
var categoryInput = document.getElementById('selected-categories')
svg.style.display === 'block' ? svg.style.display = 'none' : svg.style.display = 'block'
if(svg.style.display === 'block') {
// remove category
let spanValue = span.id;
// put span value in input
if(categoryInput.value){
categoryInput.value = categoryInput.value+","+spanValue;
} else {
categoryInput.value = spanValue;
}
}else{
// add category
let spanValue = span.id;
if(categoryInput.value){
let categories = categoryInput.value.split(",");
let index = categories.indexOf(spanValue);
if (index > -1) {
categories.splice(index, 1);
}
categoryInput.value = categories.join(",");
}
}
e.currentTarget.classList.toggle('active');
})
</script>
{% endblock %}

templates/pages/homepage.html.twig line 40