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 active " value="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="{% if data.cur_step >= 1 %}jump_step(2){% endif %}">Step 2</button>
</li>
<li class="nav-item p-2">
<button type="button" class="nav-link nav_btn_gray" value="3" onclick="{% if data.cur_step >= 2 %}jump_step(3){% endif %}">Step 3</button>
</li>
<li class="nav-item p-2">
<button type="button" class="nav-link nav_btn_gray" value="4" onclick="{% if data.cur_step >= 3 %}jump_step(4){% endif %}">Step 4</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active p-2 rounded" role="tabpanel" >
<form method="POST" action="{{url_for('main.Step1post',abs_id=abs_id,abs_type=abs_type,conf_id=conf_id,conf_key=conf_key)}}" id="form_s1">
<div class="row">
<div class="col form-group">
<label class="font-weight-bold">Chief Author Membership Number :</label><br>
<span>{{user_info.membership_no or 'Non Member'}}</span>
<input type="hidden" name="member_id" id="member_id" value="{{ member_id or '' }}" />
</div>
<div class="col form-group">
<label class="font-weight-bold">Chief Author Name :</label><br>
<span>{{user_info.full_name or ''}}</span>
<input type="hidden" name="name" id="name" value="{{ name or ''}}" />
</div>
</div>
<div class="row">
<div class="col form-group">
<label class="font-weight-bold">Presenting Author:</label>
</div>
</div>
<div class="row">
<div class="col text-center form-group">
<div class="mobile-responsive" id="searchmodel1"></div>
</div>
</div>
<!-- <div class="row">
<div class="col text-center form-group">
<div id="searchdiv">
<button type="button" name="searchcoins" id="searchcoins" class="btn btn-primary">Click here to search the presenting author details</button>
</div>
</div>
</div> -->
<div class="row">
<div class="col-md-6 form-group">
<div class="row">
<div class="col form-group">
<div><label class="font-weight-bold">Section <span class="text-danger">*</span></label></div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<div>
<select class="form-control categories" id="cat_type" name="cat_type">
<option value="" id="select">--Select--</option>
{% if categories %} {% for item in categories %} {% if data.category_id == item.category_id %}
<option value="{{item.category_id}}" selected> {{item.display_name or ''}} </option>
{% else %}
<option value="{{item.category_id}}"> {{item.display_name or ''}} </option>
{% endif %} {% endfor %} {% endif %}
</select>
</div>
</div>
</div>
</div>
<div class="col-md-6 form-group">
<div class="row">
<div class="col form-group">
<div><label class="font-weight-bold">Type of Presentation <span class="text-danger">*</span></label></div>
</div>
</div>
<div class="row">
{% set age = Helper.calculate_age(Auth.get_user(society_id).get('dob')) %}
<div class="col form-group">
<div>
<select class="form-control categories" id="presenting_type" name="presenting_type">
<option value="" id="select">--Select--</option>
{% if type_of_presentation %}
{% for item in type_of_presentation %}
{% if data.presentation_type_id|int == item.presentation_type_id|int %}
<option value="{{item.presentation_type_id}}" selected> {{item.type or ''}} </option>
{% else %}
{% if age|int <= 45 %}
<option value="{{item.presentation_type_id}}"> {{item.type or ''}} </option>
{% else %}
{% if item.presentation_type_id|int != 39 %}
<option value="{{item.presentation_type_id}}"> {{item.type or ''}} </option>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</select>
</div>
</div>
</div>
</div>
</div><br>
<div class="row" id="proof">
<div class="col-md-4 offset-md-4 mb-4">
<div class="card text-center user_attach_card mb-3">
<div class="card-header text-white">
Proof to be attached from HOD<br />
[ jpg,jpeg,png,pdf]
</div>
<div class="card-body">
{% if data.file_name %}
{% set image_display = "block" %}
{% else %}
{% set image_display = "none" %}
{% endif %}
<input type="hidden" name="upload_id" id="upload_id" value="{{data.upload_id}}">
<div id="show_img" style="display:{{ image_display }}">
{% if data.file_name : %}
{% set src= data.path|string +""+data.file_name|string +"?"+Helper.getcurrenttimestamp()|string %}
{% set iframe_hide = "none" %}
{% set iframe_ppt_hide = "none" %}
{% set img_hide = "none" %}
{% if ".pdf" in data.file_name :%}
{% set iframe_hide = "block" %}
<iframe src="{{ src }}" id="iframe" alt="Proof" width="100%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" style="max-height: 150px;display: {{ iframe_hide }}" frameborder="0" border="0" allowtransparency="true"> </iframe>
{% else %}
{% set img_hide = "block" %}
<img src="{{ src }}" id="img" alt="Proof" width="100%" height="auto" style="max-height: 150px;display: {{ img_hide}} " />
{% endif %}
{% else %}
{% set src= "" %}
{% endif %}
<img src="" id="img" alt="Proof" width="100%" height="auto" style="max-height: 150px;display:none" />
<iframe src="" id="iframe" alt="Proof" width="100%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" style="max-height: 150px;display:none" frameborder="0" border="0" allowtransparency="true"> </iframe>
</div>
<div class="btn btn-primary btn-block file-field my-2" id="file-field">
<span>
{% if src=="" %} Upload {% else %} Change {% endif %}
</span>
<input type="file" id="file" name="file" onchange="uploaduser()" />
</div>
<input type="button" value="Delete" name="delete" style="display: {{ image_display }}" id="delete" class="btn btn-danger btn-block photo_delete form-input" />
</div>
</div>
</div>
</div>
<div class="row">
<div class="col float-right form-group">
<input type="button" name="next" id="next" class="btn btn-primary float-right" value="Next" onclick="move(1,1)" />
</div>
</div>
<div id="step2"></div>
<!-- <input type="hidden" name="user_id" id="user_id" value="{{user_id}}" /> -->
<input type="hidden" name="abs_id" id="abs_id" value="{{Cryptography.decrypt(abs_id)}}" />
<input type="hidden" name="cur_step" id="cur_step" value="{{ data.cur_step or 0 }}">
<input type="hidden" name="abs_type" id="abs_type" value="{{abs_type}}" />
<input type="hidden" name="step" id="step" value="1" />
<input type="hidden" name="step" id="is_next" value="1" />
</form>
</div>
</div>
<!-- The Modal -->
<form id="search_model">
<div class="modal" id="searchcoinst">
<div class="modal-dialog modal-lg">
<div class="modal-content" style="display: table;">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Search Presenting Author</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body container">
<!--<div class="row">-->
<!-- <div class="col-lg-12 col-md-12 col-sm-12">-->
<!-- <label class="font-weight-bold">-->
<!-- <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 class="font-weight-bold">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
</button>
</div>
</div>
<br />
<label id="searchtext-error" class="error" for="searchtext"></label>
</div>
</div>
<div id="searchtable"></div>
</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>
<!-- end of model -->
{% block script %}
<script type="text/javascript">
var abs_type = $("#abs_type").val();
get_presenting_author();
var presentation_type_id = $("#presenting_type").val();
if(presentation_type_id == 38){
$("#proof").show();
}
else{
$("#proof").hide();
}
$("#searchcoins").click(function () {
$("#searchcoinst").modal('show');
});
$("#searchcoins1").click(function () {
$("#searchcoinst").modal('show');
});
$("#search_model").keypress(function (e) {
if (e.which == 13) {
validate_search();
return false;
}
return true;
});
$("#searchbtn").click(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 enter more than three characters",
},
},
});
if ($("#search_model").valid()) {
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
var searchtext = $("#searchtext").val();
$.ajax({
type: "GET",
url: BaseUrl +"/searchauthor/"+abs_type+"/"+ conf_id + "/" + conf_key,
data: {
searchtext: searchtext,
abs_type: "FP",
btn_val: "0",
},
dataType: "html",
success: function (data) {
// alert("success")
// alert(data)
$("#searchtable").html(data);
return true;
},
});
}
}
function select_pa_Author(user_id) {
var abs_id = $("#abs_id").val();
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
$.ajax({
type: "GET",
url: BaseUrl +"/add_presenting_author/"+abs_type+"/"+ conf_id + "/" + conf_key,
data: {
user_id: user_id,
abs_type: "FP",
abs_id: abs_id,
role_id: 35,
},
dataType: "html",
success: function (data) {
$("#searchcoinst").modal('hide');
$("#searchtext").val("");
$("#searchtable").html("");
$("#searchmodel1").html(data);
$("#searchdiv").hide();
},
});
return false;
}
function get_presenting_author() {
var abs_id = $("#abs_id").val();
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
$.ajax({
type: "GET",
url: BaseUrl +"/ppstep1getauthor/"+abs_type+"/"+ conf_id + "/" + conf_key,
data: { abs_id: abs_id },
dataType: "html",
success: function (data) {
if (data == 0) {
} else {
$("#searchmodel1").html(data);
$("#searchdiv").hide();
}
},
});
return false;
}
$("#presenting_type").on('change',function(){
var presentation_type_id = $("#presenting_type").val();
if(presentation_type_id == 38){
$("#proof").show();
}
else{
$("#proof").hide();
}
});
$( ".file-field" ).on( "click", function()
{
$(this).find('input[type="file"]')[0].click()
});
var abs_id = $("#abs_id").val();
var abs_type = $("#abs_type").val();
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
var oneMB = 1048576
function uploaduser() {
var ext = $('#file').val().split('.').pop().toLowerCase();
// alert(ext);
if($.inArray(ext, ['jpg','jpeg','png','pdf']) == -1)
{
clear()
alert('Invalid file type');
}
else if($('#file')[0].files[0].size > (oneMB*3))
{
alert('File Must less than 3MB');
}
else
{
var fd = new FormData();
var user_profile = $('#file')[0].files[0];
var file_name = $('#file').val().split('\\').pop();
// alert(file_name);
$("#show_img").show();
$("#delete").show();
fd.append('file', user_profile);
ShowProgress();
$.ajax({
type: 'POST',
url: BaseUrl +"/img_upload/"+abs_id+"/"+abs_type+"/"+conf_id+"/"+conf_key,
data: fd,
contentType: false,
processData: false,
cache: false,
dataType: 'json',
}).done(function(data, jqXHR) {
// alert(data)
StopProgress();
file_extension = data.file_extension;
$('#upload_id').val(data.upload_id);
// alert(file_extension);
if((file_extension !=".pdf")&&(file_extension != ".pptx")&&(file_extension != ".ppt")){
// alert('img')
$("#img").attr('src',data["path"]+data["file_name"]);
$("#img").show();
$("#iframe").hide();
}
if (file_extension ==".pdf"){
$("#iframe").attr('src',data["path"]+data["file_name"]);
$("#iframe").show();
$("#img").hide();
}
$("#file-field span").text("Change");
}).fail(function(data) {
StopProgress();
});
}
}
$(".photo_delete").click(function() {
var upload_id = $('#upload_id').val();
var r = confirm("confirm to delete!");
if (r == true) {
ShowProgress();
$.ajax({
type: "GET",
url: BaseUrl +"/remove_img/"+conf_id+"/"+conf_key,
data: {
'abs_id' : abs_id,
'upload_id' : upload_id,
},
dataType: "json",
success: function (data) {
StopProgress();
// $("#Upload_btn_div").show();
$("#show_img").hide();
$("#delete").hide();
$("#file-field span").text("Upload");
clear()
return true;
},
});
}
else {
}
})
$(".close_btn").click(function() {
$('.modal').hide();
})
function clear()
{
$('input[type=file]').each(function()
{
$(this).val('');
});
}
</script>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists