](https://youtube.com/AmitShukla_AI)
5 | [
](https://github.com/AmitXShukla)
6 | [
](https://medium.com/@Amit_Shukla)
7 | [
](https://twitter.com/ashuklax)
8 |
9 | # ERP-Apps
10 | # Objective
11 | Build ERP apps for Small, Medium and Large Organizations
156 | 
157 | ```ts
158 | USER_ROLES is a collection
159 | admin is a document inside it
160 | admin, addressbook etc each has a “map” inside
161 | Which has four fields each
162 | visible Boolean true
163 | read Boolean true
164 | write Boolean true
165 | delete Boolean true
166 |
167 | Step 6: find Firebase Project settings
168 | copy and replace Firebase settings in your app->environments/environment.ts and environment.prod.ts
169 |
170 |
171 | Step 7: Browse App
172 | to check if your app is up and running now if not, please open browser console and look for errors
173 |
174 | if firebase is not setup properly or settings are not copies correctly, you will see error like invalid API Key.
175 |
176 | For any other error please open a new issue and include a screen shot of your terminal and browser console window.
177 | ```
178 | ## Pro Version Enquiries info@elishconsulting.com - ERP
179 |
180 | Other Apps -> CRM Cloudaboutus works!
2 | -------------------------------------------------------------------------------- /src/app/shared/aboutus.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-aboutus', 5 | templateUrl: './aboutus.component.html', 6 | styleUrls: ['./aboutus.component.css'] 7 | }) 8 | export class AboutusComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit(): void { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/shared/dropzone/dropzone.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostListener, Output, EventEmitter } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[appDropZone]' 5 | }) 6 | 7 | export class DropZoneDirective { 8 | @Output() dropped = new EventEmitter
3 |
7 | {{ pct | number }}%
8 |
9 | Document is saved. 10 |
11 | 9 | Document is saved. 10 |
17 |
29 | File Upload
18 |
19 |
27 |
28 |
30 | {{ snap.bytesTransferred | fileSize }} of {{ snap.totalBytes | fileSize }}
31 |
--------------------------------------------------------------------------------
/src/app/shared/dropzone/fileupload.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { AngularFireStorage, AngularFireUploadTask } from '@angular/fire/storage';
3 | import { Observable } from 'rxjs';
4 | import { finalize } from 'rxjs/operators';
5 | import { BackendService } from '../../services/backend.service';
6 |
7 | @Component({
8 | selector: 'app-fileupload',
9 | templateUrl: './fileupload.component.html',
10 | styleUrls: ['./fileupload.component.css']
11 | })
12 | export class FileUploadComponent {
13 | @Input() fileUrl: string;
14 | @Input() docId: string;
15 | task: AngularFireUploadTask;
16 | percentage: Observable
32 | ![]()
34 |
35 |
36 |
37 |
38 | Results!
33 |34 |
14 | 15 | -------------------------------------------------------------------------------- /src/app/shared/footer.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { BackendService } from '../services/backend.service'; 3 | 4 | @Component({ 5 | selector: 'app-footer', 6 | templateUrl: './footer.component.html', 7 | styleUrls: ['./footer.component.css'] 8 | }) 9 | export class FooterComponent implements OnInit { 10 | configData; 11 | 12 | constructor(private _backendService: BackendService) { } 13 | 14 | ngOnInit(): void { 15 | this.configData = this._backendService.getConfig("social"); 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/shared/header.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmitXShukla/ERP-Apps-CRM-Cloud-Angular_Firebase/999125fee3ffe382ecff2af9f6dd7e93405ae05b/src/app/shared/header.component.css -------------------------------------------------------------------------------- /src/app/shared/header.component.html: -------------------------------------------------------------------------------- 1 |
8 |
11 |
12 |
13 |
16 |
17 |
18 |
21 |
22 |
23 |
26 |
27 |
28 |
33 |
56 |
61 |
62 |
67 |
68 |
73 |
76 |
81 |
82 |
87 |
88 |
93 |
94 |
99 |
100 |
105 | helpdesk works!
2 | -------------------------------------------------------------------------------- /src/app/shared/helpdesk.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-helpdesk', 5 | templateUrl: './helpdesk.component.html', 6 | styleUrls: ['./helpdesk.component.css'] 7 | }) 8 | export class HelpdeskComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit(): void { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/shared/router.aimations.ts: -------------------------------------------------------------------------------- 1 | import {trigger, state, animate, style, transition} from '@angular/animations'; 2 | 3 | export function moveIn() { 4 | return trigger('moveIn', [ 5 | state('void', style({position: 'fixed', width: '100%'}) ), 6 | state('*', style({position: 'fixed', width: '100%'}) ), 7 | transition(':enter', [ 8 | style({opacity:'0', transform: 'translateX(100px)'}), 9 | animate('.6s ease-in-out', style({opacity:'1', transform: 'translateX(0)'})) 10 | ]), 11 | transition(':leave', [ 12 | style({opacity:'1', transform: 'translateX(0)'}), 13 | animate('.3s ease-in-out', style({opacity:'0', transform: 'translateX(-200px)'})) 14 | ]) 15 | ]); 16 | } 17 | 18 | export function fallIn() { 19 | return trigger('fallIn', [ 20 | transition(':enter', [ 21 | style({opacity:'0', transform: 'translateY(40px)'}), 22 | animate('.4s .2s ease-in-out', style({opacity:'1', transform: 'translateY(0)'})) 23 | ]), 24 | transition(':leave', [ 25 | style({opacity:'1', transform: 'translateX(0)'}), 26 | animate('.3s ease-in-out', style({opacity:'0', transform: 'translateX(-200px)'})) 27 | ]) 28 | ]); 29 | } 30 | 31 | export function moveInLeft() { 32 | return trigger('moveInLeft', [ 33 | transition(':enter', [ 34 | style({opacity:'0', transform: 'translateX(-100px)'}), 35 | animate('.6s .2s ease-in-out', style({opacity:'1', transform: 'translateX(0)'})) 36 | ]) 37 | ]); 38 | } -------------------------------------------------------------------------------- /src/app/shared/router.animations.ts: -------------------------------------------------------------------------------- 1 | import { trigger, state, animate, style, transition } from '@angular/animations'; 2 | 3 | export function fallIn() { 4 | return trigger('fallIn',[ 5 | transition(':enter', [ 6 | style({opacity:'0', transform: 'translateY(40px)'}), 7 | animate('.4s .2s ease-in-out', style({opacity:'1', transform: 'translateY(0)'})) 8 | ]), 9 | transition(':leave', [ 10 | style({opacity:'1', transform: 'translateX(0)'}), 11 | animate('.3s ease-in-out', style({opacity:'0', transform: 'translateX(-200px)'})) 12 | ]) 13 | ]); 14 | } 15 | 16 | 17 | export function moveIn() { 18 | return trigger('moveIn', [ 19 | state('void', style({position: 'fixed', width: '100%'}) ), 20 | state('*', style({position: 'fixed', width: '100%'}) ), 21 | transition(':enter', [ 22 | style({opacity:'0', transform: 'translateX(100px)'}), 23 | animate('.6s ease-in-out', style({opacity:'1', transform: 'translateX(0)'})) 24 | ]), 25 | transition(':leave', [ 26 | style({opacity:'1', transform: 'translateX(0)'}), 27 | animate('.3s ease-in-out', style({opacity:'0', transform: 'translateX(-200px)'})) 28 | ]) 29 | ]); 30 | } 31 | 32 | export function moveInLeft() { 33 | return trigger('moveInLeft', [ 34 | transition(':enter', [ 35 | style({opacity:'0', transform: 'translateX(-100px)'}), 36 | animate('.6s .2s ease-in-out', style({opacity:'1', transform: 'translateX(0)'})) 37 | ]) 38 | ]); 39 | } -------------------------------------------------------------------------------- /src/app/shared/simpleheader.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AmitXShukla/ERP-Apps-CRM-Cloud-Angular_Firebase/999125fee3ffe382ecff2af9f6dd7e93405ae05b/src/app/shared/simpleheader.component.css -------------------------------------------------------------------------------- /src/app/shared/simpleheader.component.html: -------------------------------------------------------------------------------- 1 |
6 |
7 |
25 |
26 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 | Name
112 | {{row.name}}
113 |
114 |
115 | eMail
116 | {{row.email}}
117 |
118 |
119 | phone
120 | {{row.phone}}
121 |
122 |
123 | role
124 | {{row.role}}
125 |
126 |
127 |
128 | action
129 |
130 |
131 |
134 |
135 |
136 |
139 |
140 |
141 |
142 |
143 |
146 |
149 | 17 | 18 |
20 |
21 |
55 |
4 |
48 |
5 |
46 |
47 | 52 | 53 |
19 |
20 |
21 |
22 |
27 |
28 |
29 |
30 |
61 |