Sindbad~EG File Manager

{% extends "abs_status/bo_status_layout.html" %}
{% block title %}Actives Confernece{% endblock %}
{% block head %}
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
{% endblock %}
{% block content %}
{% set total_upcoming_conf = namespace(value=0) %}
  {% set b=[] %}
   {% if conf : %}
          {% for k in conf %}
            {% if k.conf_id|int not in b %}
              {% set total_upcoming_conf.value = 1+total_upcoming_conf.value|int %}
              {{ b.append(k.conf_id) or "" }}
            {% endif %} 
          {% endfor %}            
   {% endif %}  
  <div class="row">
    <div class="col-6">
      <span class="text-danger" style="font-size:20px">Total Active conference(s):</span> <span class="h5 text-danger font-weight-bold">{{ total_upcoming_conf.value|int+closed_conf|length }}</span> 
      
    </div>
    <div class="col-6">
      <div class="input-group float-right">
        <input type="text" class="form-control" name="search_text" id="search_text" placeholder="Search conference here.." aria-label="Search Folder or File here.." aria-describedby="basic-addon2" required>
        
        <div>
          <button class="btn btn-outline-secondary" onclick="ClearSearch()" >X</button>
          <!-- <a class="btn btn-outline-danger" href="#" >Clear</a> -->
           <input type="hidden" id="folder-path-input" value="">
          
        </div>
      </div>
      
    </div>
  </div>       
  <div class="row">
    <div class="col">
      <h5 class="h5 mb-0">Upcoming Conference(s)</h5>
      <span class="text-secondary">Count : </span> <span class="text-dark font-weight-bold"> {{ total_upcoming_conf.value }} </span>
    </div>
  </div> 
   <hr/>   
    <div class="panel-group py-3" id="accordion">
      {% set colors = ['badge-success','badge-danger','badge-info','badge-dark'] %}
      {% set a=[] %}
      
      {% if conf : %}
          {% for i in conf %}
            {% if i.conf_id|int not in a %}
            <div class="card" id="search_subfolders" style="background-color: whitesmoke;" >
              <div class="panel panel-default" style="border-color: #9f9595;background-color: #e0f7ff;">
                <div class="panel-heading p-3" id="{{i.conf_id}}">
                    <!-- <a id="conf_id_{{i.conf_id}}" href="conference/{{i.society_id}}"> -->
                      <div class="row">
                        <div class="col-md-12 text-dark mb-1"> Society : 
                          <span class="text-danger "><b>{{i.society_name}}</b></span> 
                          | Society Id : <span><b class="text-danger">{{i.society_id}} </b></span> 

                          {% for j in conf_data[i.conf_id] %}
                          <a href="{{j.app_url or ''}}" target="_blank" class="float-right ml-2"><span class="badge {{ colors[(loop.index-1) % 4] }} text-white">{{j.app_name}}</span> </a>

                          {% endfor %}
                        </div>
                      </div>  
                    <!-- </a> -->
                  <div class="panel-title">
                    <div class="row">
                        <div class="col-md-6 col-sm-12">
                          <span class="text-uppercase h5 text-dark"><i class="fa-solid fa-badge-check text-success"></i> {{i.conf_name}} </span> | Conf Id : <b class="text-danger"><span class="text-danger font-weight-bold">{{i.conf_id}}</span></b>
                         {{ a.append(i.conf_id) or "" }}
                        </div>  
                        <div class="col-md-6 col-sm-12 text-right">
                              {% if i.conf_start_time and i.conf_end_time %}
                              <div class="text-secondary"> Conf dates : <span class="text-dark font-weight-bold">
                                {% if i.conf_start_time.strftime('%m')== i.conf_end_time.strftime('%m') %}
                                    {% if 4 <= i.conf_start_time.strftime('%d')|int <= 20 or i.conf_start_time.strftime('%d')|int >= 4 or i.conf_start_time.strftime('%d')|int == 0 %}
                                        {% set start= i.conf_start_time.strftime('%d')+'th' %}
                                    {% elif i.conf_start_time.strftime('%d')|int == 1: %} 
                                        {% set start= i.conf_start_time.strftime('%d')+'st' %}
                                    {% elif i.conf_start_time.strftime('%d')|int == 2: %}
                                        {% set start= i.conf_start_time.strftime('%d')+'nd' %}
                                    {% elif i.conf_start_time.strftime('%d')|int == 3: %}
                                        {% set start= i.conf_start_time.strftime('%d')+'rd' %}
                                    {% endif %}

                                    {% if 4 <= i.conf_end_time.strftime('%d')|int <= 20 or i.conf_end_time.strftime('%d')|int >= 4 or i.conf_end_time.strftime('%d')|int == 0 %}
                                        {% set end= i.conf_end_time.strftime('%d')+'th '+ i.conf_end_time.strftime('%b %Y') %}
                                    {% elif i.conf_end_time.strftime('%d')|int == 1: %} 
                                        {% set end= i.conf_end_time.strftime('%d')+'st '+ i.conf_end_time.strftime('%b %Y') %}
                                    {% elif conf_end.strftime('%d')|int == 2: %}
                                        {% set end= i.conf_end_time.strftime('%d')+'nd '+ i.conf_end_time.strftime('%b %Y') %}
                                    {% elif i.conf_end_time.strftime('%d')|int == 3: %}
                                        {% set end= i.conf_end_time.strftime('%d')+'rd '+ i.conf_end_time.strftime('%b %Y') %}
                                    {% endif %}

                                    
                                    <label>{{start}} - {{end}}</label>
                                {% else %}
                                    <label>{{i.conf_start_time.strftime('%d/%b/%Y')}} - {{i.conf_end_time.strftime('%d/%b/%Y')}}</label>
                                {% endif %}
                              </span>
                              {% endif %} 

                            </div>      

                              {% if i.reg_start_on and i.reg_end_on %}
                              <div class="text-secondary"> Registration dates : <span class="text-dark font-weight-bold">
                                {% if i.reg_start_on.strftime('%m')== i.reg_end_on.strftime('%m') and i.reg_start_on.strftime('%Y')== i.reg_end_on.strftime('%Y') %}
                                    {% if 4 <= i.reg_start_on.strftime('%d')|int <= 20 or i.reg_start_on.strftime('%d')|int >= 4 or i.reg_start_on.strftime('%d')|int == 0 %}
                                        {% set start= i.reg_start_on.strftime('%d')+'th' %}
                                    {% elif i.reg_start_on.strftime('%d')|int == 1: %} 
                                        {% set start= i.reg_start_on.strftime('%d')+'st' %}
                                    {% elif i.reg_start_on.strftime('%d')|int == 2: %}
                                        {% set start= i.reg_start_on.strftime('%d')+'nd' %}
                                    {% elif i.reg_start_on.strftime('%d')|int == 3: %}
                                        {% set start= i.reg_start_on.strftime('%d')+'rd' %}
                                    {% endif %}

                                    {% if 4 <= i.reg_end_on.strftime('%d')|int <= 20 or i.reg_end_on.strftime('%d')|int >= 4 or i.reg_end_on.strftime('%d')|int == 0 %}
                                        {% set end= i.reg_end_on.strftime('%d')+'th '+ i.reg_end_on.strftime('%b %Y') %}
                                    {% elif i.reg_end_on.strftime('%d')|int == 1: %} 
                                        {% set end= i.reg_end_on.strftime('%d')+'st '+ i.reg_end_on.strftime('%b %Y') %}
                                    {% elif conf_end.strftime('%d')|int == 2: %}
                                        {% set end= i.reg_end_on.strftime('%d')+'nd '+ i.reg_end_on.strftime('%b %Y') %}
                                    {% elif i.reg_end_on.strftime('%d')|int == 3: %}
                                        {% set end= i.reg_end_on.strftime('%d')+'rd '+ i.reg_end_on.strftime('%b %Y') %}
                                    {% endif %}

                                    
                                    <label>{{start}} - {{end}}</label>
                                {% else %}
                                    <label>{{i.reg_start_on.strftime('%d/%b/%Y')}} - {{i.reg_end_on.strftime('%d/%b/%Y')}}</label>
                                {% endif %}
                              </div>
                              {% endif %} 

                        </div>
                        <div class="col col-sm-12">
                          <a data-toggle="collapse" data-parent="#accordion" id="conf_id_{{i.conf_id}}" href="#collapse_{{i.conf_id}}">view abstracts dates..</a> 
                        </div>
                      
                    </div>    
                  
              
                    
                  </div>
                 
                  
                <div id="collapse_{{i.conf_id}}" class="panel-collapse collapse in">
                  <div class="panel-body p-3" id="pb_{{i.conf_id}}">
                    <div id="abs_table_{{i.conf_id}}"></div>
                  </div>
                </div>
              </div>
            </div>
           </div> 
          <br>
            {% endif %}
          {% endfor %}
      {% endif %}

    
    <div class="row ">
      <div class="col">
        <h5 class="h5 mb-0">Previous Conference(s)</h5>
        <span class="text-secondary">Count : </span> <span class="text-dark font-weight-bold"> {{ closed_conf|length }} </span>
      </div>
    </div>
  <hr/>    
     <div class="panel-group py-3" id="accordion_1">
      {% if closed_conf : %}
          {% for i in closed_conf %}
            <div class="card" id="search_subfolders" style="background-color: whitesmoke;" >
              <div class="panel panel-default" style="border-color: #9f9595;">
                <div class="panel-heading p-3" id="{{i.conf_id}}">
                    <a id="conf_id_{{i.conf_id}}" href="conference/{{i.society_id}}"><div class="text-dark mb-1"> Society : <span class="text-danger "><b>{{i.society_name}}</b></span> | Society Id : <b class="text-danger">{{i.society_id}}</b></div></a>
                  <div class="panel-title">
                    <div class="row">
                        <div class="col-md-6 col-sm-12">
                          <span class="text-uppercase h5 text-dark"><i class="fa-solid fa-badge-check text-success"></i> {{i.conf_name}} </span>| Conf Id : <span class="text-dark font-weight-bold">{{i.conf_id}}</span>
                         
                        </div>  
                        <div class="col-md-6 col-sm-12 text-right">
                              <div class="text-secondary"> Conf dates : <span class="text-dark font-weight-bold">{{i.conf_start_time.strftime('%d-%h-%Y') or ''}}</span> to <span class="text-dark font-weight-bold">{{i.conf_end_time.strftime('%d-%h-%Y') or ''}}</span></div>

                              
                        </div>
                        <div class="col col-sm-12">
                          <a data-toggle="collapse" data-parent="#accordion_1" id="conf_id_{{i.conf_id}}" href="#collapse_{{i.conf_id}}">view abstracts dates..</a> 
                        </div>
                    </div>    
                  </div> 
                </div>
                <div id="collapse_{{i.conf_id}}" class="panel-collapse collapse in">
                  <div class="panel-body p-3" id="pb_{{i.conf_id}}">
                    <div id="abs_table_{{i.conf_id}}"></div>
                  </div>
                </div>
              </div>
            </div><br>
          {% endfor %}
      {% endif %}
    </div>
{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
  var BaseUrl=document.location.origin
  $(document).ready(function(){
    $(".panel-body").attr('style','display:none;')
    $(".panel-heading").click(function(){
      var conf_id=$(this).attr('id');
      $.ajax({
          type:'POST',
          url:BaseUrl+"/get_abs_types",
          data:{'conf_id':conf_id},
          dataType: 'json',
          success: function(data)
          {
            var msg=data['msg'];
            if (msg=='success'){
              $("#abs_table_"+conf_id).html(data["data"]);
              $(".panel-body").attr('style','display:none;')
              $("#pb_"+conf_id).attr('style','')
            }

          }

      });
    });
    $(document).ready(function(){
      $("#search_text").on("keyup", function() {
        var value = $(this).val().toLowerCase();
    
      $("#accordion").children().each(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
      })

      $("#accordion_1").children().each(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
      })
    });
  });

  });
  $(".super_admin").tooltip();
  
  function ClearSearch() {
   $("#search_text").val('') 
   $("#search_text").keyup()
  }
</script>
{% endblock %}