Ng Partners

Table of Contents

• Modules
• Installation
• Styles

Modules

Components

• Alerts
• Animations
• App Updates Notification
• Carrier
• Confirm Dialog
• Icons
• Navigation
• Pipes
• Save Button
• Services
• Side Tab
• Sort Link
• Station Search Input

Pipes

• Contains
• Empty to End
• Natural Sort
• Order By
• Sort By

Directives

• Authorize
• Affix

Helper Functions

• Update After Post

Installation

  npm install --save ng-partners

  // Peer Dep
  ng add @angular/material
  npm install --save bootstrap
  npm install --save ngx-toastr

  // Optional if using export services
  npm install --save file-saver
  npm install --save @types/file-saver

Import each module you intend to use. (recommended)

  ...
  import { NavigationModule } from 'ng-partners';

  @NgModule({
    ...
    imports: [
      NavigationModule,
      ...
    ],
    ...
  })
  export class AppModule { }

Optionaly you can import the entire module

  import { NgPartnersModule } from 'ng-partners';

  @NgModule({
    ...
    imports: [
      NgPartnersModule,
      ...
    ],
    ...
  })
  export class AppModule { }

Use with spteam.aa.com sites

  import { STATION_LIST_ROUTE } from 'ng-partners';

  @NgModule({
    ...
    providers: [
      { provide: STATION_LIST_ROUTE, useValue: '/sites/TechOpsApps/' },
      { provide: STATION_SELECT, useValue: 'optional select statement' },
      { provide: STATION_FILTER, useValue: 'optional filter statement' },
    ],
    ...
  })
  export class AppModule { }

Add to angular.json

  "architect": {
    "build": {
      ...
      "assets": [
        {
          "input": "./node_modules/ng-partners/assets/",
          "output": "./assets/",
          "glob": "**/*"
        }
      ],
      ...
    }
  }

Styles

Core

// Core Ng Partners scss Files
@import '~ng-partners/scss/to-core';

Peer Bootstrap Dep

// Required for all Bootstrap
@import 'bootstrap/scss/functions', 'bootstrap/scss/variables', 'bootstrap/scss/mixins';

// Reboot make all browsers appear the same
@import 'bootstrap/scss/reboot';

// Bootstrap sass utilities
@import 'bootstrap/scss/utilities';

// All Bootsrap sass files
// comment out unused styles for smaller packages
@import 'bootstrap/scss/dropdown';
@import 'bootstrap/scss/navbar';
@import 'bootstrap/scss/type';
@import 'bootstrap/scss/images';
@import 'bootstrap/scss/code';
@import 'bootstrap/scss/grid';
@import 'bootstrap/scss/tables';
@import 'bootstrap/scss/forms';
@import 'bootstrap/scss/buttons';
@import 'bootstrap/scss/transitions';
@import 'bootstrap/scss/button-group';
@import 'bootstrap/scss/input-group';
@import 'bootstrap/scss/custom-forms';
@import 'bootstrap/scss/nav';
@import 'bootstrap/scss/card';
@import 'bootstrap/scss/breadcrumb';
@import 'bootstrap/scss/pagination';
@import 'bootstrap/scss/badge';
@import 'bootstrap/scss/jumbotron';
@import 'bootstrap/scss/alert';
@import 'bootstrap/scss/progress';
@import 'bootstrap/scss/media';
@import 'bootstrap/scss/list-group';
@import 'bootstrap/scss/close';
@import 'bootstrap/scss/modal';
@import 'bootstrap/scss/tooltip';
@import 'bootstrap/scss/popover';
@import 'bootstrap/scss/carousel';