Sindbad~EG File Manager

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="1" onclick="jump_step(1)" aria-selected="true">Step 1</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link active" value="2" aria-selected="true">Step 2</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="3" onclick="{% if data.cur_step >= 2 %}jump_step(3){% endif %}">Step 3</button>
    </li>
    
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active p-2 rounded" role="tabpanel">
        <form id="form_s2" class="form_s2" action="{{url_for('main.StepPost_2',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" method="POST">
            <div class="row">
                <div class="col-md-12 mt-2">
                    <label>Co Author(s)(NOT MORE THAN 3) </label>
                </div>
            </div>
            <div id="co_author_table"></div>
            <br>
            <div class="row py-2">
                <div class="col">
                    <input type="button" name="Previous" id="Previous" class="btn btn-primary" value="Previous" onclick="move(2,0)" />
                </div>
                <div class="col">
                    <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(2,1)" />
                </div>
                <input type="hidden" name="abs" id="abs_id" value="{{abs_id}}" />
                <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />
                <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
                <input type="hidden" name="step" id="step" value="2" />
                <input type="hidden" name="is_next" id="is_next" value="1" />
            </div>
        </form>
    </div>
    <!-- MODAL FOR DEMO-->
    <form id="demo_modal_form">
        <div class="modal" tabindex="1" role="dialog" id="demo_modal">
            <div class="modal-dialog model-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div id="zero_msg" class="alert alert-danger">duration must be grater than 0</div>
                    <div id="over_duration" class="alert alert-danger">Sorry! you cannot add more than 75 minutes</div>
                    <div class="modal-body" id="modal_body_1">
                        <!--  <p>Modal body text goes here.</p> -->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" data-dismiss="model" id="save_model">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<!-- MODAL END-->
<!-- search co instructior model -->
<!-- The Modal -->
<form id="search_model">
    <div class="modal" id="searchcoinst">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Search Co Instructor</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body container">
                    <div class="row">
                        <div class="col-lg-12 col-md-8 col-sm-12">
                            <label>
                                <b class="text-red"> Note : </b>All the faculty / speakers must be registered and verified in the website. If not, It is not possible to participate in {{ Auth.get_conference(conf_id).get("conf_name") }}.
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <label>Type Membership no or Name or Email to search</label><br />
                            <div class="input-group">
                                <input type="text" name="searchtext" id="searchtext" class="form-control" required placeholder="Enter to search" />
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" name="searchbtn" id="searchbtn" type="button">
                                       Search
                                    </button>
                                </div>
                            </div>
                            <br />
                            <label id="searchtext-error" class="error" for="searchtext"></label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12" id="searchtable"></div>
                    </div>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
                <div id="searchmodel"></div>
            </div>
        </div>
    </div>
</form>
{% block script %}
<script type="text/javascript">
    $(document).ready(function () {
        var BaseUrl = document.location.origin;
        getauthordata();
        $("#over_duration").hide();
        $("#zero_msg").hide();
        $("#total_duration_msg").hide();
        $("#search_model").keypress(function (e) {
            if (e.which == 13) {
                $("#searchbtn").click();
                validate_search();
                return false;
            }
            return true;
        });
        $("#searchbtn").click(function () {
            validate_search();
        });
        function validate_search() {
            $("#search_model").validate({
                rules: {
                    searchtext: {
                        normalizer: function (value) {
                            return $.trim(value);
                        },
                        required: true,
                        minlength: 3,
                    },
                },
                messages: {
                    searchtext: {
                        required: "Please enter membership number,name,email",
                        minlength: "Please enter more than three",
                    },
                },
            });
            if ($("#search_model").valid()) {
                var conf_id = $("#conf_id").val();
                var conf_key = $("#conf_key").val();
                var searchtext = $("#searchtext").val();
                $.ajax({
                    type: "GET",
                    url: BaseUrl +"/searchauthor/"+abs_type+"/" + conf_id + "/" + conf_key,
                    data: {
                        searchtext: searchtext,
                        abs_type: "PT",
                        btn_val: "1",
                    },
                    dataType: "html",
                    success: function (data) {
                        // alert("success")
                        // alert(data)
                        $("#searchtable").html(data);
                        return true;
                    },
                });
            }
        }

        $("#next").click(function () {
            validateion();
        });
    });
    function select_Author(user_id) {
        var abs_id = $("#abs_id").val();
        var conf_id = $("#conf_id").val();
        var conf_key = $("#conf_key").val();
        $.ajax({
            type: "GET",
            url: BaseUrl +"/add_co_author/" +abs_type+"/" + conf_id + "/" + conf_key,
            data: {
                user_id: user_id,
                abs_type: "PT",
                abs_id: abs_id,
                role_id: 36,
            },
            dataType: "html",
            success: function (data) {
                $("#searchcoinst").modal("hide");
                $("#searchtext").val("");
                $("#searchtable").html("");
                getauthordata();
                $("#searchdiv").hide();
            },
        });
        return false;
    }
    function getauthordata() {
        var abs_id = $("#abs_id").val();
        var conf_id = $("#conf_id").val();
        var conf_key = $("#conf_key").val();
        $.ajax({
            type: "GET",
            url: BaseUrl +"/get_co_author/"+abs_type+"/" + conf_id + "/" + conf_key,
            data: {
                abs_id: abs_id,
                abs_type: "PT",
            },
            dataType: "html",
            success: function (data) {
                $("#co_author_table").html(data);
            },
        });
    }
</script>
{% endblock %}