Sindbad~EG File Manager

<h2 class="text-center">MEMBERS LIST</h2>
<div class="mobile-responsive">

<table class="table table-striped table-bordered bg-light ">

    <thead style="background-color: #072645;border-color: #dee2e6;color: #FFF;">
        <tr>
         <th scope="col">SNo</th>
         <th scope="col">User Id</th>
         <th scope="col">Society Name</th>
         <th scope="col">Membership no</th>
         <th scope="col">Member Type</th>
         <th scope="col">Full Name</th>
         <th scope="col">Email</th>
         <th scope="col">Mobile</th>
         <th scope="col">MC Number</th>
         <th scope="col">MC State</th>
         <th scope="col">Action</th>         
      </tr>
    </thead>

<tbody>
 {% if search_data : %}
 {% for row in search_data %}

      
    <tr> 
        <td data-label= "User Id" >{{loop.index}}</td>
        <td data-label= "User Id"> {% if row.user_id  %}  {{row.user_id or ''}} &nbsp;&nbsp;&nbsp; <a class="copy_text"  data-toggle="tooltip"title="Copy to Clipboard" href="{{row.user_id}}"><i class="fa-solid fa-clipboard"></i></a> {% else %} <label> </label> {% endif %} </td>

        <td data-label= "Society Name">{{row.society_name or ''}}</td>

        <td data-label= "Membership no "> {% if row.membership_no  %}  {{row.membership_no or ''}}&nbsp;&nbsp;&nbsp; <a class="copy_text"  data-toggle="tooltip" title="Copy to Clipboard" href="{{row.membership_no}}"><i class="fa-solid fa-clipboard"></i></a>{% else %} <label> </label> {% endif %}</td>

        <td data-label= "Member Type Id">{{row.member_type or ''}}</td>
        <td data-label= "Full Name" >{{row.prefix or ''}} {{row.full_name or '' }} </td>

        <td data-label= "Email" >{% if row.email  %} {{row.email or ''}}&nbsp;&nbsp;&nbsp; <a href="{{url_for('userss.ViewSocietyListByEmailId',user_id=row.user_id)}}"  id="view_btn" title="View society list by email id"> <i class="fa fa-eye mr-3" style="color:#00a1ff;"></i></a> &nbsp;&nbsp;&nbsp;<a class="copy_text"  data-toggle="tooltip"title="Copy to Clipboard" href="{{row.email}}"><i class="fa-solid fa-clipboard"></i></a>{% else %} <label> </label> {% endif %}</td>

        <td data-label= "Mobile">{% if row.mobile  %} {{row.mobile or ''}}&nbsp;&nbsp;&nbsp;<a href="{{url_for('userss.ViewSocietyListByMobile',user_id=row.user_id)}}"  id="view_btn" title="View society list by mobile"> <i class="fa fa-eye " style="color:#00a1ff;"></i></a>&nbsp;&nbsp;&nbsp; <a class="copy_text"  data-toggle="tooltip"title="Copy to Clipboard" href="{{row.mobile}}"><i class="fa-solid fa-clipboard"></i></a>{% else %} <label> </label> {% endif %}</td>

        <td data-label= "MC Number">{{row.mc_number or ''}}</td>
        <td data-label= "MC State">{{row.mc_state or ''}}</td>

        <td>
    
            <a href="{{url_for('userss.EditUser',user_id=row.user_id,society_id=row.society_id)}}" title="Edit" id="edit_btn" onclick="return confirm('are you sure want to edit this record?')"><i class="fa fa-edit mr-3" style="color:blue;"></i></a> 
           
           <a href="{{url_for('userss.ViewMember',user_id=row.user_id)}}"  id="view_btn" title="View"> <i class="fa fa-eye mr-3" style="color:#00a1ff;"></i></a>

           <a href="{{url_for('userss.DuplicateUser',user_id=row.user_id)}}"  title="Duplicate" id="duplicate_btn" onclick="return confirm('are you sure want to dublicate this record?')"><i class="fa fa-file mr-3"></i></a>

           <input type="hidden" name="user_id" id="user_id" value="{{row.user_id}}">
           <a  title="Search in Delegate Table" id="del_search_btn" ><i class="fa fa-search mr-3" style="color:blue"></i></a>

           <a href="{{url_for('userss.DeleteUserId',user_id=row.user_id)}}"  title="Delete" id="delete_btn" onclick="return confirm('are you sure want to delete this record?')"><i class="fa fa-trash" style="color:red;"></i></a>

        </td>
    </tr> 

{% endfor %}
{% else : %}
<tr>
    <td colspan="10" style="color:red;text-align: center;">Record not available</td>
</tr>
 <input type="hidden" name="is_add_new_user" id="is_add_new_user" value="{{is_add_new_user}}">

{% endif %}
</tbody>
</table>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
var BaseUrl = document.location.origin;
    $(document).on("click",".copy_text",function(e){
        e.preventDefault();

            var copyText = $(this).attr('href');
            document.addEventListener('copy', function(e) {
                e.clipboardData.setData('text/plain', copyText);
                e.preventDefault();
                }, true);

                document.execCommand('copy');  
                console.log('copied text : ',copyText);
                alert('copied text :'+copyText+'.');
        });
</script>