ember-basic-dropdown/docs/app/components/code-example.hbs at 47b16398c0ab12e8d266cf775d725199543b4089 · ember-power-addons/ember-basic-dropdown · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<article class="code-example" ...attributes>
  <nav class="code-example-tabs">
    {{#if @hbs}}
      <div
        class="code-example-tab {{if (eq this.activeTab 'hbs') 'active'}}"
        role="button"
        {{on "click" (fn this.setActiveTab "hbs")}}
      >Template</div>
    {{/if}}
    {{#if @hbs2}}
      <div
        class="code-sample-tab {{if (eq this.activeTab 'hbs2') 'active'}}"
        role="button"
        {{on "click" (fn this.setActiveTab "hbs2")}}
      >Template 2</div>
    {{/if}}
    {{#if @js}}
      <div
        class="code-example-tab {{if (eq this.activeTab 'js') 'active'}}"
        role="button"
        {{on "click" (fn this.setActiveTab "js")}}
      >Javascript</div>
    {{/if}}
    {{#if @css}}
      <div
        class="code-example-tab {{if (eq this.activeTab 'css') 'active'}}"
        role="button"
        {{on "click" (fn this.setActiveTab "css")}}
      >CSS</div>
    {{/if}}
    {{#if this.showResult}}
      <div
        class="code-example-tab {{if (eq this.activeTab 'result') 'active'}}"
        role="button"
        {{on "click" (fn this.setActiveTab "result")}}
      >Result</div>
    {{/if}}
  </nav>
  {{#if (and @hbs (eq this.activeTab "hbs"))}}
    {{#let (get-code-snippet @hbs) as |snippet|}}
      <CodeBlock @language="handlebars" @code={{snippet.source}} />
    {{/let}}
  {{/if}}
  {{#if @hbs2}}
    {{#let (get-code-snippet @hbs2) as |snippet|}}
      <CodeBlock @language="handlebars" @code={{snippet.source}} />
    {{/let}}
  {{/if}}
  {{#if (and @js (eq this.activeTab "js"))}}
    {{#let (get-code-snippet @js) as |snippet|}}
      <CodeBlock @language={{snippet.language}} @code={{snippet.source}} />
    {{/let}}
  {{/if}}
  {{#if (and @css (eq this.activeTab "css"))}}
    {{#let (get-code-snippet @css) as |snippet|}}
      <CodeBlock @language={{snippet.language}} @code={{snippet.source}} />
    {{/let}}
  {{/if}}
  {{#if (and this.showResult (has-block))}}
    <div
      class="code-example-snippet result
        {{if (eq this.activeTab 'result') 'active'}}"
    >
      {{yield this.partialName}}
    </div>
  {{/if}}
</article>