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 active " value="1">Step 1</button>
    </li>
    <li class="nav-item p-2">
        <button type="button" class="nav-link nav_btn_gray" value="2" onclick="{% if data.cur_step >= 1 %}jump_step(2){% endif %}">Step 2</button>
    </li>
</ul>
<div class="tab-content " id="myTabContent">
    <div class="tab-pane fade show active p-2 rounded"  role="tabpanel" >
        <form method="POST" action="{{url_for('main.Step1post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s1">
            <div class="container" id="step1">
                <div class="row mt-2">
                    <div class="col form-group">
                        <label class="font-weight-bold">Delegate Number</label><br />
                        <span>{{delData.delegate_no or ''}}</span>
                    </div>
                    <div class="col form-group">
                        <label class="font-weight-bold">Membership Number</label><br />
                        <span>{{user_info.membership_no or 'Non-Member'}}</span>
                    </div>
                    <div class="col form-group">
                        <label class="font-weight-bold"> Name</label><br />
                        <span>{{user_info.prefix or ''}}{{user_info.full_name or ''}}</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 form-group">
                        <label class="font-weight-bold">Team Name : <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-12 form-group">
                        <textarea type="text" name="title" id="title" class="form-control" value="" placeholder="Team name">{{ data.title or '' }}</textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col form-group">
                        <label class="font-weight-bold">Team Mate(s) (NOT MORE THAN 3) </label>
                    </div>
                </div>
                <div id="co_author_table"></div>
                <!-- <div class="row">
                    <div class="col text-center form-group" id="save_table">
                        <button type="button" class="btn btn-danger" id="Selectteammate">Click here to select your team mate</button>
                        <br />
                    </div>
                </div> -->
                <div class="row">
                    <div class="col float-right py-2">
                        <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(1,1)" />
                    </div>
                </div>
            </div>
            <input type="hidden" name="user_id" id="user_id" value="{{user_id}}" />
            <input type="hidden" name="abs_id" id="abs_id" value="{{Cryptography.encrypt(abs_id)}}" />
            <input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />
            <input type="hidden" name="step" id="step" value="1" />
            <input type="hidden" name="step" id="is_next" value="1" />
            <input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
        </form>
    </div>
</div>
<form id="search_model">
    <div class="modal" id="searchcoinst">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="display: table;">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Search Team Mate</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">
                            <label class="font-weight-bold">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 type="button" class="btn btn-outline-secondary" name="searchbtnpa" id="searchbtnpa" type="button">
                                      Search
                                  </button>
                                  </div>
                            </div><br>
                                  <label id="searchtext-error" class="error" for="searchtext"></label>
                        </div>
                    </div>
                    <div id="searchtable"></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 src="https://cdn.jsdelivr.net/npm/aws-sdk/dist/aws-sdk.min.js"></script>
<script type="text/javascript">
var BaseUrl = document.location.origin;

var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
var abs_type = $("#abs_type").val();
$(document).ready(function () {
    getauthordata();
    $("#Selectteammate").click(function () {
        $("#searchcoinst").modal("show");
    });

    $("#search_model").keypress(function(e)
    {
        if(e.which == 13)
        {
            validate_search();
            return false
        }
            return true
    });
    $("#searchbtnpa").click(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 searchtext = $("#searchtext").val();
            $.ajax({
                type: "GET",
                url: BaseUrl + "/searchauthor/"+abs_type+"/"+conf_id+"/"+conf_key,
                data: {'searchtext': searchtext,'btn_val':"0"},
                dataType: "html",
                success: function (data) {
                // alert("success")
                // alert(data)
                $("#searchtable").html(data);
                return true;
                },
            });
        }
    }
})
function select_Author(user_id) {
    var abs_id   = $("#abs_id").val();
    var conf_id  = $("#conf_id").val();
    var conf_key = $("#conf_key").val();
    var abs_type = $('#abs_type').val();
    $.ajax({
        type: 'GET', 
        url: BaseUrl +"/add_co_author/"+abs_type+"/"+conf_id+"/"+conf_key,
        data: {
          'user_id'  : user_id,
          'abs_type' : abs_type,
          '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();
    var abs_type = $('#abs_type').val();
    $.ajax({
    type: "GET",
    url: BaseUrl +"/get_co_author/"+abs_type+"/"+conf_id+"/"+conf_key,
    data: {
        abs_id: abs_id,
        abs_type: abs_type
    },
    dataType: "html",
    success: function(data) {
        $("#co_author_table").html(data);
    },
    });
}
</script>
{% endblock %}