Sindbad~EG File Manager

<div class="container-sm">
  <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 class="container" id="step1">
      <ul id="progressbar">
        <li class="active" id="account"></li>
        <li class="active" id="personal"></li>
        <li class="active" id="payment"></li>
        <li id="confirm"></li>
        <li id="fifth"></li>
      </ul>

      <div id="total_duration_msg" class="alert alert-danger">Sorry! you cannot add more than 75 minutes</div>
      <hr />
      <div class="row">
        <div class="col">
          <span style="color:blue;">Co Author(s) (NOT MORE THAN 5) </span>
        </div>
      </div>
      <div id="co_author_table"></div>
      <hr />
      <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="abs_type" id="abs_type" value="{{abs_type}}">
        <input type="hidden" name="step" id="step" value="3">
        <input type="hidden" name="is_next" id="is_next" value="1">
        <input type="hidden" name="decry_abs_id" id="decry_abs_id" value="{{decry_abs_id}}">
      </div>
    </div>
  </form>
</div>
<!-- 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><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>
          <br>
          <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">
                      <i class="fa fa-search"></i>
                  </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 in {{ Auth.get_conference(conf_id).get('conf_name') }} website. <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>
</form>
<input type="hidden" name="total_duration_data" id="total_duration_data" value="{{total_duration}}" />
{% block script %}
<script type="text/javascript">
  $(document).ready(function() {
    var conf_id  = $("#conf_id").val();
    var conf_key = $("#conf_key").val();
    var abs_type = $("#abs_type").val();
    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();
    $.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'    : "OP",
                'conf_id'     : conf_id,
            },
            dataType: "json",
            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 provide three letters data to search",
                    },
                },
                });
                if($("#search_model").valid()){
                      var searchtext = $("#searchtext").val();
                      var conf_id    = $("#conf_id").val();
                      $.ajax({
                      type: "GET",
                      url: BaseUrl +"/searchauthor/"+abs_type+"/"+conf_id+"/"+conf_key,
                      data: {
                          'searchtext' : searchtext,
                          'abs_type'   : "OP",
                          'btn_val'    : "1",
                          'conf_id'    : conf_id,
                      },
                      dataType: "json",
                      success: function (data) {
                          $("#searchtable").html(data);
                          return true;
                      },
                  });
                }
        };

    $("#next").click(function () {
            validateion();
        });
  });
function select_Author(user_id) {
    var abs_id = $("#abs_id").val()
    $.ajax({
        type: 'GET', 
        url: BaseUrl +"/add_co_author/"+abs_type+"/"+conf_id+"/"+conf_key,
        data: {'user_id':user_id,'abs_type':"OP",'abs_id':abs_id,'role_id':36},
        dataType: 'json',
        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();
      $.ajax({
        type: "GET",
        url: BaseUrl +"/get_co_author/"+abs_type+"/"+conf_id+"/"+conf_key,
        data: {
          'abs_id'   : abs_id,
          'abs_type' : "OP",
          'conf_id'  : conf_id,
        },
        dataType: "json",
        success: function(data) {
          $("#co_author_table").html(data);
        },
      });
    }
</script>
{% endblock %}