Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}Q{% endblock %}

{% block absTitle %}
    <div class="container p-3 rounded" style="background-color:white;" >
        <div class="row">
            <div class="col">
        <label class="h2">Register for Prof E.T. Selvam Endourment Quiz Award</label>
        <div class="alert alert-warning alert-dismissible fade show" id="error_message_step1" role="alert">
            <label id="error_message_label"></label>
            <button type="button" class="close" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    </div>
{% endblock %}
{% block content %}
<div id="content">
</div>
</div>
    </div>
<input type="hidden" name="abs_id" id="abs_id" value="{{abs_id}}" />
<input type="hidden" name="en_abs_id" id="en_abs_id" value="{{abs_id}}" />
<input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />
<input type="hidden" name="conf_id" id="conf_id" value="{{ conf_id }}" />
<input type="hidden" name="conf_key" id="conf_key" value="{{ conf_key }}" />
{% endblock %}
{% block script %}
<script type="text/javascript">
    var BaseUrl = document.location.origin;
    $(document).ready(function () {
        get_step1();

        function get_step1() {
            var abs_id = $("#en_abs_id").val();
            var abs_type = $("#abs_type").val();
            var conf_id = $("#conf_id").val();
            var conf_key = $("#conf_key").val();
            // alert(abs_id)
            ShowProgress();
            $.ajax({
                type: "GET",
                url: BaseUrl +"/step1/"+abs_type+"/"+ conf_id + "/" + conf_key,
                data: {
                    abs_id: abs_id,
                    abs_type: abs_type,
                },
                dataType: "json" | "html",
                success: function (data) {
                    $("#error_message_step1").hide();
                    if (data.status == 1) {
                        $("#content").html(data.data);
                        // window.location.replace((BaseUrl+'/pp/abstract_index/PP'));
                    } else if (data.status == 0) {
                        $("#error_message_step1").show();
                        $("#error_message_step1 label").html(data.msg);
                        $("html, body").animate(
                            {
                                scrollTop: $(".alert").first().offset().top,
                            },
                            500
                        );
                    } else {
                    }

                    StopProgress();
                },
            });
        }
    });

    function jump_step(step){
            var abs_id = $("#en_abs_id").val();
            var abs_type = $("#abs_type").val();
            var conf_id = $("#conf_id").val();
            var conf_key = $("#conf_key").val();
            ShowProgress();
            $.ajax({
                type: "GET",
                url: BaseUrl +"/step"+step+"/"+abs_type+"/" + conf_id + "/" + conf_key,
                data: {
                    abs_id: abs_id,
                    abs_type: abs_type,
                },
                dataType: "json" | "html",
                success: function (data) {
                    $("#error_message_step1").hide();
                    if (data.status == 1) {
                        $("#content").html(data.data);
                        // window.location.replace((BaseUrl+'/pp/abstract_index/PP'));
                    } else if (data.status == 0) {
                        $("#error_message_step1").show();
                        $("#error_message_step1 label").html(data.msg);
                        $("html, body").animate(
                            {
                                scrollTop: $(".alert").first().offset().top,
                            },
                            500
                        );
                    } else {
                    }

                    StopProgress();
                },
            });
    } 


    function move(step,isnext) {
        $("#is_next").val(isnext)
        if(isnext == 1)
        {
            validateion(step);
            if(!$("#form_s"+step).valid())
            {
                return false
            }    
        }
        
                 $.ajax({
                      type: 'POST', // <-- get method of form
                      url: $("#form_s"+step).attr('action'), // <-- get action of form
                      data: $("#form_s"+step).serialize(), // <-- serialize all fields into a string that is ready to be posted to your PHP file
                      dataType: "html"|"json",
                      beforeSend: function(){
                           ShowProgress();
                      },
                      success: function(data){
                        if (data.status == 1){
                                $("#error_message_step1").hide()
                                $("#content").html(data.data);
                    
                                                    // window.location.replace((BaseUrl+'/pp/abstract_index/PP'));
                                                    }
                             else if (data.status == 0){
                                // alert(data.msg)
                                $("#error_message_step1").show()
                                $("#error_message_step1 label").html(data.msg)
                                $('html, body').animate({
                                scrollTop: ($('.alert').first().offset().top)
                                    },500);
                                }
                            else {
                            // $('#content').html(" ");
                            // $('#content').html(data);
                        }
                         StopProgress();
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                          //location.reload();  
                        }                      
              });  
              return false;
    }


    function validateion(step) {
        if (step == 1){
            validateion_step1()
        }
        else if(step == 2)
        {
            validateion_step2()
        }
        else if(step == 3)
        {
           validateion_step3() 
        }
    }


      function validateion_step1() {
            $("#form_s1").validate({
                rules: {
                    city: {
                        required: true,
                    },
                    title: {
                        required: true,
                        maxlength: 100,
                    },
                    state: {
                        required: true,
                        maxlength:1000,
                    },
                },
                messages: {
                    city: "Please enter the city",
                    title: {
                        required:"Please enter the Institution Name",
                        maxlength:"Please enter not more than 150 characters",
                    },
                    state:{
                        required:"Please select the state",
                        },
                },
                
            });
     }

     function validateion_step2() {
         $("#form_s2").validate({
                              rules: {    
                                title: {                      
                                  required: true,
                                  maxlength:100
                                },      
                                Synopsis: {
                                  required: true,
                                  maxlength:1000
                                },                
                                resume: {
                                  required: true,
                                  maxlength:600                      
                                }                                
                              },  
                              messages: {
                                title:{
                                 maxlength:"Please enter not more than 100 characters"
                                },
                                Synopsis:{
                                  maxlength : "Please enter not more than 1000 characters"
                                },
                                resume:{
                                  maxlength : "Please enter not more than 600 characters"
                                }
                              }              
                        });
 }
     function validateion_step3(){
        $("#form_s3").validate({
                rules: {
                    cheaward: {
                        required: true,
                    },
                },
                messages: {
                    cheaward: "please accept the rules and regulation to paticiipate in JM Pahwa Award ",
                }, 
            });
     }  
     $(".close").click(function(){
        $(".alert").hide()
     })
</script>
{% endblock %}