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 nav_btn_gray" value="2" onclick="jump_step(2)">Step 2</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link active" value="3">Step 3</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="4" onclick="{% if data.cur_step >= 3 %} jump_step(4) {% endif %}">Step 4</button>
    </li>
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active p-2 rounded" role="tabpanel">
        <form id="form_s3" class="form_s3" action="{{url_for('main.Step3post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" method="POST">
            <div id="total_duration_msg" class="alert alert-danger">Sorry! you cannot add more than 75 minutes</div>
            <div class="row">
                <div class="col">
                    <span style="color: blue;"><label>Co-Authors</label> (Not more than 4) </span>
                </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(3,0)" />
                </div>
                <div class="col">
                    <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(3,1)" />
                </div>
                <input type="hidden" name="abs" id="abs_id" value="{{abs_id}}" />
                <input type="hidden" name="decry_abs_id" id="decry_abs_id" value="{{ Cryptography.decrypt(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="3" />
                <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 Author</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 style="line-height: normal;">
                                <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>
                     <hr>
                <div class="row">
                       <div class="col">
                           <label class="text-primary">Unable to find authors?</label><br>
                           <label>He or She may not have registered. <a href="#" id="new_user" class="text-primary">Click here to request him/her to register</a></label>
                       </div>
                   </div>
                </form>
                    <form id="new_user_form">
                        <div class="row" id="new_user_row">
                            <div class="col">
                                <div class="row">
                                    <div class="col">
                                        <label>Author Name:</label><br />
                                        <input type="text" name="author_name" class="form-control" required id="author_name" placeholder="Author Name" />
                                    </div>
                                    <div class="col">
                                        <label>Email:</label><br />
                                        <input type="text" name="author_email" class="form-control" required id="author_email" placeholder="Author Email" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <br />
                                        <button onclick="new_user_form_validation()" type="button" name="submit_request" id="submit_request" class="btn btn-primary float-right">Request Author to join</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </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>
    <input type="hidden" name="total_duration_data" id="total_duration_data" value="{{total_duration}}" />
    {% block script %}
    <script type="text/javascript">
        $(document).ready(function () {
            var BaseUrl = document.location.origin;
            getauthordata();
            $("#new_user_row").hide();

            $("#new_user").click(function () {
                $("#new_user_row").toggle();
            });

            $("#submit_request").click(function () {
                new_user_form_validation();
                if ($("#new_user_form").valid()) {
                    var auhtor_mail = $("#author_email").val();
                    var author_name = $("#author_name").val();
                    var abs_id = $("#decry_abs_id").val();
                    var conf_id = $("#conf_id").val();
                    var conf_key = $("#conf_key").val();
                    $.ajax({
                        type: "POST",
                        url: BaseUrl + "/send_request/" + conf_id + "/" + conf_key,
                        data: {
                            author_name: author_name,
                            author_email: auhtor_mail,
                            abs_id: abs_id,
                            role_id: 36,
                            abs_type: "VS",
                        },
                        dataType: "html",
                        success: function (data) {
                            alert("Request mail successfully sent");
                            $("#searchcoinst").modal("hide");
                            $("#searchtext").val("");
                            $("#searchtable").html("");
                            getauthordata();
                            $("#searchdiv").hide();
                            return true;
                        },
                    });
                } else {
                    return false;
                }
            });

            function new_user_form_validation() {
                $("#new_user_form").validate({
                    rules: {
                        author_name: {
                            required: true,
                            minlength: 3,
                        },
                        author_email: {
                            required: true,
                            email: true,
                        },
                    },
                    messages: {
                        author_name: {
                            required: "Please enter the author name",
                            minlength: "Please enter more than three characters",
                        },
                        author_email: {
                            required: "Please enter the author email",
                            email: "Please enter a valid email",
                        },
                    },
                });
            }

            $("#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: "VS",
                            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: "VS",
                    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: "VS",
                },
                dataType: "html",
                success: function (data) {
                    $("#co_author_table").html(data);
                },
            });
        }
    </script>
    {% endblock %}