Source: popup.js

  1. /**
  2.  * @file The javascript file of popup.html (which is what is displayed when clicking the plugin-icon).
  3.  * Communicates with the injected code (content.js) via message passing.
  4.  * @author Ulrik Schremser
  5.  */
  7. $(document).ready(function() {
  9.   // LISTENER FOR ENABLED-BUTTON
  10.   $("#enabled-switch-label").click(function(event) {
  12.     // If it is checked but now clicked, this means:
  13.     // GOING INACTIVE
  14.     if($("#enabled-switch").get(0).checked){
  16.       chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  17.         chrome.tabs.sendMessage(tabs[0].id, {action: "disable"});
  18.       });
  20.     // Deactivating input elements
  21.       disableUi();
  23.     }
  25.     // GOING ACTIVE
  26.     else{
  28.       chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  29.         chrome.tabs.sendMessage(tabs[0].id, {action: "enable"});
  30.       });
  32.       // Activating input elements
  33.       enableUi();
  34.     }
  35.   });
  39.   // LISTENER FOR TOOLTIP-BUTTON
  40.   $("#tooltip-switch-label").click(function(event) {
  43.     // Only react if we are active!
  44.     if( ! $("#tooltip-switch").get(0).disabled){
  45.       // If it is checked but now clicked, this means:
  46.       // GOING INACTIVE
  47.       if($("#tooltip-switch").get(0).checked){
  49.         chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  50.           chrome.tabs.sendMessage(tabs[0].id, {action: "disable-tooltip"});
  51.         });
  52.       }
  54.       // GOING ACTIVE
  55.       else{
  57.         chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  58.           chrome.tabs.sendMessage(tabs[0].id, {action: "enable-tooltip"});
  59.         });
  60.       }
  61.     }
  62.   });
  65.   // ADDING LISTENERS TO SLIDERS
  66.   $(".feature-slider").each(function(){
  67.     $(this).on("input",  function(){
  69.       correctSliders('#' + this.id);
  71.     });
  74.     $(this).on("change",  function(){
  76.       updateScore();
  79.      // Update the colors if they are set!
  80.       if($("#enabled-switch").get(0).checked){
  82.         chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  83.           chrome.tabs.sendMessage(tabs[0].id, {action: "enable"});
  84.         });
  85.       }
  87.     });
  88.  
  89.   });
  90. });
  93. /**
  94.  * Updates the score inside the injected content.js by sending a message to it containing the new values of the sliders.
  95.  * @memberof popup.js
  96.  */
  97. function updateScore(){
  99.   chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  100.     chrome.tabs.sendMessage(tabs[0].id, {action: "update-score",
  101.      sentenceLengthInfluence: $("#sentence-length-influence").get(0).value,
  102.      wordLengthInfluence: $("#word-length-influence").get(0).value,
  103.      ntvRatioInfluence: $("#ntv-ratio-influence").get(0).value,
  104.      sentenceComplexityInfluence: $("#sentence-complexity-influence").get(0).value,
  105.      wordComplexityInfluence: $("#word-complexity-influence").get(0).value
  106.    });
  107.   });
  108. }
  111. /**
  112.  * Disables the UA components of the plugin
  113.  * @memberof popup.js
  114.  */
  115. function disableUi(){
  117.     $(".feature-slider").each(function(){
  118.       $(this).attr('disabled', 'disabled');
  119.     });
  121.     $("#tooltip-switch").attr('disabled', 'disabled');
  122.   
  123.     $('.inactive').each(function(){
  124.       $(this).removeClass("hidden");
  125.     });
  127.     $('.active').each(function(){
  128.       $(this).addClass('hidden');
  129.     });
  131. }
  133. /**
  134.  * Enables the UI components of the plugin
  135.  * @memberof popup.js
  136.  */
  137. function enableUi(){
  139.     $("#tooltip-switch").removeAttr("disabled");
  142.     $(".feature-slider").each(function(){
  143.       $(this).removeAttr("disabled");
  144.    });
  146.     $('.inactive').each(function(){
  147.       $(this).addClass('hidden');
  148.     });
  150.     $('.active').each(function(){
  151.       $(this).removeClass("hidden");
  152.     });
  154. }
  156. /**
  157.  * Changes the values of the other slides to sum the max value
  158.  * @param {String} idCurrent - The id of the slider that has been changed
  159.  * @memberof popup.js
  160.  */
  161. function correctSliders(idCurrent){
  164.   var restShould = parseFloat($(idCurrent).get(0).max) - parseFloat($(idCurrent).get(0).value);
  166.   // Use 1 to avoid division by 0.
  167.   var sumRest = 0;
  169.   $(".feature-slider").each(function(){
  171.     if(('#' + this.id) != idCurrent){
  172.       sumRest += parseFloat(this.value);
  173.     }
  174.   });
  177.   // Should sum to restShould
  178.   var scale = sumRest / restShould;
  180.     $(".feature-slider").each(function(){
  182.     if(('#' + this.id) != idCurrent){
  184.       this.value /= scale;
  185.     }
  186.   });
  187. }
  190. // Load values from content script
  191. chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  192.   chrome.tabs.sendMessage(tabs[0].id, {action: "get-values"}, function(vals){
  193.        $("#enabled-switch").get(0).checked = vals[0];
  195.        if(vals[0]){
  196.         enableUi();
  197.        }
  198.        else{
  199.         disableUi();
  200.        }
  202.        $("#tooltip-switch").get(0).checked = vals[1];
  205.        $("#sentence-length-influence").get(0).value = vals[2];
  206.        $("#word-length-influence").get(0).value = vals[3];
  207.        $("#ntv-ratio-influence").get(0).value = vals[4];
  208.        $("#sentence-complexity-influence").get(0).value = vals[5];
  209.        $("#word-complexity-influence").get(0).value = vals[6];
  210.   });
  211. });