Drupal 8 custom twig templates

See also questions close to this topic

• Undefined index: retail_price displayed i couldn't pass retail_price in to loading_add.php page

  I am creating an inventory control system for my sales. i can serialize complete table successfully i have one problem i have sell_price column in in table, retail price column is not there in the table.how can send the retail price hidden to the php page.because i need to calculating profit at end the day sales. i am sending all record to loading_add.php page through ajex. what i tried so far i wrote it below. how to send retail_price hidden field in to loading_add.php page.

  Enter the product code the get the product prices.only display sell price. retail should display the hidden field.

  this is the Form design

   <td>
        <select class="form-control" id="product_id" name="product_id" required>
        <option value="">Please Select</option>
         </select>
       </td>
  
        <td>
    <input type="hidden" class='retailprice'  id="retail_price" name="retail_price" >
        <input type="text" class="form-control sell_price" id="sell_price" name="sell_price" placeholder="price" disabled>
        </td>
        <td>
        <input type="number" class="form-control sell_price" id="qty" name="qty" placeholder="qty" min="1" value="1"  required>
        </td>
        <td>
        <input type="text" class="form-control" placeholder="total_cost" id="total_cost" name="total_cost" disabled>
        </td>
        <td>
        <button class="btn btn-success" type="button" onclick="addproduct()">Add
          </button>
        </td>
  

  Get the price

  function getPrice() {
          $("#pro_price").empty();
          $.ajax({
              type: 'POST',
              url: '../php/product/get_price.php',
              dataType: 'JSON',
              data: {product_id: $("#product_id").val() },
              success: function(data) {
                  console.log(data);
                  $("#sell_price").val(data[0].sell_price);
                  current_stock =Number(data[0].qty);
                  $("#qty").focus();
                  retail_price =Number(data[0].retail_price);
                  pro_price =Number(data[0].sell_price);
              },
              error: function(xhr, status, error) {
              }
          });
      }
  

  After get product name and price click add putton product add in to the table Add the product in the table

  function addproduct() {
  var product = {
      cat_id: $("#cat_id option:selected").text(),
      product_name: $("#product_id option:selected").text(),
      product_id: $("#product_id").val(),
     retail_price: $("#retail_price").val(),
      pro_price: $("#pro_price").val(),
      qty: $("#qty").val(),
      total_cost: $("#total_cost").val(),
      button: '<button  type="button" class="btn btn-warning btn-xs")">delete</button>'
  };
  addRow(product);
  $('#frmInvoice')[0].reset();
  

  creating a addRow function add the product in the list

   function addRow(product) {
  
                var $tableB = $('#product_list tbody');
      var $row = $("<tr><td><Button type='button' name = 'record'  class='btn btn-warning btn-xs' name='record' onclick='deleterow(this)' >Delete</td>" +
      "<td>" + product.product_id + "</td>" +
      "<td class=\"price\">" + product.cat_id + "</td>" +
      "<td>" + product.product_name + "</td>" +
      "<td><input type='hidden' class='retail_price' value="+ product.retail_price +">" + product.pro_price + "</td>" +
      "<td>" + product.qty + "</td><td>"
      + product.total_cost +
      "</td></tr>");
      $row.data("cat_id", product.cat_id);
      $row.data("product_id", product.product_id);
      $row.data("product_name", product.product_name);
      $row.data("price", product.price);
      $row.data("retail_price", product.retail_price);
      $row.data("qty", product.qty);
      $row.data("total_cost", product.total_cost);
      total += Number(product.total_cost);
      $('#total').val(total);
      console.log(product.total_cost);
      $row.find('deleterow').click(function (event) {
          deleteRow($(event.currentTarget).parent('tr'));
      });
      $tableB.append($row);
  
  }
  

  **

  **var table_data = [];
      $('#product_list tbody tr').each(function(row,tr)
      {
          var sub = {
              'product_id' : $(tr).find('td:eq(1)').text(),
              'cat_id' : $(tr).find('td:eq(2)').text(),
              'product_name' : $(tr).find('td:eq(3)').text(),
                'retail_price': $(tr).find('td:eq(5)').text(),
              'sell_price' : $(tr).find('td:eq(4)').text(),
              'qty' : $(tr).find('td:eq(5)').text(),
              'total_cost' : $(tr).find('td:eq(6)').text(),
          };
          table_data.push(sub);
      });**
  

  **

  send the data in to loading_add.php page

    $.ajax({
          type : "POST",
          url: '../php/product/loading_add.php',
          dataType: 'JSON',
  
          data: {data:table_data},
  

  loading_add.php

  $relative_list = $_POST['data'];
  
          $stm = $conn->prepare("INSERT INTO sales_product(sales_id,cat_id,product_id,retail_price,sell_price,qty,total,profit)
            VALUES (?,?,?,?,?,?,?,?)");
          $stm->bind_param("issiiiii",$last_id,$cat_id,$product_id,$retail_price,$price,$qty,$total_cost,$profit);
          $cat_id= $relative_list[$x]['cat_id'];
          $product_id= $relative_list[$x]['product_name'];
  
  $retail_price= $relative_list[$x]['retail_price'];
         $price= $relative_list[$x]['price'];
          $qty= $relative_list[$x]['qty'];
          $total_cost= $relative_list[$x]['total_cost'];
  
• Checking if inputted PHP code returns a value

  I'm trying to make sure that some PHP code entered into a textarea is valid and returns a value.

  Here is my code:

  try {
      if (!$return = eval($php_code)) {
          $error = 'The php code field must return a value.';
      }
  }
  catch (Throwable $e) {
      $error = $e->getMessage();
  }
  
  if (isset($error)) {
      die($error);
  }
  

  This does not appear to be working. It catches most of the errors, but if I enter something like echo 'test'; it does not produce an error.
• Decimal lost while extracting digits from a string in PHP

  I am trying to extract digits and decimal point from a string but the decimal point is lost when I am using following regular expression:

  <?php
  $str = "$40.0000";
  echo $str;
  echo "<br />";
  $pattern = "/\D+/";
  $str = preg_replace($pattern, '', $str);
  echo $str;
  ?>
  

  Output:

  $40.0000
  400000 
  

  I want to retain dot also. How to include dot in my regex?
• Check Drupal version before the Drupal was installed

  As I understand setting up a Drupal project and installing Drupal is the same in the context of Drupal.

  So, I got a Drupal project. I am trying to install the Drupal.

  And here is the error I am getting:

  The Drupal installer requires that the ./sites/default/default.settings.php file not be modified in any way from the original download.

  Okay, I am skilled enough to google the issue. And here is what I found:

  just to clarify, when you download d7, all you should need to do is copy the default.settings.php file and rename it to settings.php so that you have the two files in the sites/default folder. Then browse to the site and you should be prompted to install.

  So, as I understood it I am to download the Drupal and get the .sites/default/default.settings.php file from it. But I need to know which version my project is using, so that to download the correct Drupal version.

  But I do not know how to find out the version of the Drupal of the project which was not installed yet.

  So, how can I find out the version of my Drupal project if the project was not installed and I can not be installed, since I need to know the version first?

  Thank you.

  
• Drupal 6 with latest version php

  First of all, sorry to say I am not a PHP developer.

  Recently I have migrated my all websites to a new shared server. All are working fine except one which is running with druapl 6 platforms. error like below

  This page isn’t working drupal6.jshare.in is currently unable to handle this request. HTTP ERROR 500

  I have searched a lot and most of saying that it is the issue related to the lower PHP version used in the Drupal 6, I would like to know any hack will help to use the compatible PHP version for this specific site only in my server. Please support.
• How to add a header area?

  Please tell me how to add a header area on this page. Photo below.

  
• Symfony read more / read less with bootstrap 4 collapse

  I have multiple texts on one page which, if they are longer than 200 characters should be sliced up and all text after 200 characters should be hidden and made visible by clicking 'read more' which extend that portion of the text. Given that I already ise the Bootstrap4.1 framwork, I thought I could use their collapse option. What I have gotten so far is this:

  In Twig:

  <div class="text-body">
      <p id="collapse{{ text.id }}" aria-expanded="false">
          {{ text.description | slice (1,200) }}
          {% if (text.description| length > 200 ) %}...
              <span id="more-text{{ text.id }}" class="collapse font-bitter">
                   {{ text.description| slice (200) }}
              </span>
              <a href="#" data-toggle="collapse" data-target="#more-text{{ text.id }}">Read more</a>
          {% endif %}
      </p>
  </div>
  

  An example of what the redered HTML might be:

  <p id="collapse10" aria-expanded="false">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec q ...
      <span id="more-text10" class="collapse font-bitter">
              quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
          </span>
      <a href="#" data-toggle="collapse" data-target="#more-text10">Read more</a>
  </p>
  
  <p id="collapse11" aria-expanded="false">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec q ...
      <span id="more-text10" class="collapse font-bitter">
              quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
          </span>
      <a href="#" data-toggle="collapse" data-target="#more-text11">Read more</a>
  </p>
  

  Or this live example.

  I have two problems that I still need to solve but cannot figure out how. First I need to remove the ... when read more is clicked. Secondly I have lost the transitioning of the Bootstrap collapse because I use the <span> element, and not a <div>. I do this because I don't want to create a new rule halfway in a sentence. Can this somehow be fixed as well?
• Uncaught Twig_Error_Syntax: Unknown "json_encode" function opencart

  i have an issue with a twig file in my opencart 3.0.2.0 webshop, the error that i got is,

  
  

   Uncaught Twig_Error_Syntax: Unknown "json_encode" function in 
  "default/template/extension/module/notification.twig" at line 22. in 
  /home/mk4design/public_html/system/library/template/Twig/ExpressionParser.php:574
  Stack trace:#0 
  

  
  

  the complete twig file is below and there are 3 lines with the json_encode that are not correct can anyone help me to give me a lead to solve this problem

  
  

  <div id="fnotification-{{ module }}" class="f-notification animated">
      <div class="notification-block">
          {% if (notification['close_status']) %}<button class="fclose-notification">×</button>{% endif %} 
          <div class="notification-image">
              {% if (custom_icons) %} 
                  {% if (thumb) %} 
                      <img src="{{ thumb }}" title="{{ title }}" alt="{{ title }}">
                  {% endif %}    
              {% else %} 
                  <i class="fas fa {{ font_icon }}"></i>
              {% endif %} 
          </div>
          <div class="notification-text-block">
              <div class="notification-title">{{ title }}</div>
              <div class="notification-text"></div>
          </div>    
      </div>    
  </div>
  <script type="text/javascript">
      $('#fnotification-{{ module }}').fNotification({
          uId : {{ module }},
          Cities : {{ json_encode(city) }},
          Names : {{ json_encode(cname) }},
          Products : {{ json_encode(products) }},
          Amount : [{{ min_amount }}, {{ max_amount }}],
          Text : '{{ text }}',
          // Time Duration
          DelayFirstMin : '{{ delay_first }}',
          DisplayTime : '{{ display_time }}',
          DelayMin : '{{ delay_between }}',
          AnimationEffectOpen : '{{ in_animation }}',
          AnimationEffectClose : '{{ out_animation }}',
          DisplayTimes : '{{ cutomer_session > 0 ? cutomer_session : 0 }}',
          CloseLifetime : '{{ cookie_time }}',
          // Position
          position: '{{ position }}',
          postionTop : {{ top != '' ? top : '' }},
          postionBottom : '{{ bottom != '' ? bottom : '' }}',
          postionLeft : '{{ left != '' ? left : '' }}',
          postionRight : '{{ right != '' ? right : '' }}',
          NotificationSound :'',
          // Style
          borderRadius : '{{ border_radius }}',
          borderWidth : '{{ border_width }}',
          borderColor : '{{ border_color }}',
          backGround : '{{ bg_color }}',
          TextColor : '{{ text_color }}',
          LinkColor : '{{ link_color }}',
          Width : '{{ popup_width }}',        
          Height : '{{ popup_height }}',
          // Close Button Color
          BtnCloseColor : '{{ close_color }}',        
          BtnCloseHoverColor : '{{ close_hover_color }}',        
      });
  </script>
  

  
  

  Thanks in advance
  

  
  

  
  
• Jquery conflict in Symfony's Twig template

  In form.html.twig I have:

  <script src="{{ asset('js/jquery-3.3.1.js') }}"></script>
  <script>
  ....
  {# my script that use jquery and works fine #}
  ....
  var categorias = [{
    id: 1,
    subcategorias: ['Limpiar casa', 'Ordenar casa']
  }, {
    id: 2,
    subcategorias: ['Recambios', 'ITV']
  }, {
    id: 3,
    subcategorias: ['Administración', 'Bolsa-Horas Extras', 'Cursos de formación', 'Permisos', 'Ropa', 'Vacaciones']
  }, {
    id: 4,
    subcategorias: ['Copias de Seguridad', 'MySql-Doctrine', 'Php', 'Symfony', 'Twig', 'Otras tareas']
  }, {
    id: 5,
    subcategorias: ['Facturas', 'Hacienda', 'Instalaciones', 'Material de Oficina', 'Material Didáctico']
  }, {
    id: 6,
    subcategorias: ['Mapas-GPS', 'Alojamiento', 'Vuelos', 'Otras actividades']
  }, {
    id: 7,
    subcategorias: ['Luz-Agua-Gas', 'Movil', 'Otras facturas']
  }, {
    id: 8,
    subcategorias: ['Planes', 'Música', 'Lectura']
  }, {
    id: 9,
    subcategorias: ['Alimentación', 'Limpieza', 'LeroyMerlin-Bricodepo', 'Centro Eguzkilore', 'Libros-Cultura', 'Otras compras']
  }, {
    id: 10,
    subcategorias: ['Compras', 'Transporte', 'Otros']
  }, {
    id: 11,
    subcategorias: ['Casa', 'Eguzkilore', 'Coche', 'Viajes', 'Hegoalde', 'Otros gastos']
  }];
  
  function categoriaChanged(categoriaId) {
  
    // deselect subcategoria
    $('#sd7d3822876_subcategoria').val('');
  
    // hide all subcategorias
    $('#sd7d3822876_subcategoria option[value!=""]').hide();
  
    for (var i = 0; i < categorias.length; i++) {
      // if(categoriaId.indexOf(categorias[i].id) > -1){
      if (categorias[i].id == categoriaId) {
        showSubcategorias(categorias[i].subcategorias);
        return;
      }
    }
  }
  
  function showSubcategorias(subcategorias) {
    for (var i = 0; i < subcategorias.length; i++) {
      $('#sd7d3822876_subcategoria option[value="' + subcategorias[i] + '"]').show();
    }
  }
  
  $(document).ready(function () {
    $('#sd7d3822876_subcategoria option[value!=""]').hide();
  
    $('#sd7d3822876_categoria ').on('change', function (e) {
      categoriaChanged(e.target.value);
    });
  
  });
  </script>
  

  The form.html.twig use a datepicker calendar that it loads through its template, datepicker.html.twig, several scripts with the following structure:

  jQuery(function ($) {
  ....
  {# script that use jquery and doesn't work with the step one's script but works fine without it #}
  ....
  $('#{{ datepicker_use_button ? 'dp_' : '' }}{{ id }}').datetimepicker({{ dp_options|json_encode|raw }});
  }); 
  

  Those scripts that use jquery don't work with the step one's script but work fine without it.

  There is, then, one jquery conflict. How can I solve it?