REFACTOR - Change app name

Author: t-ho

.travis.yml

@@ -19,5 +19,5 @@ before_script:
 
 script: 
   - ng lint
-  - ng build ngx-progress
+  - ng build ngx-ui-loader
   - ng build --prod

README.md

@@ -1,17 +1,15 @@
-[![npm version](https://badge.fury.io/js/ngx-progress.svg)](https://badge.fury.io/js/ngx-progress)
-[![npm](https://img.shields.io/npm/dt/ngx-progress.svg)](https://www.npmjs.com/package/ngx-progress)
-[![npm](https://img.shields.io/npm/dm/ngx-progress.svg)](https://www.npmjs.com/package/ngx-progress)
-[![npm](https://img.shields.io/npm/dw/ngx-progress.svg)](https://www.npmjs.com/package/ngx-progress)
-[![npm](https://img.shields.io/npm/l/ngx-progress.svg)](https://www.npmjs.com/package/ngx-progress)
+[![npm version](https://badge.fury.io/js/ngx-ui-loader.svg)](https://badge.fury.io/js/ngx-ui-loader)
+[![npm](https://img.shields.io/npm/dw/ngx-ui-loader.svg)](https://www.npmjs.com/package/ngx-ui-loader)
+[![npm](https://img.shields.io/npm/l/ngx-ui-loader.svg)](https://www.npmjs.com/package/ngx-ui-loader)
 
-# ngx-progress
+# ngx-ui-loader
 
 A fully customizable loader/spinner and progress bar for Angular 4, 5(tested) and 6+(tested) applications - AoT compatible.
 
 ### Features
 
-* Show foreground loading with progress bar
-* Show background loading with different id for different tasks
+* Show foreground loader with progress bar
+* Show background loader with different id for different tasks
 * There are 12 spinner types available
 * Be able to add logo, loading text
 * Be able to change position of spinners, logo and loading text
@@ -20,22 +18,22 @@ A fully customizable loader/spinner and progress bar for Angular 4, 5(tested) an
 
 ## Demo
 
-Live demo [here](https://ngx-progress-demo-angular-6.stackblitz.io).
+Live demo [here](https://ngx-ui-loader-demo.stackblitz.io).
 
-Play with **ngx-progress** [here](https://stackblitz.com/edit/ngx-progress-demo-angular-6) on stackblitz.
+Play with **ngx-ui-loader** [here](https://stackblitz.com/edit/ngx-ui-loader-demo) on stackblitz.
 
 ## Installation
 
-Install `ngx-progress` via NPM, using the command below.
+Install `ngx-ui-loader` via NPM, using the command below.
 
 ### NPM
 
 ```shell
-npm install --save ngx-progress
+npm install --save ngx-ui-loader
 ```
 ## Getting started
 
-Import the `NgxProgressModule` in your root application module `AppModule`:
+Import the `NgxUiLoaderModule` in your root application module `AppModule`:
 
 ```typescript
 
@@ -44,16 +42,16 @@ import { NgModule } from  '@angular/core';
 
 import { AppComponent } from './app.component';
 
-import { NgxProgressModule } from  'ngx-progress';
+import { NgxUiLoaderModule } from  'ngx-ui-loader';
 
 @NgModule({
   declarations: [
     AppComponent,
   ],
   imports: [
     BrowserModule,
-    // Import NgxProgressModule
-    NgxProgressModule,
+    // Import NgxUiLoaderModule
+    NgxUiLoaderModule,
   ],
   providers: [],
   bootstrap: [AppComponent]
@@ -64,18 +62,18 @@ export class AppModule { }
 
 ## Usage
 
-After importing the `NgxProgressModule`, use `ngx-progress` component in your root app template:
+After importing the `NgxUiLoaderModule`, use `ngx-ui-loader` component in your root app template:
 
 ```html
-<ngx-progress></ngx-progress>
+<ngx-ui-loader></ngx-ui-loader>
 ```  
 
-Add `NgxProgressService` service wherever you want to use the `ngx-progress`:
+Add `NgxUiLoaderService` service wherever you want to use the `ngx-ui-loader`:
 
 
 ```typescript
 import { Component, OnInit } from '@angular/core';
-import { NgxProgressService } from 'ngx-progress'; // Import NgxProgressService
+import { NgxUiLoaderService } from 'ngx-ui-loader'; // Import NgxUiLoaderService
 
 @Component({
   selector: 'app-root',
@@ -84,7 +82,7 @@ import { NgxProgressService } from 'ngx-progress'; // Import NgxProgressService
 })
 export class AppComponent implements OnInit {
 
-  constructor(private ngxService: NgxProgressService) { }
+  constructor(private ngxService: NgxUiLoaderService) { }
 
   ngOnInit() {
     this.ngxService.start(); // start foreground loading with 'default' id
@@ -103,24 +101,24 @@ export class AppComponent implements OnInit {
 
 ```
 
-## NgxProgressService service
+## NgxUiLoaderService service
 
-* `NgxProgressService.start([id]='default')` Starts a foreground loader with progress bar. Users cannot interact with the page when the loader is showed.
-* `NgxProgressService.stop([id]='default')` Stops a foreground loader with progress bar.
-* `NgxProgressService.startBackground([id]='default')` Starts a background loader. Users can interact with the page when the loader is showed.
-* `NgxProgressService.stopBackground([id]='default')` Stops a background loader.
-* `NgxProgressService.getDefaultConfig()` Returns the default configuration object of `ngx-progress`.
-* `NgxProgressService.getStatus()` Returns an object including `waitingForeground` and `waitingBackground` properties.
-* `NgxProgressService.stopAll()` Stops all foreground and background loaders.
+* `NgxUiLoaderService.start([id]='default')` Starts a foreground loader with progress bar. Users cannot interact with the page when the loader is showed.
+* `NgxUiLoaderService.stop([id]='default')` Stops a foreground loader with progress bar.
+* `NgxUiLoaderService.startBackground([id]='default')` Starts a background loader. Users can interact with the page when the loader is showed.
+* `NgxUiLoaderService.stopBackground([id]='default')` Stops a background loader.
+* `NgxUiLoaderService.getDefaultConfig()` Returns the default configuration object of `ngx-ui-loader`.
+* `NgxUiLoaderService.getStatus()` Returns an object including `waitingForeground` and `waitingBackground` properties.
+* `NgxUiLoaderService.stopAll()` Stops all foreground and background loaders.
 
 ## Configuration
 
-You can configure `ngx-progress` in the template as below:
+You can configure `ngx-ui-loader` in the template as below:
 
-Import the constant `SPINNER_TYPES` from `ngx-progress` in your controller. Then in your template:
+Import the constant `SPINNER_TYPES` from `ngx-ui-loader` in your controller. Then in your template:
 
 ```html
-<ngx-progress fgsSize="75" [fgsType]="SPINNER_TYPES.wanderingCubes" ></ngx-progress>
+<ngx-ui-loader fgsSize="75" [fgsType]="SPINNER_TYPES.wanderingCubes" ></ngx-ui-loader>
 ```  
 
 Or you can override the default configuration via `forRoot()` method.
@@ -131,15 +129,15 @@ import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
 
-import { NgxProgressModule, NgxProgressConfig, SPINNER_TYPES, NGX_POSITIONS, PB_DIRECTIONS } from 'ngx-progress';
+import { NgxUiLoaderModule, NgxUiLoaderConfig, SPINNER_TYPES, NGX_POSITIONS, PB_DIRECTIONS } from 'ngx-ui-loader';
 
-const ngxProgressConfig: NgxProgressConfig = {
+const ngxUiLoaderConfig: NgxUiLoaderConfig = {
   bgsColor: 'red',
   bgsPosition: NGX_POSITIONS.bottomCenter,
   bgsSize: 40,
   bgsType: SPINNER_TYPES.rectangleBounce,
-  pbDirection: PB_DIRECTIONS.leftToRight,
-  pbThickness: 5,
+  pbDirection: PB_DIRECTIONS.leftToRight, // progress bar direction
+  pbThickness: 5, // progress bar thickness
 };
 
 @NgModule({
@@ -148,8 +146,8 @@ const ngxProgressConfig: NgxProgressConfig = {
   ],
   imports: [
     BrowserModule,
-    // Import NgxProgressModule with custom configuration globally
-    NgxProgressModule.forRoot(ngxProgressConfig)
+    // Import NgxUiLoaderModule with custom configuration globally
+    NgxUiLoaderModule.forRoot(ngxUiLoaderConfig)
   ],
   providers: [],
   bootstrap: [AppComponent]

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ngx-progress-app": {
+    "ngx-ui-loader-app": {
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/ngx-progress-app",
+            "outputPath": "dist/ngx-ui-loader-app",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -54,18 +54,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ngx-progress-app:build"
+            "browserTarget": "ngx-ui-loader-app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ngx-progress-app:build:production"
+              "browserTarget": "ngx-ui-loader-app:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ngx-progress-app:build"
+            "browserTarget": "ngx-ui-loader-app:build"
           }
         },
         "test": {
@@ -99,15 +99,15 @@
         }
       }
     },
-    "ngx-progress-app-e2e": {
+    "ngx-ui-loader-app-e2e": {
       "root": "e2e/",
       "projectType": "application",
       "architect": {
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "ngx-progress-app:serve"
+            "devServerTarget": "ngx-ui-loader-app:serve"
           }
         },
         "lint": {
@@ -121,38 +121,38 @@
         }
       }
     },
-    "ngx-progress": {
-      "root": "projects/ngx-progress",
-      "sourceRoot": "projects/ngx-progress/src",
+    "ngx-ui-loader": {
+      "root": "projects/ngx-ui-loader",
+      "sourceRoot": "projects/ngx-ui-loader/src",
       "projectType": "library",
       "prefix": "ngx",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "projects/ngx-progress/tsconfig.lib.json",
-            "project": "projects/ngx-progress/ng-package.json"
+            "tsConfig": "projects/ngx-ui-loader/tsconfig.lib.json",
+            "project": "projects/ngx-ui-loader/ng-package.json"
           },
           "configurations": {
             "production": {
-              "project": "projects/ngx-progress/ng-package.prod.json"
+              "project": "projects/ngx-ui-loader/ng-package.prod.json"
             }
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/ngx-progress/src/test.ts",
-            "tsConfig": "projects/ngx-progress/tsconfig.spec.json",
-            "karmaConfig": "projects/ngx-progress/karma.conf.js"
+            "main": "projects/ngx-ui-loader/src/test.ts",
+            "tsConfig": "projects/ngx-ui-loader/tsconfig.spec.json",
+            "karmaConfig": "projects/ngx-ui-loader/karma.conf.js"
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "projects/ngx-progress/tsconfig.lib.json",
-              "projects/ngx-progress/tsconfig.spec.json"
+              "projects/ngx-ui-loader/tsconfig.lib.json",
+              "projects/ngx-ui-loader/tsconfig.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -162,5 +162,5 @@
       }
     }
   },
-  "defaultProject": "ngx-progress-app"
+  "defaultProject": "ngx-ui-loader-app"
 }