{% extends "Theme/Users/Adminuser/layoutadmin.html.twig" %}
{% block meta %}
{{ parent() }}
<meta name="author" content="Sprint-pay"/>
<meta name="description" content="{{ site }} - Connexion"/>
{% endblock %}
{% block title %}
{{ parent() }} | Connexion
{% endblock %}
{% block userblog_body %}
<section class="container-fluid" style="padding-left: 0px; padding-right: 0px;">
<section style="min-height: 98px; padding: 15px 50px; background: #2fa84b; color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);">
<div class="row">
<div class="col-md-12">
<span style="float: right;">
<a href="#!" data-toggle="modal" data-target="#articleModalCenter" class="btn btn-primary mt-2">Ajouter Un Article</a>
<a href="#!" data-toggle="modal" data-target="#categoryModalCenter" class="btn btn-primary mt-2">Ajouter Une catégorie</a>
</span>
<h1>Une bonne affaire</h1>
<div>Une bonne affaire</div>
</div>
</div>
</section>
</section>
<div class="container" style="min-height: calc(100vh - 150px);">
<ul class="breadcrumb_" itemprop="breadcrumb_">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Paramètres</a></li>
<li><h1>Liste des paramètres {{ site }}</h1></li>
</ul>
{% for infos in app.session.flashbag.get('information') %}
{% if loop.last %}
<div class="alert alert-warning alert-dismissible fade show" role="alert">
{{ infos }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endif %}
{% endfor %}
<div style="background: #fff; min-height: calc(100vh - 200px);">
<div class="accordion">
{% for typearticle in type_article %}
<div class="accordion__item">
<h2 class="accordion__title {% if loop.index < 3 %}active{% endif %}">{{ typearticle.name }}</h2>
<div class="accordion__body">
<p>{{ typearticle.description }}</p>
<div class="mt-3 text-right">
<a href="#!" class="update-type-article" value="{{ typearticle.id }}" style="color: green;"><span class="bi bi-pencil"></span> Modifier</a>
<a href="#!" class="suppression_current_categorie" value="{{ path('users_adminuser_supprimer_categorie_article', {'id': typearticle.id }) }}" style="color: red;"><span class="bi bi-x-lg"></span> Supprimer</a>
</div>
<div class="card mt-3">
{% set liste_article = typearticle.getFirstArticle() %}
{% for article in liste_article %}
<div class="card-body">
<h4 class="card-title text-primary">
{{ article.title }}
<div class="dropdown" style="float: right;">
<button type="button" class="btn dropdown-toggle" id="dropdownMenuIconButton8" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-activity"></i>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton8" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 46px, 0px);">
<h6 class="dropdown-header">Opérations</h6>
<a class="dropdown-item update-content-article" href="#!" value="{{ article.id }}"><span class="bi bi-pencil"></span> Modifier</a>
<a class="dropdown-item suppression_current_article" href="#!" value="{{ path('users_adminuser_delete_article', {'id': article.id }) }}"><span class="bi bi-x-lg"></span> Supprimer</a>
</div>
</div>
</h4>
<p class="card-description">
{{ article.createdAt|date('d') }}.{{ article.createdAt|date('m') }}.{{ article.createdAt|date('Y') }}
</p>
<p>
{{ article.content }}
</p>
<div class="mt-4">
<a href="{{ path('users_adminuser_add_new_detail_article', {'id': article.id}) }}">En savoir plus <span class="bi bi-arrow-90deg-right"></span></a>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="mt-4">
<a href="{{ path('users_adminuser_articles_typearticle', {'id': typearticle.id }) }}">Afficher tous les articles <span class="bi bi-arrow-90deg-right"></span></a>
</div>
</div>
<!-- END Item -->
{% endfor %}
</div>
</div>
</div>
<!-- content-wrapper ends -->
<!-- Modal -->
<div class="modal fade" id="articleModalCenter" tabindex="-1" role="dialog" aria-labelledby="articleModalCenter" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
{{ form_start(form, {'attr': {'action': path('users_adminuser_accueil_admin_article') }}) }}
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Ajouter un article</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
{{ form_errors(form) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.title) }}
{{ form_label(form.title,'Nom de l\'article') }}
{{ form_widget(form.title) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.content) }}
{{ form_label(form.content,'Détail de l\'article') }}
{{ form_widget(form.content) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.rang) }}
{{ form_label(form.rang,'Rang dans le classement') }}
{{ form_widget(form.rang) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.typearticle) }}
{{ form_label(form.typearticle,'Catégorie de l\'article') }}
{{ form_widget(form.typearticle) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.keywords) }}
{{ form_label(form.keywords,'Mots clés de l\'article séparé par les virgule') }}
{{ form_widget(form.keywords) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(form.imgarticle) }}
{{ form_label(form.imgarticle,'Joindre une image') }}
{{ form_widget(form.imgarticle) }}
</div>
<div class="clear"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Enregistrer</button>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="categoryModalCenter" tabindex="-1" role="dialog" aria-labelledby="categoryModalCenter" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
{{ form_start(formtype, {'attr': {'action': path('users_adminuser_ajout_category_article') }}) }}
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="exampleModalLongTitle">Ajouter une catégorie d'article</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
{{ form_errors(formtype) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(formtype.name) }}
{{ form_label(formtype.name,'Nom de l\'article') }}
{{ form_widget(formtype.name) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(formtype.description) }}
{{ form_label(formtype.description,'Détail de l\'article') }}
{{ form_widget(formtype.description) }}
</div>
<div class="col-md-12 mt-3">
{{ form_errors(formtype.rang) }}
{{ form_label(formtype.rang,'Rang dans le classement') }}
{{ form_widget(formtype.rang) }}
</div>
<div class="clear"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Enregistrer</button>
</div>
</div>
{{ form_end(formtype) }}
</div>
</div>
<div class="modal fade" id="modalGestionCatalogueSelect" tabindex="-1" role="dialog" aria-labelledby="modalGestionCatalogueSelect" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="exampleModalLongTitle">Mise à jour de l'article</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="wait-chargement-content-module" style="text-align: center;">
Patientez un moment pendant le chargement de l'article</br>
<img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 40px; width: 40px;">
</div>
<div class="content-module-loading" style="display: none;">
</div>
</div>
</div>
</div>
<div class="modal-footer" style="display: block;">
{% include "Theme/General/Template/Menu/social.html.twig" %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripttemplate %}
$(".accordion__title.active").next().slideDown();
$(".accordion__title").on("click", function () {
if( $(this).hasClass('active') ) {
$(this).removeClass("active").next().slideUp();
} else {
$(".accordion__title.active").removeClass("active").next(".accordion__body").slideUp();
$(this).addClass('active').next('.accordion__body').slideDown();
}
});
$('.update-type-article').click(function(){
var id = $(this).attr('value');
$('#modalGestionCatalogueSelect').modal('show');
$('.wait-chargement-content-module').show();
$('.content-module-loading').hide();
$.get('{{ path('users_adminuser_modification_categorie_produit') }}',{ id: id }, function(data){
$('.wait-chargement-content-module').hide();
$('.content-module-loading').show();
$('.content-module-loading').html(data);
});
});
$('.suppression_current_categorie').click(function(){
id = $(this).attr('value');
resetNotif();
alertify.confirm("Êtes-vous certain de vouloir supprimer cet catégorie ?</br></br> <span class='bi bi-info'></span> Rassurez-vous qu'aucun article n'est lié à cette catégorie </br>", function (e) {
if(e){
document.location.href= ''+id;
} else {
alertify.success("Opération annulée avec succès !");
}
});
});
$('.update-content-article').click(function(){
var id = $(this).attr('value');
$('#modalGestionCatalogueSelect').modal('show');
$('.wait-chargement-content-module').show();
$('.content-module-loading').hide();
$.get('{{ path('users_adminuser_update_article_categorie') }}',{ id: id }, function(data){
$('.wait-chargement-content-module').hide();
$('.content-module-loading').show();
$('.content-module-loading').html(data);
});
});
$('.suppression_current_article').click(function(){
id = $(this).attr('value');
resetNotif();
alertify.confirm("Êtes-vous certain de vouloir supprimer cet article ?</br></br> <span class='bi bi-info'></span> Rassurez-vous qu'aucune partie n'est liée à cette catégorie </br>", function (e) {
if(e){
document.location.href= ''+id;
} else {
alertify.success("Opération annulée avec succès !");
}
});
});
{% endblock %}