diff2html_compare/diff.js

npm package for maintaining all the js and css styling for the diff2html_compare python script to work

$( document ).ready(function() {



  // selector cache
  var
    $showoriginal  = $('.menuoption#showoriginal'),
    $showmodified  = $('.menuoption#showmodified'),
    $codeprintmargin  = $('.menuoption#codeprintmargin'),
    $highlight  = $('.menuoption#highlight'),
    $dosyntaxhighlight  = $('.menuoption#dosyntaxhighlight');

  $showoriginal.state = true
  $showoriginal.on("click", function(){
    switch ($showoriginal.state) {
    case false:
       $('#leftcode').show()
       $('.right_diff_del').show()
       $('.lineno_rightdel').show()
       $showoriginal.state = true
        break;
    case true:
       $('#leftcode').hide()
       $('.right_diff_del').hide()
       $('.lineno_rightdel').hide()
       $showoriginal.state = false
        break;
      }
  });

  $showmodified.state = true
  $showmodified.on("click", function(){
    switch ($showmodified.state) {
    case false:
       $('#rightcode').show()
       $('.left_diff_add').show()
       $('.lineno_leftadd').show()
       $showmodified.state = true
        break;
    case true:
       $('#rightcode').hide()
       $('.left_diff_add').hide()
       $('.lineno_leftadd').hide()
       $showmodified.state = false
        break;
      }
  });


  $codeprintmargin.state = true
  $codeprintmargin.on("click", function(){
    switch ($codeprintmargin.state) {
    case false:
       $('.printmargin').show()
       $codeprintmargin.state = true
        break;
    case true:
       $('.printmargin').hide()
       $codeprintmargin.state = false
        break;
      }
  });


  $highlight.state = true
  $highlight.on("click", function(){
    switch ($highlight.state) {
    case false:
       $('.left_diff_change').removeClass('clearbg');
       $('.left_diff_del').removeClass('clearbg');

       $('.right_diff_add').removeClass('clearbg');
       $('.right_diff_change').removeClass('clearbg');
       $highlight.state = true
        break;
    case true:
       $('.left_diff_change').addClass('clearbg');
       $('.left_diff_del').addClass('clearbg');

       $('.right_diff_add').addClass('clearbg');
       $('.right_diff_change').addClass('clearbg');
       $highlight.state = false
        break;
      }
  });

  var originalStyle = $("link.syntaxdef").attr("href")
  $dosyntaxhighlight.state = true
  $dosyntaxhighlight.on("click", function(){
    switch ($dosyntaxhighlight.state) {
    case false:
       $("link.syntaxdef").attr("href", originalStyle);
       $dosyntaxhighlight.state = true
        break;
    case true:
       $("link.syntaxdef").attr("href","/deps/codeformats/bw.css");
       $dosyntaxhighlight.state = false
        break;
      }
  });


});