Sindbad~EG File Manager

{% extends "conferenceapp/layout.html" %}
{% block style %}
{% endblock %}
{% block content %}

 <div >
 <div id="collapseFilter" >
    <form id="user_form" >
                <div class="card-body">
                    <div class="row mx-3"  >
                        <div class="col-md-3">
                            <label>Name : </label>
                            <input type="search" id="search_name" name="search_name" placeholder="Search here..." class="form-control" value="" >
                        </div>
                        <div class="col-md-3">
                            <label>Email : </label>
                            <input type="search" id="search_email" name="search_email" placeholder="Search here..." class="form-control" value="">
                        </div>
                        <div class="col-md-3">
                            <label>Mobile : </label>
                            <input type="search" id="search_mobile" name="search_mobile" placeholder="Search here..." class="form-control" value="" >
                        </div>
                        <div class="col-md-3">
                            <label for="society"> Society :</label>
                                <select class="form-control" id="society_id" name="society_id">
                                    <option value="" id="select"  selected>Select Society</option>
                                        {% if society_data %} {% for row in society_data %}
                                        <option value="{{row.society_id}}" {{ 'selected' if filter_society_intial==row.society_name }}> {{row.society_name}} </option>
                                        {% endfor %} {% endif %}
                                </select>
                            </div>
                    </div>
                    <div class="row mt-3 text-center">
                        <div class="col-md-12">   
                            <button type="button"  id="search_buttons" class="btn btn-primary mr-3 ml-3"  name="search_buttons">Search</button>

                            <a href="{{url_for('userss.Users')}}" class="btn btn-danger mr-3 ml-3">Clear  </a>

                            <input type="button" class="btn btn sm btn-info mr-3 ml-3" value="Back" onClick="javascript:history.go(-1)" />

                            <a href="{{url_for('userss.InsertUser')}}" class="btn btn-danger mr-3 ml-3 add_new_user" id="add_new_user">Add New User  </a>
                        </div>
                    </div>
                </div>
            </form>
        </div>


         {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
            <div class="alert alert-success text-center successMessage alert-dismissible" >
               <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
               <h4><img src="/static/images/right.png" width="21px" height="21px">{{ mesg|safe }}</h4>
            </div>
            {% endfor %}

<div id="show_table"></div>
<div id="show_search_delegate_table"></div>
<div class="modal" id="view">
    <div class="modal-dialog">
      <div class="modal-content">
      
        <div class="modal-header">
          <h4 class="modal-title">View Member List</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
       
        <div class="modal-body">

        <div class="row">
         <div class="col-md-3">
            <label>Society:</label>
            </div>
            <div class="col-md-9">
                <input class="form-control"  type="text" name="model_society" id="model_society" ><br>
            </div>
         </div>

         <div class="row">
            <div class="col-md-3">
                <label>Name:</label>
            </div>
            <div class="col-md-9">
                <input class="form-control"  type="text" name="model_name" id="model_name" ><br>
            </div>
         </div>

         <div class="row">
            <div class="col-md-3">
                <label>Email:</label>
            </div>
            <div class="col-md-9">
                <input class="form-control"  type="text" name="model_email" id="model_email" ><br>
            </div>
         </div>

         <div class="row">
            <div class="col-md-3">
                <label>Mobile:</label>
            </div>
            <div class="col-md-9">
                <input class="form-control"  type="text" name="model_mobile" id="model_mobile" ><br>
            </div>
         </div>         
        </div>
      
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
    <div id="search_delegate_table">
       
  </div>
  {% endblock %}
  {% block bottomscript %}  
  

 <script type="text/javascript">
var BaseUrl = document.location.origin;
    $(document).ready(function()
    {
      calladdbutton();
      $(".add_new_user").hide();  
      $("#search_delegate_table").hide();

      $("#search_buttons").click(function(){
       
        var search_name   = $("#search_name").val();
        var search_email  = $("#search_email").val();
        var search_mobile = $("#search_mobile").val();
        var society_id    = $("#society_id").val();

        if ((search_name.length > 0) || (search_email.length > 0) || (search_mobile.length > 0) ){
        }
        else{
            alert("Please enter any value");
            return false;
        }
        
        $.ajax({
            type: 'GET',
            url: BaseUrl + "/post_search_users", 
            data:  { 'search_name': search_name,'search_email':search_email,'search_mobile':search_mobile,'society_id':society_id },
            dataType: 'json',
            success: function(data)
            {

                if(data){
                    $("#show_table").html(data.html_data);
                    calladdbutton();
                }
                else{

                }
                       
            }, 
        });                        
    });

    $(document).on("click", ".view_btn", function (e) {
            e.preventDefault();
            var user_id = $(this).val();
            $.ajax({
                type: "GET",
                url: BaseUrl + "/view_member",
                data: { 'user_id': user_id },
                dataType:'json',
                success: function (response) {

                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    var view_data = data_1.search_data;
                    if (msg == "success") {
                     
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
        });
      });

      $(document).on("click", "#del_search_btn", function (e) {

            e.preventDefault();
            var user_id = $("#user_id").val();

            $.ajax({
                type: "GET",
                url: BaseUrl + "/search_user_id_in_delegate/"+user_id,
                data: { 'user_id': user_id },
                dataType:'html',
                success: function (response) {

                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    var search_data = data_1.html_data;
                    if (data_1.status==1) {
                    $("#search_delegate_table").show();

                     $("#search_delegate_table").html(search_data);

                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
        });
    $("#search_email").on('focusout',function()
      {
          search_email = $("#search_email").val();
          var new_url = "/insert_user?email="+search_email;
          $("#add_new_user").attr("href" , new_url);
    });

    function validate_user_form()
         {
             errorclass : 'error',
         
             $("#user_form").validate({

                rules: {
                society_id: {
                    required: true,
                },

            },

            messages: {
                society_id: {
                    required: "Please Select society id ",
                },
                
            },
                 highlight: function(element) {
                     $(element).parent().addClass('error')
                 },
             
                 unhighlight: function(element) {
                     $(element).parent().removeClass('error')
                 },
         
                 submitHandler: function(form) {
                     // form.submit();
                 }
            });
         };
     function calladdbutton(){
       var show_add_new_user =  $("#is_add_new_user").val();  
       if (show_add_new_user==1){
       $("#add_new_user").show(); 

       }
       else{
           $("#add_new_user").hide(); 

       };

     };
</script>
{% endblock %}