Angular: Base

Packages

• Base

• npm i jquery bootstrap ngx-bootstrap ngx-toastr

• FontAwesome

• npm install --save-dev @fortawesome/fontawesome-free

• Datatables

• npm install datatables.net --save
  npm install datatables.net-dt --save
  npm install angular-datatables --save
  npm install @types/jquery --save-dev
  
  npm install @types/datatables.net --save-dev

• Gridster

• npm i angular-gridster2

Styles

• "node_modules/bootstrap/dist/css/bootstrap.min.css",<br>"node_modules/@fortawesome/fontawesome-free/css/all.min.css",<br>"node_modules/ngx-toastr/toastr.css",<br>"node_modules/datatables.net-dt/css/jquery.dataTables.css",<br>"src/styles.scss"

Scripts

• "node_modules/jquery/dist/jquery.min.js",<br>"node_modules/datatables.net/js/jquery.dataTables.js" 

Importing

<strong>import</strong> { ToastrModule } <strong>from</strong> 'ngx-toastr';
<strong>import</strong> { BsDropdownModule } <strong>from</strong> 'ngx-bootstrap/dropdown';
<strong>import</strong> { TooltipModule } <strong>from</strong> 'ngx-bootstrap/tooltip';
BrowserAnimationsModule,
ToastrModule.forRoot(),
BsDropdownModule.forRoot(),

TooltipModule.forRoot(),

Locale (pt-br)

<strong>import</strong> { NgModule, LOCALE_ID } <strong>from</strong> '@angular/core';
<strong>import</strong> { registerLocaleData } <strong>from</strong> '@angular/common';
<strong>import</strong> <strong>localePt</strong> <strong>from</strong> '@angular/common/locales/pt';
registerLocaleData(localePt, 'pt');

providers: [..., { provide: LOCALE_ID, useValue: 'pt' },...]

Other

preloader

https://webcache.googleusercontent.com/search?q=cache:XdZFCn6I6EYJ:https://devblog.dymel.pl/2017/10/17/angular-preload/+&cd=1&hl=en&ct=clnk&gl=br

gridster

https://github.com/tiberiuzuld/angular-gridster2

delay

https://www.learnrxjs.io/operators/utility/delay.html

content-loader

https://github.com/NetanelBasal/ngx-content-loader

boostrap themes

https://bootswatch.com/

CORS
https://levelup.gitconnected.com/fixing-cors-errors-with-angular-cli-proxy-e5e0ef143f85