058e2d571f
- checkboxes -> app-toggle, wrap in SectionCard
- toggleUserExperience/toggleProductFeature typed without 'as any' (optional
chaining on the already-typed UserExperienceConfig/ProductPageConfig union)
- removed dead, broken toggleRecentViewed method (unused, not wired to the
template; toggleUserExperience('recentlyViewed', ...) is the live path)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
28 lines
3.9 KiB
HTML
28 lines
3.9 KiB
HTML
@if (bootstrap(); as bootstrap) {
|
|
<app-section-card [title]="'builder.marketplaceFeatures' | translate">
|
|
<div class="editor-grid three toggles">
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.featureFlags.wishlist" (ngModelChange)="toggleFeature('wishlist', $event)" [ariaLabel]="'builder.showWishlist' | translate" /><span>{{ 'builder.showWishlist' | translate }}</span><small class="field-desc">{{ 'builder.wishlistFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.featureFlags.compare" (ngModelChange)="toggleFeature('compare', $event)" [ariaLabel]="'builder.showCompare' | translate" /><span>{{ 'builder.showCompare' | translate }}</span><small class="field-desc">{{ 'builder.compareFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.featureFlags.reviews" (ngModelChange)="toggleFeature('reviews', $event)" [ariaLabel]="'builder.reviews' | translate" /><span>{{ 'builder.reviews' | translate }}</span><small class="field-desc">{{ 'builder.reviewsFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.productPage?.questions?.enabled !== false" (ngModelChange)="toggleProductFeature('questions', $event)" [ariaLabel]="'builder.questions' | translate" /><span>{{ 'builder.questions' | translate }}</span><small class="field-desc">{{ 'builder.questionsFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="!!bootstrap.featureFlags.comments" (ngModelChange)="toggleFeature('comments', $event)" [ariaLabel]="'builder.comments' | translate" /><span>{{ 'builder.comments' | translate }}</span><small class="field-desc">{{ 'builder.commentsFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="!!bootstrap.featureFlags.recommendations" (ngModelChange)="toggleFeature('recommendations', $event)" [ariaLabel]="'builder.recommendations' | translate" /><span>{{ 'builder.recommendations' | translate }}</span><small class="field-desc">{{ 'builder.recommendationsFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.userExperience?.recentlyViewed?.enabled !== false" (ngModelChange)="toggleUserExperience('recentlyViewed', $event)" [ariaLabel]="'builder.recentlyViewed' | translate" /><span>{{ 'builder.recentlyViewed' | translate }}</span><small class="field-desc">{{ 'builder.recentlyViewedFeatureDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.catalog?.suggestionsEnabled !== false" (ngModelChange)="toggleCatalog('suggestionsEnabled', $event)" [ariaLabel]="'builder.searchSuggestions' | translate" /><span>{{ 'builder.searchSuggestions' | translate }}</span><small class="field-desc">{{ 'builder.searchSuggestionsDesc' | translate }}</small></label>
|
|
<label class="toggle-row"><app-toggle [ngModel]="bootstrap.catalog?.searchHistoryEnabled !== false" (ngModelChange)="toggleCatalog('searchHistoryEnabled', $event)" [ariaLabel]="'builder.searchHistory' | translate" /><span>{{ 'builder.searchHistory' | translate }}</span><small class="field-desc">{{ 'builder.searchHistoryDesc' | translate }}</small></label>
|
|
</div>
|
|
<div class="editor-grid two">
|
|
<label>
|
|
<span>{{ 'builder.catalogNavigationModeLabel' | translate }}</span>
|
|
<small class="field-desc">{{ 'builder.catalogNavigationModeDesc' | translate }}</small>
|
|
<select [ngModel]="bootstrap.catalog?.navigationMode || 'default'" (ngModelChange)="updateCatalogNavigationMode($event)">
|
|
@for (option of catalogNavigationOptions; track option.value) {
|
|
<option [value]="option.value">{{ option.labelKey | translate }}</option>
|
|
}
|
|
</select>
|
|
<small class="field-desc">{{ catalogNavigationDescKey(bootstrap.catalog?.navigationMode || 'default') | translate }}</small>
|
|
</label>
|
|
</div>
|
|
</app-section-card>
|
|
}
|