Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}PT{% endblock %} {% block absTitle %}
  <div class="row">
    <div class="col">
      <h2 class="h1_v1">{{Auth.get_conference(conf_id).get("conf_name")}} Photoessay Abstract Submission Form</h2>
      <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>
  </div>

      {% endblock %} {% block content %}
      <div id="content"></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() {
    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_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) {
    // 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_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: {
        title: {
          normalizer: function(value) {
            return $.trim(value);
          },
          required: true,
          maxlength: 153,
        },
      },
      title: {
          maxlength: "Please enter not more than 153 characters",
          required: "Please enter the title",
        },
    });
  }

  function validateion_step2() {
    $("#form_s2").validate({
      rules: {
        title: {
          normalizer: function(value) {
            return $.trim(value);
          },
          required: true,
          maxlength: 100,
        },
        synopsis: {
          normalizer: function(value) {
            return $.trim(value);
          },
          required: true,
          maxlength: 1000,
        },
      },
      messages: {
        title: {
          maxlength: "Please enter not more than 100 characters",
          required: "Please enter the title",
        },
        synopsis: {
          maxlength: "Please enter not more than 1000 characters",
          required: "Please enter the Synopsis",
        },
      },
    });
  }

  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 %}