  


<!DOCTYPE html>
<html>
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>jSignature/src/plugins/jSignature.UndoButton.js at master · willowsystems/jSignature · GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144.png" />
    <meta name="msapplication-TileImage" content="/windows-tile.png">
    <meta name="msapplication-TileColor" content="#ffffff">

    
    
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <meta content="authenticity_token" name="csrf-param" />
<meta content="QS4K04MSTYS0twqHWh6+N7wx9eUH7QXCDM+WTcMzlUQ=" name="csrf-token" />

    <link href="https://a248.e.akamai.net/assets.github.com/assets/github-5a0c784c2462ad6bfaa5f91bb7706d91af73bb55.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="https://a248.e.akamai.net/assets.github.com/assets/github2-67227d297542c9d59a0b3ae5b0002e22d50174af.css" media="screen" rel="stylesheet" type="text/css" />
    


    <script src="https://a248.e.akamai.net/assets.github.com/assets/frameworks-971f385ccf2fcbf04f87e9ffca82e855620eb233.js" type="text/javascript"></script>
    <script src="https://a248.e.akamai.net/assets.github.com/assets/github-44260b1fca293cb0de2ed4a53426536a1af440c9.js" type="text/javascript"></script>
    

        <link rel='permalink' href='/willowsystems/jSignature/blob/d7c33c8c172147461a53b34b788defb297174680/src/plugins/jSignature.UndoButton.js'>
    <meta property="og:title" content="jSignature"/>
    <meta property="og:type" content="githubog:gitrepository"/>
    <meta property="og:url" content="https://github.com/willowsystems/jSignature"/>
    <meta property="og:image" content="https://secure.gravatar.com/avatar/658a737be82067f54b05c1f7de440def?s=420&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"/>
    <meta property="og:site_name" content="GitHub"/>
    <meta property="og:description" content="jQuery plugin - draw signature in browser. Contribute to jSignature development by creating an account on GitHub."/>

    <meta name="description" content="jQuery plugin - draw signature in browser. Contribute to jSignature development by creating an account on GitHub." />

  <link href="https://github.com/willowsystems/jSignature/commits/master.atom" rel="alternate" title="Recent Commits to jSignature:master" type="application/atom+xml" />

  </head>


  <body class="logged_out page-blob windows vis-public fork env-production ">
    <div id="wrapper">

      

      

      


        <div class="header header-logged-out">
          <div class="container clearfix">

            <a class="header-logo-wordmark" href="https://github.com/">
              <img alt="GitHub" class="github-logo-4x" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x.png?1338956357" />
              <img alt="GitHub" class="github-logo-4x-hover" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x-hover.png?1338956357" />
            </a>

              
<ul class="top-nav">
    <li class="explore"><a href="https://github.com/explore">Explore GitHub</a></li>
  <li class="search"><a href="https://github.com/search">Search</a></li>
  <li class="features"><a href="https://github.com/features">Features</a></li>
    <li class="blog"><a href="https://github.com/blog">Blog</a></li>
</ul>


            <div class="header-actions">
                <a class="button primary classy" href="https://github.com/signup">Sign up for free</a>
              <a class="button classy" href="https://github.com/login?return_to=%2Fwillowsystems%2FjSignature%2Fblob%2Fmaster%2Fsrc%2Fplugins%2FjSignature.UndoButton.js">Sign in</a>
            </div>

          </div>
        </div>


      

      


            <div class="site hfeed" itemscope itemtype="http://schema.org/WebPage">
      <div class="hentry">
        
        <div class="pagehead repohead instapaper_ignore readability-menu">
          <div class="container">
            <div class="title-actions-bar">
              


                  <ul class="pagehead-actions">


          <li>
            <span class="star-button"><a href="/login?return_to=%2Fwillowsystems%2FjSignature" class="minibutton js-toggler-target entice tooltipped leftwards" title="You must be signed in to use this feature" rel="nofollow"><span class="mini-icon mini-icon-star"></span>Star</a><a class="social-count js-social-count" href="/willowsystems/jSignature/stargazers">107</a></span>
          </li>
          <li>
            <a href="/login?return_to=%2Fwillowsystems%2FjSignature" class="minibutton js-toggler-target fork-button entice tooltipped leftwards"  title="You must be signed in to fork a repository" rel="nofollow"><span class="mini-icon mini-icon-fork"></span>Fork</a><a href="/willowsystems/jSignature/network" class="social-count">28</a>
          </li>
    </ul>

              <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
                <span class="repo-label"><span>public</span></span>
                <span class="mega-icon mega-icon-public-repo"></span>
                <span class="author vcard">
                  <a href="/willowsystems" class="url fn" itemprop="url" rel="author">
                  <span itemprop="title">willowsystems</span>
                  </a></span> /
                <strong><a href="/willowsystems/jSignature" class="js-current-repository">jSignature</a></strong>
                  <span class="fork-flag">
                    <span class="text">forked from <a href="/brinley/jSignature">brinley/jSignature</a></span>
                  </span>
              </h1>
            </div>

            

  <ul class="tabs">
    <li><a href="/willowsystems/jSignature" class="selected" highlight="repo_sourcerepo_downloadsrepo_commitsrepo_tagsrepo_branches">Code</a></li>
    <li><a href="/willowsystems/jSignature/network" highlight="repo_network">Network</a></li>
    <li><a href="/willowsystems/jSignature/pulls" highlight="repo_pulls">Pull Requests <span class='counter'>2</span></a></li>

      <li><a href="/willowsystems/jSignature/issues" highlight="repo_issues">Issues <span class='counter'>8</span></a></li>

      <li><a href="/willowsystems/jSignature/wiki" highlight="repo_wiki">Wiki</a></li>


    <li><a href="/willowsystems/jSignature/graphs" highlight="repo_graphsrepo_contributors">Graphs</a></li>


  </ul>
  
<div class="tabnav">

  <span class="tabnav-right">
    <ul class="tabnav-tabs">
          <li><a href="/willowsystems/jSignature/tags" class="tabnav-tab" highlight="repo_tags">Tags <span class="counter blank">0</span></a></li>
    </ul>
    
  </span>

  <div class="tabnav-widget scope">


    <div class="context-menu-container js-menu-container js-context-menu">
      <a href="#"
         class="minibutton bigger switcher js-menu-target js-commitish-button btn-branch repo-tree"
         data-hotkey="w"
         data-ref="master">
         <span><em class="mini-icon mini-icon-branch"></em><i>branch:</i> master</span>
      </a>

      <div class="context-pane commitish-context js-menu-content">
        <a href="#" class="close js-menu-close"><span class="mini-icon mini-icon-remove-close"></span></a>
        <div class="context-title">Switch branches/tags</div>
        <div class="context-body pane-selector commitish-selector js-navigation-container">
          <div class="filterbar">
            <input type="text" id="context-commitish-filter-field" class="js-navigation-enable js-filterable-field js-ref-filter-field" placeholder="Filter branches/tags">
            <ul class="tabs">
              <li><a href="#" data-filter="branches" class="selected">Branches</a></li>
                <li><a href="#" data-filter="tags">Tags</a></li>
            </ul>
          </div>

          <div class="js-filter-tab js-filter-branches">
            <div data-filterable-for="context-commitish-filter-field" data-filterable-type=substring>
                <div class="commitish-item branch-commitish selector-item js-navigation-item js-navigation-target ">
                  <span class="mini-icon mini-icon-confirm"></span>
                  <h4>
                      <a href="/willowsystems/jSignature/blob/another_noconflict/src/plugins/jSignature.UndoButton.js" class="js-navigation-open" data-name="another_noconflict" rel="nofollow">another_noconflict</a>
                  </h4>
                </div>
                <div class="commitish-item branch-commitish selector-item js-navigation-item js-navigation-target ">
                  <span class="mini-icon mini-icon-confirm"></span>
                  <h4>
                      <a href="/willowsystems/jSignature/blob/gh-pages/src/plugins/jSignature.UndoButton.js" class="js-navigation-open" data-name="gh-pages" rel="nofollow">gh-pages</a>
                  </h4>
                </div>
                <div class="commitish-item branch-commitish selector-item js-navigation-item js-navigation-target selected">
                  <span class="mini-icon mini-icon-confirm"></span>
                  <h4>
                      <a href="/willowsystems/jSignature/blob/master/src/plugins/jSignature.UndoButton.js" class="js-navigation-open" data-name="master" rel="nofollow">master</a>
                  </h4>
                </div>
                <div class="commitish-item branch-commitish selector-item js-navigation-item js-navigation-target ">
                  <span class="mini-icon mini-icon-confirm"></span>
                  <h4>
                      <a href="/willowsystems/jSignature/blob/stable/src/plugins/jSignature.UndoButton.js" class="js-navigation-open" data-name="stable" rel="nofollow">stable</a>
                  </h4>
                </div>
            </div>
            <div class="no-results">Nothing to show</div>


          </div>

            <div class="js-filter-tab js-filter-tags filter-tab-empty" style="display:none">
              <div data-filterable-for="context-commitish-filter-field" data-filterable-type=substring>
              </div>
              <div class="no-results">Nothing to show</div>
            </div>

        </div>
      </div><!-- /.commitish-context-context -->
    </div>
  </div> <!-- /.scope -->

  <ul class="tabnav-tabs">
    <li><a href="/willowsystems/jSignature" class="selected tabnav-tab" highlight="repo_source">Files</a></li>
    <li><a href="/willowsystems/jSignature/commits/master" class="tabnav-tab" highlight="repo_commits">Commits</a></li>
    <li><a href="/willowsystems/jSignature/branches" class="tabnav-tab" highlight="repo_branches" rel="nofollow">Branches <span class="counter ">4</span></a></li>
  </ul>

</div>

  
  
  


            
          </div>
        </div><!-- /.repohead -->

        <div id="js-repo-pjax-container" class="container context-loader-container" data-pjax-container>
          


<!-- blob contrib key: blob_contributors:v21:65ed5f3447527a7222fe457f0e8a720e -->
<!-- blob contrib frag key: views10/v8/blob_contributors:v21:65ed5f3447527a7222fe457f0e8a720e -->

<div id="slider">


    <div class="frame-meta">

      <p title="This is a placeholder element" class="js-history-link-replace hidden"></p>
      <div class="breadcrumb">
        <span class='bold'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/willowsystems/jSignature" class="js-slide-to" data-direction="back" itemscope="url"><span itemprop="title">jSignature</span></a></span></span> / <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/willowsystems/jSignature/tree/master/src" class="js-slide-to" data-direction="back" itemscope="url"><span itemprop="title">src</span></a></span> / <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/willowsystems/jSignature/tree/master/src/plugins" class="js-slide-to" data-direction="back" itemscope="url"><span itemprop="title">plugins</span></a></span> / <strong class="final-path">jSignature.UndoButton.js</strong> <span class="js-zeroclipboard zeroclipboard-button" data-clipboard-text="src/plugins/jSignature.UndoButton.js" data-copied-hint="copied!" title="copy to clipboard"><span class="mini-icon mini-icon-clipboard"></span></span>
      </div>

      <a href="/willowsystems/jSignature/find/master" class="js-slide-to" data-hotkey="t" style="display:none">Show File Finder</a>

        <div class="commit commit-loader file-history-tease js-deferred-content" data-url="/willowsystems/jSignature/contributors/master/src/plugins/jSignature.UndoButton.js">
          Fetching contributors…

          <div class="participation">
            <p class="loader-loading"><img alt="Octocat-spinner-32-eaf2f5" height="16" src="https://a248.e.akamai.net/assets.github.com/images/spinners/octocat-spinner-32-EAF2F5.gif?1338956357" width="16" /></p>
            <p class="loader-error">Cannot retrieve contributors at this time</p>
          </div>
        </div>

    </div><!-- ./.frame-meta -->

    <div class="frames">
      <div class="frame" data-permalink-url="/willowsystems/jSignature/blob/d7c33c8c172147461a53b34b788defb297174680/src/plugins/jSignature.UndoButton.js" data-title="jSignature/src/plugins/jSignature.UndoButton.js at master · willowsystems/jSignature · GitHub" data-type="blob">

        <div id="files" class="bubble">
          <div class="file">
            <div class="meta">
              <div class="info">
                <span class="icon"><b class="mini-icon mini-icon-text-file"></b></span>
                <span class="mode" title="File Mode">file</span>
                  <span>165 lines (139 sloc)</span>
                <span>5.487 kb</span>
              </div>
              <ul class="button-group actions">
                  <li>
                      <a class="grouped-button minibutton bigger lighter js-entice" href=""
                         data-entice="You must be signed in and on a branch to make or propose changes">Edit</a>
                  </li>
                <li><a href="/willowsystems/jSignature/raw/master/src/plugins/jSignature.UndoButton.js" class="minibutton grouped-button bigger lighter" id="raw-url">Raw</a></li>
                  <li><a href="/willowsystems/jSignature/blame/master/src/plugins/jSignature.UndoButton.js" class="minibutton grouped-button bigger lighter">Blame</a></li>
                <li><a href="/willowsystems/jSignature/commits/master/src/plugins/jSignature.UndoButton.js" class="minibutton grouped-button bigger lighter" rel="nofollow">History</a></li>
              </ul>
            </div>
                <div class="data type-javascript">
      <table cellpadding="0" cellspacing="0" class="lines">
        <tr>
          <td>
            <pre class="line_numbers"><span id="L1" rel="#L1">1</span>
<span id="L2" rel="#L2">2</span>
<span id="L3" rel="#L3">3</span>
<span id="L4" rel="#L4">4</span>
<span id="L5" rel="#L5">5</span>
<span id="L6" rel="#L6">6</span>
<span id="L7" rel="#L7">7</span>
<span id="L8" rel="#L8">8</span>
<span id="L9" rel="#L9">9</span>
<span id="L10" rel="#L10">10</span>
<span id="L11" rel="#L11">11</span>
<span id="L12" rel="#L12">12</span>
<span id="L13" rel="#L13">13</span>
<span id="L14" rel="#L14">14</span>
<span id="L15" rel="#L15">15</span>
<span id="L16" rel="#L16">16</span>
<span id="L17" rel="#L17">17</span>
<span id="L18" rel="#L18">18</span>
<span id="L19" rel="#L19">19</span>
<span id="L20" rel="#L20">20</span>
<span id="L21" rel="#L21">21</span>
<span id="L22" rel="#L22">22</span>
<span id="L23" rel="#L23">23</span>
<span id="L24" rel="#L24">24</span>
<span id="L25" rel="#L25">25</span>
<span id="L26" rel="#L26">26</span>
<span id="L27" rel="#L27">27</span>
<span id="L28" rel="#L28">28</span>
<span id="L29" rel="#L29">29</span>
<span id="L30" rel="#L30">30</span>
<span id="L31" rel="#L31">31</span>
<span id="L32" rel="#L32">32</span>
<span id="L33" rel="#L33">33</span>
<span id="L34" rel="#L34">34</span>
<span id="L35" rel="#L35">35</span>
<span id="L36" rel="#L36">36</span>
<span id="L37" rel="#L37">37</span>
<span id="L38" rel="#L38">38</span>
<span id="L39" rel="#L39">39</span>
<span id="L40" rel="#L40">40</span>
<span id="L41" rel="#L41">41</span>
<span id="L42" rel="#L42">42</span>
<span id="L43" rel="#L43">43</span>
<span id="L44" rel="#L44">44</span>
<span id="L45" rel="#L45">45</span>
<span id="L46" rel="#L46">46</span>
<span id="L47" rel="#L47">47</span>
<span id="L48" rel="#L48">48</span>
<span id="L49" rel="#L49">49</span>
<span id="L50" rel="#L50">50</span>
<span id="L51" rel="#L51">51</span>
<span id="L52" rel="#L52">52</span>
<span id="L53" rel="#L53">53</span>
<span id="L54" rel="#L54">54</span>
<span id="L55" rel="#L55">55</span>
<span id="L56" rel="#L56">56</span>
<span id="L57" rel="#L57">57</span>
<span id="L58" rel="#L58">58</span>
<span id="L59" rel="#L59">59</span>
<span id="L60" rel="#L60">60</span>
<span id="L61" rel="#L61">61</span>
<span id="L62" rel="#L62">62</span>
<span id="L63" rel="#L63">63</span>
<span id="L64" rel="#L64">64</span>
<span id="L65" rel="#L65">65</span>
<span id="L66" rel="#L66">66</span>
<span id="L67" rel="#L67">67</span>
<span id="L68" rel="#L68">68</span>
<span id="L69" rel="#L69">69</span>
<span id="L70" rel="#L70">70</span>
<span id="L71" rel="#L71">71</span>
<span id="L72" rel="#L72">72</span>
<span id="L73" rel="#L73">73</span>
<span id="L74" rel="#L74">74</span>
<span id="L75" rel="#L75">75</span>
<span id="L76" rel="#L76">76</span>
<span id="L77" rel="#L77">77</span>
<span id="L78" rel="#L78">78</span>
<span id="L79" rel="#L79">79</span>
<span id="L80" rel="#L80">80</span>
<span id="L81" rel="#L81">81</span>
<span id="L82" rel="#L82">82</span>
<span id="L83" rel="#L83">83</span>
<span id="L84" rel="#L84">84</span>
<span id="L85" rel="#L85">85</span>
<span id="L86" rel="#L86">86</span>
<span id="L87" rel="#L87">87</span>
<span id="L88" rel="#L88">88</span>
<span id="L89" rel="#L89">89</span>
<span id="L90" rel="#L90">90</span>
<span id="L91" rel="#L91">91</span>
<span id="L92" rel="#L92">92</span>
<span id="L93" rel="#L93">93</span>
<span id="L94" rel="#L94">94</span>
<span id="L95" rel="#L95">95</span>
<span id="L96" rel="#L96">96</span>
<span id="L97" rel="#L97">97</span>
<span id="L98" rel="#L98">98</span>
<span id="L99" rel="#L99">99</span>
<span id="L100" rel="#L100">100</span>
<span id="L101" rel="#L101">101</span>
<span id="L102" rel="#L102">102</span>
<span id="L103" rel="#L103">103</span>
<span id="L104" rel="#L104">104</span>
<span id="L105" rel="#L105">105</span>
<span id="L106" rel="#L106">106</span>
<span id="L107" rel="#L107">107</span>
<span id="L108" rel="#L108">108</span>
<span id="L109" rel="#L109">109</span>
<span id="L110" rel="#L110">110</span>
<span id="L111" rel="#L111">111</span>
<span id="L112" rel="#L112">112</span>
<span id="L113" rel="#L113">113</span>
<span id="L114" rel="#L114">114</span>
<span id="L115" rel="#L115">115</span>
<span id="L116" rel="#L116">116</span>
<span id="L117" rel="#L117">117</span>
<span id="L118" rel="#L118">118</span>
<span id="L119" rel="#L119">119</span>
<span id="L120" rel="#L120">120</span>
<span id="L121" rel="#L121">121</span>
<span id="L122" rel="#L122">122</span>
<span id="L123" rel="#L123">123</span>
<span id="L124" rel="#L124">124</span>
<span id="L125" rel="#L125">125</span>
<span id="L126" rel="#L126">126</span>
<span id="L127" rel="#L127">127</span>
<span id="L128" rel="#L128">128</span>
<span id="L129" rel="#L129">129</span>
<span id="L130" rel="#L130">130</span>
<span id="L131" rel="#L131">131</span>
<span id="L132" rel="#L132">132</span>
<span id="L133" rel="#L133">133</span>
<span id="L134" rel="#L134">134</span>
<span id="L135" rel="#L135">135</span>
<span id="L136" rel="#L136">136</span>
<span id="L137" rel="#L137">137</span>
<span id="L138" rel="#L138">138</span>
<span id="L139" rel="#L139">139</span>
<span id="L140" rel="#L140">140</span>
<span id="L141" rel="#L141">141</span>
<span id="L142" rel="#L142">142</span>
<span id="L143" rel="#L143">143</span>
<span id="L144" rel="#L144">144</span>
<span id="L145" rel="#L145">145</span>
<span id="L146" rel="#L146">146</span>
<span id="L147" rel="#L147">147</span>
<span id="L148" rel="#L148">148</span>
<span id="L149" rel="#L149">149</span>
<span id="L150" rel="#L150">150</span>
<span id="L151" rel="#L151">151</span>
<span id="L152" rel="#L152">152</span>
<span id="L153" rel="#L153">153</span>
<span id="L154" rel="#L154">154</span>
<span id="L155" rel="#L155">155</span>
<span id="L156" rel="#L156">156</span>
<span id="L157" rel="#L157">157</span>
<span id="L158" rel="#L158">158</span>
<span id="L159" rel="#L159">159</span>
<span id="L160" rel="#L160">160</span>
<span id="L161" rel="#L161">161</span>
<span id="L162" rel="#L162">162</span>
<span id="L163" rel="#L163">163</span>
<span id="L164" rel="#L164">164</span>
<span id="L165" rel="#L165">165</span>
</pre>
          </td>
          <td width="100%">
                <div class="highlight"><pre><div class='line' id='LC1'><span class="cm">/** @license</span></div><div class='line' id='LC2'><span class="cm">jSignature v2 jSignature&#39;s Undo Button and undo functionality plugin</span></div><div class='line' id='LC3'><br/></div><div class='line' id='LC4'><span class="cm">*/</span></div><div class='line' id='LC5'><span class="cm">/**</span></div><div class='line' id='LC6'><span class="cm">Copyright (c) 2011 Willow Systems Corp http://willow-systems.com</span></div><div class='line' id='LC7'><span class="cm">MIT License &lt;http://www.opensource.org/licenses/mit-license.php&gt;</span></div><div class='line' id='LC8'><span class="cm">*/</span></div><div class='line' id='LC9'><br/></div><div class='line' id='LC10'><span class="p">;(</span><span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC11'><br/></div><div class='line' id='LC12'>	<span class="kd">var</span> <span class="nx">apinamespace</span> <span class="o">=</span> <span class="s1">&#39;jSignature&#39;</span></div><div class='line' id='LC13'><br/></div><div class='line' id='LC14'>	<span class="kd">function</span> <span class="nx">attachHandlers</span><span class="p">(</span><span class="nx">buttonRenderer</span><span class="p">,</span> <span class="nx">apinamespace</span><span class="p">,</span> <span class="nx">extensionName</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC15'>		<span class="kd">var</span> <span class="nx">$undoButton</span> <span class="o">=</span> <span class="nx">buttonRenderer</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">)</span></div><div class='line' id='LC16'><br/></div><div class='line' id='LC17'>		<span class="p">;(</span><span class="kd">function</span><span class="p">(</span><span class="nx">jSignatureInstance</span><span class="p">,</span> <span class="nx">$undoButton</span><span class="p">,</span> <span class="nx">apinamespace</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC18'>			<span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">events</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span></div><div class='line' id='LC19'>				<span class="nx">apinamespace</span> <span class="o">+</span> <span class="s1">&#39;.change&#39;</span></div><div class='line' id='LC20'>				<span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC21'>					<span class="k">if</span> <span class="p">(</span><span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">dataEngine</span><span class="p">.</span><span class="nx">data</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC22'>						<span class="nx">$undoButton</span><span class="p">.</span><span class="nx">show</span><span class="p">()</span></div><div class='line' id='LC23'>					<span class="p">}</span> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC24'>						<span class="nx">$undoButton</span><span class="p">.</span><span class="nx">hide</span><span class="p">()</span></div><div class='line' id='LC25'>					<span class="p">}</span></div><div class='line' id='LC26'>				<span class="p">}</span></div><div class='line' id='LC27'>			<span class="p">)</span></div><div class='line' id='LC28'>		<span class="p">})(</span> <span class="k">this</span><span class="p">,</span> <span class="nx">$undoButton</span><span class="p">,</span> <span class="nx">apinamespace</span> <span class="p">)</span></div><div class='line' id='LC29'><br/></div><div class='line' id='LC30'>		<span class="p">;(</span><span class="kd">function</span><span class="p">(</span><span class="nx">jSignatureInstance</span><span class="p">,</span> <span class="nx">$undoButton</span><span class="p">,</span> <span class="nx">apinamespace</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC31'><br/></div><div class='line' id='LC32'>			<span class="kd">var</span> <span class="nx">eventName</span> <span class="o">=</span> <span class="nx">apinamespace</span> <span class="o">+</span> <span class="s1">&#39;.undo&#39;</span></div><div class='line' id='LC33'><br/></div><div class='line' id='LC34'>			<span class="nx">$undoButton</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC35'>				<span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">events</span><span class="p">.</span><span class="nx">publish</span><span class="p">(</span><span class="nx">eventName</span><span class="p">)</span></div><div class='line' id='LC36'>			<span class="p">})</span></div><div class='line' id='LC37'><br/></div><div class='line' id='LC38'>			<span class="c1">// This one creates new &quot;undo&quot; event listener to jSignature instance</span></div><div class='line' id='LC39'>			<span class="c1">// It handles the actual undo-ing.</span></div><div class='line' id='LC40'>			<span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">events</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span></div><div class='line' id='LC41'>				<span class="nx">eventName</span></div><div class='line' id='LC42'>				<span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC43'>					<span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">dataEngine</span><span class="p">.</span><span class="nx">data</span></div><div class='line' id='LC44'>					<span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC45'>						<span class="nx">data</span><span class="p">.</span><span class="nx">pop</span><span class="p">()</span></div><div class='line' id='LC46'>						<span class="nx">jSignatureInstance</span><span class="p">.</span><span class="nx">resetCanvas</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span></div><div class='line' id='LC47'>					<span class="p">}</span></div><div class='line' id='LC48'>				<span class="p">}</span></div><div class='line' id='LC49'>			<span class="p">)</span></div><div class='line' id='LC50'>		<span class="p">})(</span> </div><div class='line' id='LC51'>			<span class="k">this</span></div><div class='line' id='LC52'>			<span class="p">,</span> <span class="nx">$undoButton</span></div><div class='line' id='LC53'>			<span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">events</span><span class="p">.</span><span class="nx">topics</span><span class="p">.</span><span class="nx">hasOwnProperty</span><span class="p">(</span> <span class="nx">apinamespace</span> <span class="o">+</span> <span class="s1">&#39;.undo&#39;</span> <span class="p">)</span> <span class="o">?</span> </div><div class='line' id='LC54'>				<span class="c1">// oops, seems some other plugin or code has already claimed &quot;jSignature.undo&quot; event</span></div><div class='line' id='LC55'>				<span class="c1">// we will use this extension&#39;s name for event name prefix</span></div><div class='line' id='LC56'>				<span class="nx">extensionName</span> <span class="o">:</span></div><div class='line' id='LC57'>				<span class="c1">// Great! we will use &#39;jSignature&#39; for event name prefix.</span></div><div class='line' id='LC58'>				<span class="nx">apinamespace</span></div><div class='line' id='LC59'>		<span class="p">)</span></div><div class='line' id='LC60'>	<span class="p">}</span></div><div class='line' id='LC61'><br/></div><div class='line' id='LC62'>	<span class="kd">function</span> <span class="nx">ExtensionInitializer</span><span class="p">(</span><span class="nx">extensionName</span><span class="p">){</span></div><div class='line' id='LC63'>		<span class="c1">// we are called very early in instance&#39;s life.</span></div><div class='line' id='LC64'>		<span class="c1">// right after the settings are resolved and </span></div><div class='line' id='LC65'>		<span class="c1">// jSignatureInstance.events is created </span></div><div class='line' id='LC66'>		<span class="c1">// and right before first (&quot;jSignature.initializing&quot;) event is called.</span></div><div class='line' id='LC67'>		<span class="c1">// You don&#39;t really need to manupilate </span></div><div class='line' id='LC68'>		<span class="c1">// jSignatureInstance directly, just attach</span></div><div class='line' id='LC69'>		<span class="c1">// a bunch of events to jSignatureInstance.events</span></div><div class='line' id='LC70'>		<span class="c1">// (look at the source of jSignatureClass to see when these fire)</span></div><div class='line' id='LC71'>		<span class="c1">// and your special pieces of code will attach by themselves.</span></div><div class='line' id='LC72'><br/></div><div class='line' id='LC73'>		<span class="c1">// this function runs every time a new instance is set up.</span></div><div class='line' id='LC74'>		<span class="c1">// this means every var you create will live only for one instance</span></div><div class='line' id='LC75'>		<span class="c1">// unless you attach it to something outside, like &quot;window.&quot;</span></div><div class='line' id='LC76'>		<span class="c1">// and pick it up later from there.</span></div><div class='line' id='LC77'><br/></div><div class='line' id='LC78'>		<span class="c1">// when globalEvents&#39; events fire, &#39;this&#39; is globalEvents object</span></div><div class='line' id='LC79'>		<span class="c1">// when jSignatureInstance&#39;s events fire, &#39;this&#39; is jSignatureInstance</span></div><div class='line' id='LC80'><br/></div><div class='line' id='LC81'>		<span class="c1">// Here,</span></div><div class='line' id='LC82'>		<span class="c1">// this = is new jSignatureClass&#39;s instance.</span></div><div class='line' id='LC83'><br/></div><div class='line' id='LC84'>		<span class="c1">// The way you COULD approch setting this up is:</span></div><div class='line' id='LC85'>		<span class="c1">// if you have multistep set up, attach event to &quot;jSignature.initializing&quot;</span></div><div class='line' id='LC86'>		<span class="c1">// that attaches other events to be fired further lower the init stream.</span></div><div class='line' id='LC87'>		<span class="c1">// Or, if you know for sure you rely on only one jSignatureInstance&#39;s event,</span></div><div class='line' id='LC88'>		<span class="c1">// just attach to it directly</span></div><div class='line' id='LC89'><br/></div><div class='line' id='LC90'>		<span class="kd">var</span> <span class="nx">apinamespace</span> <span class="o">=</span> <span class="s1">&#39;jSignature&#39;</span></div><div class='line' id='LC91'><br/></div><div class='line' id='LC92'>		<span class="k">this</span><span class="p">.</span><span class="nx">events</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span></div><div class='line' id='LC93'>			<span class="c1">// name of the event</span></div><div class='line' id='LC94'>			<span class="nx">apinamespace</span> <span class="o">+</span> <span class="s1">&#39;.attachingEventHandlers&#39;</span></div><div class='line' id='LC95'>			<span class="c1">// event handlers, can pass args too, but in majority of cases,</span></div><div class='line' id='LC96'>			<span class="c1">// &#39;this&#39; which is jSignatureClass object instance pointer is enough to get by.</span></div><div class='line' id='LC97'>			<span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC98'><br/></div><div class='line' id='LC99'>				<span class="c1">// hooking up &quot;undo&quot; button	to lower edge of Canvas.</span></div><div class='line' id='LC100'>				<span class="c1">// but only when options passed to jSignature(&#39;init&#39;, options)</span></div><div class='line' id='LC101'>				<span class="c1">// contain &quot;undoButton&quot;:renderingFunction pair.</span></div><div class='line' id='LC102'>				<span class="c1">// or &quot;undoButton&quot;:true (in which case default, internal rendering fn is used)</span></div><div class='line' id='LC103'>				<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">settings</span><span class="p">[</span><span class="nx">extensionName</span><span class="p">])</span> <span class="p">{</span></div><div class='line' id='LC104'>					<span class="kd">var</span> <span class="nx">oursettings</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">settings</span><span class="p">[</span><span class="nx">extensionName</span><span class="p">]</span></div><div class='line' id='LC105'>					<span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">oursettings</span> <span class="o">!==</span> <span class="s1">&#39;function&#39;</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC106'>						<span class="c1">// we make it a function.</span></div><div class='line' id='LC107'><br/></div><div class='line' id='LC108'>						<span class="c1">// we allow people to override the button rendering code,</span></div><div class='line' id='LC109'>						<span class="c1">// but when developler is OK with default look (and just passes &quot;truthy&quot; value)</span></div><div class='line' id='LC110'>						<span class="c1">// this defines default look for the button:</span></div><div class='line' id='LC111'>						<span class="c1">// centered against canvas, hanging on its lower side.</span></div><div class='line' id='LC112'>						<span class="nx">oursettings</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC113'>							<span class="c1">// this === jSignatureInstance </span></div><div class='line' id='LC114'>							<span class="kd">var</span> <span class="nx">undoButtonSytle</span> <span class="o">=</span> <span class="s1">&#39;position:absolute;display:none;margin:0 !important;top:auto&#39;</span></div><div class='line' id='LC115'>							<span class="p">,</span> <span class="nx">$undoButton</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;input type=&quot;button&quot; value=&quot;Undo last stroke&quot; style=&quot;&#39;</span><span class="o">+</span><span class="nx">undoButtonSytle</span><span class="o">+</span><span class="s1">&#39;&quot; /&gt;&#39;</span><span class="p">)</span></div><div class='line' id='LC116'>								<span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$controlbarLower</span><span class="p">)</span></div><div class='line' id='LC117'><br/></div><div class='line' id='LC118'>							<span class="c1">// this centers the button against the canvas.</span></div><div class='line' id='LC119'>							<span class="kd">var</span> <span class="nx">buttonWidth</span> <span class="o">=</span> <span class="nx">$undoButton</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span></div><div class='line' id='LC120'>							<span class="nx">$undoButton</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span></div><div class='line' id='LC121'>								<span class="s1">&#39;left&#39;</span></div><div class='line' id='LC122'>								<span class="p">,</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">((</span> <span class="k">this</span><span class="p">.</span><span class="nx">canvas</span><span class="p">.</span><span class="nx">width</span> <span class="o">-</span> <span class="nx">buttonWidth</span> <span class="p">)</span> <span class="o">/</span> <span class="mi">2</span><span class="p">)</span></div><div class='line' id='LC123'>							<span class="p">)</span></div><div class='line' id='LC124'>							<span class="c1">// IE 7 grows the button. Correcting for that.</span></div><div class='line' id='LC125'>							<span class="k">if</span> <span class="p">(</span> <span class="nx">buttonWidth</span> <span class="o">!==</span> <span class="nx">$undoButton</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span> <span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC126'>								<span class="nx">$undoButton</span><span class="p">.</span><span class="nx">width</span><span class="p">(</span><span class="nx">buttonWidth</span><span class="p">)</span></div><div class='line' id='LC127'>							<span class="p">}</span></div><div class='line' id='LC128'><br/></div><div class='line' id='LC129'>							<span class="k">return</span> <span class="nx">$undoButton</span></div><div class='line' id='LC130'>						<span class="p">}</span></div><div class='line' id='LC131'>					<span class="p">}</span></div><div class='line' id='LC132'><br/></div><div class='line' id='LC133'>					<span class="nx">attachHandlers</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span> </div><div class='line' id='LC134'>						<span class="k">this</span></div><div class='line' id='LC135'>						<span class="p">,</span> <span class="nx">oursettings</span></div><div class='line' id='LC136'>						<span class="p">,</span> <span class="nx">apinamespace</span></div><div class='line' id='LC137'>						<span class="p">,</span> <span class="nx">extensionName</span></div><div class='line' id='LC138'>					<span class="p">)</span></div><div class='line' id='LC139'>				<span class="p">}</span></div><div class='line' id='LC140'>			<span class="p">}</span></div><div class='line' id='LC141'>		<span class="p">)</span></div><div class='line' id='LC142'>	<span class="p">}</span></div><div class='line' id='LC143'><br/></div><div class='line' id='LC144'>	<span class="kd">var</span> <span class="nx">ExtensionAttacher</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC145'>		<span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">[</span><span class="nx">apinamespace</span><span class="p">](</span></div><div class='line' id='LC146'>			<span class="s1">&#39;addPlugin&#39;</span></div><div class='line' id='LC147'>			<span class="p">,</span><span class="s1">&#39;instance&#39;</span> <span class="c1">// type of plugin</span></div><div class='line' id='LC148'>			<span class="p">,</span><span class="s1">&#39;UndoButton&#39;</span> <span class="c1">// extension name</span></div><div class='line' id='LC149'>			<span class="p">,</span><span class="nx">ExtensionInitializer</span></div><div class='line' id='LC150'>		<span class="p">)</span></div><div class='line' id='LC151'>	<span class="p">}</span></div><div class='line' id='LC152'><br/></div><div class='line' id='LC153'><br/></div><div class='line' id='LC154'><span class="c1">//  //Because plugins are minified together with jSignature, multiple defines per (minified) file blow up and dont make sense</span></div><div class='line' id='LC155'><span class="c1">//	//Need to revisit this later.</span></div><div class='line' id='LC156'><br/></div><div class='line' id='LC157'><span class="c1">//	if ( typeof define === &quot;function&quot; &amp;&amp; define.amd != null) {</span></div><div class='line' id='LC158'><span class="c1">//		// AMD-loader compatible resource declaration</span></div><div class='line' id='LC159'><span class="c1">//		// you need to call this one with jQuery as argument.</span></div><div class='line' id='LC160'><span class="c1">//		define(function(){return Initializer} )</span></div><div class='line' id='LC161'><span class="c1">//	} else {</span></div><div class='line' id='LC162'>		<span class="nx">ExtensionAttacher</span><span class="p">()</span></div><div class='line' id='LC163'><span class="c1">//	}</span></div><div class='line' id='LC164'><br/></div><div class='line' id='LC165'><span class="p">})();</span></div></pre></div>
          </td>
        </tr>
      </table>
  </div>

          </div>
        </div>
      </div>

      <a href="#jump-to-line" rel="facebox" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
      <div id="jump-to-line" style="display:none">
        <h2>Jump to Line</h2>
        <form accept-charset="UTF-8" class="js-jump-to-line-form">
          <input class="textfield js-jump-to-line-field" type="text">
          <div class="full-button">
            <button type="submit" class="classy">
              Go
            </button>
          </div>
        </form>
      </div>

    </div>
</div>

<div id="js-frame-loading-template" class="frame frame-loading large-loading-area" style="display:none;">
  <img class="js-frame-loading-spinner" src="https://a248.e.akamai.net/assets.github.com/images/spinners/octocat-spinner-128.gif?1347543528" height="64" width="64">
</div>


        </div>
      </div>
      <div class="context-overlay"></div>
    </div>

      <div id="footer-push"></div><!-- hack for sticky footer -->
    </div><!-- end of wrapper - hack for sticky footer -->

      <!-- footer -->
      <div id="footer">
  <div class="container clearfix">

      <dl class="footer_nav">
        <dt>GitHub</dt>
        <dd><a href="https://github.com/about">About us</a></dd>
        <dd><a href="https://github.com/blog">Blog</a></dd>
        <dd><a href="https://github.com/contact">Contact &amp; support</a></dd>
        <dd><a href="http://enterprise.github.com/">GitHub Enterprise</a></dd>
        <dd><a href="http://status.github.com/">Site status</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Applications</dt>
        <dd><a href="http://mac.github.com/">GitHub for Mac</a></dd>
        <dd><a href="http://windows.github.com/">GitHub for Windows</a></dd>
        <dd><a href="http://eclipse.github.com/">GitHub for Eclipse</a></dd>
        <dd><a href="http://mobile.github.com/">GitHub mobile apps</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Services</dt>
        <dd><a href="http://get.gaug.es/">Gauges: Web analytics</a></dd>
        <dd><a href="http://speakerdeck.com">Speaker Deck: Presentations</a></dd>
        <dd><a href="https://gist.github.com">Gist: Code snippets</a></dd>
        <dd><a href="http://jobs.github.com/">Job board</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Documentation</dt>
        <dd><a href="http://help.github.com/">GitHub Help</a></dd>
        <dd><a href="http://developer.github.com/">Developer API</a></dd>
        <dd><a href="http://github.github.com/github-flavored-markdown/">GitHub Flavored Markdown</a></dd>
        <dd><a href="http://pages.github.com/">GitHub Pages</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>More</dt>
        <dd><a href="http://training.github.com/">Training</a></dd>
        <dd><a href="https://github.com/edu">Students &amp; teachers</a></dd>
        <dd><a href="http://shop.github.com">The Shop</a></dd>
        <dd><a href="/plans">Plans &amp; pricing</a></dd>
        <dd><a href="http://octodex.github.com/">The Octodex</a></dd>
      </dl>

      <hr class="footer-divider">


    <p class="right">&copy; 2013 <span title="0.10748s from fe1.rs.github.com">GitHub</span> Inc. All rights reserved.</p>
    <a class="left" href="https://github.com/">
      <span class="mega-icon mega-icon-invertocat"></span>
    </a>
    <ul id="legal">
        <li><a href="https://github.com/site/terms">Terms of Service</a></li>
        <li><a href="https://github.com/site/privacy">Privacy</a></li>
        <li><a href="https://github.com/security">Security</a></li>
    </ul>

  </div><!-- /.container -->

</div><!-- /.#footer -->


    

    

<div id="keyboard_shortcuts_pane" class="instapaper_ignore readability-extra" style="display:none">
  <h2>Keyboard Shortcuts <small><a href="#" class="js-see-all-keyboard-shortcuts">(see all)</a></small></h2>

  <div class="columns threecols">
    <div class="column first">
      <h3>Site wide shortcuts</h3>
      <dl class="keyboard-mappings">
        <dt>s</dt>
        <dd>Focus command bar</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>?</dt>
        <dd>Bring up this help dialog</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column middle" style='display:none'>
      <h3>Commit list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selection down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selection up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>c <em>or</em> o <em>or</em> enter</dt>
        <dd>Open commit</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>y</dt>
        <dd>Expand URL to its canonical form</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column last js-hidden-pane" style='display:none'>
      <h3>Pull request list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selection down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selection up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>o <em>or</em> enter</dt>
        <dd>Open issue</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
        <dd>Submit comment</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> shift p</dt>
        <dd>Preview comment</dd>
      </dl>
    </div><!-- /.columns.last -->

  </div><!-- /.columns.equacols -->

  <div class="js-hidden-pane" style='display:none'>
    <div class="rule"></div>

    <h3>Issues</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selection down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selection up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>x</dt>
          <dd>Toggle selection</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open issue</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
          <dd>Submit comment</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> shift p</dt>
          <dd>Preview comment</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>c</dt>
          <dd>Create issue</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Create label</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>i</dt>
          <dd>Back to inbox</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>u</dt>
          <dd>Back to issues</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>/</dt>
          <dd>Focus issues search</dd>
        </dl>
      </div>
    </div>
  </div>

  <div class="js-hidden-pane" style='display:none'>
    <div class="rule"></div>

    <h3>Issues Dashboard</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selection down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selection up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open issue</dd>
        </dl>
      </div><!-- /.column.first -->
    </div>
  </div>

  <div class="js-hidden-pane" style='display:none'>
    <div class="rule"></div>

    <h3>Network Graph</h3>
    <div class="columns equacols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt><span class="badmono">←</span> <em>or</em> h</dt>
          <dd>Scroll left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">→</span> <em>or</em> l</dt>
          <dd>Scroll right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↑</span> <em>or</em> k</dt>
          <dd>Scroll up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↓</span> <em>or</em> j</dt>
          <dd>Scroll down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Toggle visibility of head labels</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">←</span> <em>or</em> shift h</dt>
          <dd>Scroll all the way left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">→</span> <em>or</em> shift l</dt>
          <dd>Scroll all the way right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↑</span> <em>or</em> shift k</dt>
          <dd>Scroll all the way up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↓</span> <em>or</em> shift j</dt>
          <dd>Scroll all the way down</dd>
        </dl>
      </div><!-- /.column.last -->
    </div>
  </div>

  <div class="js-hidden-pane" >
    <div class="rule"></div>
    <div class="columns threecols">
      <div class="column first js-hidden-pane" >
        <h3>Source Code Browsing</h3>
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Activates the file finder</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Jump to line</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>w</dt>
          <dd>Switch branch/tag</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>y</dt>
          <dd>Expand URL to its canonical form</dd>
        </dl>
      </div>
    </div>
  </div>

  <div class="js-hidden-pane" style='display:none'>
    <div class="rule"></div>
    <div class="columns threecols">
      <div class="column first">
        <h3>Browsing Commits</h3>
        <dl class="keyboard-mappings">
          <dt><span class="platform-mac">⌘</span><span class="platform-other">ctrl</span> <em>+</em> enter</dt>
          <dd>Submit comment</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>escape</dt>
          <dd>Close form</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>p</dt>
          <dd>Parent commit</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o</dt>
          <dd>Other parent commit</dd>
        </dl>
      </div>
    </div>
  </div>

  <div class="js-hidden-pane" style='display:none'>
    <div class="rule"></div>
    <h3>Notifications</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selection down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selection up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open notification</dd>
        </dl>
      </div><!-- /.column.first -->

      <div class="column second">
        <dl class="keyboard-mappings">
          <dt>e <em>or</em> shift i <em>or</em> y</dt>
          <dd>Mark as read</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift m</dt>
          <dd>Mute thread</dd>
        </dl>
      </div><!-- /.column.first -->
    </div>
  </div>

</div>

    <div id="markdown-help" class="instapaper_ignore readability-extra">
  <h2>Markdown Cheat Sheet</h2>

  <div class="cheatsheet-content">

  <div class="mod">
    <div class="col">
      <h3>Format Text</h3>
      <p>Headers</p>
      <pre>
# This is an &lt;h1&gt; tag
## This is an &lt;h2&gt; tag
###### This is an &lt;h6&gt; tag</pre>
     <p>Text styles</p>
     <pre>
*This text will be italic*
_This will also be italic_
**This text will be bold**
__This will also be bold__

*You **can** combine them*
</pre>
    </div>
    <div class="col">
      <h3>Lists</h3>
      <p>Unordered</p>
      <pre>
* Item 1
* Item 2
  * Item 2a
  * Item 2b</pre>
     <p>Ordered</p>
     <pre>
1. Item 1
2. Item 2
3. Item 3
   * Item 3a
   * Item 3b</pre>
    </div>
    <div class="col">
      <h3>Miscellaneous</h3>
      <p>Images</p>
      <pre>
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)
</pre>
     <p>Links</p>
     <pre>
http://github.com - automatic!
[GitHub](http://github.com)</pre>
<p>Blockquotes</p>
     <pre>
As Kanye West said:

> We're living the future so
> the present is our past.
</pre>
    </div>
  </div>
  <div class="rule"></div>

  <h3>Code Examples in Markdown</h3>
  <div class="col">
      <p>Syntax highlighting with <a href="http://github.github.com/github-flavored-markdown/" title="GitHub Flavored Markdown" target="_blank">GFM</a></p>
      <pre>
```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}
```</pre>
    </div>
    <div class="col">
      <p>Or, indent your code 4 spaces</p>
      <pre>
Here is a Python code example
without syntax highlighting:

    def foo:
      if not bar:
        return true</pre>
    </div>
    <div class="col">
      <p>Inline code for comments</p>
      <pre>
I think you should use an
`&lt;addr&gt;` element here instead.</pre>
    </div>
  </div>

  </div>
</div>


    <div id="ajax-error-message" class="flash flash-error">
      <span class="mini-icon mini-icon-exclamation"></span>
      Something went wrong with that request. Please try again.
      <a href="#" class="mini-icon mini-icon-remove-close ajax-error-dismiss"></a>
    </div>

    
    
    <span id='server_response_time' data-time='0.10878' data-host='fe1'></span>
    
  </body>
</html>

