1.9.0 • Published 4 years ago

lux-components-generate v1.9.0

Weekly downloads
-
License
IHK-GfI Open-Sour...
Repository
-
Last release
4 years ago

Autoren

  • Ahmet Erinola (IHK-GfI)

Generierung von Lux-Components mithilfe von Angular Schematics

Bereits vorhandene Generatoren

NameBeschreibung
lux-formErmöglicht die Generierung einer Form-Component mit wahlweise einer, zwei bzw. drei Spalten und einer Reihe von Beispiel-FormComponents.
lux-stepperErmöglicht die Generierung einer Stepper-Component mit übergebener Step-Anzahl, einer Reihe von Beispiel-FormComponents und der Auswahl einer ausgelagerten Navigation.
lux-master-detailErmöglicht die Generierung einer Master-Detail-Component mit einer Beispiel-Masterliste und Detail-View.
lux-cardErmöglicht die Generierung einer simplen/erweiterbaren Card-Component. Optional ist der zusätzliche Action-Bereich.
lux-tableErmöglicht die Generierung einer normalen Tabelle gegenüber dem asynchronen Abruf von Daten. Optional kann eine Pagination, Filter oder Multi-Select hinzugefügt werden.
lux-accordionErmöglicht die Generierung einer Component mit allein stehendem Panel oder darüber liegendem Accordion.
lux-tabsErmöglicht die Generierung einer Tabs-Component. Optional können die Tabs um einen Counter und mit weiteren LUX-Components erweitert werden.
lux-listErmöglicht die Generierung einer List-Component mit/ohne Beispiel-Items.

Install

Aktuelle Version installieren:

npm install lux-components-generate@latest --save-dev

Spezielle Version installieren:

npm install --save lux-components-generate@0.0.1

Ausführen eines Schematic-Scripts

Als Fachentwickler

Eine Schematic wird über den folgendeng Aufruf gestartet:

ng generate lux-components-generator:lux-xyz

Zum lokalen Testen

Um die Schematics während der Entwicklung auszuführen, muss sie nach Änderungen neu gebaut werden, das erreicht man über den das build-Script von npm:

npm run build

Das Testprojekt, welches die Schematic ausführen soll, mockt den Eintrag als dependency auf das Schematics-Projekt mithilfe von npm link:

npm link <PFAD-ZUM-LOKALEN-SCHEMATICS-PROJEKT>

Das Starten des Schematic-Scripts aus dem Testprojekt erfolgt dann wie gehabt:

ng generate lux-components-generate:lux-xyz