<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="viho admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities." /> <meta name="keywords" content="admin template, viho admin template, dashboard template, flat admin template, responsive admin template, web app" /> <meta name="author" content="pixelstrap" /> <link rel="icon" href="{{ asset('assets/images/favicon.png') }}" type="image/x-icon" /> <link rel="shortcut icon" href="{{ asset('assets/images/favicon.png') }}" type="image/x-icon" /> <title> {% block title %} IAA E-learning {% endblock %} </title> <!-- Google font --> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" /> <!-- Font Awesome --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/fontawesome.css') }}" /> <!-- ico-font --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/icofont.css') }}" /> <!-- Themify icon --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/themify.css') }}" /> <!-- Flag icon --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/flag-icon.css') }}" /> <!-- Feather icon --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/feather-icon.css') }}" /> <!-- Plugins css start --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/animate.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/chartist.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/prism.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vector-map.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/datatables.css') }}" /> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" /> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css" /> <!-- Plugins css Ends --> <!-- Bootstrap css --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/bootstrap.css') }}" /> <!-- App css --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}" /> <link id="color" rel="stylesheet" href="{{ asset('assets/css/color-1.css') }}" media="screen" /> <!-- Responsive css --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/responsive.css') }}" /> {% block stylesheets %} {% endblock %} <style> .selectreadonly { pointer-events: none; } </style> </head> <body> <!-- Loader starts --> <div class="loader-wrapper"> <div class="theme-loader"> <div class="loader-p"></div> </div> </div> <!-- Loader ends --> <!-- page-wrapper Start --> <div class="page-wrapper compact-wrapper" id="pageWrapper"> <!-- Page Header Start --> <div class="page-main-header"> <div class="main-header-right row m-0"> <div class="main-header-left"> <div class="logo-wrapper"> <a href="index.html"><img class="img-fluid" src="{{ asset('assets/images/logo/logo_iaa.png') }}" alt="" style="max-height:60px" /></a> </div> <div class="dark-logo-wrapper"> <a href="index.html"><img class="img-fluid" src="{{ asset('assets/images/logo/dark-logo_iaa.png') }}" alt="" style="max-height:60px" /></a> </div> <div class="toggle-sidebar"> <i class="status_toggle middle" data-feather="align-center" id="sidebar-toggle"></i> </div> </div> <div class="left-menu-header col d-none"> <ul> <li> <form class="form-inline search-form"> <div class="search-bg"> <i class="fa fa-search"></i> <input class="form-control-plaintext" placeholder="Search here....." /> </div> </form> <span class="d-sm-none mobile-search search-bg"><i class="fa fa-search"></i></span> </li> </ul> </div> <div class="nav-right col pull-right right-menu p-0"> <ul class="nav-menus"> <li> <a class="text-dark" href="#!" onclick="javascript:toggleFullScreen()"><i data-feather="maximize"></i></a> </li> <li> <div class="mode"> <i class="fa fa-moon-o"></i> </div> </li> <li class="onhover-dropdown p-0"> <button class="btn btn-primary-light" type="button"><a href="{{ path('app_logout') }}"><i data-feather="log-out"></i>Se déconnecter</a></button> </li> </ul> </div> <div class="d-lg-none mobile-toggle pull-right w-auto"> <i data-feather="more-horizontal"></i> </div> </div> </div> <!-- Page Header Ends --> <!-- Page Body Start --> <div class="page-body-wrapper sidebar-icon"> <!-- Page Sidebar Start --> <header class="main-nav"> <div class="sidebar-user text-center"> <a class="setting-primary" href="{{ path('app_user_edit', { id: app.user.id }) }}"><i data-feather="settings"></i></a> {% if app.user.photoDeProfil %} <img class="img-90 rounded-circle" src="{{ asset('uploads/user/photo/' ~ app.user.photoDeProfil) }}" alt="" /> {% else %} <img class="img-90 rounded-circle" src="{{ asset('assets/images/dashboard/1.png') }}" alt="" /> {% endif %} <div class="badge-bottom d-none"> <span class="badge badge-primary">New</span> </div> <a href="user-profile.html"> <h6 class="mt-3 f-14 f-w-600"> {{ app.user.nom }} {{ app.user.prenom }} </h6> </a> <p class="mb-0 font-roboto">{{ app.user.poste }}</p> </div> {{ include('navbar.html.twig') }} </header> <!-- Page Sidebar Ends --> <div class="page-body"> <!-- Container-fluid starts --> {% block body %} {% endblock %} <!-- Container-fluid Ends --> </div> <!-- footer start --> <footer class="footer"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 footer-copyright"> <p class="mb-0">Copyright 2021-22 © Tous droits réservés.</p> </div> <div class="col-md-6"> <p class="pull-right mb-0"> Createch <i class="fa fa-heart font-secondary"></i> </p> </div> </div> </div> </footer> </div> </div> <!-- latest jquery --> <script src="{{ asset('assets/js/jquery-3.5.1.min.js') }}"></script> <!-- feather icon js --> <script src="{{ asset('assets/js/icons/feather-icon/feather.min.js') }}"></script> <script src="{{ asset('assets/js/icons/feather-icon/feather-icon.js') }}"></script> <!-- Sidebar jquery --> <script src="{{ asset('assets/js/sidebar-menu.js') }}"></script> <script src="{{ asset('assets/js/config.js') }}"></script> <!-- Bootstrap js --> <script src="{{ asset('assets/js/bootstrap/popper.min.js') }}"></script> <script src="{{ asset('assets/js/bootstrap/bootstrap.min.js') }}"></script> <!-- Plugins JS start --> <script src="{{ asset('assets/js/chart/chartist/chartist.js') }}"></script> <script src="{{ asset('assets/js/chart/chartist/chartist-plugin-tooltip.js') }}"></script> <script src="{{ asset('assets/js/chart/knob/knob.min.js') }}"></script> <script src="{{ asset('assets/js/chart/knob/knob-chart.js') }}"></script> <script src="{{ asset('assets/js/chart/apex-chart/apex-chart.js') }}"></script> <script src="{{ asset('assets/js/chart/apex-chart/stock-prices.js') }}"></script> <script src="{{ asset('assets/js/prism/prism.min.js') }}"></script> <script src="{{ asset('assets/js/clipboard/clipboard.min.js') }}"></script> <script src="{{ asset('assets/js/counter/jquery.waypoints.min.js') }}"></script> <script src="{{ asset('assets/js/counter/jquery.counterup.min.js') }}"></script> <script src="{{ asset('assets/js/counter/counter-custom.js') }}"></script> <script src="{{ asset('assets/js/custom-card/custom-card.js') }}"></script> <script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}"></script> <script src="{{ asset('assets/js/vector-map/jquery-jvectormap-2.0.2.min.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-world-mill-en.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-us-aea-en.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-uk-mill-en.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-au-mill.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-chicago-mill-en.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-in-mill.js') }}"></script> <script src="{{ asset('assets/js/vector-map/map/jquery-jvectormap-asia-mill.js') }}"></script> <script src="{{ asset('assets/js/dashboard/default.js') }}"></script> <script src="{{ asset('assets/js/notify/index.js') }}"></script> <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script> <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.fr.js') }}"></script> <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script> <script src="{{ asset('assets/js/datatable/datatables/jquery.dataTables.min.js') }}"></script> <script src="//cdn.datatables.net/plug-ins/1.13.2/i18n/fr-FR.json"></script> <script src="//cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script> <script src="//cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script> <script src="//cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script> <script src="//cdn.datatables.net/buttons/2.4.1/js/buttons.colVis.min.js"></script> <script src="{{ asset('assets/js/datatable/datatables/datatable.custom.js') }}"></script> <script src="{{ asset('assets/js/tooltip-init.js') }}"></script> <!-- Plugins JS Ends --> <!-- Theme js --> <script src="{{ asset('assets/js/script.js') }}"></script> <script src="{{ asset('assets/js/theme-customizer/customizer.js') }}"></script> <!-- login js --> <!-- Plugin used --> <script> $('#add-action').click(function (event) { var collectionHolder = $('#' + $(this).attr('data-target')) var prototype = collectionHolder.attr('data-prototype') var form = prototype.replace(/__name__/g, collectionHolder.children().length) collectionHolder.append(form) return false }) $('#actions').on('click', '.btn-danger', function (event) { var name = $(this).attr('data-related') $('*[data-content="' + name + '"]').remove() return false }) const addFormToCollection = (e) => { const collectionHolder = document.querySelector('.' + e.currentTarget.dataset.collectionHolderClass) const item = document.createElement('li') item.innerHTML = collectionHolder.dataset.prototype.replace(/__name__/g, collectionHolder.dataset.index) collectionHolder.appendChild(item) collectionHolder.dataset.index++ addTagFormDeleteLink(item) } document.querySelectorAll('.add_item_link').forEach((btn) => { btn.addEventListener('click', addFormToCollection) }) const addTagFormDeleteLink = (item) => { const removeFormButton = document.createElement('button') removeFormButton.innerText = 'Delete this tag' removeFormButton.setAttribute('class', 'btn btn-danger m-r-20') item.append(removeFormButton) removeFormButton.addEventListener('click', (e) => { e.preventDefault() item.remove() }) } document.querySelectorAll('ul.tags li').forEach((tag) => { addTagFormDeleteLink(tag) }) $('body').on('focus', '.datepicker-dynamic', function () { $(this).datepicker() }) function modifier_mot_de_passe(id) { var url = "{{ path('app_modifier_mot_de_passe', {'id':'mon_id'}) }}" url = url = url.replace('mon_id', id) $.ajax({ url: url, type: 'POST', data: null }) } function initialiser_compte(id) { var url = "{{ path('app_user_initilise_account', {'id':'mon_id'}) }}" url = url = url.replace('mon_id', id) $.ajax({ url: url, type: 'POST', data: null }) } $('#imgavatar').change(function () { console.log("userPhoto") var form = document.getElementById('imgavatar').files[0] console.log($(this).data('userid')) var formData = new FormData() formData.append('photoDeProfilFile', form) var url = "{{ path('app_modifier_photo_de_profil', {'id':'mon_id'}) }}" url = url = url.replace('mon_id', $(this).data('userid')) $.ajax({ url: url, method: 'POST', data: formData, contentType: false, processData: false, cache: false, dataType: 'json', success: function (r) { console.log(r) } }) }) </script> {% block javascripts %} {% endblock %} </body></html>