Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}OP{% endblock %}
{% block absTitle %}
    <div class="container ">
        <div class="row">
            <div class="col">
        <h2 class="h1_v1">{{ Auth.get_conference(conf_id).get('conf_name') }} Orations</h2>
    </div>
</div>
<div class="row">
    <div class="col">
        <div class="alert alert-danger alert-dismissible fade show" id="error_message" style="display:none;" 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>
</div>
    </div>
{% endblock %}
{% block content %}
<div id="content">
</div>
<input type="hidden" name="conf_id"  id="conf_id"  value="{{conf_id}}">
<input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}">
<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}}" >
{% endblock %}
{% block script %}
<script type="text/javascript">
    var BaseUrl = document.location.origin;
    $(document).ready(function () {
        jump_step(1);   
        
    // function get_step1(){
    //     var abs_id    = $("#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 +"/step1/"+abs_type+"/"+conf_id+"/"+conf_key,
    //         data: { 
    //             'abs_id'  : abs_id,
    //             'abs_type': abs_type,
    //              },
    //         dataType: "json"|"html",
    //         success: function (data) {
    //         $("#error_message").hide()
    //             if (data.status == 1){
    //                 $("#content").html(data.data);
    //                         // window.location.replace((BaseUrl+'/pp/abstract_index/PP'));
    //             }
    //             else if (data.status == 0){
    //                 $("#error_message").show()
    //                 $("#error_message label").html(data.msg)
    //                 $('html, body').animate({
    //                             scrollTop: ($('.alert').first().offset().top)
    //                                 },500);
                                
    //             }
    //             else {
                    
    //             }

    //            StopProgress(); 
    //         },

    //     });
    // }
    });   

       function jump_step(step) {
    var abs_id = $("#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) {
        // alert("hi in main page")
        // alert(step,"step")
        // alert(isnext,"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: "json"|"html",
                      beforeSend: function(){
                           ShowProgress();
                      },
                      success: function(data){
                            if (data.status == 1){
                                $("#error_message").hide()
                                $("#content").html(data.data);
                    
                                                    // window.location.replace((BaseUrl+'/pp/abstract_index/PP'));
                                                    }
                             else if (data.status == 0){
                                // alert(data.msg)
                                $("#error_message").show()
                                $("#error_message 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() 
        }
        else if(step == 4)
        {
            validateion_step4()
        }
    }



      function validateion_step1() {
            $("#form_s1").validate({
                rules: {
                    title: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        maxlength: 200,
                    },
                    cat_type : {
                        required:true,
                    },
                    
                },
                messages: {
                    cat_type        : "Please select the  section type",
                    title: {
                        maxlength: "Please enter not more than 200 characters",
                        required : "Please enter the Title"
                    },
                },
                
            });
     }

     function validateion_step2() {
         $("#form_s2").validate({
                rules: {
                    title: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        maxlength: 200,
                    },
                    synopsis: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        maxlength: 1000,
                    },
                    methods: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        maxlength: 1500,
                    },
                    results: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        maxlength: 1000,
                    },
                    
                },
                messages: {
                    title: {
                        maxlength: "Please enter not more than 200 characters",
                        required : "Please enter the Title"
                    },
                    synopsis: {
                        maxlength: "Please enter not more than 1000 characters",
                        required : "Please enter the Aims and Objectives"
                    },
                    methods: {
                        maxlength: "Please enter not more than 1500 characters",
                        required : "Please enter the Materials and Methods"
                    },
                    results: {
                        maxlength: "Please enter not more than 1000 characters",
                        required : "Please enter the Results and conclusions"
                    },
                },
            })
     }
     function validateion_step3(){
        $("#form_s3").validate({
                rules: {
                    cheaward: {
                        required: true,
                    },
                },
                messages: {
                    cheaward: "please accept the rules and regulation to paticiipate in JM Pahwa Award ",
                }, 
            });
     }
     function validateion_step4(){
         $("#form_s4").validate({
            rules: {
              misc1: {
                required: true
              },
            }
          });
     }
     $(".close").click(function(){
        $(".alert").hide()
     })
     
</script>
{% endblock %}