Sindbad~EG File Manager

{% extends "faculty/layout.html" %} {% block title %}Dashboard{% endblock %} {% block content %}
<style type="text/css">
    .bg-primary {
        background-color: #003b9d !important;
    }
</style>
<div>
   <div class="row">
       <div class="col mt-2 text-center">
           {% if course_data %}
           <span class="h3" style="color: #626262;"> Below is/are the course(s) you have chosen to be a faculty. <a href="{{ url_for('faculty.Addmodifycourse',user_id=user_id,conf_id=conf_id,conf_key=conf_key) }}"> Click here </a> to modify. </span>
           {% else %}
           <span class="h3" style="color: #626262;"> You have not chosen any course(s) yet. <a href="{{ url_for('faculty.Addmodifycourse',user_id=user_id,conf_id=conf_id,conf_key=conf_key) }}">Click here </a> to choose the course(s) for which you want to be a faculty </span>
           {% endif %}
       </div>
   </div>
  <!--  <div class="row">-->
  <!--   <div class="col my-2 text-center">-->
  <!--       <br>-->
  <!--     <span class="h3" style="color: #656565;">As a faculty, you have the opportunity to select your preferred date and time for your teaching. To access and update your preferences, please <a href="{{ url_for('faculty.Faculty_preference_time',user_id=user_id,conf_id=conf_id,conf_key=conf_key) }}">click here</a>.</span>-->
  <!--   </div>-->
  <!--</div>-->
    <div class="row my-3 ">
       <div class="col">
           <a href="{{ url_for('faculty.Addmodifycourse',user_id=user_id,conf_id=conf_id,conf_key=conf_key) }}" class="btn btn-primary float-right">Add or Modify the courses</a>
         </div>
     </div>
    <!-- <div class="row">
   <div class="col my-2 text-center">
       <h2>Faculty opt-in for skills transfer course is closed now.</h2>
       </div>
      </div> -->
    <div class="row">
        {% if workshop_data  %}
        {% for i in workshop_data %}
        <div class="col-1"></div>
        <div class="col-10 pt-2">
           <div class="card w-100 background_img" style="background-color:#4f81bd;">
                  <div class="card-body" style="padding: 0.5rem;">
                    <div class="row">
                      <div class="col text-center">
                        <span class=" h3 text-light"><b>{{ i.WorkshopName or '' }}</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" style="padding-right: 30px;">
                          <div class="panel-group rounded 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 p-1" style="margin-bottom: 0.0rem;">
                                  <!-- <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 '' }}"> -->
                                    <a role="button" data-toggle="collapse" data-parent="#accordion"  aria-controls="collapse{{ i.WorkshopCourseId or '' }}">
                                          <span class="h5" style="color:#404d65">{{ i.CourseName or '' }}</span>
                                  </a>
                                </h4>
                              </div>
                              </div>
                      </div>
                  </div>
                  </div>
          <!--  -->
        {% endfor %}
        </div>
      </div>
    </div>
  </div>
  </div>
  <div class="col-1"></div>
          <!--  -->
        {% endfor %}
        {% endif %}
    </div>
    <div class="row">
      {% if workshop_data %} {% for i in workshop_data %}
      {% if slots_data[i.workshopId] %}
      <div class="col-1"></div>
        <div class="col-10 pt-2">
          <div class="card w-100 background_img">
              <div class="card-body" style="background-color:#4f81bd;">
                  <div class="row">
                      <div class="col text-center">
                          <span class="h3 text-light"><b>{{ i.WorkshopName or '' }}{{ i.WorkshopId }}</b></span>
                      </div>
                  </div>
                  <div class="row">
                      <table class="table">
                          <thead>
                              <tr class="text-center">
                                  <th scope="col">S.No</th>
                                  <th scope="col">Day</th>
                                  <th scope="col">Date</th>
                                  <!--<th scope="col">Start Time</th>-->
                                  <!--<th scope="col">End Time</th>-->
                              </tr>
                          </thead>
                          <tbody>
                              {% for j in slots_data[i.workshopId] %}
                                  <tr class="text-center ">
                                      <td>{{ loop.index }}</td>
                                      <td>{{ j.Date.strftime('%A') }}</td>
                                      <td>{{ j.Date.strftime('%d-%m-%Y') }}</td>
                                      <!--<td>{{ j.Start_time or '' }}</td>-->
                                      <!--<td>{{ j.End_time or '' }}</td>-->
                                  </tr>
                              {% endfor %}            
                          </tbody>
                      </table>
                </div>
              </div>
          </div>
      </div>
      <div class="col-1"></div>
      <!--  -->
      {% endif %}
      {% 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 %}
{% 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+"/facutlty/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+"/facutlty/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 %}