https://tbilisiethnofest.ge/js/mine.js

1$(document).on('click', '.lan-btn', function(e){
2    e.preventDefault();
3    
4    var language = $(this).data('lang');
5    var pathname = window.location.pathname;
6    pathname = pathname.replace(lang,language);
7    if (pathname.length==1){
8      window.location.href = base_url+language;
9    } else  {
10      window.location.href = pathname;
11    }
12  });
13 
14
15
16  $('#orderforms').on("submit",function (e) { 
17    e.preventDefault();
18    
19    $('#orderforms button').attr('disabled',true);
20    
21    let data = $(this).serialize();
22    $('.is-invalid').removeClass('is-invalid');
23    $('[data-text="type"]').removeClass('text-danger');
24     $('[data-text="images"]').removeClass('text-danger');
25    // $(this).css('pointer-events', 'none');
26    let thh =  $(this);
27    $('#valid').hide();
28    $.ajaxSetup({
29      headers: {
30          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
31      }
32  });
33
34    $.ajax({
35      type: "post",
36      url: APP_URL + "/makeorder",
37      data: data,
38      success: function (response) {
39 
40        if (response.succ) {
41          Swal.fire({
42   
43            text: MESSAGE.succ,
44            icon: 'success',
45            confirmButtonText: MESSAGE.closes,
46            })
47
48            setTimeout(function(){
49                location.reload();
50            }, 3000)
51
52        }
53      },
54      error:function(e){
55               $('#orderforms button').attr('disabled',false);
56      let errorrs = e.responseJSON.errors;
57       $.map(errorrs, function (el, index) {
58           
59           if(index == 'type'){
60               $('[data-text="type"]').addClass('text-danger');
61           }
62           
63            if(index == 'images' ){
64               $('[data-text="images"]').addClass('text-danger');
65           }
66           
67         
68        $(`[name="${index}"]`).addClass('is-invalid');
69       });
70        $("html, body").animate({ scrollTop: 0 }, "slow");
71        $('#valid').show();
72      //  thh.css('pointer-events', 'all');
73      }
74    });
75  });
76
77let input = document.querySelector('#cosfile');
78let showdiv = document.querySelector('.prever');
79let previmage = function(input, showdiv) {
80 let imgsizes;
81 
82    if (input.files) {
83        var filesAmount = input.files.length;
84       
85
86        for (i = 0; i < filesAmount; i++) {
87            var reader = new FileReader();
88            reader.onload = function(event) { 
89              imgsizes += event.target.result;   
90             let validatesize = imgsizes.length / 1024
91         
92             if (validatesize > 12400) {
93              Swal.fire({
94                title: 'უპს',
95                text: 'სურათების საერთო ზომა არ უნდა იყოს 10mb მეტი',
96                icon: 'error',
97                confirmButtonText: 'დახურვა',
98                })
99
100                return;
101             }
102
103            let appendeddiv = `<div class="itemsimg">
104            <span class="removeimg" >X</span>
105            <input type="hidden" value="${event.target.result}" name="images[]"> 
106            <img src='${event.target.result}'>
107            </div>`
108            showdiv.innerHTML += appendeddiv;
109            let removeimgs = document.querySelectorAll('.itemsimg span');
110            
111         removeimgs.forEach(element=>{
112          element.addEventListener('click', function(){
113           this.parentElement.remove();
114         })
115         }) 
116            } 
117         
118            reader.readAsDataURL(input.files[i]);
119
120      }
121
122    }
123 }
124 
125 
126 
127 
128 input.addEventListener('change', function(e){
129  previmage(this, showdiv);
130 })