Newer
Older
<ng-container *ngIf="!loading">
<div *ngIf="attachments.length == 0" style="text-align:center;font-size:24px;font-weight:bold;opacity:0.3;">
<mat-form-field floatLabel="never" style="padding-left:20px;padding-right:20px;">
<input matInput placeholder="Rechercher par type de pièce jointe" #listFilter>
</mat-form-field>
<mat-card *ngFor="let attachment of attachments | filterList:listFilter.value:'typeLabel'" [style.background-image]="'url('+attachment.thumbnailUrl+')'"
style="padding:0;margin: 30px;min-height: 300px;background-size: cover;">
<a mat-mini-fab color="primary" class="downloadButton" title="Télécharger le fichier original"
href="index.php?display=true&module=attachments&page=view_attachment&res_id_master={{resIds[0]}}&id={{attachment.res_id}}"
target="_blank">
.{{attachment.format}}
<button *ngIf="attachment.relation > 1" color="primary" class="versionButton" mat-raised-button
[matMenuTriggerFor]="menu">Version {{attachment.relation}}</button>
<mat-menu #menu="matMenu">
<button mat-menu-item>Version 1</button>
<button mat-menu-item>Version 2</button>
</mat-menu>
<button color="primary" class="actionsButton" mat-mini-fab [matMenuTriggerFor]="menuPjAction">
<mat-icon fontSet="fas" fontIcon="fa-ellipsis-v"></mat-icon>
</button>
<mat-menu #menuPjAction="matMenu">
<button mat-menu-item disabled>Intégrer au parapheur</button>
<button mat-menu-item disabled>Intégrer aux envois</button>
</mat-menu>
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
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title class="subInfos">
<div class="col-md-6" title="{{attachment.identifier}} (n°{{attachment.res_id}})">
{{attachment.identifier}}
</div>
<div class="col-md-6" title="{{attachmentTypes[attachment.attachment_type].label}}"
style="text-align:center;flex: 1;">
{{attachmentTypes[attachment.attachment_type].label}}
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<div class="col-md-6">
<mat-form-field>
<input matInput title='{{attachment.creation_date | date : "le dd/MM/y à HH:mm"}}'
[value]="attachment.creation_date | timeAgo" placeholder="Créé le" disabled>
</mat-form-field>
</div>
<div class="col-md-6">
<mat-form-field>
<input matInput [value]="attachment.firstname_typist+' '+attachment.lastname_typist"
placeholder="Par" disabled>
</mat-form-field>
</div>
<div class="col-md-6">
<mat-form-field>
<input matInput [value]="attachment.status" placeholder="Statut" disabled>
</mat-form-field>
</div>
<div class="col-md-6">
<mat-form-field>
<input matInput [value]="attachment.title" placeholder="Objet" disabled>
</mat-form-field>
</div>
<div class="col-md-6" *ngIf="attachment.return_date != null">
<mat-form-field>
<input matInput title='{{attachment.return_date | date : "le dd/MM/y à HH:mm"}}'
[value]="attachment.return_date | timeAgo" placeholder="Date de retour attendue"
disabled>
</mat-form-field>
</div>
<div class="col-md-6" *ngIf="attachment.return_date != null">
<mat-form-field>
<input matInput title='{{attachment.effective_date | date : "le dd/MM/y à HH:mm"}}'
[value]="attachment.effective_date | timeAgo" placeholder="Date de retour" disabled>
</mat-form-field>
</div>
<div class="col-md-12">
<mat-form-field>
<input matInput [value]="attachment.contact" placeholder="Pour" disabled>
</mat-form-field>
</div>
<div *ngIf="attachment.update_date != null" class="col-md-6">
<mat-form-field>
<input matInput title='{{attachment.update_date | date : "le dd/MM/y à HH:mm"}}'
[value]="attachment.update_date | timeAgo" placeholder="Modifié le" disabled>
</mat-form-field>
</div>
<div *ngIf="attachment.update_date != null" class="col-md-6">
<mat-form-field>
<input matInput [value]="attachment.firstname_updated+' '+attachment.lastname_updated"
placeholder="Par" disabled>
</mat-form-field>
</div>
</mat-expansion-panel>
</mat-accordion>
<!-- div class="line subInfos">
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<div title="{{attachment.identifier}} (n°{{attachment.res_id}})">{{attachment.identifier}}</div>
<div title="{{attachmentTypes[attachment.attachment_type].label}}" style="text-align:center;">
{{attachmentTypes[attachment.attachment_type].label}}
</div>
<div *ngIf="attachment.update_date == null" title='{{attachment.creation_date | date : "le dd/MM/y à HH:mm"}} par {{attachment.firstname_typist}}
{{attachment.lastname_typist}}' style="text-align:right;">
{{attachment.creation_date | timeAgo}}
</div>
<div *ngIf="attachment.update_date != null" style="text-align:right;"
title='{{attachment.update_date | date : "le dd/MM/y à HH:mm"}} par {{attachment.firstname_updated}} {{attachment.lastname_updated}}'>
{{attachment.update_date | timeAgo}}
</div>
</div>
<div class="line">
<div style="text-align:center;padding: 5px;">
{{attachment.title | shorten: 50: '...'}}
</div>
</div>
<div class="line subInfosBottom">
<div>{{attachment.status}}</div>
<div *ngIf="attachment.return_date != null && attachment.effective == null"
title='{{attachment.return_date | date : "le dd/MM/y à HH:mm"}}' style="text-align:right;">
<i class="fa fa-stopwatch" title="Date de retour attendue"></i> <span
[innerHTML]="attachment.return_date | timeLimit"></span>
</div>
<div *ngIf="attachment.effective != null" style="text-align:right;">
<i class="fa fa-lock" title="Date de retour"></i> <span
title='{{attachment.effective_date | date : "le dd/MM/y à HH:mm"}}'
[innerHTML]="attachment.effective_date | timeAgo"></span>
</div>
</mat-card>
</ng-container>
<!--<mat-nav-list *ngIf="!loading">
<div *ngIf="attachments.length == 0" style="text-align:center;font-size:24px;font-weight:bold;opacity:0.3;">
AUCUN ATTACHEMENT
</div>
<ng-container *ngFor="let attachment of attachments">
<a target="_blank" href="index.php?display=true&module=attachments&page=view_attachment&res_id_master={{resIds[0]}}&id={{attachment.res_id}}" mat-list-item (click)="openLink($event)" style="height:auto;">
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<span mat-line>
<div style="display:flex;color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;">
<span style="flex:1;text-align: center;">
<small color="primary" *ngIf="attachment.update_date != null" title='{{attachment.update_date | date : "le dd/MM/y à HH:mm"}}'>Modifié
par {{attachment.firstname_updated}} {{attachment.lastname_updated}} ({{attachment.update_date | timeAgo}})</small>
</span>
</div>
<div style="display:flex;">
<div style="text-align: center;align-items: center;padding-right: 15px;width:180px;">
<div style="color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;" title="{{attachmentTypes[attachment.attachment_type].label}}">{{attachmentTypes[attachment.attachment_type].label}}</div>
<div class="fa fa-paperclip fa-2x" title="{{attachment.status}}" color="primary"></div>
<div style="color: rgba(0,0,0,0.4);font-size: 90%;padding:5px;" title="{{attachment.identifier}} (n°{{attachment.res_id}})">{{attachment.identifier}}</div>
</div>
<div style="flex:5;">
<div style="display:flex;color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;">
<span style="flex:1" title='{{attachment.creation_date | date : "le dd/MM/y à HH:mm"}}'>
<i class="fa fa-calendar" title="Date d'enregistrement"></i> {{attachment.creation_date | timeAgo}}
</span>
<span style="flex:1;text-align: right;">
<span *ngIf="attachment.return_date != null && attachment.effective == null" title='{{attachment.return_date | date : "le dd/MM/y à HH:mm"}}'>
<i class="fa fa-stopwatch" title="Date de retour attendue"></i> <span [innerHTML]="attachment.return_date | timeLimit"></span>
</span>
<span *ngIf="attachment.effective != null">
<i class="fa fa-lock" title="Date de retour"></i> <span title='{{attachment.effective_date | date : "le dd/MM/y à HH:mm"}}' [innerHTML]="attachment.effective_date | timeAgo"></span>
</span>
</span>
</div>
<div style="padding-top:10px;padding-bottom:10px;">
{{attachment.title}}
</div>
<div style="display:flex;color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;">
<span style="flex:1"><i class="fa fa-user" title="Auteur"></i> {{attachment.firstname_typist}}
{{attachment.lastname_typist}}</span>
<span style="flex:1;text-align: right;">{{attachment.status}}</span>
</div>
</div>
</div>
</span>
</a>
<mat-divider style="margin:10px;"></mat-divider>
</ng-container>