Sindbad~EG File Manager
{% extends "conferenceapp/layout.html" %} {% block style %} {% endblock %} {% block content %}
<div class="container">
<div id="collapseFilter">
<form id="search_trigger_form">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<label>Search : <span style="color: red;"> *</span></label>
<input type="search" id="search" name="search" placeholder="Search Name or Mobile No or Email here..." class="form-control" />
</div>
<div class="col-md-4">
<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_name==row.society_name }}> {{row.society_name}} </option>
{% endfor %} {% endif %}
</select>
</div>
<div class="col-md-4">
<label for="conference"> Conference :</label>
<select class="form-control" id="conf_id" name="conf_id">
<option value="" id="select" selected>Select conference</option>
{% if conf_data %} {% for row in conf_data %} <option value="{{row.conf_id}}" {{ 'selected' if filter_conf_name==row.conf_name }}> {{row.conf_name}} {% endfor %} {% endif %}
</select>
</div>
</div>
<div class="row mt-3 text-center">
<div class="col-md-12">
<div class="row">
<div class="col-md-3 mb-2">
<button type="submit" id="search_trigger_btn" class="btn btn-primary mr-3 ml-3" name="form_submit">Search In Trigger Table</button>
<br>
</div>
<div class="col-md-3">
<p align="center">
<input type="button" id="search_user_btn" class="btn btn-primary search_user_btn" name="form_submit" value="Search In Users Table">
</p>
</div>
<div class="col-md-3 mb-2">
<input type="button" class="btn btn sm btn-info mr-3 ml-3" value="Back" onclick="javascript:history.go(-1)">
</div>
<div class="col-md-3 mb-2">
<a href="/insert_new_trigger_data" id="add_new_trigger" class="btn btn-danger " style="display:none;">add new </a>
<br>
</div>
</div>
</div>
<!--<div class="col-md-12">-->
<!-- <button type="submit" id="search_trigger_btn" class="btn btn-primary mr-3 ml-3" name="form_submit">Search In Trigger Table</button>-->
<!-- <input type="button" id="search_user_btn" class="btn btn-primary mr-3 ml-3 search_user_btn" name="form_submit" value="Search In Users Table" />-->
<!-- <a href="{{url_for('confapp.InsertNewTriggerData')}}" id="add_new_trigger" class="btn btn-danger mr-3 ml-3">add new </a>-->
<!-- <input type="button" class="btn btn sm btn-info mr-3 ml-3" value="Back" onClick="javascript:history.go(-1)" />-->
<!--</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">×</p>
<h4><img src="/static/images/right.png" width="21px" height="21px" />{{ mesg|safe }}</h4>
</div>
{% endfor %}
</div>
<div id="show_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">×</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>
{% endblock %} {% block bottomscript %}
<script type="text/javascript">
var BaseUrl = document.location.origin;
$(document).ready(function()
{
calladdbutton();
$("#add_new_btn").hide();
$(document).on("click", "#search_user_btn", function (e) {
validate_search_trigger_form();
if(!$("#search_trigger_form").valid())
{
return false
}
e.preventDefault();
ShowProgress();
var search = $("#search").val();
var society_id =$("#society_id").val();
$.ajax({
type: "POST",
url: BaseUrl + "/post_search_trigger_email_in_society_id",
data: {
'society_id' : society_id,
'search' : search,
},
dataType:'html',
success: function (response) {
StopProgress();
var data_1 = JSON.parse(response);
var msg = data_1.msg;
var html_data = data_1.html_data;
if (html_data) {
$("#show_table").html(html_data);
calladdbutton();
} else {
alert(msg);
return false;
}
},
});
});
$(document).on("click", "#search_trigger_btn", function (e) {
validate_search_trigger_form();
if(!$("#search_trigger_form").valid())
{
return false
}
e.preventDefault();
ShowProgress();
var search = $("#search").val();
var conf_id =$("#conf_id").val();
$.ajax({
type: "POST",
url: BaseUrl + "/post_search_trigger_mail_in_conf_id",
data: {
'conf_id' : conf_id,
'search' : search,
},
dataType:'html',
success: function (response) {
StopProgress();
var data_1 = JSON.parse(response);
var msg = data_1.msg;
var html_data = data_1.html_data;
if (html_data) {
$("#show_table").html(html_data);
} else {
alert(msg);
return false;
}
},
});
});
});
$(document).on("click" , ".update_btn" ,function(e)
{
e.preventDefault();
if (!confirm('Are you sure do you want to update this record?.'))
{
return false;
}
else
{
var report_id = $(this).attr("id");
var is_active_1 = "#is_active_"+report_id;
var is_consolidate_mail_1 = "#is_consolidate_mail_"+report_id;
var is_separate_mail_1 = "#is_separate_mail_"+report_id;
var active_conf_list_mail_1 = "#active_conf_list_mail_"+report_id;
if($(""+is_active_1+"").is(':checked')) { var is_active = 1; }else { var is_active = 0;}
if($(""+is_consolidate_mail_1+"").is(':checked')) { var is_consolidate_mail = 1; }else { var is_consolidate_mail = 0;}
if($(""+is_separate_mail_1+"").is(':checked')) { var is_separate_mail = 1; }else { var is_separate_mail = 0;}
if($(""+active_conf_list_mail_1+"").is(':checked')) { var active_conf_list_mail = 1; }else { var active_conf_list_mail = 0;}
$.ajax({
type: "POST",
url: BaseUrl + "/update_trigger_mail",
data: {
'report_id' : report_id,
'is_active' : is_active,
'is_consolidate_mail' : is_consolidate_mail,
'is_separate_mail' : is_separate_mail,
'active_conf_list_mail' : active_conf_list_mail
},
success: function (response)
{
var data_1 = JSON.parse(response);
var msg = data_1.msg;
var html_data = data_1.html_data;
if (data_1.status==1){
alert(msg);
return true;
}
else{
alert(msg);
return false;
}
},
});
}
});
function validate_search_trigger_form()
{
errorclass : 'error'
$("#search_trigger_form").validate({
rules : {
search : {
required : true,
},
} ,
messages : {
search : {
required : "Please Enter Name or Email or Mobile ",
},
},
highlight: function(element) {
$(element).parent().addClass('error')
},
unhighlight: function(element) {
$(element).parent().removeClass('error')
},
submitHandler: function(form) {
form.submit();
},
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return;
$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 300);
// StopProgress();
}
})
}
function calladdbutton(){
var show_add_new_user = $("#is_add_new_trigger").val();
if (show_add_new_user==1){
$("#add_new_trigger").show();
}
else{
$("#add_new_trigger").hide();
}
}
function ShowProgress()
{
var text = 'loading data.. please wait..';
if(jQuery('body').find('#resultLoading').attr('id') != 'resultLoading'){
jQuery('body').append('<div id="resultLoading" style="display:none"><div><img src="'+document.location.origin+'/static/images/ajax-loader.gif"><div>'+text+'</div></div><div class="bg"></div></div>');
// jQuery('body').append('<div id="resultLoading" style="display:none"><div><div>'+text+'</div></div><div class="bg"></div></div>');
}
jQuery('#resultLoading').css({
'width':'100%',
'height':'100%',
'position':'fixed',
'z-index':'10000000',
'top':'0',
'left':'0',
'right':'0',
'bottom':'0',
'margin':'auto'
});
jQuery('#resultLoading .bg').css({
'background':'#000000',
'opacity':'0.7',
'width':'100%',
'height':'100%',
'position':'absolute',
'top':'0'
});
jQuery('#resultLoading>div:first').css({
'width': '250px',
'height':'75px',
'text-align': 'center',
'position': 'fixed',
'top':'0',
'left':'0',
'right':'0',
'bottom':'0',
'margin':'auto',
'font-size':'16px',
'z-index':'10',
'color':'#ffffff'
});
jQuery('#resultLoading .bg').height('100%');
jQuery('#resultLoading').fadeIn(300);
jQuery('body').css('cursor', 'wait');
}
function StopProgress()
{
jQuery('#resultLoading .bg').height('100%');
jQuery('#resultLoading').fadeOut(300);
jQuery('body').css('cursor', 'default');
}
</script>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists