Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 1x | @switch (type) {
@case ('faq') {
@if (faq$ | async; as faqs) {
@if (faqs.length) {
<dl class="product-faq">
@for (faq of faqs; track faq.question) {
<dt>{{ faq.question }}</dt>
<dd [innerHTML]="faq.answer"></dd>
@if (faq.authorName) {
<dd class="author">
<span class="author-name">{{ faq.authorName }}</span>
@if (faq.authorDescription) {
<span class="author-description">{{ faq.authorDescription }}</span>
}
@if (faq.authorOrganization) {
<span class="author-organization">{{ faq.authorOrganization }}</span>
}
</dd>
}
}
</dl>
}
}
}
@case ('howto') {
@if (howTo$ | async; as howTo) {
@if (howTo?.step?.length) {
<h3>{{ howTo.name }}</h3>
<h4>{{ 'product.how_to.steps' | translate }}</h4>
<ol class="product-how-to-steps">
@for (step of howTo.step; track step.position) {
<li>
<strong>{{ step.name }}</strong>
<p>{{ step.text }}</p>
</li>
}
</ol>
@if (howTo.tool?.length) {
<h4>{{ 'product.how_to.tools' | translate }}</h4>
<ul class="product-how-to-tools">
@for (tool of howTo.tool; track tool.name) {
<li>{{ tool.name }}</li>
}
</ul>
}
@if (howTo.supply?.length) {
<h4>{{ 'product.how_to.supplies' | translate }}</h4>
<ul class="product-how-to-supplies">
@for (supply of howTo.supply; track supply.name) {
<li>{{ supply.name }}</li>
}
</ul>
}
}
}
}
}
|