templates/admin/experience/edit/editHighlights.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Lister les ponits fort {% endblock %}
  3. {% block breadcump_main %}Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Points fort{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuAdmin.html.twig' with { menu_active_event : '2'} %}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">
  10.     <link href="{{ asset('admin/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  13. {% endblock %}
  14. {% block content %}
  15.     <form id="form-general" class="general-info custom-validation" method="POST" action="{{ path('edit_highlights',{'id':experience.id}) }}" enctype="multipart/form-data"  >
  16.         <div class="container-fluid">
  18.             <div class="row">
  19.                 <div class="col-xl-12 px-0">
  20.                     <div class="card">
  21.                         <div class="card-body">
  22.                             <div class="sm:p-4 p-2 pb-0 pt-1" id="myform2">
  24.                                 <h5 class="text-lg font-semibold mt-5 ">Points Forts</h5>
  25.                                 <p class="text-gray-700 text-sm">Ajouter et modifier les points forts qui marque votre expérience. </p>
  26.                                 <div class="divider w-2/6 mt-1 mb-5"></div>
  30.                                 <div id="faq-forms">
  31.                                     {% for highlight in experience.highlights %}
  32.                                         <div class="row mb-4 text-sm  highlight-block ">
  33.                                             <div class="flex items-center">
  34.                                                 <div class="relative col-8 flex">
  35.                                                     <input required="" type="text" value="{{ highlight }}" id="highlight{{ loop.index }}" name="highlights[]"
  36.                                                            class="form-control form-control-lg sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 ps-5"
  37.                                                            placeholder="Points fort ">
  39.                                                     <div class="absolute" style="top: 7px;left: 6px;color: #a1a1a1;">
  40.                                                         <i class="bx bx-list-check" style="font-size: 29px;"></i>
  41.                                                     </div>
  42.                                                     <div class="h-6 rounded cursor-pointer ps-2 delete-icon"><i class="bx bx-x-circle text-2xl"></i></div>
  44.                                                 </div>
  45.                                             </div>
  46.                                         </div>
  47.                                     {% endfor %}
  48.                                 </div>
  49.                                 <div id="add-faq" class="mt-4  py-2 flex items-center justify-end gap-2  rounded cursor-pointer ">
  50.                                     <p class="text-base m-0 font-semibold">Ajouter</p>
  51.                                     <i class="bx bx-plus-circle text-orange text-2xl"></i>
  52.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                         <!-- end card body -->
  57.                     </div>
  58.                     <!-- end card -->
  59.                 </div>
  60.                 <!-- end col -->
  62.                 <div class="row">
  63.                     <div class="col-lg-12">
  64.                         <div class="card">
  65.                             <div class="card-body">
  66.                                 <div class="flex mt-4 row">
  67.                                     <div class="col-md-6">
  68.                                         <p class="text-xs  text-gray-900 mb-2">En cliquant sur le bouton d'enregistrement, vous mettez à jours les informations
  69.                                             enregistrer par ce formulaire </p>                                    </div>
  70.                                     <div class="col-md flex justify-end">
  71.                                         <button type="reset" style=" color: #ffaa00; border: 1px solid;" class="font-medium h-10  py-2.5 rounded-lg text-center text-sm  w-40 me-2">
  72.                                             Annuler</button>
  73.                                         <button type="submit" style=" background: #ffaa00;" class="font-medium hover:bg-primary-700 h-10  py-2.5 rounded-lg text-center text-sm text-white w-40">Enregistrer</button>
  74.                                     </div>
  75.                                 </div>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 <!-- end col -->
  82.             </div>
  85.         </div> <!-- container-fluid -->
  86.     </form>
  87. {% endblock %}
  88. {% block javascripts %}
  89.     <!-- apexcharts -->
  90.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  91.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  92.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  94.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  96.     <script src="{{ asset('admin/js/app.js')}}"></script>
  97.     <script src="{{ asset('admin/js/pages/Highlights.js')}}"></script>
  98.     <script>
  99.         /*
  100.          Template Name: Skote - Admin & Dashboard Template
  101.          Author: Themesbrand
  102.          Website: https://themesbrand.com/
  103.          Contact: themesbrand@gmail.com
  104.          File: Form Advanced Js File
  105.          */
  107.         !function ($) {
  108.             "use strict";
  110.             var AdvancedForm = function () { };
  112.             AdvancedForm.prototype.init = function () {
  114.                 // Select2
  115.                 if ($('.select2').length > 0) {
  116.                     $(".select2").select2();
  117.                 }
  118.                 if ($('.select2-tags').length > 0) {
  119.                     $(".select2-tags").select2({
  120.                         tags: true
  121.                     });
  122.                 }
  123.                 if ($('.select2-limiting-3').length > 0) {
  124.                     $(".select2-limiting-3").select2({
  125.                         maximumSelectionLength: 3
  126.                     });
  127.                 }
  129.                 //Bootstrap-MaxLength
  130.                 $('input#defaultconfig').maxlength({
  131.                     warningClass: "badge bg-info",
  132.                     limitReachedClass: "badge bg-warning"
  133.                 });
  135.                 $('input#thresholdconfig').maxlength({
  136.                     threshold: 20,
  137.                     warningClass: "badge bg-info",
  138.                     limitReachedClass: "badge bg-warning"
  139.                 });
  141.                 $('input#moreoptions').maxlength({
  142.                     alwaysShow: true,
  143.                     warningClass: "badge bg-success",
  144.                     limitReachedClass: "badge bg-danger"
  145.                 });
  147.                 $('input#alloptions').maxlength({
  148.                     alwaysShow: true,
  149.                     warningClass: "badge bg-success",
  150.                     limitReachedClass: "badge bg-danger",
  151.                     separator: ' out of ',
  152.                     preText: 'You typed ',
  153.                     postText: ' chars available.',
  154.                     validate: true
  155.                 });
  157.                 $('textarea#textarea').maxlength({
  158.                     alwaysShow: true,
  159.                     warningClass: "badge bg-info",
  160.                     limitReachedClass: "badge bg-warning"
  161.                 });
  163.                 $('input#placement').maxlength({
  164.                     alwaysShow: true,
  165.                     placement: 'top-left',
  166.                     warningClass: "badge bg-info",
  167.                     limitReachedClass: "badge bg-warning"
  168.                 });
  170.             },
  171.                     //init
  172.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  173.         }(window.jQuery),
  174.                 //Datepicker
  175.                         function ($) {
  176.                             "use strict";
  177.                             $.AdvancedForm.init();
  178.                         }(window.jQuery);
  180.     </script>
  181. {% endblock %}