Sindbad~EG File Manager
{% extends "users/layout.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<style type="text/css">
.bg-primary {
background-color: #003b9d !important;
}
</style>
<div class="">
<input type="hidden" name="delegate_no" id="delegate_no" value="{{ Auth.get_user().get('delegate_no') }}">
<div class="row">
<div class="col my-2 text-center">
<span class="h3" style="color:#851c04"> You have registered for the following courses. </span>
</div>
</div>
<div class="row">
{% if workshop_data %}
{% for i in workshop_data %}
<div class="col-12">
<div class="card w-100 background_img ">
<div class="card-body">
<div class="row">
<div class="col p-3">
<span class=" h2 text-primary"><b>{{ i.WorkshopName or '' }}{{ i.WorkshopId }}</b></span>
</div>
</div>
<div class="row">
<div class="col-12 m-2">
{% for i in course_data[i.workshopId] %}
<div class="row">
<div class="col-12 form-group">
<div class="panel-group rounded p-2 bg-light" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading active" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ i.WorkshopCourseId or '' }}" onclick="get_sloating_data({{ i.WorkshopCourseId or '' }})" aria-controls="collapse{{ i.WorkshopCourseId or '' }}">
<div class="row align-items-center">
<div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 col-xs-12">
<span class="h5" style="color:#404d65">{{ i.CourseName or '' }}</span>
</div>
<div class="col-lg-4 col-xl-4 col-md-4 col-sm-12 col-xs-12 mt-1">
<span id="selected_{{ i.WorkshopCourseId or '' }}" {% if not i.SlotId %} style="display: none;" {% endif %}>
<span style="font-size:14px" class="text-danger" > Selected slot: </span><br>
<span style="font-size:14px" id="course_select_date_{{ i.WorkshopCourseId or '' }}">{% if i.SlotId %} {{ i.Date.strftime('%d-%m-%Y (%a)') }} {% endif %}</span><br>
<span style="font-size:14px" id="course_select_time_{{ i.WorkshopCourseId or '' }}"> {% if i.SlotId %} {{ i.StartTime or '' }} - {{ i.EndTime or '' }} {% endif %}</span>
</span>
</div>
<div class="col-lg-2 col-xl-2 col-md-2 col-sm-12 col-xs-12 mt-2">
<span class="badge p-3 badge-primary" {% if not i.SlotId %} style="display:none;"{% endif %} id="modify_{{ i.WorkshopCourseId or '' }}" >Click to modify slot</span>
<span class="badge p-3 badge-danger" id="choose_{{ i.WorkshopCourseId or '' }}" {% if i.SlotId %} style="display:none;" {% endif %}>Click to choose slot</span>
</span>
<input type="hidden" name="course_id" id="course_id_{{ i.WorkshopCourseId or '' }}" value="{{ i.WorkshopCourseId or '' }}">
</div>
</div>
</a>
</h4>
</div>
</div>
<div class="collapse" name="collapse" id="collapse{{ i.WorkshopCourseId or '' }}" data-parent="#accordion">
<div class="card card-body">
<div class="row">
<div class="col">
<div class="alert text-center bg-success" style="display:none;" id="coursesuccessMessage_{{ i.WorkshopCourseId or '' }}">
<button type="button" class="close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class=" text-light"></h4>
</div>
</div>
</div>
<div class="row-eq-heigh row" id="sloting_table_{{ i.WorkshopCourseId or '' }}">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- -->
{% endfor %}
{% endif %}
</div>
</div>
<input type="hidden" name="conf_id" id="conf_id" value="{{ conf_id }}">
<input type="hidden" name="conf_key" id="conf_key" value="{{ conf_key }}">
{% endblock %}
</div>
{% block script %}
<script type="text/javascript">
function get_sloating_data(course_id) {
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
$.ajax({
type: "POST", // <-- get method of form
url: BaseUrl+"/courseslotlist/"+course_id+"/"+conf_id+"/"+conf_key, // <-- get action of form
data: "", // <-- serialize all fields into a string that is ready to be posted to your PHP file
dataType: "json" | "html",
beforeSend: function () {
ShowProgress();
},
success: function (data) {
$("#sloting_table_"+course_id).html(data);
StopProgress();
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//location.reload();
},
});
return false;
}
function delegate_slot(slot_id,course_id) {
var delegate_no = $("#delegate_no").val();
var date = $("#date_"+slot_id).text();
var time = $("#time_"+slot_id).text();
var conf_id = $("#conf_id").val();
var conf_key = $("#conf_key").val();
var r = confirm("Are you sure you want to choose the slot on"+date+time)
if (r == true){
$.ajax({
type: "POST", // <-- get method of form
url: BaseUrl+"/slot_delegate/"+conf_id+"/"+conf_key, // <-- get action of form
data:
{
'slot_id' : slot_id,
'delegate_no' : delegate_no,
'course_id':course_id,
}, // <-- serialize all fields into a string that is ready to be posted to your PHP file
dataType: "json" | "html",
beforeSend: function () {
ShowProgress();
},
success: function (data) {
$("#sloting_table_"+course_id).show();
$("#sloting_table_"+course_id).html(data.html);
$("#course_select_date_"+course_id).html($.date(data.Date))
$("#choose_"+course_id).hide();
$("#modify_"+course_id).show();
$("#selected_"+course_id).show();
$("#coursesuccessMessage_"+course_id).show()
$("#coursesuccessMessage_"+course_id+" h4" ).html("Slot Selected")
$("#coursesuccessMessage_"+course_id).delay(30000).fadeOut('slow');
$("#course_select_time_"+course_id).html(data.StartTime +" - "+data.EndTime)
StopProgress();
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//location.reload();
},
});
}
return false;
}
</script>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists