Sindbad~EG File Manager

<div >
  <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>
      </ul>

      <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;">Co Author(NOT MORE THAN 4) </span>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
          <div id="co_author_table"></div>
        </div>
      </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">
      </div>
    </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>
<!-- MODAL END-->
<!-- search co instructior model -->
<!-- The Modal -->
  <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">
          <form id="search_model">
          <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 number or Name or Email to search</label><br />
              <!-- <input type="text" name="searchtext" id="searchtext" class="form-control" required placeholder="Enter to search" />
              <button type="button" name="searchbtn" id="searchbtn" class="btn btn-primary" >Search</button> -->
              <div class="input-group">
                  <input type="text" name="searchtext" id="searchtext" class="form-control" 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>
                  <label for="searchtext" class="error" ></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 author?</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()" name="submit_request" id="submit_request" type="button" 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;
    var conf_id  = $("#conf_id").val();
    var conf_key = $("#conf_key").val();
    var abs_type = $("#abs_type").val();
    getauthordata();
    $("#over_duration").hide();
    $("#zero_msg").hide();
    $("#total_duration_msg").hide();
    $("#award_rules").hide();
    $("#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();
    $.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':"PP",
            },
            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,  
                        },

                    },
                    messages: {
                        author_name: {
                            required:"Please enter the author name",
                            minlength:"Please enter more than three characters", 
                    },
                        author_email:{
                            required:"Please enter the author email",
                        },
                },
                });
}

    $("#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() {
           errorclass:"error",
            $("#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 searchtext = $("#searchtext").val();
                      $.ajax({
                      type: "GET",
                      url: BaseUrl +"/searchauthor/"+abs_type+"/"+conf_id+"/"+conf_key,
                      data: {
                          'searchtext': searchtext,
                          'abs_type'  : "PP",
                          'btn_val'   : "1",
                          'conf_id'   : conf_id,
                      },
                      dataType: "json",
                      success: function (data) {
                          // alert("success")
                          // alert(data)
                          $("#searchtable").html(data);
                          return true;
                      },
                  });
                }
        };

    $("#next").click(function () {
            validateion();
        });

         function is_award_is(award){
            var award = award
            // console.log(award)
            if (award == '1') {
        $("#award_rules").show();
    }
    else{
      $("#award_rules").hide();
    }
}
  });
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':"PP",'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': "PP",
          'conf_id' : conf_id,
        },
        dataType: "json",
        success: function(data) {
          $("#co_author_table").html(data);
        },
      });
    }
</script>
{% endblock %}