content.js

$(document).ready(function(){

  console.log("Agile Docs Loaded");

  // The following code was stolen from John Franklin's Story Tools for Pivotal Tracker extension
  var userToken;

  if(localStorage["refreshed"] === null)
  {
      localStorage["refreshed"] = false;
  }

  var tokenIsLoadable = true;

  getToken = function()
  {
    if ( window.location.hostname === 'www.pivotaltracker.com' ){
      $.get("https://www.pivotaltracker.com/profile", function(data, status) {

           var v = data.indexOf("<h4>API token</h4>");
           if(v == -1)
           {
               if(!localStorage["refreshed"])//Prevents endless refreshing even if this method doesn't always work.
               {
                   localStorage["refreshed"] = true;
                   location.reload(true);
               }
               else if(tokenIsLoadable)
               {
                   var q = confirm("For this app to work, you need to add an API token to Pivotal Tracker. Clicking OK will open a page where you can do this; just scroll to the bottom and click the bottom button in the API token section.");
                   if(q)
                   {
                       window.open("https://www.pivotaltracker.com/profile");
                   }
                   tokenIsLoadable = false;
               }
               return;
           }
           else
               tokenIsLoadable = true;


           userToken = $.trim(data.substring(v + 40, data.indexOf("</div>", v) - 1));
           localStorage["Tracker Token"] = userToken;
           localStorage["refreshed"] = false;//allows for refresh if code completes so extension can update.

      });
    }
  };
  // end John Franklin code

  //getToken();
  getToken();
  userToken = localStorage["Tracker Token"];

  // initialize our default options
  localStorage["outputActivityChecked"] = true;
  localStorage["format"] = "fullDocument";

  MutationObserver = window.WebKitMutationObserver;

  var observer = new MutationObserver( function(mutations, observer) {
      // fired when a mutation occurs

      // if we haven't already added the pdf button
      if ( $(".export_pdf").length === 0 ) {
        // add the PDF button
        $(".tc_page_header .selectedStoriesControls__actions").append("<button type='button' title='Export selected stories to PDF' class='selectedStoriesControls__button selectedStoriesControls__button--csv export_csv export_pdf'><span>PDF</span></button>");

        //Send a request for the extension configuration
        chrome.runtime.sendMessage({}, function(response) {
          if ( typeof response != 'undefined') {
            if ( "outputActivityChecked" in response ) {
              localStorage["outputActivityChecked"] = response.outputActivityChecked;
            }
            if ( "format" in response ){
              localStorage["format"] = response.format;
            }
          }
          else
          {
            console.log ( "Agile Docs Extension did not respond.");
          }
        });

        // Listen for option update messages from the extension
        chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) {
          localStorage["outputActivityChecked"] = request.outputActivityChecked;
          localStorage["format"] = request.format;
        });

        // listen to clicks of our PDF button
        $(".export_pdf").click( function() {
          var userToken = localStorage["Tracker Token"];
          var request={apiKey:userToken, projectId:"", stories:[],activities: (localStorage["outputActivityChecked"]==='true'), format:localStorage["format"]};
          var urlParts = window.location.href.split("/");

          request.projectId = urlParts[urlParts.length - 1];

          // add the selected stories to the request
          $(".selected").each( function( index ){
            request.stories.push( $(this).parentsUntil("div").parent().attr("data-id") );
          });

          $.ajax({
            type : "POST",
            url : "https://pivotal-pdf.appspot.com/v2/generatePDF",
            data: JSON.stringify(request),
            success : function ( data, status, xhr ) {

                var win=window.open("data:application/pdf, " + escape(xhr.responseText));

            },
            error : function ( xhr, status, error ) {
              alert ("Agile Docs Responded with an error." + "\nStatus: " + status + "\nError: " + error );
            }
            });

        });
      }
      // ...
  });

  var header = document.querySelector(".tc_page_header ul");

  // define what element should be observed by the observer
  // and what types of mutations trigger the callback
  observer.observe(header, {
    childList: true
    //...
  });


});