Newer
Older
<div *ngIf="loading" style="display:flex;height:100%;">
<mat-spinner style="margin:auto;"></mat-spinner>
</div>
<mat-list *ngIf="!loading">
<div *ngIf="diffList.length == 0" style="text-align:center;font-size:24px;font-weight:bold;opacity:0.3;">
AUCUNE LISTE DE DIFFUSION
</div>
<mat-form-field *ngIf="injectDatas.editable" appearance="outline" floatLabel="never" [style.fontSize.px]="10">
<input class="metaSearch" type="text" matInput placeholder="Ajouter une personne / une entité">
</mat-form-field>
<div cdkDropListGroup>
<ng-container *ngFor="let role of availableRoles">
<h3 mat-subheader>{{role.label}}</h3>
<mat-divider></mat-divider>
<div cdkDropList [id]="role.id" #dataAvailableList="cdkDropList" [cdkDropListData]="diffList[role.id].items"
class="cdk-list" (cdkDropListDropped)="drop($event)" [cdkDropListDisabled]="role.id == 'dest' || !injectDatas.editable">
<div *ngIf="diffList[role.id].items.length === 0" style="opacity: 0.5;text-align: center;font-size: 10px;padding: 10px;">
Acune personne
</div>
<mat-list-item *ngFor="let diffusion of diffList[role.id].items;let i=index" cdkDrag class="columns"
[cdkDragDisabled]="diffusion.item_type == 'entity_id' || !injectDatas.editable" [class.notDraggable]="(diffusion.item_type == 'entity_id' || role.id == 'dest') && injectDatas.editable" [class.notEditable]="!injectDatas.editable">
<mat-icon *ngIf="diffusion.item_type == 'user_id'" mat-list-icon class="fa fa-2x" [ngClass]="[diffusion.item_mode == 'copy' ? 'fa-users' : 'fa-user']"
color="primary"></mat-icon>
<h4 mat-line *ngIf="diffusion.item_type == 'user_id'">{{diffusion.item_firstname}}
{{diffusion.item_lastname}}</h4>
<p mat-line *ngIf="diffusion.item_type == 'user_id'" style="opacity:0.5;">
{{diffusion.item_entity}} </p>
<button mat-icon-button *ngIf="role.id != 'dest' && injectDatas.editable" (click)="deleteItem(role.id,i)">
<mat-icon class="fa fa-times" color="warn"></mat-icon>
</button>
<mat-icon *ngIf="diffusion.item_type == 'entity_id'" mat-list-icon class="fa fa-sitemap fa-2x"
color="primary"></mat-icon>
<h4 *ngIf="diffusion.item_type == 'entity_id'" mat-line>{{diffusion.item_entity}}</h4>
<p *ngIf="diffusion.item_type == 'entity_id'" mat-line style="opacity:0.5;"> </p>
</mat-list-item>
</div>
</ng-container>
</div>
<!--<mat-tab-group>
<mat-tab label="{{lang.diffusionList}}" *ngIf="injectDatas.modes.indexOf('diffList') > -1">
<mat-tab label="Circuit de visa" *ngIf="injectDatas.modes.indexOf('visa') > -1" [disabled]='!tabVisaCircuit'>
<div *ngIf="visaCircuit.length == 0" style="text-align:center;font-size:24px;font-weight:bold;opacity:0.3;">
AUCUN CIRCUIT DE VISA
</div>
<ng-container *ngFor="let visa of visaCircuit">
<mat-list-item [ngStyle]="{'opacity': visa.process_date == null ? '0.5' : '1','background': visa.process_date != null ? 'rgba(0, 128, 0, 0.11)' : ''}">
<mat-icon mat-list-icon class="fa fa-user fa-2x" color="primary"></mat-icon>
<mat-icon mat-list-icon class="fa fa-hourglass fa-2x" *ngIf="visa.process_date == null" style="opacity:0.5;"></mat-icon>
<mat-icon mat-list-icon class="fa fa-check fa-2x" *ngIf="visa.process_date != null" style="opacity:0.5;"
color="accent"></mat-icon>
<h4 mat-line style="display: flex;">
<span style="flex: 1;">{{visa.item_firstname}} {{visa.item_lastname}}</span>
<span *ngIf="!visa.requested_signature" style="flex: 1;text-align: right;font-size: 90%;" color="primary">{{lang.visaUser}}</span>
<span *ngIf="visa.requested_signature" style="flex: 1;text-align: right;font-size: 90%;" color="warn">{{lang.signUser}}</span>
</h4>
<p mat-line style="display: flex;">
<span style="opacity:0.5;flex: 1;">{{visa.item_entity}}</span>
<span *ngIf="visa.process_date != null" title='{{visa.process_date | date : "le dd/MM/y à HH:mm"}}'
style="flex: 1;text-align: right;font-size: 90%;" color="accent">{{visa.process_date
| timeAgo}}</span>
</p>
</mat-list-item>
</ng-container>
</mat-tab>
<mat-tab label="Circuit d'avis" *ngIf="injectDatas.modes.indexOf('avis') > -1" [disabled]='!tabAvisCircuit'>
<div *ngIf="avisCircuit.length == 0" style="text-align:center;font-size:24px;font-weight:bold;opacity:0.3;">
AUCUN CIRCUIT D'AVIS
</div>
<ng-container *ngFor="let avis of avisCircuit">
<mat-list-item [ngStyle]="{'opacity': avis.process_date == null ? '0.5' : '1','background': avis.process_date != null ? 'rgba(0, 128, 0, 0.11)' : ''}">
<mat-icon mat-list-icon class="fa fa-user fa-2x" color="primary"></mat-icon>
<mat-icon mat-list-icon class="fa fa-hourglass fa-2x" *ngIf="avis.process_date == null" style="opacity:0.5;"></mat-icon>
<mat-icon mat-list-icon class="fa fa-check fa-2x" *ngIf="avis.process_date != null" style="opacity:0.5;"
color="accent"></mat-icon>
<h4 mat-line style="display: flex;">
<span style="flex: 1;">{{avis.item_firstname}} {{avis.item_lastname}}</span>
</h4>
<p mat-line style="display: flex;">
<span style="opacity:0.5;flex: 1;">{{avis.item_entity}}</span>
<span *ngIf="avis.process_date != null" title='{{avis.process_date | date : "le dd/MM/y à HH:mm"}}'
style="flex: 1;text-align: right;font-size: 90%;" color="accent">{{avis.process_date
| timeAgo}}</span>
</p>
</mat-list-item>
</ng-container>
</mat-tab>