templates/web/customer/layout/footer/powered_by.twig line 1

Open in your IDE?
  1. {##
  2.  # Powered by box
  3.  #}
  5. {# Modification of this template or removal of the "Powered by X-Cart" label are forbidden for X-Cart Free Edition. #}
  7. <div class="powered-by">
  8.   <p class="copyright">&copy; {{ this.getCompanyYear() }} {{ this.get('config').Company.company_name }}. {{ t('All rights reserved.') }}</p>
  9.   <p class="powered-by-label">{{ this.getMessage()|raw }}</p>
  10. </div>
  11. <div class="modal fade" id="jobModal" tabindex="-1" role="dialog" aria-labelledby="jobModalLabel" aria-hidden="true" >
  12.   <div class="modal-dialog modal-dialog-centered" role="document">
  13.     <div class="modal-content">
  14.       <div class="modal-header">
  15.         <h5 class="modal-title" id="exampleModalLabel">New project list</h5>
  16.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  17.           <span aria-hidden="true">&times;</span>
  18.         </button>
  19.       </div>
  20.       <div class="modal-body">
  21.       <form id="addform">
  22.        <div class="form-group">
  23.     <label for="exampleInputEmail1">Project list name</label>
  24.     <input type="text" class="form-control" id="project_list_name" name="project_list_name" aria-describedby="emailHelp" placeholder="Enter List name">
  25.     <input type="hidden" class="form-control" id="project_id" name="project_id">
  26.     <div class="text-danger" id='project_list_name-err'></div>
  27.     <small id="emailHelp" class="form-text text-muted">The name must contain at least 1 character and at most 60 characters
  28.     </small>
  29.     </form>
  30.   </div>
  31.       </div>
  32.       <div class="modal-footer">
  33.         <button type="button" class="btn btn-primary" id="addjoblist">Create Job List</button>
  34.       </div>
  35.     </div>
  36.   </div>
  37. </div>
  38. <div class="modal fade" id="jobModal1" tabindex="-1" role="dialog" aria-labelledby="jobModalLabel" aria-hidden="true" >
  39.   <div class="modal-dialog modal-dialog-centered" role="document">
  40.     <div class="modal-content">
  41.       <div class="modal-header">
  42.         <h5 class="modal-title" id="exampleModalLabel">Add item to a product list</h5>
  43.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  44.           <span aria-hidden="true">&times;</span>
  45.         </button>
  46.       </div>
  47.       <div class="modal-body">
  48.       <form id="addform1">
  49.        <div class="row">
  50.        <div class='col-md-9'>
  51.         <input type='hidden' id="product_id" name="product_id" />
  52.         <input type='hidden' id="quantity" name="quantity" />
  53.        <label for="exampleInputEmail1">Project list name</label>
  54.     <input type="text" class="form-control" id="project_list_name" name="project_list_name" aria-describedby="emailHelp" placeholder="Enter List name">
  55.      <div class="text-danger" id='project_list_name-err'></div>
  56.     <small id="emailHelp" class="form-text text-muted">The name must contain at least 1 character and at most 60 characters
  57.     </small>
  58.        </div>
  59.      <div class='col-md-3'>
  60.       <label for="exampleInputEmail1"></label>
  61.      <button type="button" class="btn btn-primary" id="addjoblists1">Create Job List</button>
  62.       </div>
  63.       </div>
  64.     </form>
  65.    
  66.     <div id="loadcontent"></div>
  67.         </div>
  68.       </div>
  69.      
  70.     </div>
  71.   </div>
  72.   {# <div class="modal fade" id="jobModal2" tabindex="-1" role="dialog" aria-labelledby="jobModalLabel" aria-hidden="true" >
  73.   <div class="modal-dialog modal-dialog-centered" role="document">
  74.     <div class="modal-content">
  75.       <div class="modal-header">
  76.         <h5 class="modal-title" id="exampleModalLabel">Add item to a product list</h5>
  77.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  78.           <span aria-hidden="true">&times;</span>
  79.         </button>
  80.       </div>
  81.       <div class="modal-body">
  82.       <form id="addform2">
  83.        <div class="row">
  84.        <div class='col-md-9'>
  85.        <label for="exampleInputEmail1">Project list name</label>
  86.     <input type="text" class="form-control" id="project_list_name" name="project_list_name" aria-describedby="emailHelp" placeholder="Enter List name">
  87.      <div class="text-danger" id='project_list_name-err'></div>
  88.     <small id="emailHelp" class="form-text text-muted">The name must contain at least 1 character and at most 60 characters
  89.     </small>
  90.        </div>
  91.      <div class='col-md-3'>
  92.       <label for="exampleInputEmail1"></label>
  93.      <button type="button" class="btn btn-primary" id="addjoblist2">Create Job List</button>
  94.       </div>
  95.       </div>
  96.     </form>
  97.     <input type='hidden' id="product_id" name="product_id" />
  98.     <div id="loadcontent2"></div>
  99.         </div>
  100.       </div>
  101.      
  102.     </div>
  103.   </div> #}
  104.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  105. <script>
  106. $(document).ready(function(){
  107.  //$("#addjob").attr("class","add-product-to-joblist");
  108.     $('.add-to-wishlist').removeClass('add-to-wishlist').addClass('add-product-to-joblists');
  110. })
  111.     $(document).on("click","#addjob",function() {
  112.       $("#quantity").val(1);
  113.      var $this = jQuery(this);
  114.     if($this.hasClass('must-be-logged-in')){
  115.    jQuery('a.log-in').first().click();
  116.     }else{
  117.         var productid = $(this).data("productid");
  118.         var quantity = $(this).closest('.buttons-row').find(".quantity").val();
  119.         loaddata(productid); 
  120.         $("#jobModal1").modal("show")
  121.         $(".modal-backdrop").modal("hide")
  122.           $("#product_id").val(productid);
  123.           $("#quantity").val(quantity);
  124.     }
  125.     
  127.     })
  128. $(document).on("click",".add-product-to-joblist",function() {
  129.       $("#quantity").val(1);
  130.      var $this = jQuery(this);
  131.     if($this.hasClass('must-be-logged-in')){
  132.    jQuery('a.log-in').first().click();
  133.     }else{
  134.         var productid = $(this).data("productid");
  135.         var quantity = $(this).closest('.buttons-container').find(".qty-in-cart").val();
  136.         loaddata(productid); 
  137.         $("#jobModal1").modal("show")
  138.         $(".modal-backdrop").modal("hide")
  139.           $("#product_id").val(productid);
  140.           $("#quantity").val(quantity);
  141.     }
  142.     
  144.     })
  145.     
  146.     $(document).on("click","#addjoblists1",function(event) {
  147.       event.preventDefault();
  148.       console.log("1");
  149.       if($("#addform1 #project_list_name").val() == ""){
  150.  $("#addform1 #project_list_name-err").text("Project list name is required!")
  151.  return true;
  152.       }else if($("#addform1 #project_list_name").val().length > 60){
  153.         $("#addform1 #project_list_name-err").text("Project list name is maximum 60 character!")
  154.         }else{
  155. $("#addform1 #project_list_name-err").text("")
  156.  var formdata = new FormData();
  157.   var productid = $("#addform1 #product_id").val();
  158.   var quantity = $("#addform1 #quantity").val();
  159.  formdata.append("project_list_name",$("#addform1 #project_list_name").val())
  160.  formdata.append("product_id",productid)
  161.  formdata.append("quantity",quantity)
  162.     $.ajax({
  163.     type: 'POST',
  164.     url: '?target=job_list&action=add',
  165.     processData:false,
  166.     contentType:false,
  167.     dataType:'json',
  168.     data: formdata,
  169.     success: function(response) {
  170.       if(response.success){
  171.          $("#addform1 #project_list_name").val("")
  172.       loaddata(productid);
  173.       }else{
  174.         $("#addform1 #project_list_name-err").text(response.message)
  175.       }
  176.         console.log(response)
  177.     },
  178.     error: function(xhr, status, error) {
  179.         console.log(error)
  180.     }
  181. });
  182.       }
  183.      
  184.     })
  185.     
  186.     function loaddata(productid){
  187.     var formdata2 = new FormData();
  188.  formdata2.append("product_id",productid);
  189.     $("#loadcontent").html("")
  190.     $.ajax({
  191.     type: 'POST',
  192.      processData:false,
  193.     contentType:false,
  194.     dataType:'json',
  195.     data: formdata2,
  196.     url: '?target=job_list&action=list',
  197.     success: function(response) {
  198.       if(response.success){
  199.       for(let x=0; x<response.datas.length;x++){
  200.       if(response.datas[x].exists == "yes"){
  201.       var button=`<a href="javascript:void(0)" class="btn btn-primary" style='background-color:#16704a' ><i class='fa fa-check-circle'></i> Product Added</a>`;
  202.       }else{
  203.       var button=`<a href="javascript:void(0)" class="btn btn-primary addproducttojoblists" data-id="${response.datas[x].id}">Add Product</a>`;
  204.       }
  205.       
  206.         $("#loadcontent").append(`<div class="row mb-3" style="margin-bottom:20px">
  207. <div class="card " >
  208. <svg xmlns="http://www.w3.org/2000/svg" width="100" height="50" viewBox="0 0 40 40"><path d="M0 24h36a4 4 0 0 1 4 4v12H4a4 4 0 0 1-4-4V24z" fill="#DEDEDE" fill-rule="evenodd" style="fill: rgb(56, 191, 199);"></path>
  209.     <path d="M28 9v28H4V9h24zm-1.333 1.333H5.333v25.334h21.334V10.333zm8-9.333v36h-8V10.373l-.69-.04H5.333v-2a2 2 0 0 1 2-2h7.334V1h20zM18 27.667a2 2 0 0 1 1.99 1.807l.01.193V37h-8v-7.333a2 2 0 0 1 1.807-1.991l.193-.01h4zM33.333 2.333H16V6.21l8.689.095.19.011a2 2 0 0 1 1.788 1.989V9h2a2 2 0 0 1 1.99 1.807l.01.193v2.667a2 2 0 0 1-1.808 1.99l-.192.01H28v2.666h.667a2 2 0 0 1 1.99 1.808l.01.192V23a2 2 0 0 1-1.808 1.99l-.192.01H28v2.667h.667a2 2 0 0 1 1.99 1.807l.01.193v2.666a2 2 0 0 1-1.808 1.991l-.192.01H28v1.333h5.333V2.333zM18 29h-4c-.327 0-.6.236-.656.547l-.01.12v6h5.333v-6c0-.287-.18-.53-.434-.625l-.113-.031L18 29zm10.667 0H28v4h.667c.327 0 .6-.236.656-.547l.01-.12v-2.666c0-.328-.236-.6-.546-.656l-.12-.011zm-16-8a2 2 0 0 1 1.99 1.807l.01.193v1.333a2 2 0 0 1-1.808 1.991l-.192.01h-1.334a2 2 0 0 1-1.99-1.808l-.01-.193V23a2 2 0 0 1 1.808-1.99l.192-.01h1.334zm8 0a2 2 0 0 1 1.99 1.807l.01.193v1.333a2 2 0 0 1-1.808 1.991l-.192.01h-1.334a2 2 0 0 1-1.99-1.808l-.01-.193V23a2 2 0 0 1 1.808-1.99l.192-.01h1.334zm-8 1.333h-1.334c-.327 0-.6.236-.656.547l-.01.12v1.333c0 .328.236.6.546.656l.12.011h1.334c.327 0 .6-.236.656-.547l.01-.12V23c0-.327-.236-.6-.546-.656l-.12-.01zm8 0h-1.334c-.327 0-.6.236-.656.547l-.01.12v1.333c0 .328.236.6.546.656l.12.011h1.334c.327 0 .6-.236.656-.547l.01-.12V23c0-.327-.236-.6-.546-.656l-.12-.01zm8-2.666H28v4h.667c.327 0 .6-.236.656-.547l.01-.12v-2.667c0-.327-.236-.6-.546-.656l-.12-.01zm-16-5.334a2 2 0 0 1 1.99 1.808l.01.192v1.334a2 2 0 0 1-1.808 1.99l-.192.01h-1.334a2 2 0 0 1-1.99-1.808l-.01-.192v-1.334a2 2 0 0 1 1.808-1.99l.192-.01h1.334zm8 0a2 2 0 0 1 1.99 1.808l.01.192v1.334a2 2 0 0 1-1.808 1.99l-.192.01h-1.334a2 2 0 0 1-1.99-1.808l-.01-.192v-1.334a2 2 0 0 1 1.808-1.99l.192-.01h1.334zm-8 1.334h-1.334c-.327 0-.6.236-.656.546l-.01.12v1.334c0 .327.236.6.546.656l.12.01h1.334c.327 0 .6-.236.656-.546l.01-.12v-1.334c0-.327-.236-.6-.546-.656l-.12-.01zm8 0h-1.334c-.327 0-.6.236-.656.546l-.01.12v1.334c0 .327.236.6.546.656l.12.01h1.334c.327 0 .6-.236.656-.546l.01-.12v-1.334c0-.327-.236-.6-.546-.656l-.12-.01zm8-5.334H28v4h.667c.327 0 .6-.236.656-.546l.01-.12V11c0-.327-.236-.6-.546-.656l-.12-.01zm-4-2.666H7.333l-.12.01a.667.667 0 0 0-.546.656V9h18.666v-.667a.667.667 0 0 0-.666-.666z" fill="#303545" fill-rule="nonzero"></path>
  210. </svg>
  211.     <div class="card-body">
  212.     <h3 class="card-title">${response.datas[x].project_name}</h3>
  213.     ${button}
  214.        
  215.   </div>
  216. </div>
  217. </div>`)
  218. }
  219.       
  220.       }
  221.         console.log(response)
  222.     },
  223.     error: function(xhr, status, error) {
  224.         console.log(error)
  225.     }
  226. });
  227.     }
  228.     $(document).on("click",".addproducttojoblists",function(){
  229.     var button = $(this)
  230.     var id = $(this).data("id");
  231.      var productid = $("#product_id").val();
  232.    var quantity = $("#addform1 #quantity").val();
  233.      var formdata = new FormData();
  234.  formdata.append("job_list_id",id)
  235.  formdata.append("product_id",productid)
  236.  formdata.append("quantity",quantity)
  237.     $.ajax({
  238.     type: 'POST',
  239.     url: '?target=job_list&action=AddProduct',
  240.     processData:false,
  241.     contentType:false,
  242.     dataType:'json',
  243.     data: formdata,
  244.     success: function(response) {
  245.       if(response.success){
  246.         button.css("background-color","#16704a").html("<i class='fa fa-check-circle'></i> Product Added")
  247.       }else{
  248.        button.css("background-color","#16704a").html("<i class='fa fa-check-circle'></i> Product Already Added")
  249.       }
  250.        button.removeClass('addproducttojoblists').addClass('');
  251.     },
  252.     error: function(xhr, status, error) {
  253.         console.log(error)
  254.     }
  255. });
  256.      
  257.     
  258.     })
  259.     $(document).ready(function(){
  260.     var jobList = $(".job_list");
  261.     var makeAnOffer = $(".make-an-offer");
  262.     jobList.insertBefore(makeAnOffer);
  263. });
  264. </script>