Sindbad~EG File Manager

{% extends "users/layout.html" %} {% block title %}IC{% endblock %} {% block absTitle %}
    <div class="row">
        <div class="col">
            <h3 class="p-2">{{ Auth.get_conference(conf_id).get('conf_name')|upper or '' }} Instruction Course Submission Form</h3>
            <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="conf_id" id="conf_id" value="{{ conf_id }}" />
<input type="hidden" name="conf_key" id="conf_key" value="{{ conf_key }}" />
<input type="hidden" name="en_abs_id" id="en_abs_id" value="{{abs_id}}" />
<input type="hidden" name="abs_id" id="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) // load step 1        
    });

     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: "json" | "html",
            beforeSend: function () {
                ShowProgress();
            },
            success: function (data) {
                if (data.status == 1) {
                    $("#error_message_step1").hide();
                    $("#content").html(data.data);

                    // window.location.replace((BaseUrl+'/IC/abstract_index/IC'));
                } 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: {
                category: {
                    required: true,
                },
                level: {
                    required: true,
                },
            },
            messages: {
                category: "Please select the section",
                level: "Please select the leve of course",
            },
        });
    }

    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,
                },
                resume: {
                    normalizer: function (value) {
                        return $.trim(value);
                    },
                    required: true,
                    maxlength: 600,
                },
            },
            messages: {
                title: {
                    required: "Please enter the Title",
                    maxlength: "Please enter not more than 100 characters",
                },
                Synopsis: {
                    required: "Please enter the Synopsis",
                    maxlength: "Please enter not more than 1000 characters",
                },
                resume: {
                    required: "Please enter the Resume",
                    maxlength: "Please enter not more than 600 characters",
                },
            },
        });
    }
    function validateion_step3() {
    $("#form_s3").validate({
        rules: {
            panel_discussion: {
                // required: true,
                maxlength: 2,
            },
        },
        messages: {
            panel_discussion: {
                // required: "Please enter the Panel Discussion",
                maxlength: "Please enter not more than 2 digital",
            },
        },
    });
    }
    $(".close").click(function () {
        $(".alert").hide();
    });
</script>
{% endblock %}