2 |
31 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/dev-nav-bar/dev-nav-bar.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
28 |
29 |
30 | All Users
4 || Full Name | 8 |{{element.FullName}} | 9 |{{element.email}} | 16 |Phone Number | 21 |{{element.mobile}} | 22 |Position | 28 |{{element.position}} | 29 |
|---|
5 |
6 |
7 |
8 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/developer.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from "@angular/common/http";
3 | import { map, Observable, Subject } from "rxjs";
4 | import { HotToastService } from '@ngneat/hot-toast';
5 | import { updateprojectface, UploadProjectInter } from "../components/dev-projectData.model";
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class DeveloperService {
11 | private update_project_status: string = 'http://localhost:3000/api/developer/updateProjectStatus';
12 | private upload_project: string = 'http://localhost:3000/api/developer/UploadProject'
13 |
14 | constructor(private http: HttpClient, private toast: HotToastService) { }
15 |
16 | Updateproject(projectTitle: string,projectName: string,ProjectStatus: string){
17 | const updateprojects: updateprojectface ={
18 | projectTitle: projectTitle,
19 | projectName: projectName,
20 | ProjectStatus: ProjectStatus}
21 | console.log(updateprojects);
22 | this.http.post("http://localhost:3000/api/developer/updateProjectStatus", updateprojects)
23 | .subscribe(res =>{
24 | console.log(res);
25 |
26 | })
27 | }
28 | uploadProject(projectTitle: string,projectName: string,comments: string, GitRepo: string){
29 | const uploadProjectInter: UploadProjectInter ={
30 | projectTitle:projectTitle,
31 | projectName:projectName,
32 | comments:comments,
33 | GitRepo:GitRepo}
34 | console.log(uploadProjectInter);
35 | this.http.put("http://localhost:3000/api/developer/UploadProject",uploadProjectInter )
36 | .subscribe(res =>{
37 | console.log(res);
38 | })
39 |
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/src/app/modules/developer/developer.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { DeveloperRoutingModule } from './developer-routing.module';
5 | import { DeveloperDashboardComponent } from './components/developer-dashboard/developer-dashboard.component';
6 | import { MatSidenavModule } from '@angular/material/sidenav';
7 | import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
8 | import { HttpClientModule } from '@angular/common/http';
9 | import { DevNavBarComponent } from './components/dev-nav-bar/dev-nav-bar.component';
10 | import { AngularMaterialModule } from "../../angular-material.module";
11 | import { MatCardModule } from '@angular/material/card';
12 | import { DevHomeComponent } from './components/dev-home/dev-home.component';
13 | import { DevProjectDetailsComponent } from './components/dev-project-details/dev-project-details.component';
14 | import { ProjectWorksComponent } from './components/project-works/project-works.component';
15 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
16 | import { UploadProjectComponent } from './components/upload-project/upload-project.component';
17 |
18 | @NgModule({
19 | declarations: [
20 | DeveloperDashboardComponent,
21 | DevNavBarComponent,
22 | DevHomeComponent,
23 | DevProjectDetailsComponent,
24 | ProjectWorksComponent,
25 | UploadProjectComponent
26 | ],
27 | imports: [
28 | CommonModule,
29 | DeveloperRoutingModule,
30 | FontAwesomeModule,
31 | HttpClientModule,
32 | MatSidenavModule,
33 | AngularMaterialModule,
34 | MatCardModule,
35 | FormsModule,
36 | ReactiveFormsModule
37 |
38 | ]
39 | })
40 | export class DeveloperModule { }
41 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import { MdbCheckboxModule } from 'mdb-angular-ui-kit/checkbox';
4 | import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
5 |
6 | import { AppRoutingModule } from './app-routing.module';
7 | import { AppComponent } from './app.component';
8 | import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
9 | import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
10 | import { AngularMaterialModule } from "./angular-material.module";
11 | import { LoginComponent } from './auth/login/login.component';
12 | import { RegisterComponent } from './auth/register/register.component';
13 | import { MatIconModule } from '@angular/material/icon';
14 | import { ReactiveFormsModule, FormsModule } from "@angular/forms";
15 | import { AuthInterceptor } from './auth/auth-interceptor';
16 | import { LandingPageComponent } from './auth/landing-page/landing-page.component';
17 | import { HotToastModule } from '@ngneat/hot-toast';
18 |
19 |
20 |
21 | @NgModule({
22 | declarations: [
23 | AppComponent,
24 | LoginComponent,
25 | RegisterComponent,
26 | LandingPageComponent
27 |
28 | ],
29 | imports: [
30 | BrowserModule,
31 | AppRoutingModule,
32 | BrowserAnimationsModule,
33 | HttpClientModule,
34 | AngularMaterialModule,
35 | MatIconModule,
36 | ReactiveFormsModule,
37 | FormsModule,
38 | MdbCheckboxModule,
39 | FontAwesomeModule,
40 | HotToastModule.forRoot()
41 |
42 | ],
43 | providers: [{provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}],
44 | bootstrap: [AppComponent]
45 | })
46 | export class AppModule { }
47 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/dev-home/dev-home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, ViewChild } from '@angular/core';
2 | import {MatPaginator} from '@angular/material/paginator';
3 | import {MatTableDataSource} from '@angular/material/table';
4 | import { MatSort } from '@angular/material/sort';
5 | import { projectDataService } from "../../../project-manager/components/projectManager.service";
6 | import { getprojectData } from "../dev-projectData.model";
7 | import {MatDialog} from '@angular/material/dialog';
8 | import { DevProjectDetailsComponent } from '../dev-project-details/dev-project-details.component';
9 | @Component({
10 | selector: 'app-dev-home',
11 | templateUrl: './dev-home.component.html',
12 | styleUrls: ['./dev-home.component.scss']
13 | })
14 | export class DevHomeComponent implements OnInit {
15 | displayedColumns: string[] = ['projectTitle', 'projectName', 'projectType', 'created', 'Details'];
16 | project: getprojectData[]=[]
17 | dataSource: any
18 |
19 | @ViewChild(MatPaginator) paginator !: MatPaginator;
20 | @ViewChild(MatSort) Sort !: MatSort;
21 |
22 |
23 | constructor(public projectService:projectDataService, private dialog : MatDialog ) { }
24 |
25 | ngOnInit(): void {
26 | this.GetProject();
27 | }
28 | GetProject(){
29 | this.projectService.getProject().subscribe(result =>{
30 | this.project = result;
31 |
32 | this.dataSource = new MatTableDataSourceProject Details
3 |
6 |
17 |
7 |
12 | Project Title
8 |
9 |
11 | {{name.projectTitle}}
10 |
13 |
16 | Project Name
14 |{{name.projectName}}
15 |
18 |
29 |
19 |
22 | Submitter
20 |{{name.submitter}}
21 |
23 |
28 | 24 | Project Type 25 |
26 |{{name.projectType}}
27 |
30 |
35 |
31 |
34 | Developer
32 |{{name.Developer}}
33 |
37 |
51 |
38 |
39 | {{name.features}}
40 |
41 |
42 |
43 |
50 | Created Date
44 |45 | {{name.created}} 46 |
47 |Dead Line
48 |{{name.deadLine}}
49 |Project Details
3 |
5 |
58 |
--------------------------------------------------------------------------------
/src/app/modules/project-manager/components/all-users/all-users.component.html:
--------------------------------------------------------------------------------
1 |
6 |
15 |
7 |
10 | project Title
8 |{{pro.projecTitle}}
9 |
11 |
14 | project Name
12 |{{pro.projectName}}
13 |
16 |
25 |
17 |
20 | Project Type
18 |{{pro.projectType}}
19 |
21 |
24 | Developer
22 |{{pro.Developer}}
23 |
27 |
46 |
28 |
29 |
32 |
33 | Comments
30 |{{pro.comments}}
31 |
34 |
45 |
35 |
44 |
36 |
39 | Created date
37 |{{pro.created}}
38 |
40 |
43 | Dead Line
41 |{{pro.deadLine}}
42 |
48 |
57 |
49 |
56 |
50 |
52 | {{pro.GitRep}}
53 |
54 |
55 | GitHub repository
51 |
2 |
48 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "project-management",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "ng": "ng",
6 | "start": "ng serve",
7 | "build": "ng build",
8 | "watch": "ng build --watch --configuration development",
9 | "test": "ng test",
10 | "start:server": "nodemon server.js"
11 | },
12 | "private": true,
13 | "dependencies": {
14 | "@angular/animations": "^14.0.0",
15 | "@angular/cdk": "^14.1.0",
16 | "@angular/common": "^14.0.0",
17 | "@angular/compiler": "^14.0.0",
18 | "@angular/core": "^14.0.0",
19 | "@angular/forms": "^14.0.0",
20 | "@angular/material": "^14.1.0",
21 | "@angular/platform-browser": "^14.0.0",
22 | "@angular/platform-browser-dynamic": "^14.0.0",
23 | "@angular/router": "^14.0.0",
24 | "@fortawesome/angular-fontawesome": "^0.11.1",
25 | "@fortawesome/fontawesome-free": "^6.1.2",
26 | "@fortawesome/fontawesome-svg-core": "^6.1.2",
27 | "@fortawesome/free-brands-svg-icons": "^6.1.2",
28 | "@fortawesome/free-solid-svg-icons": "^6.1.2",
29 | "@material/card": "^14.0.0",
30 | "@ngneat/hot-toast": "^4.1.0",
31 | "bcrypt": "^5.0.1",
32 | "body-parser": "^1.20.0",
33 | "cors": "^2.8.5",
34 | "express": "^4.18.1",
35 | "jsonwebtoken": "^8.5.1",
36 | "mdb-angular-ui-kit": "^2.3.0",
37 | "mongoose": "^6.4.6",
38 | "mongoose-unique-validator": "^3.1.0",
39 | "rxjs": "~7.5.0",
40 | "sweetalert2": "^11.4.24",
41 | "tslib": "^2.3.0",
42 | "zone.js": "~0.11.4"
43 | },
44 | "devDependencies": {
45 | "@angular-devkit/build-angular": "^14.0.2",
46 | "@angular/cli": "~14.0.2",
47 | "@angular/compiler-cli": "^14.0.0",
48 | "@types/jasmine": "~4.0.0",
49 | "jasmine-core": "~4.1.0",
50 | "karma": "~6.3.0",
51 | "karma-chrome-launcher": "~3.1.0",
52 | "karma-coverage": "~2.2.0",
53 | "karma-jasmine": "~5.0.0",
54 | "karma-jasmine-html-reporter": "~1.7.0",
55 | "nodemon": "^2.0.19",
56 | "typescript": "~4.7.2"
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/Backend/routes/project-Manager.js:
--------------------------------------------------------------------------------
1 | const express = require("express");
2 | const router = express.Router();
3 | const projectData = require("../models/project-model");
4 | const userData = require("../models/user");
5 |
6 | router.post("/create-project", async (req, res, next) => {
7 | const project = new projectData(req.body);
8 | await project.save().then((createProject) => {
9 | res.status(201).json({
10 | message: "post successfully",
11 | Project: {
12 | ...createProject,
13 | id: createProject._id,
14 | },
15 | });
16 | });
17 | });
18 |
19 | router.get("/home", async (req, res, next) => {
20 | const AllProject = projectData.find().then((documents) => {
21 | res.status(200).json(documents);
22 | });
23 | });
24 |
25 | router.get("/alluser", async (req, res, next) => {
26 | const Alluser = userData.find().then((user) => {
27 | res.status(200).json(user);
28 | });
29 | });
30 | router.put("/updateProject/:id", async (req, res) => {
31 | let proId = req.params.id;
32 | let data = req.body;
33 | await projectData
34 | .updateOne(
35 | { _id: proId },
36 | {
37 | $set: {
38 | projectTitle: data.projectTitle,
39 | projectName: data.projectName,
40 | projectType: data.projectType,
41 | created: data.created,
42 | deadLine: data.deadLine,
43 | features: data.features,
44 | Developer: data.Developer,
45 | submitter: data.submitter,
46 | },
47 | }
48 | )
49 | .then((result) => {
50 | res.status(200).json(result);
51 | });
52 | });
53 | router.get("/getDevelopers", (req,res)=>{
54 | const AllDevelopers = userData.find({position:"Developer"})
55 | .then((result)=>{
56 | res.status(200).json(result);
57 | })
58 |
59 | })
60 | router.get("/getSubmitters", (req,res)=>{
61 | const AllSubmitters = userData.find({position:"Submitter"})
62 | .then((result)=>{
63 | res.status(200).json(result);
64 | })
65 | })
66 |
67 |
68 | module.exports = router;
69 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/dev-project-details/dev-project-details.component.html:
--------------------------------------------------------------------------------
1 |
3 |
47 |
4 |
5 |
6 |
7 |
8 |
34 |
35 |
38 |
39 |
42 |
43 | | Full Name | 10 |{{element.FullName}} | 11 |{{element.email}} | 18 |Assign position | 25 |
26 | |
28 |
|---|
44 |
46 |
2 |
55 |
--------------------------------------------------------------------------------
/src/app/auth/register/register.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup,FormControl, Validators, ValidatorFn, AbstractControl, ValidationErrors } from "@angular/forms";
3 | import { AuthService } from '../auth.service';
4 | import { Router } from '@angular/router';
5 | import Validation from "src/app/auth/utils/validation";
6 |
7 | export function passwordsMatchValidator(): ValidatorFn {
8 | return(control: AbstractControl): ValidationErrors | null => {
9 | const password = control.get('password')?.value;
10 | const confirmPassword = control.get('confirmPassword')?.value;
11 |
12 | if(password && confirmPassword && password !== confirmPassword){
13 | return {
14 | passwordsDontMatch: true
15 | }
16 |
17 | }
18 |
19 | return null;
20 | }
21 | }
22 |
23 | @Component({
24 | selector: 'app-register',
25 | templateUrl: './register.component.html',
26 | styleUrls: ['./register.component.scss']
27 | })
28 | export class RegisterComponent implements OnInit {
29 |
30 | RegisterForm = new FormGroup({
31 | FullName: new FormControl('',Validators.required),
32 | email: new FormControl('', [Validators.email, Validators.required]),
33 | mobile: new FormControl('',Validators.required),
34 | password: new FormControl('',[Validators.required,Validators.maxLength(4)]),
35 | confirmPassword:new FormControl('',Validators.required)
36 |
37 | },
38 | {validators: passwordsMatchValidator()}
39 | );
40 |
41 |
42 | constructor( public authService: AuthService) { }
43 |
44 | ngOnInit(): void {}
45 |
46 | get FullName(){
47 | return this.RegisterForm.get('FullName')
48 | }
49 | get email(){
50 | return this.RegisterForm.get('email')
51 | }
52 | get mobile(){
53 | return this.RegisterForm.get('mobile')
54 | }
55 | get password(){
56 | return this.RegisterForm.get('password')
57 | }
58 | get confirmPassword(){
59 | return this.RegisterForm.get('confirmPassword')
60 | }
61 |
62 | onRegister(){
63 | if(this.RegisterForm.invalid){
64 | return;
65 | }
66 | const {FullName, email, mobile, password}: any = this.RegisterForm.value;
67 | this.authService.createUser(FullName, email, mobile, password);
68 |
69 | }
70 | }
--------------------------------------------------------------------------------
/src/app/modules/project-manager/project-manager.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { MatNativeDateModule } from "@angular/material/core";
4 |
5 |
6 | import { ProjectManagerRoutingModule } from './project-manager-routing.module';
7 | import { ProjectManagerDashboardComponent } from './components/project-manager-dashboard/project-manager-dashboard.component';
8 | import { NavBarComponent } from "./components/nav-bar/nav-bar.component";
9 | import { HomeComponent } from './components/home/home.component';
10 | import { AllProjectsComponent } from './components/all-projects/all-projects.component';
11 | import { AngularMaterialModule } from "../../angular-material.module";
12 | import { MatSidenavModule } from '@angular/material/sidenav';
13 | import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
14 | import { CreateProjectComponent } from './components/create-project/create-project.component';
15 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
16 | import { HttpClientModule } from '@angular/common/http';
17 | import { AllUsersComponent } from './components/all-users/all-users.component';
18 | import { EditProjectComponent } from './components/edit-project/edit-project.component';
19 | import { ProjectDetailsComponent } from './components/project-details/project-details.component';
20 | import { UserPositionComponent } from './components/user-position/user-position.component';
21 | import { UserDetailsComponent } from './components/user-details/user-details.component';
22 |
23 |
24 |
25 | @NgModule({
26 | declarations: [
27 | ProjectManagerDashboardComponent,
28 | NavBarComponent,
29 | HomeComponent,
30 | AllProjectsComponent,
31 | CreateProjectComponent,
32 | AllUsersComponent,
33 | EditProjectComponent,
34 | ProjectDetailsComponent,
35 | UserPositionComponent,
36 | UserDetailsComponent
37 | ],
38 | imports: [
39 | CommonModule,
40 | ProjectManagerRoutingModule,
41 | AngularMaterialModule,
42 | MatSidenavModule,
43 | FontAwesomeModule,
44 | ReactiveFormsModule,
45 | FormsModule,
46 | HttpClientModule,
47 | MatNativeDateModule
48 |
49 | ],
50 | })
51 | export class ProjectManagerModule { }
52 |
--------------------------------------------------------------------------------
/src/app/modules/project-manager/components/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, ViewChild} from '@angular/core';
2 | import { faProjectDiagram } from "@fortawesome/free-solid-svg-icons";
3 | import { getprojectData } from "../project-data.model";
4 | import { projectDataService } from "../projectManager.service";
5 | import {MatPaginator} from '@angular/material/paginator';
6 | import {MatTableDataSource} from '@angular/material/table';
7 | import { MatSort } from '@angular/material/sort';
8 | import {MatDialog} from '@angular/material/dialog';
9 | import { EditProjectComponent } from '../edit-project/edit-project.component';
10 | import { ProjectDetailsComponent } from "../project-details/project-details.component";
11 |
12 |
13 |
14 | @Component({
15 | selector: 'app-home',
16 | templateUrl: './home.component.html',
17 | styleUrls: ['./home.component.scss']
18 | })
19 | export class HomeComponent implements OnInit {
20 | displayedColumns: string[] = ['projectTitle', 'projectName', 'projectType', 'created','status', 'Details','Edit'];
21 | dataSource : any
22 | project: getprojectData[] = [];
23 |
24 |
25 | @ViewChild(MatPaginator) paginator !: MatPaginator;
26 | @ViewChild(MatSort) Sort !: MatSort;
27 |
28 |
29 | faProjectDiagram = faProjectDiagram;
30 |
31 |
32 | constructor(public projectService: projectDataService, private dialog : MatDialog) {}
33 |
34 |
35 | ngOnInit(): void {
36 | this.GetProject();
37 | }
38 |
39 | GetProject(){
40 | this.projectService.getProject().subscribe(result =>{
41 | this.project = result;
42 |
43 |
44 | this.dataSource = new MatTableDataSource
3 |
4 |
8 |
54 |
5 |
7 | Project Details
6 |
9 |
34 |
10 |
13 | Project Title
11 |{{name.projectTitle}}
12 |
14 |
17 |
18 |
19 |
20 | Project Name
15 |{{name.projectName}}
16 |
21 |
24 | Submitter
22 |{{name.submitter}}
23 |
25 |
28 |
29 | Project Type
26 |{{name.projectType}}
27 |
30 |
33 | Developer
31 |{{name.Developer}}
32 |
36 |
37 |
39 |
40 | {{name.features}}
38 |
41 |
52 |
53 |
42 |
51 |
43 |
46 | Created Date
44 |{{name.created}}
45 |
47 |
50 | Dead Line
48 |{{name.deadLine}}
49 |
3 |
4 |
8 |
9 |
51 |
5 |
7 | Upload Project
6 |
2 |
58 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes recent versions of Safari, Chrome (including
12 | * Opera), Edge on the desktop, and iOS and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/guide/browser-support
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /**
22 | * By default, zone.js will patch all possible macroTask and DomEvents
23 | * user can disable parts of macroTask/DomEvents patch by setting following flags
24 | * because those flags need to be set before `zone.js` being loaded, and webpack
25 | * will put import in the top of bundle, so user need to create a separate file
26 | * in this directory (for example: zone-flags.ts), and put the following flags
27 | * into that file, and then add the following code before importing zone.js.
28 | * import './zone-flags';
29 | *
30 | * The flags allowed in zone-flags.ts are listed here.
31 | *
32 | * The following flags will work for all browsers.
33 | *
34 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
35 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
36 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
37 | *
38 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
39 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
40 | *
41 | * (window as any).__Zone_enable_cross_context_check = true;
42 | *
43 | */
44 |
45 | /***************************************************************************************************
46 | * Zone JS is required by default for Angular itself.
47 | */
48 | import 'zone.js'; // Included with Angular CLI.
49 |
50 |
51 | /***************************************************************************************************
52 | * APPLICATION IMPORTS
53 | */
54 |
--------------------------------------------------------------------------------
/src/app/modules/project-manager/components/create-project/create-project.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormControl,FormGroup,Validators } from "@angular/forms";
3 | import { projectDataService } from "../projectManager.service";
4 | import { } from "../project-data.model";
5 |
6 |
7 | @Component({
8 | selector: 'app-create-project',
9 | templateUrl: './create-project.component.html',
10 | styleUrls: ['./create-project.component.scss']
11 | })
12 | export class CreateProjectComponent implements OnInit {
13 | User: any[] = []
14 | Submitter: any[] = []
15 |
16 | projectCreated = new FormGroup({
17 | projectTitle: new FormControl('',Validators.required),
18 | projectName: new FormControl('', Validators.required),
19 | projectType: new FormControl('',Validators.required),
20 | created: new FormControl('',Validators.required),
21 | deadLine:new FormControl('',Validators.required),
22 | features: new FormControl('',Validators.required),
23 | Developer: new FormControl('',Validators.required),
24 | submitter: new FormControl('',Validators.required)
25 | })
26 |
27 | constructor(public ProjectService: projectDataService) { }
28 |
29 | ngOnInit(): void {
30 | this.ProjectService.getDevelopers()
31 | .subscribe(result =>{
32 | this.User = result
33 | console.log(this.User);
34 | })
35 | this.ProjectService.getSubmitter()
36 | .subscribe(responce =>{
37 | this.Submitter = responce
38 | console.log(this.Submitter);
39 | })
40 | }
41 |
42 | get projectTitle(){
43 | return this.projectCreated.get('projectTitle')
44 | }
45 | get projectName(){
46 | return this.projectCreated.get('projectName')
47 | }
48 | get projectType(){
49 | return this.projectCreated.get('projectType')
50 | }
51 | get created(){
52 | return this.projectCreated.get('created')
53 | }
54 | get deadLine(){
55 | return this.projectCreated.get('deadLine')
56 | }
57 | get features(){
58 | return this.projectCreated.get('features')
59 | }
60 | get Developer(){
61 | return this.projectCreated.get('Developer')
62 | }
63 | get submitter(){
64 | return this.projectCreated.get('submitter')
65 | }
66 |
67 | createProject(){
68 | console.log(this.projectCreated.value);
69 | if(this.projectCreated.invalid){
70 | return;
71 | }
72 | const {projectTitle,projectName,projectType,created,deadLine,features,Developer,submitter}: any = this.projectCreated.value;
73 | this.ProjectService.createProject(projectTitle,projectName,projectType,created,deadLine,features,Developer,submitter);
74 | }
75 |
76 | }
77 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/project-works/project-works.component.html:
--------------------------------------------------------------------------------
1 |
3 |
56 |
57 |
2 |
--------------------------------------------------------------------------------
/Backend/routes/user.js:
--------------------------------------------------------------------------------
1 | const express = require("express");
2 | const User = require("../models/user");
3 | const router = express.Router();
4 | const bcrypt = require("bcrypt");
5 | const jwt = require("jsonwebtoken");
6 | const userData = require("../models/user");
7 |
8 |
9 |
10 | router.post('/register', (req, res, next) => {
11 | console.log(req.body);
12 | const { FullName, email, mobile, password } = req.body
13 | if (!email || !password ) {
14 | return res.status(422).json({error: "please fill the details"})
15 | }
16 |
17 | User.findOne({ email: email }).then((savedUser) => {
18 | if (savedUser) {
19 | return res.status(422).json({ error: "user already exists with that email" })
20 | }
21 |
22 | bcrypt.hash(password, 12).then((hashedPassword) => {
23 | const user = new User({
24 | FullName,
25 | email,
26 | mobile,
27 | password: hashedPassword,
28 | })
29 |
30 | user.save().then((user) => {
31 | res.json({ message: 'saved successfully' })
32 | }).catch((err) => {
33 | console.log(err);
34 | if(err.code === 11000){
35 | return res.status(422).json({ error: "user name already taken" })
36 | }
37 | })
38 | })
39 |
40 | }).catch(() => {
41 | console.log(err);
42 | })
43 |
44 | })
45 |
46 | router.post("/login", (req, res, next) => {
47 | let fetchUser;
48 | User.findOne({ email: req.body.email })
49 | .then((user) => {
50 | if (!user) {
51 | return res.status(401).json({
52 | message: "Auth failed",
53 | });
54 | }
55 | fetchUser = user;
56 | return bcrypt.compare(req.body.password, user.password);
57 | })
58 | .then((result) => {
59 | if (!result) {
60 | return res.status(401).json({
61 | message: "Auth failed",
62 | });
63 | }
64 | const token = jwt.sign(
65 | { email: fetchUser.email, userId: fetchUser._id },
66 | "secret_this_should_be_longer",
67 | { expiresIn: "1h" }
68 | );
69 | res.status(200).json({
70 | token: token,
71 | expiresIn: 3600
72 | });
73 | })
74 | .catch((err) => {
75 | console.log(err);
76 | });
77 | });
78 | router.put("/updateUser/:id", async(req,res)=>{
79 | let userId = req.params.id
80 | let data = req.body
81 | console.log(userId);
82 | await userData.updateOne({_id: userId},
83 | {
84 | $set:{
85 | position : data.position,
86 | }
87 | }
88 | ).then((result)=>{
89 | console.log(result);
90 | res.status(200).json(result)
91 | })
92 | })
93 |
94 |
95 |
96 |
97 | module.exports = router;
98 |
--------------------------------------------------------------------------------
/src/app/auth/landing-page/landing-page.component.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Dongle&family=Open+Sans&display=swap');
2 |
3 | body{
4 | overflow-x: hidden;
5 | }
6 | nav{
7 | height: 80px;
8 | }
9 | #intro-example {
10 | height: 400px;
11 | background: linear-gradient(110deg, #a73131 60%, #0c00ea 60%);
12 | border-radius: 0px 0px 230px 230px;
13 | }
14 |
15 | /* Height for devices larger than 992px */
16 | @media (min-width: 992px) {
17 | #intro-example {
18 | height: 700px;
19 | }
20 | }
21 | #side-image {
22 | border-radius: 2cm;
23 | zoom: 80%;
24 |
25 |
26 | }
27 | .img-tag{
28 | padding-right: 100px;
29 | padding-top: 100px;
30 |
31 |
32 | }
33 | @media (max-width: 1182px) {
34 | #side-image{
35 | zoom:50%
36 | }
37 | }
38 | .head-1{
39 | font-weight: 900;
40 | font-size: 60px;
41 | letter-spacing: 1px;
42 | margin-top: 150px;
43 | margin-right: 100px;
44 | }
45 | .head-2{
46 | font-weight: 900;
47 | font-size: 60px;
48 | letter-spacing: 1px;
49 | margin-right: 100px;
50 | }
51 | .head-3{
52 | margin-top: 40px;
53 | font-size: large;
54 | color: #807f88;
55 |
56 | }
57 | .head-4{
58 | font-size: large;
59 | margin-right: 250px;
60 | color: #807f88;
61 | }
62 | @media (max-width: 1399px) {
63 | .head-1,.head-2{
64 | zoom:60%
65 | }
66 | }
67 | @media (max-width: 1399px) {
68 | .head-3,.head-4{
69 | zoom:60%;
70 | }
71 | }
72 |
73 | @media (max-width: 1399px) {
74 | .head-1{
75 | padding-top: 200px;
76 | }
77 | }
78 | @media (max-width: 854px) {
79 | .head-1,.head-2{
80 | zoom: 40%;
81 | }
82 | }
83 | @media (max-width: 854px) {
84 | .head-1{
85 | margin-top: 200px;
86 | }
87 | }
88 | @media (max-width: 733px) {
89 | #side-image{
90 | zoom: 40%;
91 | }
92 | }
93 | .mask{
94 | border-radius: 0px 0px 0px 230px;
95 | }
96 | .head-5{
97 | font-size: 65px;
98 | margin-top: 100px;
99 | font-weight: 500;
100 | font-family: 'Dongle', sans-serif;
101 | }
102 | .text-1{
103 | font-family: 'Dongle', sans-serif;
104 | font-size: 30px;
105 | font-weight: 50;
106 | }
107 | .cards-1{
108 | margin-top: 100px;
109 | align-items:center ;
110 |
111 | }
112 | .img-tag-1{
113 | width: 40px;
114 | height: 40px;
115 | margin: auto;
116 |
117 | }
118 | .img-tag-2 {
119 | zoom: 80%;
120 | margin-top: 170px;
121 | }
122 | .head-6{
123 | margin-top: 150px;
124 | font-size: 55px;
125 | font-family: 'Dongle', sans-serif;
126 | }
127 | .text-2{
128 | color: #1f1b71;
129 | }
130 | .btn-1{
131 | margin-right: 20px;
132 | }
133 | .nav-link{
134 | font-family: 'Dongle', sans-serif;
135 | font-size: 40px;
136 | }
137 |
138 |
139 |
--------------------------------------------------------------------------------
/src/app/modules/project-manager/components/edit-project/edit-project.component.ts:
--------------------------------------------------------------------------------
1 |
2 | import { Component, Inject, OnInit } from '@angular/core';
3 | import { FormGroup, FormBuilder, Validators } from '@angular/forms';
4 | import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
5 | import { projectDataService } from '../projectManager.service';
6 | import { HotToastService } from '@ngneat/hot-toast';
7 |
8 | @Component({
9 | selector: 'app-edit-project',
10 | templateUrl: './edit-project.component.html',
11 | styleUrls: ['./edit-project.component.scss'],
12 | })
13 | export class EditProjectComponent implements OnInit {
14 | Developer: any[] = []
15 | Submitter: any[] = []
16 |
17 | public projectForm!: FormGroup;
18 | constructor(
19 | private FormBuilder: FormBuilder,
20 | @Inject(MAT_DIALOG_DATA) public UpdateData: any,
21 | public ProjectService: projectDataService,
22 | public DialogRef: MatDialogRef
3 |
55 |
4 |
5 |
50 |
51 |
6 |
7 |
11 |
12 |
49 |
8 |
10 | Update project Status
9 |
52 |
54 |
3 |
4 |
5 |
6 |
84 |
85 |
--------------------------------------------------------------------------------
/src/app/auth/auth.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from "@angular/common/http";
3 | import { Router } from "@angular/router";
4 | import { Subject } from "rxjs";
5 | import { HotToastService } from '@ngneat/hot-toast';
6 |
7 | import { AuthData,AuthDataLogin } from './auth-data.model';
8 |
9 |
10 |
11 | @Injectable({
12 | providedIn: 'root'
13 | })
14 | export class AuthService {
15 | private isAuthenticated = false;
16 | private token : unknown;
17 | private tokenTimer : any;
18 | private authStatusListener = new SubjectEdit Project Form
4 |
6 |
74 |
--------------------------------------------------------------------------------
/src/app/angular-material.module.ts:
--------------------------------------------------------------------------------
1 | import { CommonModule } from '@angular/common';
2 | import { NgModule } from '@angular/core';
3 | import { OverlayModule } from '@angular/cdk/overlay';
4 | import { CdkTreeModule } from '@angular/cdk/tree';
5 | import { PortalModule } from '@angular/cdk/portal';
6 | import { MatAutocompleteModule } from '@angular/material/autocomplete';
7 | import { MatButtonModule } from '@angular/material/button';
8 | import { MatButtonToggleModule } from '@angular/material/button-toggle';
9 | import { MatCardModule } from '@angular/material/card';
10 | import { MatCheckboxModule } from '@angular/material/checkbox';
11 | import { MatChipsModule } from '@angular/material/chips';
12 | import { MatRippleModule } from '@angular/material/core';
13 | import { MatDividerModule } from '@angular/material/divider';
14 | import { MatExpansionModule } from '@angular/material/expansion';
15 | import { MatFormFieldModule } from '@angular/material/form-field';
16 | import { MatIconModule } from '@angular/material/icon';
17 | import { MatInputModule } from '@angular/material/input';
18 | import { MatListModule } from '@angular/material/list';
19 | import { MatMenuModule } from '@angular/material/menu';
20 | import { MatPaginatorModule } from '@angular/material/paginator';
21 | import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
22 | import { MatSelectModule } from '@angular/material/select';
23 | import { MatSidenavModule } from '@angular/material/sidenav';
24 | import { MatSnackBarModule } from '@angular/material/snack-bar';
25 | import { MatSortModule } from '@angular/material/sort';
26 | import { MatTableModule } from '@angular/material/table';
27 | import { MatTabsModule } from '@angular/material/tabs';
28 | import { MatToolbarModule } from '@angular/material/toolbar';
29 | import { MatTreeModule } from '@angular/material/tree';
30 | import { MatBadgeModule } from '@angular/material/badge';
31 | import { MatGridListModule } from '@angular/material/grid-list';
32 | import { MatRadioModule } from '@angular/material/radio';
33 | import { MatDatepickerModule } from '@angular/material/datepicker';
34 | import { MatTooltipModule } from '@angular/material/tooltip';
35 | import {MatProgressBarModule} from '@angular/material/progress-bar';
36 | import {MatDialogModule} from '@angular/material/dialog';
37 |
38 |
39 |
40 | const materialModules = [
41 | CdkTreeModule,
42 | MatAutocompleteModule,
43 | MatButtonModule,
44 | MatCardModule,
45 | MatCheckboxModule,
46 | MatChipsModule,
47 | MatDividerModule,
48 | MatExpansionModule,
49 | MatIconModule,
50 | MatInputModule,
51 | MatListModule,
52 | MatMenuModule,
53 | MatProgressSpinnerModule,
54 | MatPaginatorModule,
55 | MatRippleModule,
56 | MatSelectModule,
57 | MatSidenavModule,
58 | MatSnackBarModule,
59 | MatSortModule,
60 | MatTableModule,
61 | MatTabsModule,
62 | MatToolbarModule,
63 | MatFormFieldModule,
64 | MatButtonToggleModule,
65 | MatTreeModule,
66 | OverlayModule,
67 | PortalModule,
68 | MatBadgeModule,
69 | MatGridListModule,
70 | MatRadioModule,
71 | MatDatepickerModule,
72 | MatTooltipModule,
73 | MatProgressBarModule,
74 | MatDialogModule
75 | ];
76 | @NgModule({
77 | imports: [
78 | CommonModule,
79 | ...materialModules
80 | ],
81 | exports: [
82 | ...materialModules
83 | ],
84 | })
85 | export class AngularMaterialModule { }
--------------------------------------------------------------------------------
/src/app/auth/register/register.component.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Dongle&family=Open+Sans&display=swap');
2 |
3 | *,
4 | *:before,
5 | *:after{
6 | padding: 0;
7 | margin: 0;
8 | box-sizing: border-box;
9 | }
10 | body{
11 | background-color: #483c54;
12 |
13 | }
14 | .background{
15 | width: 430px;
16 | height: 520px;
17 | position: absolute;
18 | transform: translate(-50%,-50%);
19 | left: 50%;
20 | top: 50%;
21 | }
22 | .background .shape{
23 | height: 200px;
24 | width: 200px;
25 | position: absolute;
26 | border-radius: 50%;
27 | }
28 | .shape:first-child{
29 | background: linear-gradient(
30 | #1845ad,
31 | #23a2f6
32 | );
33 | left: -150px;
34 | top: -80px;
35 | }
36 | .shape:last-child{
37 | background: linear-gradient(
38 | to right,
39 | #ff512f,
40 | #f09819
41 | );
42 | right: -150px;
43 | bottom: -80px;
44 | }
45 | form{
46 | zoom: 80%;
47 | width: 500px;
48 | background-color: rgba(105, 168, 49, 0.13);
49 | position: absolute;
50 | transform: translate(-50%,-50%);
51 | top: 50%;
52 | left: 50%;
53 | border-radius: 10px;
54 | backdrop-filter: blur(10px);
55 | border: 2px solid rgba(255,255,255,0.1);
56 | box-shadow: 0 0 40px rgba(8,7,16,0.6);
57 | padding: 50px 35px;
58 | }
59 | form *{
60 | font-family: 'Poppins',sans-serif;
61 | color: #ffffff;
62 | letter-spacing: 0.5px;
63 | outline: none;
64 | border: none;
65 | }
66 | form h3{
67 | font-family: 'Dongle', sans-serif;
68 | font-size: 62px;
69 | font-weight: 500;
70 | line-height: 42px;
71 | text-align: center;
72 | }
73 |
74 | label{
75 | display: block;
76 | margin-top: 30px;
77 | font-size: 16px;
78 | font-weight: 500;
79 | }
80 | // input{
81 | // display: block;
82 | // height: 50px;
83 | // width: 100%;
84 | // background-color: rgba(255,255,255,0.07);
85 | // border-radius: 3px;
86 | // padding: 0 10px;
87 | // padding-right: 30px;
88 | // margin-top: 8px;
89 | // font-size: 14px;
90 | // font-weight: 300;
91 | // }
92 | // ::placeholder{
93 | // color: #e5e5e5;
94 | // }
95 |
96 | mat-form-field{
97 | margin-right: 30px;
98 | }
99 |
100 | button{
101 | margin-bottom:30px ;
102 | height: 50px;
103 | margin-top: 15px;
104 | width: 50%;
105 | font-size: 15px;
106 | font-weight: 400;
107 | border-radius: 5px;
108 | cursor: pointer;
109 | }
110 | .social{
111 | margin-top: 30px;
112 | display: flex;
113 | }
114 | .social div{
115 | background: red;
116 | width: 150px;
117 | border-radius: 3px;
118 | padding: 5px 10px 10px 5px;
119 | background-color: rgba(255,255,255,0.27);
120 | color: #eaf0fb;
121 | text-align: center;
122 | }
123 | .social div:hover{
124 | background-color: rgba(255,255,255,0.47);
125 | }
126 | .social .fb{
127 | margin-left: 25px;
128 | }
129 | .social i{
130 | margin-right: 4px;
131 | }
132 | mat-error{
133 | color: rgb(255, 136, 0) !important;
134 | }
135 | mat-form-field {
136 | width: 80%;
137 | }
138 | .input-field{
139 | margin-top: 20px;
140 | }
141 | .signup-link{
142 | padding-left: 210px;
143 | padding-top: 10px;
144 | }
145 | a{
146 | text-decoration-line: none;
147 | }
148 | .grid-1{
149 | padding-top: 10px;
150 | }
--------------------------------------------------------------------------------
/src/app/auth/login/login.component.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Dongle&family=Open+Sans&display=swap');
2 |
3 | *,
4 | *:before,
5 | *:after{
6 | padding: 0;
7 | margin: 0;
8 | box-sizing: border-box;
9 | }
10 | body{
11 | background-color: #483c54;
12 |
13 | }
14 | .background{
15 | width: 430px;
16 | height: 520px;
17 | position: absolute;
18 | transform: translate(-50%,-50%);
19 | left: 50%;
20 | top: 50%;
21 | }
22 | .background .shape{
23 | height: 200px;
24 | width: 200px;
25 | position: absolute;
26 | border-radius: 50%;
27 | }
28 | .shape:first-child{
29 | background: linear-gradient(
30 | #1845ad,
31 | #23a2f6
32 | );
33 | left: -80px;
34 | top: -80px;
35 | }
36 | .shape:last-child{
37 | background: linear-gradient(
38 | to right,
39 | #ff512f,
40 | #f09819
41 | );
42 | right: -30px;
43 | bottom: -80px;
44 | }
45 | form{
46 | height: 520px;
47 | width: 400px;
48 | background-color: rgba(105, 168, 49, 0.13);
49 | position: absolute;
50 | transform: translate(-50%,-50%);
51 | top: 50%;
52 | left: 50%;
53 | border-radius: 10px;
54 | backdrop-filter: blur(10px);
55 | border: 2px solid rgba(255,255,255,0.1);
56 | box-shadow: 0 0 40px rgba(8,7,16,0.6);
57 | padding: 50px 35px;
58 | }
59 | form *{
60 | font-family: 'Poppins',sans-serif;
61 | color: #ffffff;
62 | letter-spacing: 0.5px;
63 | outline: none;
64 | border: none;
65 | }
66 | form h3{
67 | font-family: 'Dongle', sans-serif;
68 | font-size: 62px;
69 | font-weight: 500;
70 | line-height: 42px;
71 | text-align: center;
72 | }
73 |
74 | label{
75 | display: block;
76 | margin-top: 30px;
77 | font-size: 16px;
78 | font-weight: 500;
79 | }
80 | // input{
81 | // display: block;
82 | // height: 50px;
83 | // width: 100%;
84 | // background-color: rgba(255,255,255,0.07);
85 | // border-radius: 3px;
86 | // padding: 0 10px;
87 | // padding-right: 30px;
88 | // margin-top: 8px;
89 | // font-size: 14px;
90 | // font-weight: 300;
91 | // }
92 | ::placeholder{
93 | color: #e5e5e5;
94 | }
95 |
96 | mat-form-field{
97 | margin-right: 30px;
98 | }
99 |
100 | button{
101 | height: 50px;
102 | margin-top: 15px;
103 | width: 80%;
104 | margin-left: 30px;
105 | font-size: 15px;
106 | font-weight: 400;
107 | border-radius: 5px;
108 | cursor: pointer;
109 | }
110 | .social{
111 | margin-top: 30px;
112 | display: flex;
113 | }
114 | .social div{
115 | background: red;
116 | width: 150px;
117 | border-radius: 3px;
118 | padding: 5px 10px 10px 5px;
119 | background-color: rgba(255,255,255,0.27);
120 | color: #eaf0fb;
121 | text-align: center;
122 | }
123 | .social div:hover{
124 | background-color: rgba(255,255,255,0.47);
125 | }
126 | .social .fb{
127 | margin-left: 25px;
128 | }
129 | .social i{
130 | margin-right: 4px;
131 | }
132 | mat-error{
133 | color: rgb(255, 136, 0) !important;
134 | }
135 | mat-form-field {
136 | width: 80%;
137 | }
138 | .input-field{
139 | margin-top: 20px;
140 | }
141 | .signup-link{
142 | padding-left: 210px;
143 | padding-top: 10px;
144 | }
145 | a{
146 | text-decoration-line: none;
147 | }
148 | .signup-register{
149 | font-size: smaller;
150 |
151 | }
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "newProjectRoot": "projects",
5 | "projects": {
6 | "Project-Management": {
7 | "projectType": "application",
8 | "schematics": {
9 | "@schematics/angular:component": {
10 | "style": "scss"
11 | }
12 | },
13 | "root": "",
14 | "sourceRoot": "src",
15 | "prefix": "app",
16 | "architect": {
17 | "build": {
18 | "builder": "@angular-devkit/build-angular:browser",
19 | "options": {
20 | "outputPath": "dist/project-management",
21 | "index": "src/index.html",
22 | "main": "src/main.ts",
23 | "polyfills": "src/polyfills.ts",
24 | "tsConfig": "tsconfig.app.json",
25 | "inlineStyleLanguage": "scss",
26 | "assets": [
27 | "src/favicon.ico",
28 | "src/assets"
29 | ],
30 | "styles": [
31 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
32 | "src/styles.scss"
33 | ],
34 | "scripts": []
35 | },
36 | "configurations": {
37 | "production": {
38 | "budgets": [
39 | {
40 | "type": "initial",
41 | "maximumWarning": "500kb",
42 | "maximumError": "1mb"
43 | },
44 | {
45 | "type": "anyComponentStyle",
46 | "maximumWarning": "2kb",
47 | "maximumError": "4kb"
48 | }
49 | ],
50 | "fileReplacements": [
51 | {
52 | "replace": "src/environments/environment.ts",
53 | "with": "src/environments/environment.prod.ts"
54 | }
55 | ],
56 | "outputHashing": "all"
57 | },
58 | "development": {
59 | "buildOptimizer": false,
60 | "optimization": false,
61 | "vendorChunk": true,
62 | "extractLicenses": false,
63 | "sourceMap": true,
64 | "namedChunks": true
65 | }
66 | },
67 | "defaultConfiguration": "production"
68 | },
69 | "serve": {
70 | "builder": "@angular-devkit/build-angular:dev-server",
71 | "configurations": {
72 | "production": {
73 | "browserTarget": "Project-Management:build:production"
74 | },
75 | "development": {
76 | "browserTarget": "Project-Management:build:development"
77 | }
78 | },
79 | "defaultConfiguration": "development"
80 | },
81 | "extract-i18n": {
82 | "builder": "@angular-devkit/build-angular:extract-i18n",
83 | "options": {
84 | "browserTarget": "Project-Management:build"
85 |
86 | }
87 | },
88 | "test": {
89 | "builder": "@angular-devkit/build-angular:karma",
90 | "options": {
91 | "main": "src/test.ts",
92 | "polyfills": "src/polyfills.ts",
93 | "tsConfig": "tsconfig.spec.json",
94 | "karmaConfig": "karma.conf.js",
95 | "inlineStyleLanguage": "scss",
96 | "assets": [
97 | "src/favicon.ico",
98 | "src/assets"
99 | ],
100 | "styles": [
101 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
102 | "src/styles.scss"
103 | ],
104 | "scripts": []
105 | }
106 | }
107 | }
108 | }
109 | }
110 | }
111 |
--------------------------------------------------------------------------------
/src/app/modules/developer/components/dev-home/dev-home.component.html:
--------------------------------------------------------------------------------
1 |
2 |
79 |
--------------------------------------------------------------------------------
/src/app/modules/submitter/components/sub-home/sub-home.component.html:
--------------------------------------------------------------------------------
1 |
3 |
78 |
4 |
5 |
73 |
74 |
6 |
7 |
11 |
12 |
8 |
10 | All Projects
9 |
13 |
15 |
16 |
17 |
63 |
64 |
67 |
68 |
72 | |
19 | Project Title 20 | |
21 | {{element.projectTitle}} | 22 |
27 | Project Name 28 | |
29 | {{element.projectName}} | 30 |
35 | Project Type 36 | |
37 | {{element.projectType}} | 38 |
43 | Created 44 | |
45 | {{element.created | date}} | 46 |
50 | Dead Line 51 | |
52 | {{element.deadLine | date}} | 53 |56 | | 57 |58 | |
|---|
75 |
77 |
2 |
79 |
--------------------------------------------------------------------------------
/src/app/modules/project-manager/components/create-project/create-project.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
78 |
4 |
5 |
73 |
74 |
6 |
7 |
11 |
12 |
8 |
10 | All Projects
9 |
13 |
15 |
16 |
17 |
63 |
64 |
67 |
68 |
72 | |
19 | Project Title 20 | |
21 | {{element.projectTitle}} | 22 |
27 | Project Name 28 | |
29 | {{element.projectName}} | 30 |
35 | Project Type 36 | |
37 | {{element.projectType}} | 38 |
43 | Created 44 | |
45 | {{element.created | date}} | 46 |
50 | Dead Line 51 | |
52 | {{element.deadLine | date}} | 53 |56 | | 57 |58 | |
|---|
75 |
77 |
5 |
12 |
6 |
7 |
10 |
11 | Create New Project
8 |Add project details
9 |13 | 115 |
4 |
21 |
5 |
20 |
6 |
19 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
22 |
124 |
125 |
126 |
127 |
--------------------------------------------------------------------------------
/src/app/auth/landing-page/landing-page.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
62 |
63 |
64 |
23 |
123 |
24 |
121 |
122 |
25 |
26 |
46 |
47 |
27 |
45 |
28 |
29 |
32 |
33 |
41 |
34 |
42 |
44 | My project
43 |
48 |
120 |
49 |
51 |
52 |
53 |
110 |
111 |
114 |
115 |
119 | | 55 | Project Title 56 | | 57 |{{element.projectTitle}} | 58 |63 | Project Name 64 | | 65 |{{element.projectName}} | 66 |71 | Project Type 72 | | 73 |{{element.projectType}} | 74 |79 | Created 80 | | 81 |{{element.created | date}} | 82 |86 | Dead Line 87 | | 88 |{{element.deadLine | date}} | 89 |92 | Status 93 | | 94 |{{element.Status}} | 95 |98 | | 99 |100 | | 103 | | 104 |105 | |
|---|
69 |
90 |
91 |
70 |
89 |
71 |
88 |
72 |
87 |
73 |
86 |
74 |
78 |
75 | 
76 |
77 |
76 |
79 |
81 |
85 | Manage Your Project
80 |81 |
Smart & Faster
82 |A smart & Faster office is a workplace where technology enables people to
83 |work better, faster and, of course, smarter.
84 |
92 | This feature is essential for any mobile app, so make sure you have it!
94 |
95 | We Providing Our Best Services
93 |This feature is essential for any mobile app, so make sure you have it!
These types of notifications can directly alert your user.
94 |
96 |
123 |
124 |
97 |
122 |
98 |
105 |
99 | 
100 |
104 |
100 |
101 |
103 | Some quick example text to build on the card title and make up the bulk of the card's content.
102 |
106 |
113 |
107 | 
108 |
112 |
108 |
109 |
111 | Some quick example text to build on the card title and make up the bulk of the card's content.
110 |
114 |
121 |
115 | 
116 |
120 |
116 |
117 |
119 | Some quick example text to build on the card title and make up the bulk of the card's content.
118 |
125 |
152 |
126 |
151 |
127 |
134 |
128 | 
129 |
133 |
129 |
130 |
132 | Some quick example text to build on the card title and make up the bulk of the card's content.
131 |
135 |
142 |
136 | 
137 |
141 |
137 |
138 |
140 | Some quick example text to build on the card title and make up the bulk of the card's content.
139 |
143 |
150 |
144 | 
145 |
149 |
145 |
146 |
148 | Some quick example text to build on the card title and make up the bulk of the card's content.
147 |
153 |
166 |
167 |
168 |
169 |
170 |
171 |
--------------------------------------------------------------------------------
154 | 
155 |
156 |
155 |
157 | This feature is essential for any Developers,
159 |
160 |
161 |
162 |
163 |
164 |
165 |