Difference between revisions of "Widget:RAPID-LicenseFilter"

From Open Energy Information

(redo this widget)
 
Line 5: Line 5:
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
<style>
 
<style>
.license-processes {
+
h3, .license-processes {
 
   clear: both;
 
   clear: both;
 
}
 
}
Line 56: Line 56:
 
#chartCarousel .item.active {
 
#chartCarousel .item.active {
 
   display: block !important;
 
   display: block !important;
 +
}
 +
.chart-thumb[data-license] .chart-thumb-screen {
 +
  background: rgba(102,42,0,.08);
 
}
 
}
 
</style>
 
</style>
Line 67: Line 70:
 
<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="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>');
+
     $('#narrativeDescription').prepend('<h3>Pre-Filing Process</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(){
 +
      //reset active filter
 
       $('span.license-filter').removeClass('active');
 
       $('span.license-filter').removeClass('active');
 
       $(this).addClass('active');
 
       $(this).addClass('active');
 +
      //reset narrative elements
 
       $('.secondNarrative').removeClass('active');
 
       $('.secondNarrative').removeClass('active');
 +
      //define the current fitler as a variable
 
       setToggle = $(this).data('license');
 
       setToggle = $(this).data('license');
 +
      //activate the imported narrative to match the active filter
 
       $('#'+setToggle).addClass('active');
 
       $('#'+setToggle).addClass('active');
 +
      //prevent unintended opening/closing of flowcharts, only if already open
 
       if($('.flowchart-close').is(':visible')){
 
       if($('.flowchart-close').is(':visible')){
 
         $('.flowchart-close').trigger('click');
 
         $('.flowchart-close').trigger('click');
 
       }
 
       }
 +
      //reset the chart thumbnails
 
       $('.chart-thumb').each(function(){
 
       $('.chart-thumb').each(function(){
 
         $(this).removeClass('open');
 
         $(this).removeClass('open');
 
       });
 
       });
       $('.carousel-inner .item:first-of-type').addClass('active');
+
 
 +
       //toggle the active class back to a 7-FD-m thumbnail, this prevents unintended behavior
 +
      //$('#chartCarousel .carousel-inner .item:first-of-type').addClass('active');
 +
      $('#chartCarousel .carousel-indicators .chart-thumb:not([data-license])').first().addClass('active');
 +
 
 +
      //move fetched flowchart thumbnails back to original location
 
       $('#chartCarousel .chart-thumb').each(function(){
 
       $('#chartCarousel .chart-thumb').each(function(){
 
         if($(this).data('license') == "ILP"){
 
         if($(this).data('license') == "ILP"){
Line 92: Line 106:
 
         }
 
         }
 
       });
 
       });
 +
      //activate the flowchart thumbnails to match the active filter
 
       $('#'+setToggle+'-Charts .chart-thumb').each(function(){
 
       $('#'+setToggle+'-Charts .chart-thumb').each(function(){
         $(this).insertAfter($('#chartCarousel .carousel-indicators .chart-thumb:last-of-type'));
+
         $(this).insertBefore($('#chartCarousel .carousel-indicators .chart-thumb:not([data-license])').first());
 +
      });
 +
      //modify the 7-FD-m slides to appear in carousel after activated filter
 +
      $('#chartCarousel .carousel-indicators .chart-thumb:not([data-license])').each(function(){
 +
        $(this).removeClass('active');
 +
        var slideNum = $(this).data('slide-to');
 +
        var preFileCount = $('#chartCarousel .carousel-indicators .chart-thumb[data-license]').length;
 +
        $(this).attr('data-slide-to',slideNum+preFileCount);
 
       });
 
       });
 +
 +
      $('#chartCarousel .carousel-inner .item:first-of-type').addClass('active');
 +
 +
      //move fetched flowchart slides back to original location
 
       $('#chartCarousel .item').each(function(){
 
       $('#chartCarousel .item').each(function(){
 
         if($(this).data('license') == "ILP"){
 
         if($(this).data('license') == "ILP"){
Line 106: Line 132:
 
         }
 
         }
 
       });
 
       });
 +
 +
      $('#chartCarousel .carousel-inner .item.active').removeClass('active');
 +
     
 +
      //activate the flowchart slides to match the active filter
 
       $('#'+setToggle+'-Items .item').each(function(){
 
       $('#'+setToggle+'-Items .item').each(function(){
         $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
+
         $(this).insertBefore($('#chartCarousel .carousel-inner .item:not([data-license])').first());
 
       });
 
       });
 
     });
 
     });
 +
    //override #Widget:RAPID-Carousel thumbnail click behavior
 
     $('.chart-thumb').click(function(){
 
     $('.chart-thumb').click(function(){
 
       if($(this).attr('data-license')){
 
       if($(this).attr('data-license')){
Line 117: Line 148:
 
       }
 
       }
 
     });
 
     });
 +
    //fetch the filing processes
 
     fetchILP();
 
     fetchILP();
 
     fetchTLP();
 
     fetchTLP();
 
     fetchALP();
 
     fetchALP();
 
   });
 
   });
 +
  //supporting functions
 
   function fetchILP(){
 
   function fetchILP(){
 
     var roadmap = "7-FD-k";
 
     var roadmap = "7-FD-k";
Line 133: Line 166:
 
         var target = 1;
 
         var target = 1;
 
         var itemNum = 0;
 
         var itemNum = 0;
 +
        //collect the desired chart thumbnails and set as default
 
         $('#ILP-Carousel .chart-thumb').each(function(){
 
         $('#ILP-Carousel .chart-thumb').each(function(){
 
           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');
+
             $(this).attr('data-license','ILP');
             $('#chartCarousel .carousel-indicators').append($(this));
+
             $(this).insertBefore($('.carousel-indicators .chart-thumb:not([data-license])').first());
 
           }
 
           }
 
         });
 
         });
 +
        //modify the 7-FD-m slides to appear in carousel after fetched ILP
 +
        $('.carousel-indicators .chart-thumb:not([data-license])').each(function(){
 +
          $(this).removeClass('active');
 +
          var slideNum = $(this).data('slide-to');
 +
          var preFileCount = $('.carousel-indicators .chart-thumb[data-license]').length;
 +
          $(this).attr('data-slide-to',slideNum+preFileCount);
 +
        });
 +
        //collect the desired flowchart slides for the carousel and set as default
 
         $('#ILP-Carousel .item').each(function(){
 
         $('#ILP-Carousel .item').each(function(){
           if(itemNum >= 5){
+
           if(itemNum < 5){
 
             $(this).attr('data-license','ILP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).attr('data-license','ILP').attr('data-slide',itemNum).attr('style','display:none;');
             $(this).insertAfter($('#chartCarousel .carousel-inner .item:last-of-type'));
+
             $(this).insertBefore($('#chartCarousel .carousel-inner .item:not([data-license])').first());
 
           }
 
           }
 
           itemNum++
 
           itemNum++
 
         });
 
         });
 +
        //delete unneeded element
 
         $('#ILP-Carousel').remove();
 
         $('#ILP-Carousel').remove();
 +
        //remove unneeded content from fetched narrative
 
         $('#ILP h2').each(function(){
 
         $('#ILP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){
Line 153: Line 197:
 
             return $(this).text().replace(regex, '7');
 
             return $(this).text().replace(regex, '7');
 
           });
 
           });
           if($(this).text().substring(0,4).split('.')[1]<44){
+
           if($(this).text().substring(0,4).split('.')[1]>42){
 
             $(this).nextUntil('h2').remove();
 
             $(this).nextUntil('h2').remove();
 
             $(this).remove();
 
             $(this).remove();
Line 161: Line 205:
 
           target++;
 
           target++;
 
         });
 
         });
 +
        //toggle function for newly added elements
 
         $('#ILP h2.collapse').click(function(){
 
         $('#ILP h2.collapse').click(function(){
 
           $(this).toggleClass('min');
 
           $(this).toggleClass('min');
Line 183: Line 228:
 
         var target = 1;
 
         var target = 1;
 
         var itemNum = 0;
 
         var itemNum = 0;
 +
        //collect the desired chart thumbnails and move to hidden element for later use
 
         $('#TLP-Carousel .chart-thumb').each(function(){
 
         $('#TLP-Carousel .chart-thumb').each(function(){
 
           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','TLP');
+
             $(this).attr('data-slide-to',slideNum).attr('data-license','TLP');
 
             $(this).appendTo($('#TLP-Charts'));
 
             $(this).appendTo($('#TLP-Charts'));
 
           }
 
           }
 
         });
 
         });
 +
        //collect the desired flowchart slides and move to hidden element for later use
 
         $('#TLP-Carousel .item').each(function(){
 
         $('#TLP-Carousel .item').each(function(){
           if(itemNum >= 5){
+
           if(itemNum < 5){
 
             $(this).attr('data-license','TLP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).attr('data-license','TLP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).appendTo($('#TLP-Items'));
 
             $(this).appendTo($('#TLP-Items'));
Line 197: Line 244:
 
           itemNum++
 
           itemNum++
 
         });
 
         });
 +
        //delete unneeded element
 
         $('#TLP-Carousel').remove();
 
         $('#TLP-Carousel').remove();
 +
        //remove unneeded content from fetched narrative
 
         $('#TLP h2').each(function(){
 
         $('#TLP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){
Line 203: Line 252:
 
             return $(this).text().replace(regex, '7');
 
             return $(this).text().replace(regex, '7');
 
           });
 
           });
           if($(this).text().substring(0,4).split('.')[1]<43){
+
           if($(this).text().substring(0,4).split('.')[1]>41){
 
             $(this).nextUntil('h2').remove();
 
             $(this).nextUntil('h2').remove();
 
             $(this).remove();
 
             $(this).remove();
Line 211: Line 260:
 
           target++;
 
           target++;
 
         });
 
         });
 +
        //toggle function for newly added elements
 
         $('#TLP h2.collapse').click(function(){
 
         $('#TLP h2.collapse').click(function(){
 
           $(this).toggleClass('min');
 
           $(this).toggleClass('min');
Line 233: Line 283:
 
         var target = 1;
 
         var target = 1;
 
         var itemNum = 0;
 
         var itemNum = 0;
 +
        //collect the desired chart thumbnails and move to hidden element for later use
 
         $('#ALP-Carousel .chart-thumb').each(function(){
 
         $('#ALP-Carousel .chart-thumb').each(function(){
 
           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','ALP');
+
             $(this).attr('data-slide-to',slideNum).attr('data-license','ALP');
 
             $(this).appendTo($('#ALP-Charts'));
 
             $(this).appendTo($('#ALP-Charts'));
 
           }
 
           }
 
         });
 
         });
 +
        //collect the desired flowchart slides and move to hidden element for later use
 
         $('#ALP-Carousel .item').each(function(){
 
         $('#ALP-Carousel .item').each(function(){
           if(itemNum >= 5){
+
           if(itemNum < 5){
 
             $(this).attr('data-license','ALP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).attr('data-license','ALP').attr('data-slide',itemNum).attr('style','display:none;');
 
             $(this).appendTo($('#ALP-Items'));
 
             $(this).appendTo($('#ALP-Items'));
Line 247: Line 299:
 
           itemNum++
 
           itemNum++
 
         });
 
         });
 +
        //delete unneeded element
 
         $('#ALP-Carousel').remove();
 
         $('#ALP-Carousel').remove();
 +
        //remove unneeded content from fetched narrative
 
         $('#ALP h2').each(function(){
 
         $('#ALP h2').each(function(){
 
           $(this).text(function(){
 
           $(this).text(function(){
Line 253: Line 307:
 
             return $(this).text().replace(regex, '7');
 
             return $(this).text().replace(regex, '7');
 
           });
 
           });
           if($(this).text().substring(0,4).split('.')[1]<37){
+
           if($(this).text().substring(0,4).split('.')[1]>35){
 
             $(this).nextUntil('h2').remove();
 
             $(this).nextUntil('h2').remove();
 
             $(this).remove();
 
             $(this).remove();
Line 261: Line 315:
 
           target++;
 
           target++;
 
         });
 
         });
 +
        //toggle function for newly added elements
 
         $('#ALP h2.collapse').click(function(){
 
         $('#ALP h2.collapse').click(function(){
 
           $(this).toggleClass('min');
 
           $(this).toggleClass('min');

Latest revision as of 17:00, 1 October 2019

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