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 nav_btn_gray" value="3" onclick="jump_step(3)">Step 3</button>
  </li>
  <li class="nav-item p-2">
      <button type="button" class="nav-link active" value="4" >Step 4</button>
  </li>
  <li class="nav-item p-2">
      <button type="button" class="nav-link nav_btn_gray" value="5" onclick="{% if data.cur_step >= 4 %}jump_step(5){% endif %}">Step 5</button>
  </li>
</ul>

<div class="container-sm">
<form id="form_s4" class="form_s4" action="{{url_for('main.Step4post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}"  method="POST" >
    <div class="row">
      <div class="col">
        <hr>
        <span style="color:blue;" class="h4">Select your seconder</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(4,0)" />
      </div>
      <div class="col">
         <input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(4,1)" />
      </div>
      <input type="hidden" name="abs_id" 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="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 seconder</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">Search
                    <!-- <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'     : 69,
              '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':70},
      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' : "O",
        'conf_id'  : conf_id,
        'role_id'  : 70
      },
      dataType: "json",
      success: function(data) {
        $("#co_author_table").html(data);
      },
    });
  }
</script>
{% endblock %}