primefaces/primeng

The Most Complete Angular UI Component Library

Website

Visit the PrimeNG Website for general information, demos and documentation.

primeng's Issues

TieredMenu Component

MegaMenu Component

Password Directive

Create password directive with pPassword.

<input type="text" size="30" pPasword [(ngModel)]="text" />

Footer for Dialog

ProgressBar Component

Dialog Component

Create dialog component with p-dialog.

<p-dialog header="Title">
    //content
</p-dialog>

DatePicker Component

Create a datepicker based on jQuery UI datepicker.

Menubar Component

DataList Component

MultiSelectListbox Component

Terminal Component

Cannot find AngularJS modules while running showcase

When I tried to run primeng showcase by "npm start" command few of the modules not found as below. So the PrimeNG window popup stopped loading at localhost:3000.Did I miss anything here?

C:\Users\sudheer\git\primeng>npm start

[email protected] start C:\Users\sudheer\git\primeng
concurrent "npm run tsc:w" "npm run lite"

[1]
[1] > [email protected] lite C:\Users\sudheer\git\primeng
[1] > lite-server
[1]
[0]
[0] > [email protected] tsc:w C:\Users\sudheer\git\primeng
[0] > tsc -w
[0]
[1] [BS] Access URLs:
[1] ------------------------------------
[1] Local: http://localhost:3000
[1] External: http://172.20.10.3:3000
[1] ------------------------------------
[1] UI: http://localhost:3001
[1] UI External: http://172.20.10.3:3001
[1] ------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[0] app/app.component.ts(1,25): error TS2307: Cannot find module 'angular2/core'
.
[0] app/app.component.ts(2,46): error TS2307: Cannot find module 'angular2/route
r'.
[0] app/boot.ts(1,28): error TS2307: Cannot find module 'angular2/platform/brows
er'.
[0] app/boot.ts(3,32): error TS2307: Cannot find module 'angular2/router'.
[0] app/components/button/button.directive.ts(3,101): error TS2307: Cannot find
module 'angular2/core'.
[0] app/components/button/demo/buttondemo.component.ts(1,25): error TS2307: Cann
ot find module 'angular2/core'.
[0] app/components/dialog/demo/dialogdemo.component.ts(1,25): error TS2307: Cann
ot find module 'angular2/core'.
[0] app/components/dialog/dialog.component.ts(3,123): error TS2307: Cannot find
module 'angular2/core'.
[0] app/components/fieldset/demo/fieldsetdemo.component.ts(1,25): error TS2307:
Cannot find module 'angular2/core'.
[0] app/components/fieldset/fieldset.component.ts(3,110): error TS2307: Cannot f
ind module 'angular2/core'.
[0] app/components/grid/demo/griddemo.component.ts(1,25): error TS2307: Cannot f
ind module 'angular2/core'.
[0] app/components/inputtext/demo/inputtextdemo.component.ts(1,25): error TS2307
: Cannot find module 'angular2/core'.
[0] app/components/inputtext/inputtext.directive.ts(3,88): error TS2307: Cannot
find module 'angular2/core'.
[0] app/components/panel/demo/paneldemo.component.ts(1,25): error TS2307: Cannot
find module 'angular2/core'.
[0] app/components/panel/panel.component.ts(3,110): error TS2307: Cannot find mo
dule 'angular2/core'.
[0] app/components/panel/panel.component.ts(50,37): error TS2339: Property 'togg
leOrientation' does not exist on type 'PanelComponent'.
[0] app/components/password/demo/passworddemo.component.ts(1,25): error TS2307:
Cannot find module 'angular2/core'.
[0] app/components/password/password.directive.ts(3,101): error TS2307: Cannot f
ind module 'angular2/core'.
[0] app/components/rating/demo/ratingdemo.component.ts(1,25): error TS2307: Cann
ot find module 'angular2/core'.
[0] app/components/rating/rating.component.ts(3,110): error TS2307: Cannot find
module 'angular2/core'.
[0] app/components/spinner/demo/spinnerdemo.component.ts(1,25): error TS2307: Ca
nnot find module 'angular2/core'.
[0] app/components/spinner/spinner.directive.ts(3,101): error TS2307: Cannot fin
d module 'angular2/core'.
[0] app/components/tabview/demo/tabviewdemo.component.ts(1,25): error TS2307: Ca
nnot find module 'angular2/core'.
[0] app/components/tabview/tabpanel.component.ts(3,31): error TS2307: Cannot fin
d module 'angular2/core'.
[0] app/components/tabview/tabview.component.ts(3,125): error TS2307: Cannot fin
d module 'angular2/core'.
[0] app/components/togglebutton/demo/togglebuttondemo.component.ts(1,25): error
TS2307: Cannot find module 'angular2/core'.
[0] app/components/togglebutton/togglebutton.component.ts(3,110): error TS2307:
Cannot find module 'angular2/core'.
[0] app/homepage.component.ts(1,25): error TS2307: Cannot find module 'angular2/
core'.
[0] app/homepage.component.ts(2,46): error TS2307: Cannot find module 'angular2/
router'.
[1] [BS] File changed: app\homepage.component.js
[1] 16.01.21 23:49:54 304 GET /./index.html (Unknown - 16ms)
[1] [BS] File changed: app\components\inputtext\inputtext.directive.js
[1] [BS] File changed: app\components\button\button.directive.js
[1] 16.01.21 23:49:54 304 GET /resources/primeui/themes/aristo/theme.css (Unknow
n - 20ms)
[1] 16.01.21 23:49:54 304 GET /resources/css/jquery-ui.css (Unknown - 20ms)
[1] [BS] File changed: app\components\inputtext\demo\inputtextdemo.component.js
[1] 16.01.21 23:49:54 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.css
(Unknown - 12ms)
[1] 16.01.21 23:49:54 304 GET /resources/css/site.css (Unknown - 10ms)
[1] 16.01.21 23:49:54 304 GET /resources/icons/css/font-awesome.min.css (Unknown

• 10ms)
  [1] 16.01.21 23:49:54 404 GET /node_modules/angular2/bundles/angular2-polyfills.
  js (Unknown - 55ms)
  [1] 16.01.21 23:49:54 304 GET /resources/js/jquery.js (Unknown - 45ms)
  [1] [BS] File changed: app\components\button\demo\buttondemo.component.js
  [1] 16.01.21 23:49:54 404 GET /node_modules/systemjs/dist/system.src.js (Unknown
• 73ms)
  [1] 16.01.21 23:49:54 404 GET /node_modules/rxjs/bundles/Rx.js (Unknown - 75ms)
  [1] 16.01.21 23:49:54 404 GET /node_modules/angular2/bundles/angular2.dev.js (Un
  known - 72ms)
  [1] 16.01.21 23:49:54 404 GET /node_modules/angular2/bundles/router.dev.js (Unkn
  own - 107ms)
  [1] 16.01.21 23:49:54 304 GET /resources/js/jquery-ui.js (Unknown - 20ms)
  [1] 16.01.21 23:49:55 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.js (
  Unknown - 65ms)
  [1] [BS] File changed: app\components\spinner\spinner.directive.js
  [1] [BS] File changed: app\components\spinner\demo\spinnerdemo.component.js
  [0] 11:49:55 PM - Compilation complete. Watching for file changes.
  [1] [BS] File changed: app\components\panel\panel.component.js
  [1] [BS] File changed: app\components\panel\demo\paneldemo.component.js
  [1] [BS] File changed: app\components\fieldset\fieldset.component.js
  [1] [BS] File changed: app\components\fieldset\demo\fieldsetdemo.component.js
  [1] [BS] File changed: app\components\rating\rating.component.js
  [1] [BS] File changed: app\components\rating\demo\ratingdemo.component.js
  [1] [BS] File changed: app\components\password\password.directive.js
  [1] [BS] File changed: app\components\password\demo\passworddemo.component.js
  [1] [BS] File changed: app\components\dialog\dialog.component.js
  [1] [BS] File changed: app\components\dialog\demo\dialogdemo.component.js
  [1] [BS] File changed: app\components\togglebutton\togglebutton.component.js
  [1] [BS] File changed: app\components\togglebutton\demo\togglebuttondemo.compone
  nt.js
  [1] [BS] File changed: app\components\grid\demo\griddemo.component.js
  [1] [BS] File changed: app\components\tabview\tabpanel.component.js
  [1] [BS] File changed: app\components\tabview\tabview.component.js
  [1] [BS] File changed: app\components\tabview\demo\tabviewdemo.component.js
  [1] [BS] File changed: app\app.component.js
  [1] [BS] File changed: app\boot.js
  [1] 16.01.21 23:49:55 304 GET /resources/fonts/exo-regular-webfont.woff (Unknown
• 15ms)
  [1] 16.01.21 23:49:55 304 GET /./index.html (Unknown - 20ms)
  [1] 16.01.21 23:49:55 200 GET /./index.html (Unknown - 150ms)
  [1] 16.01.21 23:49:55 304 GET /resources/primeui/themes/aristo/theme.css (Unknow
  n - 2ms)
  [1] 16.01.21 23:49:55 304 GET /resources/css/jquery-ui.css (Unknown - 10ms)
  [1] 16.01.21 23:49:56 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.css
  (Unknown - 10ms)
  [1] 16.01.21 23:49:56 304 GET /resources/css/site.css (Unknown - 5ms)
  [1] 16.01.21 23:49:56 304 GET /resources/icons/css/font-awesome.min.css (Unknown
• 3ms)
  [1] 16.01.21 23:49:56 404 GET /node_modules/angular2/bundles/angular2-polyfills.
  js (Unknown - 5ms)
  [1] 16.01.21 23:49:56 404 GET /node_modules/systemjs/dist/system.src.js (Unknown
• 8ms)
  [1] 16.01.21 23:49:56 404 GET /node_modules/rxjs/bundles/Rx.js (Unknown - 10ms)
  [1] 16.01.21 23:49:56 404 GET /node_modules/angular2/bundles/router.dev.js (Unkn
  own - 7ms)
  [1] 16.01.21 23:49:56 404 GET /node_modules/angular2/bundles/angular2.dev.js (Un
  known - 5ms)
  [1] 16.01.21 23:49:56 304 GET /resources/js/jquery.js (Unknown - 7ms)
  [1] 16.01.21 23:49:56 304 GET /resources/js/jquery-ui.js (Unknown - 7ms)
  [1] 16.01.21 23:49:56 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.js (
  Unknown - 5ms)
  [1] 16.01.21 23:49:56 304 GET /resources/fonts/exo-regular-webfont.woff (Unknown
• 3ms)
  [1] 16.01.21 23:49:57 304 GET /./index.html (Unknown - 2ms)
  [1] 16.01.21 23:49:57 304 GET /resources/primeui/themes/aristo/theme.css (Unknow
  n - 5ms)
  [1] 16.01.21 23:49:57 304 GET /resources/css/jquery-ui.css (Unknown - 5ms)
  [1] 16.01.21 23:49:57 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.css
  (Unknown - 7ms)
  [1] 16.01.21 23:49:57 304 GET /resources/css/site.css (Unknown - 7ms)
  [1] 16.01.21 23:49:57 304 GET /resources/icons/css/font-awesome.min.css (Unknown
• 7ms)
  [1] 16.01.21 23:49:57 404 GET /node_modules/angular2/bundles/angular2-polyfills.
  js (Unknown - 7ms)
  [1] 16.01.21 23:49:57 304 GET /resources/js/jquery.js (Unknown - 2ms)
  [1] 16.01.21 23:49:57 304 GET /resources/js/jquery-ui.js (Unknown - 2ms)
  [1] 16.01.21 23:49:57 404 GET /node_modules/systemjs/dist/system.src.js (Unknown
• 5ms)
  [1] 16.01.21 23:49:57 404 GET /node_modules/rxjs/bundles/Rx.js (Unknown - 8ms)
  [1] 16.01.21 23:49:57 404 GET /node_modules/angular2/bundles/angular2.dev.js (Un
  known - 8ms)
  [1] 16.01.21 23:49:57 404 GET /node_modules/angular2/bundles/router.dev.js (Unkn
  own - 5ms)
  [1] 16.01.21 23:49:57 304 GET /resources/primeui/primeui-3.0.1-SNAPSHOT-min.js (
  Unknown - 3ms)
  [1] 16.01.21 23:49:58 304 GET /resources/fonts/exo-regular-webfont.woff (Unknown
• 0ms)

Dropdown Component

Implement dropdown component

InputTextarea directive

<textarea id="default" pInputTextarea ></textarea>

Accordion Component

Create accordion panel component.

Checkbox Component

Create checkbox component with p-checkbox

<p-checkbox [(model)]="selectedCities" name="group"/>

Breadcrumb Component

Chart Components

Create chart components based on charts.js, charts should be updated whenever their data changes via one-way binding and also should support events like click.

• Pie
• Bar
• Line
• Doughnut
• Radar
• PolarArea

ContextMenu Component

Grid CSS

DataTable Component

Could you please add DataTable widget. I think i will use angular instead jQuery.

Paginator Component

To be shared between DataTable, DataList and DataGrid.

Replace .pui- with .ui style prefix

To align PrimeUI and PrimeNG with PrimeFaces.

RadioButton Component

Create radiobutton directive with p-radio

<p-radio value="Option Value"></p-radio>

Galleria Component

InputSwitch Component

Create an inputSwitch component to select a boolean value.

Panel Component

Create a panel component using p-panel element.

<p-panel header="Test" toggleable="toggleable">
    //content here
</p-panel>

Listbox Component

Create a listbox component with single and multiple selection along with custom content support.

Lightbox Component

DataGrid Component

PanelMenu Component

Button Component

Create button directive using pButton.

<button type="button" pButton>Value</button>

SelectButton Component

Implement selectButton component with single and multiple selection options.

Slider Component

Messages Component

Create a messages component to display messages inline.

OrderList Component

PickList Component

Rating Component

Create rating component with p-rating element.

<p-rating [(value)]="val" stars="10"></p-rating>

ColorPicker Component

DataScroller Component

Fieldset Component

Create fieldset component using p-fieldset element.

<p-fieldset toggleable="toggleable">
  <legend>Test</legend>
  //content here
</p-fieldset>

Carousel Component

Implement a carousel component.

Spinner Directive

Create spinner directive with pSpinner.

<input type="text" size="30" pSpinner [(ngModel)]="text" [disabled]="disabled" min="10" [max]="val"/>

Menu Component

ToggleButton component

Create a toggle button component with p-toggleButton.

<p-toggleButton [(checked)]="val" onIcon="..." offIcon="..."></p-toggleButton>

Growl component

Create a growl component to display messages as an overlay.

TabView Component

Create a tabview component in combination with tab components.

Congratulations

thanks for primefaces team for the great work
good continuation

Editor Component

Html editor component

InputText Component

Implement InputText component as pInputText directive.

<input type="text" pInputText></input>