1 | <ol class="breadcrumb">
|
2 | <li>{{t "directives" }}</li>
|
3 | <li {{#if directive.deprecated}}
|
4 | class="deprecated-name"
|
5 | {{/if}}>{{directive.name}}</li>
|
6 | </ol>
|
7 |
|
8 | <ul class="nav nav-tabs" role="tablist">
|
9 | {{#each navTabs}}
|
10 | <li {{#compare @index "===" 0}}class="active"{{/compare}}>
|
11 | <a href="{{this.href}}" role="tab" id="{{this.id}}-tab" data-toggle="tab" data-link="{{this.data-link}}">{{t this.label}}</a>
|
12 | </li>
|
13 | {{/each}}
|
14 | </ul>
|
15 |
|
16 | <div class="tab-content">
|
17 | {{#isTabEnabled navTabs "info"}}
|
18 | <div class="tab-pane fade {{#isInitialTab navTabs "info"}}active in{{/isInitialTab}}" id="c-info">
|
19 | <p class="comment">
|
20 | <h3>{{t "file" }}</h3>
|
21 | </p>
|
22 | <p class="comment">
|
23 | <code>{{directive.file}}</code>
|
24 | </p>
|
25 |
|
26 | {{#if directive.deprecated}}
|
27 | <p class="comment">
|
28 | <h3 class="deprecated">{{t "deprecated" }}</h3>
|
29 | </p>
|
30 | <p class="comment">
|
31 | {{{ directive.deprecationMessage }}}
|
32 | </p>
|
33 | {{/if}}
|
34 |
|
35 | {{#if directive.description}}
|
36 | <p class="comment">
|
37 | <h3>{{t "description" }}</h3>
|
38 | </p>
|
39 | <p class="comment">
|
40 | {{{parseDescription directive.description depth}}}
|
41 | </p>
|
42 | {{/if}}
|
43 |
|
44 | {{#if directive.extends}}
|
45 | <p class="comment">
|
46 | <h3>{{t "extends" }}</h3>
|
47 | </p>
|
48 | <p class="comment">
|
49 | {{> link-type type=directive.extends }}
|
50 | </p>
|
51 | {{/if}}
|
52 |
|
53 | {{#if directive.implements}}
|
54 | <p class="comment">
|
55 | <h3>{{t "implements" }}</h3>
|
56 | </p>
|
57 | <p class="comment">
|
58 | {{#each directive.implements}}
|
59 | {{> link-type type=this}}
|
60 | {{/each}}
|
61 | </p>
|
62 | {{/if}}
|
63 |
|
64 | {{#if directive.jsdoctags}}
|
65 | <p class="comment">
|
66 | <h3>{{t "example" }}</h3>
|
67 | </p>
|
68 | <div class="io-description">
|
69 | {{#jsdoc-code-example directive.jsdoctags}}
|
70 | {{#each tags}}
|
71 | <div>
|
72 | {{{comment}}}
|
73 | </div>
|
74 | {{/each}}
|
75 | {{/jsdoc-code-example}}
|
76 | </div>
|
77 | {{/if}}
|
78 |
|
79 | {{#orLength directive.selector directive.providers}}
|
80 | <section>
|
81 | <h3>{{t "metadata" }}</h3>
|
82 | <table class="table table-sm table-hover metadata">
|
83 | <tbody>
|
84 | {{#if directive.providers}}
|
85 | <tr>
|
86 | <td class="col-md-3">{{t "providers" }}</td>
|
87 | <td class="col-md-9">
|
88 | <code>
|
89 | {{#each directive.providers}}
|
90 | {{name}}
|
91 | {{/each}}
|
92 | </code>
|
93 | </td>
|
94 | </tr>
|
95 | {{/if}}
|
96 |
|
97 | {{#if directive.selector}}
|
98 | <tr>
|
99 | <td class="col-md-3">{{t "selector" }}</td>
|
100 | <td class="col-md-9"><code>{{directive.selector}}</code></td>
|
101 | </tr>
|
102 | {{/if}}
|
103 |
|
104 | </tbody>
|
105 | </table>
|
106 | </section>
|
107 | {{/orLength}}
|
108 |
|
109 | {{#orLength directive.propertiesClass directive.methodsClass directive.inputsClass directive.outputClass directive.hostBindings directive.hostListeners directive.accessors}}
|
110 | {{> index methods=directive.methodsClass properties=directive.propertiesClass inputs=directive.inputsClass outputs=directive.outputsClass hostBindings=directive.hostBindings hostListeners=directive.hostListeners accessors=directive.accessors }}
|
111 | {{/orLength}}
|
112 |
|
113 | {{#if directive.constructorObj}}
|
114 | {{> block-constructor constructor=directive.constructorObj file=directive.file }}
|
115 | {{/if}}
|
116 |
|
117 | {{#if directive.inputsClass}}
|
118 | {{> block-input element=directive file=directive.file }}
|
119 | {{/if}}
|
120 |
|
121 | {{#if directive.outputsClass}}
|
122 | {{> block-output element=directive file=directive.file }}
|
123 | {{/if}}
|
124 |
|
125 | {{#if directive.hostBindings}}
|
126 | {{> block-property properties=directive.hostBindings file=directive.file title="HostBindings" }}
|
127 | {{/if}}
|
128 |
|
129 | {{#if directive.hostListeners}}
|
130 | {{> block-host-listener methods=directive.hostListeners file=directive.file title="HostListeners" }}
|
131 | {{/if}}
|
132 |
|
133 | {{#if directive.methodsClass}}
|
134 | {{> block-method methods=directive.methodsClass file=directive.file }}
|
135 | {{/if}}
|
136 |
|
137 | {{#if directive.propertiesClass}}
|
138 | {{> block-property properties=directive.propertiesClass file=directive.file }}
|
139 | {{/if}}
|
140 |
|
141 | {{#if directive.accessors}}
|
142 | {{> block-accessors accessors=directive.accessors file=directive.file }}
|
143 | {{/if}}
|
144 |
|
145 | </div>
|
146 | {{/isTabEnabled}}
|
147 |
|
148 | {{#isTabEnabled navTabs "readme"}}
|
149 | <div class="tab-pane fade {{#isInitialTab navTabs "readme"}}active in{{/isInitialTab}}" id="c-readme">
|
150 | <p>{{{directive.readme}}}</p>
|
151 | </div>
|
152 | {{/isTabEnabled}}
|
153 |
|
154 | {{#isTabEnabled navTabs "source"}}
|
155 | <div class="tab-pane fade {{#isInitialTab navTabs "source"}}active in{{/isInitialTab}} tab-source-code" id="c-source">
|
156 | <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">{{ directive.sourceCode}}</code></pre>
|
157 | </div>
|
158 | {{/isTabEnabled}}
|
159 |
|
160 | {{#isTabEnabled navTabs "example"}}
|
161 | <div class="tab-pane fade {{#isInitialTab navTabs "example"}}active in{{/isInitialTab}}" id="c-example">
|
162 | {{#each directive.exampleUrls}}
|
163 | <iframe class="exampleContainer" src="{{this}}">
|
164 | <p>{{t "no-iframes" }}</p>
|
165 | </iframe>
|
166 | {{/each}}
|
167 | </div>
|
168 | {{/isTabEnabled}}
|
169 | </div>
|
170 |
|
\ | No newline at end of file |