skills.rest
sdcorejs
sdcorejsCOMMUNITY
Explore all skills by this author →
GitHub

angular-portal-screen-list

Generate Angular Portal list components with SdTable, paging, filters, and permission-aware actions.

2|Updated Apr 18, 2026
Search Tags:#angular#crud#bulk delete#audit columns#sdtable#server-side paging#permission routing
One-click install
npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-screen-list
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-portal-screen-list
Source: https://github.com/sdcorejs/sdcorejs-agent/tree/main/plugin/skills/angular-portal-screen-list
Command: npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-screen-list

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creates and refines Angular Portal list pages so entity data appears as consistent, permission-aware tables with paging, filters, actions, and audit coverage.

Core Features & Use Cases

  • Server-side paged list generation with SdTable and paging requests for scalable datasets.
  • Entity-driven column configuration from visibleInList schema fields, including correct cell patterns per type.
  • Enterprise table behaviors like external filters, bulk delete, optional isActivated toggles, and audit columns appended for primary list pages.
  • Permission-aligned UI actions (create/update/detail/edit, bulk delete) using *sdPermission and routing patterns.

Quick Start

Use the skill to generate a list page by asking: "tạo màn list cho Product, gồm cột tên, giá, category, audit columns và bulk delete."

Frequently Asked Questions about angular-portal-screen-list

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an Angular list screen with server-side paging?▼

Configure an Angular list screen by binding table items to a paging service via a filter converter. This setup handles server-side paging, external filters, and navigation routes to create, update, and detail views.

How do I add bulk delete and activation toggles to an Angular CRUD table?▼

Include bulk delete and activation toggles by conditionally rendering them in the list component based on entity schema fields and permissions. The table evaluates schema support and permission routing to enable these actions.

Can I automatically append audit columns to an Angular entity list?▼

Yes, audit columns can be appended to primary Angular entity list pages. The generation process automatically includes these columns alongside configurations derived from visible schema fields.

Does the Angular list generation support permission-aware row actions?▼

Yes, the Angular list generation supports permission-aware UI actions. It aligns create, update, detail, and bulk delete actions using permission directives and routing patterns to control access.

How do I refine an existing Angular list component with custom actions?▼

Refine an existing Angular list component by applying modifications like adding columns, toggles, and custom table behaviors. This updates the component logic to include new actions without regenerating the entire screen.

Related Skills

Explore More Software Engineering Skills→
sdcorejssdcorejs
2

angular-portal-init-entity

Scaffold Angular-portal entity CRUD modules with mock localStorage services and permission-guarded routes.

Community
Advanced
sdcorejssdcorejs
2

angular-portal-write-code

Generate Angular Portal entity CRUD code from an approved plan.

Community
Advanced
sdcorejssdcorejs
2

angular-portal-actions

Wire Angular Portal list and detail page actions with permission gating.

Community
Intermediate
giwankimgiwankim

obsidian-bases

Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries.

Community
Basic