Difference between revisions of "Widget:RAPID-LicenseFilter"

From Open Energy Information

(Created page with "<noinclude> This widget helps allows users to toggle RAPID/Roadmap/7-FD-m licensing project types. Category:RAPID Toolkit Category:RAPID Widgets </noinclude><inclu...")
 
Line 53: Line 53:
 
.secondNarrative.active {
 
.secondNarrative.active {
 
   display: block;
 
   display: block;
 +
}
 +
#chartCarousel .item.active {
 +
  display: block !important;
 
}
 
}
 
</style>
 
</style>
Line 64: Line 67:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   $(document).ready(function(){
 
   $(document).ready(function(){
     $('#narrativeDescription').append('<h3>Post-Process Filing Process (License Applications)</h3><div id="ILP" class="secondNarrative active"></div><div id="TLP" class="secondNarrative"></div><div id="ALP" class="secondNarrative"></div><div id="initialCarousel" class="hidden"></div><div id="ILP-Carousel" class="hidden"></div><div id="TLP-Carousel" class="hidden"></div><div id="ALP-Carousel" class="hidden"></div>');
+
     $('#narrativeDescription').append('<h3>Post-Process Filing Process (License Applications)</h3><div id="ILP" class="secondNarrative active"></div><div id="TLP" class="secondNarrative"></div><div id="ALP" class="secondNarrative"></div><div id="ILP-Carousel" class="hidden"></div><div id="TLP-Carousel" class="hidden"></div><div id="ALP-Carousel" class="hidden"></div><div id="ILP-Charts" class="hidden"></div><div id="TLP-Charts" class="hidden"></div><div id="ALP-Charts" class="hidden"></div><div id="ILP-Items" class="hidden"></div><div id="TLP-Items" class="hidden"></div><div id="ALP-Items" class="hidden"></div>');
 
     $('span.license-filter').click(function(){
 
     $('span.license-filter').click(function(){
 
       $('span.license-filter').removeClass('active');
 
       $('span.license-filter').removeClass('active');
Line 71: Line 74:
 
       setToggle = $(this).data('license');
 
       setToggle = $(this).data('license');
 
       $('#'+setToggle).addClass('active');
 
       $('#'+setToggle).addClass('active');
       $('#chartCarousel .chart-thumb, #chartCarousel .item').each(function(){
+
       $('.carousel-indicators .chart-thumb:first-of-type').trigger('click');
         if($(this).data('license')=="ILP"){
+
      $('#chartCarousel .chart-thumb').each(function(){
           $('#ILP-Carousel').append($(this));
+
         if($(this).data('license') == "ILP"){
 +
           $(this).appendTo($('#ILP-Charts'));
 
         }
 
         }
         if($(this).data('license')=="TLP"){
+
         if($(this).data('license') == "TLP"){
           $('#TLP-Carousel').append($(this));
+
           $(this).appendTo($('#TLP-Charts'));
 
         }
 
         }
         if($(this).data('license')=="ALP"){
+
         if($(this).data('license') == "ALP"){
           $('#ALP-Carousel').append($(this));
+
           $(this).appendTo($('#ALP-Charts'));
 
         }
 
         }
 
       });
 
       });
       if(setToggle == "ILP"){
+
       $('#'+setToggle+'-Charts .chart-thumb').each(function(){
        var itemNum = 0;
+
        $(this).insertAfter($('#chartCarousel .carousel-indicators .chart-thumb:last-of-type'));
        $('#ILP-Carousel .chart-thumb').each(function(){
+
      });
          $(this).attr('data-license','ILP');
+
      //$('.chart-thumb').removeClass('active');
          var slideNum = $(this).data('slide-to');
+
      //$('.carousel-indicators .chart-thumb:first-of-type').addClass('active');
          if(slideNum >= 5){
+
      $('.flowchart-close').trigger('click');
            $('#chartCarousel .carousel-indicators').append($(this));
+
      $('#chartCarousel .item').each(function(){
          }
+
        if($(this).data('license') == "ILP"){
        });
+
          $(this).appendTo($('#ILP-Items'));
        $('#ILP-Carousel .item').each(function(){
+
        }
          if(itemNum >= 5){
+
         if($(this).data('license') == "TLP"){
            $(this).attr('data-license','ILP');
+
          $(this).appendTo($('#TLP-Items'));
            $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
+
        }
          }
+
        if($(this).data('license') == "ALP"){
          itemNum++
+
           $(this).appendTo($('#ALP-Items'));
         });
+
        }
      }
+
      });
      if(setToggle == "TLP"){
+
      $('#'+setToggle+'-Items .item').each(function(){
        var itemNum = 0;
+
        $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
        $('#TLP-Carousel .chart-thumb').each(function(){
+
      });
          $(this).attr('data-license','TLP');
+
    });
           var slideNum = $(this).data('slide-to');
+
    $('.chart-thumb').click(function(){
          if(slideNum >= 5){
+
      if($(this).attr('data-license')){
            $('#chartCarousel .carousel-indicators').append($(this));
+
        var license = $(this).attr('data-license');
          }
+
         var slide = $(this).attr('data-slide-to');
        });
+
        $('.carousel-inner .item[data-license="'+license+'"][data-slide="'+slide+'"]').addClass('active');
        $('#TLP-Carousel .item').each(function(){
 
          if(itemNum >= 5){
 
            $(this).attr('data-license','TLP');
 
            $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
 
          }
 
          itemNum++
 
        });
 
      }
 
      if(setToggle == "ALP"){
 
        var itemNum = 0;
 
        $('#ALP-Carousel .chart-thumb').each(function(){
 
          $(this).attr('data-license','ALP');
 
          var slideNum = $(this).data('slide-to');
 
          if(slideNum >= 5){
 
            $('#chartCarousel .carousel-indicators').append($(this));
 
          }
 
         });
 
        $('#ALP-Carousel .item').each(function(){
 
          if(itemNum >= 5){
 
            $(this).attr('data-license','ALP');
 
            $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
 
          }
 
          itemNum++
 
        });
 
 
       }
 
       }
 
     });
 
     });
    $('#initialCarousel').html($('#chartCarousel .carousel-indicators').html());
 
 
     fetchILP();
 
     fetchILP();
 
     fetchTLP();
 
     fetchTLP();
Line 152: Line 131:
 
         var itemNum = 0;
 
         var itemNum = 0;
 
         $('#ILP-Carousel .chart-thumb').each(function(){
 
         $('#ILP-Carousel .chart-thumb').each(function(){
          $(this).attr('data-license','ILP');
 
 
           var slideNum = $(this).data('slide-to');
 
           var slideNum = $(this).data('slide-to');
 
           if(slideNum >= 5){
 
           if(slideNum >= 5){
 +
            $(this).attr('data-slide-to',slideNum-3).attr('data-license','ILP');
 
             $('#chartCarousel .carousel-indicators').append($(this));
 
             $('#chartCarousel .carousel-indicators').append($(this));
 
           }
 
           }
Line 160: Line 139:
 
         $('#ILP-Carousel .item').each(function(){
 
         $('#ILP-Carousel .item').each(function(){
 
           if(itemNum >= 5){
 
           if(itemNum >= 5){
             $(this).attr('data-license','ILP');
+
             $(this).attr('data-license','ILP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
 
             $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
 
           }
 
           }
 
           itemNum++
 
           itemNum++
 
         });
 
         });
 +
        $('#ILP-Carousel').remove();
 
         $('#ILP h2').each(function(){
 
         $('#ILP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){
Line 178: Line 158:
 
           target++;
 
           target++;
 
         });
 
         });
         $('#ILP h2.collapse, #TLP h2.collapse, #ALP h2.collapse').click(function(){
+
         $('#ILP h2.collapse').click(function(){
 
           $(this).toggleClass('min');
 
           $(this).toggleClass('min');
 
           target = $(this).attr('data-target');
 
           target = $(this).attr('data-target');
Line 199: Line 179:
 
       complete: function(){
 
       complete: function(){
 
         var target = 1;
 
         var target = 1;
 +
        var itemNum = 0;
 +
        $('#TLP-Carousel .chart-thumb').each(function(){
 +
          var slideNum = $(this).data('slide-to');
 +
          if(slideNum >= 5){
 +
            $(this).attr('data-slide-to',slideNum-3).attr('data-license','TLP');
 +
            $(this).appendTo($('#TLP-Charts'));
 +
          }
 +
        });
 +
        $('#TLP-Carousel .item').each(function(){
 +
          if(itemNum >= 5){
 +
            $(this).attr('data-license','TLP').attr('data-slide',itemNum).attr('style','display:none;');
 +
            $(this).appendTo($('#TLP-Items'));
 +
          }
 +
          itemNum++
 +
        });
 +
        $('#TLP-Carousel').remove();
 
         $('#TLP h2').each(function(){
 
         $('#TLP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){
Line 233: Line 229:
 
       complete: function(){
 
       complete: function(){
 
         var target = 1;
 
         var target = 1;
 +
        var itemNum = 0;
 +
        $('#ALP-Carousel .chart-thumb').each(function(){
 +
          var slideNum = $(this).data('slide-to');
 +
          if(slideNum >= 5){
 +
            $(this).attr('data-slide-to',slideNum-3).attr('data-license','ALP');
 +
            $(this).appendTo($('#ALP-Charts'));
 +
          }
 +
        });
 +
        $('#ALP-Carousel .item').each(function(){
 +
          if(itemNum >= 5){
 +
            $(this).attr('data-license','ALP').attr('data-slide',itemNum).attr('style','display:none;');
 +
            $(this).appendTo($('#ALP-Items'));
 +
          }
 +
          itemNum++
 +
        });
 +
        $('#ALP-Carousel').remove();
 
         $('#ALP h2').each(function(){
 
         $('#ALP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){

Revision as of 23:57, 27 September 2019

This widget helps allows users to toggle RAPID/Roadmap/7-FD-m licensing project types.