1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<div class="container-fluid " *ngIf="project">
<div class="row justify-content-center">
<div class="col-12 ">
<div class="row align-items-center mb-4">
<div class="col">
<h2 class="h5 page-title"><small class="text-muted text-uppercase"></small></h2>
</div>
<div class="col-auto">
</div>
</div>
<div class="row justify-content-center">
<div class="col-12">
<h2 class="h3 mb-4 page-title">إدارة المشروع</h2>
<div class="row mt-5 align-items-center">
<div class="col-md-3 text-center mb-5">
<div class="avatar avatar-xl">
<img src="./assets/images/users/4.jpg" alt="..." class="avatar-img ">
</div>
</div>
<div class="col">
<div class="row align-items-center">
<div class="col-md-7">
<h4 class="mb-1">{{project.projectInfo.name}}</h4>
<p class="small mb-3"><span class="badge badge-dark">{{project.currentState | stateTranslate}}</span></p>
</div>
</div>
<div class="row mb-4">
<div class="col-md-7">
<p class="text-muted"> {{project.projectInfo.description}}</p>
</div>
<div class="col">
<p class="small mb-0 text-muted">تاريخ البدء {{project.projectInfo.startDate | date}}</p>
<p class="small mb-0 text-muted">تاريخ الانتهاء المتوقع {{project.projectInfo.expectedEndDate | date}}</p>
<p class="small mb-0 text-muted">الرمز {{project.projectInfo.code}}</p>
</div>
</div>
</div>
</div>
<div class="row mt-5 align-items-center">
<div class="col">
<div class="row mb-4">
<div class="col">
<p class="small mb-0 text-muted">التمويل {{project.financialFund.financialStatus}} / {{project.financialFund.source}}</p>
<p class="small mb-0 text-muted">كتاب الطرح {{project.proposalInfo.proposingBookDate| date}} / {{project.proposalInfo.proposingBookNumber}}</p>
<p class="small mb-0 text-muted">كتاب الموافقة {{project.projectAggreement.aggreementDate | date}} / {{project.projectAggreement.aggreementNumber}}</p>
</div>
<div class="col">
<p class="small mb-0 text-muted">الجهة الطارحة {{project.proposer.customerName}}</p>
<p class="small mb-0 text-muted">مدير المشروع {{project.projectManager.personalInfo |fullname}}</p>
<p class="small mb-0 text-muted">رئيس فريق العمل {{project.teamLeader.personalInfo | fullname}}</p>
</div>
<div class="col">
<p class="small mb-0 text-muted">الجهة المنفذة {{project.executer.name}}</p>
<p class="small mb-0 text-muted">طبيعة النشاط {{project.projectClassification.projectNature}}</p>
<p class="small mb-0 text-muted">النوع {{project.projectType.typeName}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<plan-controll
[project]="project"
(toProgress)="openMoveToProgressModal()"
>
</plan-controll>
<hr>
<track-controll
[project]="project"
(complete)="openProjectComplete()"
(replan)="openReplan()"
>
</track-controll>
<hr>
<info-controll
[project]="project"
(changeLeader)="openChangeTeamLeader()"
(changeManager)="openChangeProjectManager()"
>
</info-controll>
<hr>
<report-controll
[project]="project"
>
</report-controll>
<hr>
<div class="row ">
<div *ngFor="let i of [1,2,3,4,5,6]" class="col-2 text-center">
<img src="/assets/images/users/4.jpg" class="navbar-brand-img brand-sm mx-auto my-4" alt="...">
</div>
</div> <!-- /.row -->
</div>
</div>
</div>