Sindbad~EG File Manager

{% extends "neuro_backoffice/bo_layout.html" %} {% block title %}Video recordings of the annual conference of VRSI{% endblock %} {% block content %}
<Style>
    /* Parent Wrapper Element */

figure {
  position: relative;
  width: 100%;
  height: 480px;
  /* For responsive video */
  /* padding-bottom: 56.25%;*/
  /* padding-top: 25px; */
  /* height: 0; */
}


/* Sibling Overlay Element */

figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

object {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

label {
    display: inline-block;
    margin-bottom: 0rem !important;
}


h6 {
    margin-bottom: 0.2rem;
    font-weight: 500;
    line-height: 1.2;
}

figure {
    /* position: relative; */
    /* width: 100%; */
    /* height: 480px; */
    padding-bottom: 56.25%;
    /* padding-top: 25px; */
    /* height: 0; */
}
</Style>
    <div class="container bg-white">
      <div class="row" style="display: flex;align-items: center;">
        <div class="col-md-6">
            <img src="../static/images/vrsi_logo_1.png" alt="VRSI 2022">
          <!-- <img src="../static/images/logo.png" alt="VRSI 2022"> -->
        </div>
        
        <div class="col-lg-6 col-md-6 col-sm-6  text-right">
          <header>
          <h5 class="mt-5">Video recordings of the annual conference of VRSI</h5>
          </header>
          <!--<h5 class="text-right">Video recording of the live program</h5>-->
        </div>
      </div>
    </div>
  
 
<div class="container sub"> 
  <div class="row" style="display: flex;align-items: center;">
    <div class="col-lg-5 col-md-5 col-sm-12 text-left">
      <label class="h5"> </label>
        
        
    </div>
    <div class="col-lg-5 col-sm-12 col-md-5 text-md-right text-center">
      <div class="counter">
      
      </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-12 text-right">
      
    </div>
  </div>
</div>
<div class="container bg-white">
  <div class="card ">
  
        {% if years : %}
          {% for key,vals in years.items() : %}
          
            <h2 class="text-center mt-2" >VRSI {{ key }}, {{Helper.con_venue[key]}}</h2>
          
          
              <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-12 text-center  mt-3" > 

                      <img src="{{ Helper.logos[key] }}" alt="VRSI {{ key }}" width="100%">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 text-center  mt-3" style="padding: 0px 40px !important;">        
            {% if vals : %}
              {% for row in vals : %}

                {% if loop.index % 2 == 0: %}
                  <a class="btn btn-primary mt-4 mb-4" href="{{url_for('user.DaywiseVideoIndex',program_day=row.program_day,year=row.year)}}"  style="border-radius: 5px;font-size:24px ;color:#FFFFFF !important;width:100%;">
                    {% if row.program_day : %}
                    Day {{row.program_day | safe}}  : {{row.session_date.strftime('%d-%b-%Y') or ''}} ( {{ row.session_date.strftime("%A")}} ) <i class="fa fa-arrow-right ml-5"> &nbsp;</i>
                    
                    {% endif %}
                    
                  </a>
                  <br/>

                {% elif loop.index % 3 == 0: %}
                  <a class="btn btn-danger mt-4 mb-4"href="{{url_for('user.DaywiseVideoIndex',program_day=row.program_day,year=row.year)}}"   style="border-radius: 5px;font-size:24px ;color:#FFFFFF !important;width:100%;">
                    {% if row.program_day : %}
                    Day {{row.program_day | safe}}  : {{row.session_date.strftime('%d-%b-%Y') or ''}} ( {{ row.session_date.strftime("%A")}} ) <i class="fa fa-arrow-right ml-5"> &nbsp;</i>
                    {% endif %}
                  </a>
                  <br/>  

                {% else :%}
                    <a class="btn btn-success mt-4 mb-4" href="{{url_for('user.DaywiseVideoIndex',program_day=row.program_day,year=row.year)}}"  style="border-radius: 5px;font-size:24px ;color:#FFFFFF !important;width:100%;">
                    {% if row.program_day : %}
                    Day {{row.program_day | safe}}  : {{row.session_date.strftime('%d-%b-%Y') or ''}} ( {{ row.session_date.strftime("%A")}} ) <i class="fa fa-arrow-right ml-5"> &nbsp;</i>
                    {% endif %}
                  </a>
                                    
                
                {% endif %}
              {% endfor %}
            {% endif %}
             <br/>
             </div>
              <div class="col-lg-3 col-md-3 col-sm-12 text-center  mt-3" > </div>
            </div>   
          
            <hr>
          {% endfor %}    
         {% else : %}
            
            Records does not exist.
            
         {% endif %}
      
     
      
      <!-- <a href="https://forms.gle/SEYyfAcXUAxsG5Y59" target="_blank"><h4><span style="color:#000000 !important;">Please take a moment to attempt this self-assessment quiz,</span><span style="color:#950d3c !important;"> by clicking here</span> </h4></a>
 -->
    
    
  
  </div> 


  {% if day_index :%}
  {% for row in day_index : %}
 
  <div class="row mt-1 text-center">       
    {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
       <div class="alert alert-success text-align-center successMessage alert-dismissible" >
         <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
         <h6>{{ mesg|safe }}</h6>
       </div>
    {% endfor %}
    {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
      <div class="alert alert-danger text-align-center successMessage" id="successMessage">
         <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
         <h6>{{ mesg|safe }}</h6>  
      </div>
    {% endfor %}       
    
      
  </div>

  {% endfor %}
  {% else %}
    <div class="row mt-1">
     
      No Videos
    </div>      
  {% endif %}
    <!-- <br />
    <div class="row my-3 p-2">
        <div class="col text-center">
            <a href="{{url_for('user.Logout')}}" class="btn btn-danger">Logout</a>
        </div>
    </div> -->
</div>
{% endblock %}

{% block script %}
<script type="text/javascript" language="javascript">
  var BaseUrl = document.location.origin;

$(document).ready(function()
{



    // $(function() {
    //          function getCounterData(obj) {
    //           var days = parseInt($('.e-m-days', obj).text());
    //           var hours = parseInt($('.e-m-hours', obj).text());
    //           var minutes = parseInt($('.e-m-minutes', obj).text());
    //           var seconds = parseInt($('.e-m-seconds', obj).text());

    //           return seconds + (minutes * 60) + (hours * 3600) + (days * 3600 * 24);
    //         }

    //         function setCounterData(s, obj) {
    //           var days = Math.floor(s / (3600 * 24));
    //           var hours = Math.floor((s % (60 * 60 * 24)) / (3600));
    //           var minutes = Math.floor((s % (60 * 60)) / 60);
    //           var seconds = Math.floor(s % 60);

    //         //   console.log(days, hours, minutes, seconds);
    //         if(minutes < 10)
    //           {
    //              minutes =  ('0' + minutes).slice(-2);
    //              // alert(minutes);
    //              // minutes = "0"+minutes;
    //           }
    //           if(seconds < 10)
    //           {
    //              // alert(seconds);
    //               seconds = ('0' + seconds).slice(-2);
    //               // seconds = "0"+seconds;
    //           }

    //           $('.e-m-hours', obj).html(hours);
    //           $('.e-m-minutes', obj).html(minutes);
    //           $('.e-m-seconds', obj).html(seconds);
    //         }

    //         var count = getCounterData($(".counter"));

    //         var timer = setInterval(function() {
    //           count--;
    //           if (count == 0) {
    //            url_1 = BaseUrl+"/logout";

    //           window.location = url_1;


    //             // clearInterval(timer);
    //             return;
    //           }
    //           setCounterData(count, $(".counter"));
    //         }, 1000);
    //       });

});

        
</script>

{% endblock %}