Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}FP{% endblock %} {% block absTitle %}
<div class="container p-3 rounded" style="background-color:white;" >
    <div class="row">
        <div class="col">
            <h2 class="h1_v1">{{Auth.get_conference(conf_id).get('conf_name')}} Free Paper 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 class="row">
        <div class="col">
            <div id="content"></div>
        </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 = $("#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();
        } else if (step == 4) {
            validateion_step4();
        }
    }

    function validateion_step1() {
        $("#form_s1").validate({
            rules: {
                cat_type: {
                    required: true,
                },
                presenting_type: {
                    required: true,
                },
            },
            messages: {
                cat_type: "Please select the  section type",
                presenting_type: "Please select the  presentation type",
            },
        });
    }

    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 ",
            },
        });
    }
    function validateion_step4() {
        $("#form_s4").validate({
            rules: {
                in_India: {
                    required: true,
                },
                is_already_published: {
                    required: true,
                },
                is_consider_hp: {
                    required: true,
                },
                lab_research: {
                    required: true,
                },
                rbtnlab_research: {
                    required: true,
                },
                chkterms: {
                    required: true,
                },
            },
        });
    }
    $(".close").click(function () {
        $(".alert").hide();
    });
</script>
{% endblock %}