القائمة
ngx-configurable-layout grid with static/editable modes, drag-and-drop, and provideNgxDragAndDropService from @ibenvandeveire/ngx-layout.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-layout-configurable-layout |
| description | ngx-configurable-layout grid with static/editable modes, drag-and-drop, and provideNgxDragAndDropService from @ibenvandeveire/ngx-layout. |
ngx-configurable-layout + ngx-configurable-layout-item with key matching 2D layout array.
Required: provideNgxDragAndDropService(YourDragAndDropService) implementing NgxAccessibleDragAndDropAbstractService.
layoutType="static" + [keys]="[['widget-a','widget-b'],['widget-c']]" — user cannot rearrange.
layoutType="editable" + FormControl value:
[[{ key: 'widget-a', isActive: true }, { key: 'widget-b', isActive: true }]]
showInactive — show toggles for inactive itemsdisabled: true on item — no toggle, class ngx-layout-item-disabled#checkboxTmpl — custom toggle[allowDragAndDrop]="true" — CDK DnD; optional dropPredicate. Style via ngx-layout-* classes.
fill (default) | fit-content | equal (height 100% on children for row height).
rowGap, columnGap — prefer over margins (CSS grid).
Built-in labels: nl, en, fr, de, es, pt, tr, ku. Override itemLabel, rowLabel, per-item label.
ngx-layout-grid, -row, -item, -drag-placeholder, -item-toggle, -item-inactive, -item-disabled, -grid-inactive-shown.