templates/bubble/bubble_update.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}- Mise à jour d'une bulle{% endblock %}
  5. {% block breadcrumb %}
  6.     <!-- ============================================================== -->
  7.     <!-- Bread crumb and right sidebar toggle -->
  8.     <!-- ============================================================== -->
  9.     <div class="page-breadcrumb">
  10.         <div class="row custom-between">
  11.             <div class="align-self-center">
  12.                 <h1 class="page-title text-dark font-weight-medium mb-1 text-break">{% trans %}Modifier une bulle{% endtrans %}</h1>
  13.                 <div class="d-flex align-items-center">
  14.                     <nav aria-label="breadcrumb">
  15.                         <ol class="breadcrumb m-0 p-0">
  16.                             <li class="breadcrumb-item">
  17.                                 <li class="breadcrumb-item"><a href="{{ path('home') }}">{% trans %}Page d'accueil{% endtrans %}</a>&nbsp;>&nbsp;&nbsp;>&nbsp;<a href="{{ path('bubble') }}">{% trans %}Mes bulles{% endtrans %}</a>&nbsp;>&nbsp;<span>{% trans %}Modifier une bulle{% endtrans %}</span>
  18.                             </li>
  19.                         </ol>
  20.                     </nav>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  25. {% endblock %}
  27. {% block content %}
  28.     <div class="row">
  29.         <div class="col-12">
  30.             <div class="card">
  31.                 <div class="card-header mc-bg text-white">
  32.                     {% trans %}Informations de la bulle{% endtrans %}
  33.                 </div>
  34.                 <div class="card-body">
  35.                     {{ form_start(bubbleForm) }}
  37.                     <div class="input-group mb-3">
  38.                         <div class="input-group-prepend">
  39.                             <label class="input-group-text" ><i data-feather="tag"
  40.                                                                 class="feather-icon"></i></label>
  41.                         </div>
  42.                         {{ form_widget(bubbleForm.bubble_name, { 'attr' : {
  43.                             'placeholder' : 'Nom de la bulle'
  44.                         }}) }}
  45.                     </div>
  46.                     {% if form_errors(bubbleForm.bubble_name)%}
  47.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.bubble_name) }}</div>
  48.                     {% endif %}
  50.                     <div class="input-group mb-3">
  51.                         <div class="input-group-prepend">
  52.                             <label class="input-group-text" ><i data-feather="mail"
  53.                                                                 class="feather-icon"></i></label>
  54.                         </div>
  55.                         {{ form_widget(bubbleForm.b_address, { 'attr' : {
  56.                             'placeholder' : 'Adresse'
  57.                         }}) }}
  58.                     </div>
  59.                     {% if form_errors(bubbleForm.b_address)%}
  60.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.b_address) }}</div>
  61.                     {% endif %}
  63.                     <div class="input-group mb-3">
  64.                         <div class="input-group-prepend">
  65.                             <label class="input-group-text" ><i data-feather="map-pin"
  66.                                                                 class="feather-icon"></i></label>
  67.                         </div>
  68.                         {{ form_widget(bubbleForm.b_postal_code, { 'attr' : {
  69.                             'placeholder' : 'Code postal'
  70.                         }}) }}
  71.                     </div>
  72.                     {% if form_errors(bubbleForm.b_postal_code)%}
  73.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.b_postal_code) }}</div>
  74.                     {% endif %}
  76.                     <div class="input-group mb-3">
  77.                         <div class="input-group-prepend">
  78.                             <label class="input-group-text" ><i data-feather="home"
  79.                                                                 class="feather-icon"></i></label>
  80.                         </div>
  81.                         {{ form_widget(bubbleForm.b_city_name, { 'attr' : {
  82.                             'placeholder' : 'Ville'
  83.                         }}) }}
  84.                     </div>
  85.                     {% if form_errors(bubbleForm.b_city_name)%}
  86.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.b_city_name) }}</div>
  87.                     {% endif %}
  89.                     <div class="input-group mb-3">
  90.                         <div class="input-group-prepend">
  91.                             <label class="input-group-text" ><i data-feather="map"
  92.                                                                 class="feather-icon"></i></label>
  93.                         </div>
  94.                         {{ form_widget(bubbleForm.b_country, { 'attr' : {
  95.                             'placeholder' : 'Pays'
  96.                         }}) }}
  97.                     </div>
  98.                     {% if form_errors(bubbleForm.b_country)%}
  99.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.b_country) }}</div>
  100.                     {% endif %}
  102.                     <div class="input-group mb-3">
  103.                         <div class="input-group-prepend">
  104.                             <label class="input-group-text" ><i data-feather="check-square"
  105.                                                                 class="feather-icon"></i></label>
  106.                         </div>
  107.                         {{ form_widget(bubbleForm.is_qc_updatable, { 'attr' : {
  108.                             'placeholder' : 'Contrôle qualité'
  109.                         }}) }}
  110.                     </div>
  111.                     {% if form_errors(bubbleForm.is_qc_updatable)%}
  112.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.is_qc_updatable) }}</div>
  113.                     {% endif %}
  115.                     <div class="input-group mb-3">
  116.                         <div class="input-group-prepend">
  117.                             <label class="input-group-text" ><i data-feather="user"
  118.                                                                 class="feather-icon"></i></label>
  119.                         </div>
  120.                         {{ form_widget(bubbleForm.stripe_customer_id, { 'attr' : {
  121.                             'placeholder' : 'Identifiant du client'
  122.                         }}) }}
  123.                     </div>
  124.                     {% if form_errors(bubbleForm.stripe_customer_id)%}
  125.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.stripe_customer_id) }}</div>
  126.                     {% endif %}
  128.                     <div class="input-group mb-3">
  129.                         <div class="input-group-prepend">
  130.                             <label class="input-group-text" ><i data-feather="credit-card"
  131.                                                                 class="feather-icon"></i></label>
  132.                         </div>
  133.                         {{ form_widget(bubbleForm.stripe_pay_method_id, { 'attr' : {
  134.                             'placeholder' : 'Méthode de paiement'
  135.                         }}) }}
  136.                     </div>
  137.                     {% if form_errors(bubbleForm.stripe_pay_method_id)%}
  138.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.stripe_pay_method_id) }}</div>
  139.                     {% endif %}
  141.                     {# Number of crédit Field >>> #}
  142.                     <div class="number-credit-error" style="color: red; display: none">{% trans %}Veuillez entrer une valeur supérieure ou égale à 0,01.{% endtrans %}</div>
  143.                     <div class="number-credit-error-dec" style="color: red; display: none">{% trans %}Merci d'indiquer un nombre à deux décimales maximum{% endtrans %}</div>
  144.                     <div class="input-group mb-3">
  145.                         <div class="input-group-prepend">
  146.                             <label class="input-group-text" ><i data-feather="hash"
  147.                                                                 class="feather-icon"></i></label>
  148.                         </div>
  149.                         {{ form_widget(bubbleForm.number_credit, { 'attr' : {
  150.                             'placeholder' : 'Nombre de crédits'
  151.                         }}) }}
  152.                     </div>
  153.                     {% if form_errors(bubbleForm.number_credit) %}
  154.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.number_credit) }}</div>
  155.                     {% endif %}
  156.                     {# <<< Number of crédit Field #}
  158.                     {# Credit value Field >>> #}
  159.                     <div class="credit-value-error" style="color: red; display: none">{% trans %}Veuillez entrer une valeur supérieure ou égale à 0,01.{% endtrans %}</div>
  160.                     <div class="credit-value-error-dec" style="color: red; display: none">{% trans %}Merci d'indiquer un nombre à deux décimales maximum{% endtrans %}</div>
  161.                     <div class="credits mb-3">
  162.                         {{ form_widget(bubbleForm.credit_value, { 'attr' : {
  163.                             'placeholder' : 'Valeur d\'un crédit'
  164.                         }}) }}
  165.                     </div>
  166.                     {% if form_errors(bubbleForm.credit_value) %}
  167.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.credit_value) }}</div>
  168.                     {% endif %}
  169.                     {# <<< Credit value Field #}
  171.                     {# Ad valorem value Field >>> #}
  172.                     {# <div class="ad-valorem-error" style="color: red; display: none">{% trans %}Veuillez entrer une valeur supérieure ou égale à 0,01.{% endtrans %}</div>
  173.                     <div class="ad-valorem-error-dec" style="color: red; display: none">{% trans %}Merci d'indiquer un nombre à deux décimales maximum{% endtrans %}</div> #}
  174.                     {# <div class="input-group ad-valorem mb-3">
  175.                         <div class="input-group-prepend">
  176.                             <label class="input-group-text" ><i data-feather="plus-square"
  177.                                                                 class="feather-icon"></i></label>
  178.                         </div>
  179.                         {{ form_widget(bubbleForm.ad_valorem, { 'attr' : {
  180.                             'placeholder' : "Valeur de l'ad valorem Vistory (en %)"
  181.                         }}) }}
  182.                     </div> #}
  183.                     {# {% if form_errors(bubbleForm.ad_valorem) %}
  184.                         <div class="alert alert-danger">{{ form_errors(bubbleForm.ad_valorem) }}</div>
  185.                     {% endif %} #}
  186.                     {# <<< Ad valorem value Field #}
  188.                     <button class="btn btn-primary btn-mc-to-load update-bubble-button" type="submit">
  189.                         <span class="btn-mc-loader d-none spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
  190.                         <span class="btn-mc-loading-text">{% trans %}Valider{% endtrans %}
  191.                     </button>
  193.                     {{ form_end(bubbleForm) }}
  194.                 </div>
  195.             </div>
  196.         </div>
  197.     </div>
  199. {% endblock %}
  201. {% block javascripts %}
  202.     {{ parent() }}
  203.     <script>
  204.         $(document).ready(function() {
  205.             
  206.             var numberCredit = true;
  207.             var creditValue = true;
  208.             var numberCreditDec = true;
  209.             var creditValueDec = true;
  210.             var adValoremDec = true;
  212.             //----- NUMBER CREDIT -----/
  213.             $('#bubble_edit_number_credit').blur(function(){
  215.                 if($('#bubble_edit_number_credit').val() < 0.01 && $('#bubble_edit_number_credit').val() != 0) {
  216.                     if($('#bubble_edit_number_credit').val() != ''){
  217.                         $('#bubble_edit_number_credit').css('border', 'solid red 1px');
  218.                         $('.update-bubble-button').attr('disabled', true);
  219.                         $('.number-credit-error').show()
  220.                         numberCredit = false
  221.                     } 
  222.                 } else {
  223.                     $('#bubble_edit_number_credit').css('border', '1px solid #e9ecef');
  224.                     $('.number-credit-error').hide()
  225.                         numberCredit = true
  226.                 }
  228.                 if ($('#bubble_edit_number_credit').val() > 0.01 && (/\.\d{3,}/.test($('#bubble_edit_number_credit').val()) || /\,\d{3,}/.test($('#bubble_number_credit').val()))) {
  229.                     $('#bubble_edit_number_credit').css('border', 'solid red 1px');
  230.                     $('.update-bubble-button').attr('disabled', true)
  231.                     $('.number-credit-error-dec').show();
  232.                     numberCreditDec = false
  233.                 } else {
  234.                     $('#bubble_number_credit').css('border', '1px solid #e9ecef');
  235.                     $('.number-credit-error-dec').hide();
  236.                     numberCreditDec = true
  237.                 }
  238.              
  239.                 if(numberCredit == true && creditValue == true && numberCreditDec == true && creditValueDec == true && adValoremDec == true) {
  240.                     $('.update-bubble-button').attr('disabled', false)
  241.                 }
  242.             })
  244.             //----- CREDIT VALUE -----//
  245.             $('#bubble_edit_credit_value').blur(function(){
  246.                 if($('#bubble_edit_credit_value').val() < 0.01) {
  247.                     if($('#bubble_edit_credit_value').val() != ''){
  248.                         $('#bubble_edit_credit_value').css('border', 'solid red 1px');
  249.                         $('.update-bubble-button').attr('disabled', true);
  250.                         $('.credit-value-error').show()
  251.                         creditValue = false
  252.                     } 
  253.                 } else {
  254.                     $('#bubble_edit_credit_value').css('border', '1px solid #e9ecef');
  255.                     $('.credit-value-error').hide()
  256.                     creditValue = true
  257.                 }
  259.                 if ($('#bubble_edit_credit_value').val() > 0.01 && (/\.\d{3,}/.test($('#bubble_edit_credit_value').val()) || /\,\d{3,}/.test($('#bubble_credit_value').val()))) {
  260.                     $('#bubble_edit_credit_value').css('border', 'solid red 1px');
  261.                     $('.update-bubble-button').attr('disabled', true)
  262.                     $('.credit-value-error-dec').show();
  263.                     creditValueDec = false
  264.                 } else {
  265.                     $('#bubble_edit_credit_value').css('border', '1px solid #e9ecef');
  266.                     $('.credit-value-error-dec').hide();
  267.                     creditValueDec = true
  268.                 }
  269.              
  270.                 if(numberCredit == true && creditValue == true && numberCreditDec == true && creditValueDec == true && adValoremDec == true) {
  271.                     $('.update-bubble-button').attr('disabled', false)
  272.                 }
  273.             })
  275.             //----- AD VALOREM -----//
  276.             /*$('#bubble_edit_ad_valorem').blur(function(){
  277.                 
  278.                 if($('#bubble_edit_ad_valorem').val() < 0) {
  279.                     if($('#bubble_edit_ad_valorem').val() != ''){
  280.                         $('#bubble_edit_ad_valorem').css('border', 'solid red 1px');
  281.                         $('.update-bubble-button').attr('disabled', true)
  282.                         $('.ad-valorem-error').show()
  283.                     }
  284.                 } else {
  285.                     $('#bubble_edit_ad_valorem').css('border', '1px solid #e9ecef');
  286.                     $('.ad-valorem-error').hide()
  287.                 } 
  289.                 if ($('#bubble_edit_ad_valorem').val() >= 0 && (/\.\d{3,}/.test($('#bubble_edit_ad_valorem').val()) || /\,\d{3,}/.test($('#bubble_edit_ad_valorem').val()))) {
  290.                     $('#bubble_edit_ad_valorem').css('border', 'solid red 1px');
  291.                     $('.update-bubble-button').attr('disabled', true)
  292.                     $('.ad-valorem-error-dec').show();
  293.                     adValoremDec = false
  294.                 } else {
  295.                     $('#bubble_edit_ad_valorem').css('border', '1px solid #e9ecef');
  296.                     $('.ad-valorem-error-dec').hide();
  297.                     adValoremDec = true
  298.                 }
  300.                 if(numberCredit == true && creditValue == true && numberCreditDec == true && creditValueDec == true && adValoremDec == true) {
  301.                     $('.update-bubble-button').attr('disabled', false)
  302.                 }
  303.             })*/
  305.             
  307.             $('#bubble_edit_ad_valorem').on('input', function() {
  308.                 let adValorem = $(this).val();
  309.                 let adValoremError = $('.ad-valorem-error');
  311.                 /* if (/\.\d{3,}/.test(adValorem) || /\,\d{3,}/.test(adValorem)) {
  312.                     adValoremError.show();
  313.                     const twoDecimalPlacesMessage = '<span style="color: red; font-size: 11px; padding: 0 0 0 20px; ">' +
  314.                         '{% trans %}Veuillez entrer une valeur supérieure à 0.01.{% endtrans %}' +
  315.                         '</span>';
  316.                     adValoremError.html(twoDecimalPlacesMessage)
  317.                 } else {
  318.                     adValoremError.hide();
  319.                 } */ 
  320.             });
  322.             const credictsElt = $(".credits");
  323.             credictsElt.find('.input-group-text').remove();
  324.             credictsElt.find('.input-group-prepend').remove();
  325.             credictsElt.find('.input-group-append').remove();
  326.             const credictsIcon = "<span class='credicts-icon'>€</span>";
  327.             credictsElt.find('.input-group').prepend(credictsIcon);
  329.         });
  331.         $('.js-example-basic-single').select2();
  332.     </script>
  334. {% endblock %}