sample.html 1.94 KB
Newer Older
1
{@inject-html}
2 3 4 5 6 7 8 9 10
<a name="{{id}}"></a>
<div class="anchor-container">
  <a class="anchor-button-overlay anchor-button" title="Copy link to clipboard"
     onmouseenter="fixHref(this, '{{id}}');"
     onclick="fixHref(this, '{{id}}'); copyStringToClipboard(this.href);"
     href="#">
    <i class="material-icons copy-image">link</i>
  </a>
</div>
11
<div class="snippet-buttons">
12 13 14 15 16 17
  <script>var visibleSnippet{{serial}} = "shortSnippet{{serial}}";</script>
  <button id="shortSnippet{{serial}}Button"
          onclick="visibleSnippet{{serial}} = showSnippet('shortSnippet{{serial}}', visibleSnippet{{serial}});"
          selected>Sample</button>
  <button id="longSnippet{{serial}}Button"
          onclick="visibleSnippet{{serial}} = showSnippet('longSnippet{{serial}}', visibleSnippet{{serial}});">Sample in an App</button>
18
</div>
19
<div class="snippet-container">
20 21
  <div class="snippet" id="shortSnippet{{serial}}">
    {{description}}
22 23
    <div class="copyable-container">
      <button class="copy-button-overlay copy-button" title="Copy to clipboard"
24
              onclick="copyTextToClipboard(visibleSnippet{{serial}});">
25 26
        <i class="material-icons copy-image">assignment</i>
      </button>
27 28 29 30
      <pre class="language-{{language}}"><code class="language-{{language}}">{{code}}</code></pre>
    </div>
  </div>
  <div class="snippet" id="longSnippet{{serial}}" hidden>
31
    <div class="snippet-description">To create a local project with this code sample, run:<br/>
32 33 34 35 36 37 38 39
      <span class="snippet-create-command">flutter create --sample={{id}} mysample</span>
    </div>
    <div class="copyable-container">
      <button class="copy-button-overlay copy-button" title="Copy to clipboard"
              onclick="copyTextToClipboard(visibleSnippet{{serial}});">
        <i class="material-icons copy-image">assignment</i>
      </button>
      <pre class="language-{{language}}"><code class="language-{{language}}">{{app}}</code></pre>
40 41 42 43
    </div>
  </div>
</div>
{@end-inject-html}