templates/modul/index.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {# Sayfa İstekleri #}
  3. {% set sBoyutlar = 'slider'|ayarlar|split('X') %}
  4. {% set sliders = ''|site_sliders %}
  7. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  8. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  9. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  10. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  12. {% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  13. {% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  14. {% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  15. {% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  16. {% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  17. {% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  18. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  19. {% block body %}
  20.  
  21.   {#
  22. -- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
  25. ----------------------------------------------------
  26. #}
  31.     <div style="position:fixed;width: 100%;height: 100%;left: 0;top: 0;background-image: url(/bg.png);background-position: center;background-size: cover;background-repeat: no-repeat;z-index: 0;"></div>
  32.     <div style="position:fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background-color: #142658a6;"></div>
  34.     <div style="text-align:center;position: relative;z-index:2;color: #fff;margin-top: 50px;">
  35.         <h1 style="
  36. "> Anahtar Parti'ye Üye Ol </h1>
  37.         <h1 style="
  38.     font-size: 70px;
  39. "> ANAHTAR SEN OL! </h1>
  40.         <h1 style="
  41.     font-size: 35px;
  42. "> Artık yalnızca izleyen değil <br><b>yön veren ol!</b></h1>
  43.     </div>
  44.     <div class="container mt-5 mb-5">
  45.         <div class="row justify-content-center" style="position: relative;z-index:2;">
  46.             <div class="col-12 col-md-9 col-lg-5">
  48.                 <div class="card">
  50.                     <div class="card-body">
  51.                         <div class="text-center">
  52.                             <img src="/storage/logo.webp" width="160" class="mb-3">
  53.                             <h4 class="mb-3">Dijital Üyelik Formu</h3>
  54.                         </div>
  56.                         {{ 2|site_formGetir|raw }}
  58.                         <form method="post" enctype="multipart/form-data" class="uyelik-dogrulama" action="" style="display: none;">
  59.                             <input type="hidden" name="registerId" id="registerId" required>
  60.                             <div class="row">
  61.                                 <div class="col-lg-12 col-md-12 col-sm-12" style="margin-top: 10px;"><b style="font-size: 13px;">Doğrulama Kodu: <span style="color:#ff0000;">* </span></b><br><input data-inputmask="'mask': '999999', 'clearIncomplete': true" type="text" name="dogrulamaKodu" class="form-control formInput" placeholder="Doğrulama Kodunu giriniz" required="" im-insert="true"></div>
  62.                                 <div class="col-lg-12 col-md-12 col-sm-12 hata_uyelik-dogrulama" style="margin-top: 10px;"></div>
  63.                                 <div class="col-lg-12 col-md-12 col-sm-12" style="margin-top: 10px;"><button class="formBtn" type="submit" >Doğrula</button></div>
  64.                             </div>
  65.                         </form>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  73.     <div class="modal fade" id="kvkk" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  74.         <div class="modal-dialog modal-lg">
  75.             <div class="modal-content">
  76.                 <div class="modal-header">
  77.                     <h1 class="modal-title fs-5" id="exampleModalLabel">{{ veriler[4][1][0].baslik|default('')|html_entity_decode|raw }}</h1>
  78.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  79.                 </div>
  80.                 <div class="modal-body">
  81.                     {{ veriler[4][1][0].metin|default('')|html_entity_decode|raw }}
  82.                 </div>
  83.                 <div class="modal-footer">
  84.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  92. {% endblock %}
  93. {% block javascripts %}
  95.     <script>
  98.         $('.uyelik-formu').attr('action','');
  100.         $('.uyelik-formu').on('submit', function(e) {
  101.             e.preventDefault(); // Sayfanın yeniden yüklenmesini engeller
  103.             $('.uyelik-formu .formBtn').prop('disabled',true);
  104.             $('.uyelik-formu .formBtn').html('Lütfen Bekleyin!');
  106.             var formData = $(this).serialize(); // Form verilerini al
  108.             $.ajax({
  109.                 url: '/form-register', // POST yapılacak sunucu dosyası
  110.                 type: 'POST',
  111.                 data: formData,
  112.                 success: function(response) {
  113.                     $('.uyelik-formu .formBtn').prop('disabled',false);
  114.                     $('.uyelik-formu .formBtn').html('Gönder');
  116.                     if(response['status']==0){
  117.                         $('.hata_uyelik-formu').html('<div class="alert alert-danger">'+response['hata']+'</div>');
  118.                         return false;
  119.                     }else{
  120.                         $('#registerId').val(response['registerId']);
  121.                         $('.uyelik-formu').css('display','none');
  122.                         $('.uyelik-dogrulama').css('display','block');
  123.                     }
  125.                 },
  126.                 error: function() {
  127.                     $('.uyelik-formu .formBtn').prop('disabled',false);
  128.                     $('.uyelik-formu .formBtn').html('Gönder');
  130.                     $('.hata_uyelik-formu').html('<div class="alert alert-danger">Bir hata oluştu.</div>');
  131.                 }
  132.             });
  133.         });
  136.         $('.uyelik-dogrulama').on('submit', function(e) {
  137.             e.preventDefault(); // Sayfanın yeniden yüklenmesini engeller
  139.             $('.uyelik-dogrulama .formBtn').prop('disabled',true);
  140.             $('.uyelik-dogrulama .formBtn').html('Lütfen Bekleyin!');
  142.             var formData = $(this).serialize(); // Form verilerini al
  144.             $.ajax({
  145.                 url: '/form-dogrulama', // POST yapılacak sunucu dosyası
  146.                 type: 'POST',
  147.                 data: formData,
  148.                 success: function(response) {
  149.                     $('.uyelik-dogrulama .formBtn').prop('disabled',false);
  150.                     $('.uyelik-dogrulama .formBtn').html('Gönder');
  152.                     if(response['status']==0){
  153.                         $('.hata_uyelik-dogrulama').html('<div class="alert alert-danger">'+response['hata']+'</div>');
  154.                         return false;
  155.                     }else{
  156.                         $('.uyelik-dogrulama .formBtn').prop('disabled',true);
  157.                         $('.hata_uyelik-dogrulama').html('<div class="alert alert-success">Üyelik kaydınız başarıyla alınmıtır. Teşekkür ederiz.</div>'); 
  158.                         setTimeout(function (){
  159.                             window.location.reload();
  160.                         },5000);
  161.                         return false;
  162.                     }
  164.                 },
  165.                 error: function() {
  166.                     $('.uyelik-dogrulama .formBtn').prop('disabled',false);
  167.                     $('.uyelik-dogrulama .formBtn').html('Doğrula');
  169.                     $('.hata_uyelik-dogrulama').html('<div class="alert alert-danger">Bir hata oluştu.</div>');
  170.                 }
  171.             });
  172.         });
  173.     </script>
  175. {% endblock %}