Newer
Older
Guillaume Heurtier
committed
<mat-sidenav-container autosize class="maarch-container">
<ng-template #adminMenuTemplate>
<mat-nav-list>
<h3 mat-subheader>{{'lang.actions' | translate}}</h3>
<a mat-list-item (click)="askRedirectBasket()">
<mat-icon color="warn" mat-list-icon class="fa fa-plane"></mat-icon>
<p mat-line>
{{'lang.activateMyAbs' | translate}}
</p>
</a>
<a *ngIf="user.canModifyPassword" mat-list-item (click)="changePasswd();">
<mat-icon color="primary" mat-list-icon class="fa fa-key"></mat-icon>
<p mat-line>
{{'lang.changeMyPassword' | translate}}
</p>
</a>
</mat-nav-list>
</ng-template>
Guillaume Heurtier
committed
<mat-sidenav-content>
<div class="bg-head">
<div class="bg-head-title" [class.customContainerRight]="appService.getViewMode()">
<div class="bg-head-title-label">
Guillaume Heurtier
committed
</div>
<div class="bg-head-title-tool">
<header-right></header-right>
</div>
Guillaume Heurtier
committed
<div class="bg-head-content" [class.fullContainer]="appService.getViewMode()">
</div>
</div>
<div class="container" [class.fullContainer]="appService.getViewMode()">
<div class="container-content">
<div *ngIf="loading" style="display:flex;height:100%;">
<mat-spinner style="margin:auto;"></mat-spinner>
</div>
<mat-card *ngIf="!loading" class="card-app-content">
<mat-tab-group [selectedIndex]="selectedIndex" (selectedTabChange)="initComponents($event)">
<mat-tab label="{{'lang.myInformations' | translate}}">
Guillaume Heurtier
committed
<div *ngIf="showPassword" style="margin-bottom: 5%">
<form [formGroup]="firstFormGroup">
<div class="form-group">
<mat-form-field style="padding:10px;">
<input matInput placeholder="{{'lang.typeCurrentPassword' | translate}}"
Guillaume Heurtier
committed
formControlName="currentPasswordCtrl" required
[type]="hidePassword ? 'password' : 'text'">
<mat-icon matSuffix (click)="hidePassword = !hidePassword" class="fa fa-2x"
Guillaume Heurtier
committed
[ngClass]="[hidePassword ? 'fa-eye-slash' : 'fa-eye']"></mat-icon>
<mat-error
*ngIf="firstFormGroup.controls['currentPasswordCtrl'].hasError('required')">
{{'lang.requiredField' | translate}}</mat-error>
</mat-form-field>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div style="text-align:center;color: rgba(0,0,0,0.54);font-size: 75%;">
{{this.ruleText}}</div>
<div class="col-sm-6" style="padding-left:0px;padding-right: 0px;">
<mat-form-field style="padding:10px;">
<input matInput #inputPasswd placeholder="{{'lang.typeNewPassword' | translate}}"
Guillaume Heurtier
committed
formControlName="newPasswordCtrl" required
[type]="hidePassword ? 'password' : 'text'">
<mat-icon matSuffix (click)="hidePassword = !hidePassword" class="fa fa-2x"
[ngClass]="[hidePassword ? 'fa-eye-slash' : 'fa-eye']"></mat-icon>
<mat-hint *ngIf="validPassword">
<i color="accent" class="fa fa-check"></i>
<span color="accent">{{'lang.passwordValid' | translate}}</span>
Guillaume Heurtier
committed
</mat-hint>
<mat-error>{{getErrorMessage()}}</mat-error>
</mat-form-field>
</div>
<div class="col-sm-6" style="padding-left:0px;padding-right:0px;">
<mat-form-field style="padding:10px;">
<input matInput #inputPasswd2 placeholder="{{'lang.retypeNewPassword' | translate}}"
Guillaume Heurtier
committed
required [type]="hidePassword ? 'password' : 'text'"
formControlName="retypePasswordCtrl">
<mat-icon matSuffix (click)="hidePassword = !hidePassword" class="fa fa-2x"
[ngClass]="[hidePassword ? 'fa-eye-slash' : 'fa-eye']"></mat-icon>
<mat-hint
*ngIf="!firstFormGroup.controls['retypePasswordCtrl'].hasError('mismatch') && firstFormGroup.controls['retypePasswordCtrl'].value != ''">
<i color="accent" class="fa fa-check"></i>
<span color="accent">{{'lang.passwordMatch' | translate}}</span>
Guillaume Heurtier
committed
</mat-hint>
<mat-error>{{'lang.passwordNotMatch' | translate}} !</mat-error>
Guillaume Heurtier
committed
</mat-form-field>
</div>
</div>
Guillaume Heurtier
committed
<div *ngIf="passwordRules.renewal.enabled || passwordRules.historyLastUse.enabled"
class="form-group">
<div class="col-sm-12" style="padding-left:0px;padding-right:0px;">
<div class="alert alert-warning" role="alert" [innerHTML]="otherRuleText"
style="text-align:center;"></div>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div style="text-align:center;">
<button mat-raised-button color="primary" type="button"
(click)="updatePassword()"
[disabled]="!firstFormGroup.valid">{{'lang.update' | translate}}</button>
Guillaume Heurtier
committed
<button mat-raised-button color="default" type="button"
(click)="showPassword=false">{{'lang.cancel' | translate}}</button>
Guillaume Heurtier
committed
</div>
</div>
</form>
</div>
<form class="form-horizontal" (ngSubmit)="onSubmit()" #profileForm="ngForm"
*ngIf="!showPassword">
<div class="form-group">
Guillaume Heurtier
committed
<div class="col-sm-12">
<div class="pull-left">
<div class="avatar" style="font-size:90px;text-align:center;">
<i class="fa fa-user" style="font-size:90px;padding-top:5px;"></i>
</div>
</div>
<div class="input-group">
<mat-form-field>
<input matInput type="text" title="{{'lang.id' | translate}}" value="{{user.user_id}}"
placeholder="{{'lang.id' | translate}}" disabled>
Guillaume Heurtier
committed
</mat-form-field>
</div>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-5" style="font-weight:bold;">
<mat-form-field>
<input matInput type="text" id="lastname" name="lastname"
title="{{'lang.lastname' | translate}}" placeholder="{{'lang.lastname' | translate}}"
Guillaume Heurtier
committed
[(ngModel)]="user.lastname" required>
</mat-form-field>
Guillaume Heurtier
committed
<div class="col-sm-5" style="font-weight:bold;">
Guillaume Heurtier
committed
<input matInput type="text" id="firstname" name="firstname"
title="{{'lang.firstname' | translate}}" placeholder="{{'lang.firstname' | translate}}"
Guillaume Heurtier
committed
[(ngModel)]="user.firstname" required>
</mat-form-field>
</div>
<div class="col-sm-2" style="font-style:italic;">
<mat-form-field>
<input matInput type="text" id="initials" name="initials"
title="{{'lang.initials' | translate}}" placeholder="{{'lang.initials' | translate}}"
Guillaume Heurtier
committed
[(ngModel)]="user.initials">
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput type="tel" id="phone" name="phone" title="{{'lang.phoneNumber' | translate}}"
placeholder="{{'lang.phoneNumber' | translate}}" [(ngModel)]="user.phone"
Guillaume Heurtier
committed
pattern="\+?((|\ |\.|\(|\)|\-)?(\d)*)*\d$">
</mat-form-field>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput type="email" id="mail" name="mail" title="{{'lang.email' | translate}}"
placeholder="{{'lang.email' | translate}}" [(ngModel)]="user.mail"
Guillaume Heurtier
committed
pattern="(^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$)" required>
</mat-form-field>
</div>
Guillaume Heurtier
committed
<div class="form-group" style="margin-top: 10px;">
<div style="text-align:center;">
<button mat-raised-button color="primary" type="submit"
[disabled]="!profileForm.form.valid">{{'lang.update' | translate}}</button>
Guillaume Heurtier
committed
</div>
Guillaume Heurtier
committed
</form>
</mat-tab>
<mat-tab label="{{'lang.myParameters' | translate}}">
Guillaume Heurtier
committed
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-file-word"
style="font-size:25px;width:50px;"></mat-icon>
<span>{{'lang.editorOption' | translate}}</span>
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.editorOptionAdmin' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
<div class="col-sm-12 col-md-4" style="line-height: 50px;">{{'lang.documentEditor' | translate}}</div>
Guillaume Heurtier
committed
<div class="col-sm-12 col-md-8">
<mat-form-field>
<mat-select name="documentEdition" [(ngModel)]="user.preferences.documentEdition"
(selectionChange)="updateUserPreferences();">
<mat-option *ngFor='let editor of editorsList' [value]="editor">{{editor}}</mat-option>
</mat-select>
<mat-hint>{{'lang.documentEditor_' + user.preferences.documentEdition | translate}}</mat-hint>
Guillaume Heurtier
committed
</mat-form-field>
</div>
</mat-expansion-panel>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-inbox"
style="font-size:25px;width:50px;"></mat-icon>
<mat-icon color="primary" class="fa fa-magic"
style="position: absolute;margin-left: 30px;margin-top: -10px;"></mat-icon>
<span>{{'lang.basketsColor' | translate}}</span>
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.basketsColorAdmin' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
Alex ORLUC
committed
<mat-list>
Guillaume Heurtier
committed
<ng-container *ngFor="let regroupedBasket of user.regroupedBaskets; let i = index">
<h3 *ngIf="regroupedBasket.baskets[0]">{{regroupedBasket.groupDesc}}</h3>
<mat-list-item *ngFor="let basket of regroupedBasket.baskets; let y = index">
<mat-icon mat-list-icon class="fa fa-inbox"
[ngStyle]="{'color': user.regroupedBaskets[i].baskets[y].color}">
</mat-icon>
<h4 mat-line title="{{basket.basket_id}}">{{basket.basket_name}}</h4>
<input name="color" type="color"
style="background: none;border: none;height: 20px;width:20px;padding: 0;margin-right: 15px"
[(ngModel)]="user.regroupedBaskets[i].baskets[y].color"
(change)="updateBasketColor(i, y)" />
<a (click)="user.regroupedBaskets[i].baskets[y].color = ''; updateBasketColor(i, y)"
title="{{'lang.resetColor' | translate}}" style="cursor: pointer;color: #666666">
Guillaume Heurtier
committed
<i class="fa fa-magic"></i>
</a>
</mat-list-item>
</ng-container>
</mat-list>
</mat-expansion-panel>
<mat-expansion-panel [expanded]="myBasketExpansionPanel">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-inbox"
style="font-size:25px;width:50px;"></mat-icon>
<mat-icon color="primary" class="fa fa-reply"
style="position: absolute;margin-left: 30px;margin-top: -10px;"></mat-icon>
{{'lang.myBaskets' | translate}}
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.myBasketsDesc' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
<div class="col-sm-6" style="overflow:hidden;">
<mat-list>
<mat-list-item>
<mat-icon mat-list-icon color="primary">
<mat-checkbox color="primary"
(change)="$event ? masterToggleBaskets($event) : null"
[checked]="selectionBaskets.hasValue()"
matTooltip="{{'lang.selectAll' | translate}}"></mat-checkbox>
Guillaume Heurtier
committed
</mat-icon>
<p mat-line>
<span *ngIf="!selectionBaskets.hasValue()"
Guillaume Heurtier
committed
style="opacity: 0.5;font-style: italic;font-size: 80%;">
{{'lang.selectAll' | translate}}
<plugin-autocomplete *ngIf="selectionBaskets.hasValue()" [labelPlaceholder]="this.translate.instant('lang.redirectBaskets')" [routeDatas]="['/rest/autocomplete/users']" [targetSearchKey]="'idToDisplay'" [subInfoKey]="'descriptionToDisplay'" (triggerEvent)="addBasketRedirection($event)" appearance="outline"></plugin-autocomplete>
Guillaume Heurtier
committed
</p>
</mat-list-item>
<mat-divider></mat-divider>
<ng-container *ngFor="let basket of user.baskets;let i = index">
<mat-list-item *ngIf="basket.userToDisplay == null"
(mouseover)="showActions(basket)" (mouseout)="hideActions(basket)"
style="cursor: pointer;">
<mat-icon mat-list-icon color="primary" *ngIf="basket.enabled">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selectionBaskets.toggle(basket) : null"
[checked]="selectionBaskets.isSelected(basket)" color="primary">
</mat-checkbox>
</mat-icon>
<h4 mat-line color="primary" style="display: flex;align-items: center;">
<span (click)="selectionBaskets.toggle(basket);"
Guillaume Heurtier
committed
matTooltip="{{basket.basket_name}} [{{basket.group_desc}}]"
style="flex: 2;overflow: hidden;text-overflow: ellipsis;">
{{basket.basket_name}}
<span class="label label-primary"
Guillaume Heurtier
committed
style="font-weight:normal">{{basket.group_desc}}</span>
</span>
Guillaume Heurtier
committed
</h4>
</mat-list-item>
</ng-container>
</mat-list>
Guillaume Heurtier
committed
<div class="col-sm-6" style="overflow:hidden;">
<mat-tab-group>
<mat-tab label="{{'lang.basketsRedirected' | translate}}">
Guillaume Heurtier
committed
<mat-list>
<ng-container
*ngFor="let basket of user.redirectedBaskets;let i = index">
<mat-list-item>
<mat-icon mat-list-icon color="primary"
style="margin-top:-60px;" class="fa fa-paper-plane">
</mat-icon>
<h4 mat-line color="primary">{{basket.basket_name}}
<span class="label label-primary"
style="font-weight:normal">{{basket.group_desc}}</span>
</h4>
<p mat-line>
<mat-form-field>
<input type="text" color="warn" matInput disabled
value="{{'lang.redirectedTo' | translate}} {{basket.userToDisplay}}">
Guillaume Heurtier
committed
<button mat-button color="warn" matSuffix
mat-icon-button aria-label="Clear"
(click)="delBasketRedirection(basket,i)"
matTooltip="{{'lang.deleteRedirection' | translate}}">
Guillaume Heurtier
committed
<mat-icon color="warn"
class="fa fa-times text-danger"></mat-icon>
</button>
</mat-form-field>
</p>
</mat-list-item>
</ng-container>
</mat-list>
</mat-tab>
</mat-tab-group>
<mat-tab-group>
<mat-tab label="{{'lang.basketsAssigned' | translate}}">
Guillaume Heurtier
committed
<mat-list>
<ng-container *ngFor="let basket of user.assignedBaskets;let i = index">
<mat-list-item>
<mat-icon mat-list-icon color="primary"
style="margin-top:-60px;" class="fa fa-reply">
</mat-icon>
<h4 mat-line color="primary">{{basket.basket_name}}
<span class="label label-primary"
style="font-weight:normal">{{basket.group_desc}}</span>
</h4>
<p mat-line>
<plugin-autocomplete *ngIf="basket.userToDisplay == null" [labelPlaceholder]="this.translate.instant('lang.redirectBaskets')" [routeDatas]="['/rest/autocomplete/users']" [targetSearchKey]="'idToDisplay'" [subInfoKey]="'descriptionToDisplay'" (triggerEvent)="reassignBasketRedirection($event,basket,i)" appearance="outline"></plugin-autocomplete>
Guillaume Heurtier
committed
<mat-form-field>
<input type="text" color="warn" matInput disabled
value="{{'lang.assignBy' | translate}} {{basket.userToDisplay}}">
Guillaume Heurtier
committed
<button mat-button color="warn" matSuffix
mat-icon-button aria-label="Clear"
(click)="basket.userToDisplay=null"
matTooltip="{{'lang.reassign' | translate}}">
Guillaume Heurtier
committed
<mat-icon color="primary" class="fa fa-edit">
</mat-icon>
</button>
<button mat-button color="warn" matSuffix
mat-icon-button aria-label="Clear"
(click)="delBasketAssignRedirection(basket,i)"
matTooltip="{{'lang.deleteAssignation' | translate}}">
Guillaume Heurtier
committed
<mat-icon color="warn"
class="fa fa-times text-danger"></mat-icon>
</button>
</mat-form-field>
</p>
</mat-list-item>
</ng-container>
</mat-list>
</mat-tab>
</mat-tab-group>
Alex ORLUC
committed
</div>
Guillaume Heurtier
committed
<div style="clear:both;"></div>
</mat-expansion-panel>
<mat-expansion-panel (opened)="initMce()">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-envelope"
style="font-size:25px;width:50px;"></mat-icon>
{{'lang.mySignMail' | translate}}
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.mySignMailDesc' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
<div class="col-sm-6" style="overflow:hidden;">
<form (ngSubmit)="submitEmailSignature()" #emailSignatureForm="ngForm">
<div class="row" style="margin-top:5px;">
<div class="col-md-12">
<mat-form-field>
<input matInput type="text" [(ngModel)]="mailSignatureModel.title"
name="title" placeholder="{{'lang.label' | translate}}" required>
Guillaume Heurtier
committed
</mat-form-field>
Alex ORLUC
committed
</div>
</div>
Guillaume Heurtier
committed
<div class="row" style="margin-top:5px;">
<div class="col-md-12">
<div id="html_mode" style="display: block; width:100%;">
<textarea name="emailSignature" id="emailSignature"
style="width:100%" rows="15" cols="60"></textarea>
</div>
</div>
Alex ORLUC
committed
</div>
<div class="col-md-12 form-group" style="margin-top: 10px;">
<div style="text-align:center;">
<button mat-raised-button color="primary" type="submit"
Guillaume Heurtier
committed
*ngIf="mailSignatureModel.selected==-1"
[disabled]="!emailSignatureForm.form.valid">{{'lang.save' | translate}}</button>
Guillaume Heurtier
committed
<button mat-raised-button color="primary" type="button"
*ngIf="mailSignatureModel.selected!=-1"
(click)="updateEmailSignature()"
[disabled]="!emailSignatureForm.form.valid">{{'lang.update' | translate}}</button>
Guillaume Heurtier
committed
<button mat-raised-button color="warn" type="button"
*ngIf="mailSignatureModel.selected!=-1"
(click)="deleteEmailSignature()">{{'lang.delete' | translate}}</button>
Guillaume Heurtier
committed
<button mat-raised-button color="default" type="button"
*ngIf="mailSignatureModel.selected!=-1"
(click)="resetEmailSignature()">{{'lang.cancel' | translate}}</button>
Alex ORLUC
committed
</div>
</div>
Guillaume Heurtier
committed
</form>
</div>
<div class="col-sm-6" style="overflow:hidden;">
<div class="col-md-6 col-sm-6 col-xm-12"
*ngFor="let emailSignature of user.emailSignatures; let i = index">
Alex ORLUC
committed
<mat-card style="margin-bottom:10px;">
<mat-card-content style="text-align:center;">
<mat-form-field floatLabel="never">
Guillaume Heurtier
committed
<input matInput type="text" [(ngModel)]="emailSignature.title"
name="selectedEmailSignatureLabel" placeholder="{{'lang.label' | translate}}"
Guillaume Heurtier
committed
disabled>
Alex ORLUC
committed
</mat-form-field>
Guillaume Heurtier
committed
<button mat-icon-button color="primary"
(click)="changeEmailSignature(i)" matTooltip="{{'lang.update' | translate}}">
Guillaume Heurtier
committed
<mat-icon class="fa fa-edit fa-2x"></mat-icon>
</button>
Alex ORLUC
committed
</mat-card-content>
</mat-card>
</div>
Guillaume Heurtier
committed
<div style="clear:both;"></div>
</mat-expansion-panel>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-certificate"
style="font-size:25px;width:50px;"></mat-icon>
{{'lang.mySignSignatureBook' | translate}}
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.mySignSignatureBookDesc' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
<div style="overflow:hidden;">
<div dnd-droppable matTooltip="{{'lang.uploadSignFileInfo' | translate}}"
Guillaume Heurtier
committed
(click)="clickOnUploader('uploadSignFile')"
[class.dndFileHighlighted]="highlightMe" (dragover)="highlightMe=true"
(dragleave)="highlightMe=false"
(onDropSuccess)="dndUploadSignature($event);highlightMe=false;"
class="dndFile">
{{'lang.uploadSignFile' | translate}}
Guillaume Heurtier
committed
</div>
<form (ngSubmit)="submitSignature()" #signatureForm="ngForm"
style="display:none;">
<div class="col-md-12">
<mat-form-field>
<input matInput type="text" id="signature_label"
name="signature_label" title="{{'lang.label' | translate}}"
placeholder="{{'lang.label' | translate}}" [(ngModel)]="signatureModel.label"
Guillaume Heurtier
committed
required>
</mat-form-field>
<div class="form-inline hide">
<div class="form-group">
Guillaume Heurtier
committed
<input type="file" name="files[]" id="uploadSignFile"
(change)="uploadSignatureTrigger($event)" accept="image/*">
Alex ORLUC
committed
</div>
</div>
Guillaume Heurtier
committed
<div [ngClass]="[signatureModel.size != '' ? 'col-md-10' : 'col-md-12']">
<div class="upload-drop-zone"
(click)="clickOnUploader('uploadSignFile')" style="cursor:pointer">
{{'lang.clickOn' | translate}}
Guillaume Heurtier
committed
<i class="fa fa-upload fa-2x"></i>
(
< 2MB) </div> </div> <div class="col-md-2"
*ngIf="signatureModel.size">
<img id="signaturePreview" [src]="signatureModel.base64ForJs"
Guillaume Heurtier
committed
alt="Image non valide" style="width: 100%;">
Alex ORLUC
committed
</div>
Guillaume Heurtier
committed
<div class="col-md-12 form-group" style="margin-top: 10px;">
<div style="text-align:center;">
<button mat-raised-button color="primary" type="submit"
[disabled]="!signatureForm.form.valid || !signatureModel.size">{{'lang.save' | translate}}</button>
Guillaume Heurtier
committed
</div>
</div>
</form>
</div>
Alex ORLUC
committed
Guillaume Heurtier
committed
<div style="display: flex;align-items: flex-start;">
<div style="flex:1;overflow:hidden;">
<div class="col-md-4 col-sm-4 col-xm-6"
*ngFor="let signature of user.signatures; let i = index">
<mat-card style="margin-bottom:10px;">
<mat-card-content style="text-align:center;">
<mat-form-field floatLabel="never">
<input matInput type="text" [(ngModel)]="signature.signature_label"
name="selectedSignatureLabel" placeholder="{{'lang.label' | translate}}"
Guillaume Heurtier
committed
(change)="updateSignature(signature)">
<button mat-button matSuffix mat-icon-button
(click)="deleteSignature(signature.id)" color="warn"
matTooltip="{{'lang.delete' | translate}}">
Guillaume Heurtier
committed
<mat-icon class="fa fa-times"></mat-icon>
</button>
</mat-form-field>
<img [src]="'../rest/users/' + user.id + '/signatures/' + signature.id + '/content' | secureUrl | async"
Guillaume Heurtier
committed
alt="Signature" style="max-width:100%;height:60px;">
</mat-card-content>
</mat-card>
</div>
</div>
<div>
<button *ngIf="user.signatures.length > 0" mat-icon-button color="primary" (click)="syncMP()"
matTooltip="{{'lang.syncSignsToMaarchParapheur' | translate}}" [disabled]="!user.external_id.maarchParapheur || loadingSign">
Guillaume Heurtier
committed
<mat-icon class="fa fa-sync-alt fa-2x" [class.fa-spin]="loadingSign" ></mat-icon>
</button>
</div>
</div>
<div style="clear:both;"></div>
</mat-expansion-panel>
<mat-expansion-panel (opened)="initGroupsContact()">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon color="primary" class="fa fa-users"
style="font-size:25px;width:50px;"></mat-icon>
{{'lang.myContactsGroups' | translate}}
Guillaume Heurtier
committed
</mat-panel-title>
<mat-panel-description *ngIf="!appService.getViewMode()">
{{'lang.myContactsGroupsDesc' | translate}}
Guillaume Heurtier
committed
</mat-panel-description>
</mat-expansion-panel-header>
<mat-tab-group
(selectedIndexChange)="changeTabContactGrp($event);createGrpContPan.close();"
[selectedIndex]="selectedIndexContactsGrp">
<mat-tab label="{{'lang.contactGroupList' | translate}}">
Guillaume Heurtier
committed
<mat-accordion>
<mat-expansion-panel #createGrpContPan (opened)="initGroupsContact()">
<mat-expansion-panel-header>
<mat-panel-title color="primary">
<span style="margin-top:5px;">{{'lang.contactGroupCreate' | translate}}</span>
Guillaume Heurtier
committed
</mat-panel-title>
</mat-expansion-panel-header>
<form id="contactsGroupFormUp" class="form-horizontal"
(ngSubmit)="contactsGroupSubmit();createGrpContPan.close();"
#contactsGroupFormUp="ngForm">
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput [(ngModel)]="contactsGroup.label"
required name="label" id="label"
title="{{'lang.label' | translate}}" type="text"
placeholder="{{'lang.label' | translate}}" maxlength="32">
Guillaume Heurtier
committed
</mat-form-field>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput [(ngModel)]="contactsGroup.description"
required name="description" id="description"
title="{{'lang.description' | translate}}" type="text"
placeholder="{{'lang.description' | translate}}" maxlength="255">
Guillaume Heurtier
committed
</mat-form-field>
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-12">
<mat-slide-toggle name="plubic"
title="{{'lang.contactsGroupDesc' | translate}}" id="plubic"
Guillaume Heurtier
committed
color="primary" [(ngModel)]="contactsGroup.public">
{{'lang.public' | translate}}</mat-slide-toggle>
Guillaume Heurtier
committed
</div>
Guillaume Heurtier
committed
<div class="form-group">
<div class="col-sm-12" style="text-align:center;">
<button mat-raised-button color="primary" type="submit"
[disabled]="!contactsGroupFormUp.form.valid">{{'lang.save' | translate}}</button>
Guillaume Heurtier
committed
</div>
Guillaume Heurtier
committed
</form>
</mat-expansion-panel>
</mat-accordion>
<div id="contactsGroupList" style="margin-top: 10px;">
<div class="row">
<div class="col-md-6 col-xs-6">
<mat-form-field>
<input matInput
(keyup)="applyFilterGroupsList($event.target.value)"
placeholder="{{'lang.filterBy' | translate}}">
Guillaume Heurtier
committed
</mat-form-field>
Guillaume Heurtier
committed
<div class="col-md-6 col-xs-6">
<mat-paginator #paginatorGroupsList [length]="100" [hidePageSize]="true" [pageSize]="5">
</mat-paginator>
Guillaume Heurtier
committed
</div>
<mat-table #tableGroupsListSort="matSort"
[dataSource]="dataSourceGroupsList" matSort matSortActive="label"
matSortDirection="asc">
<ng-container matColumnDef="label">
<mat-header-cell *matHeaderCellDef mat-sort-header
[class.hide-for-mobile]="appService.getViewMode()" style="flex:2;">
{{'lang.label' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element"
[class.hide-for-mobile]="appService.getViewMode()" style="flex:2;">
{{element.label}} </mat-cell>
</ng-container>
<ng-container matColumnDef="description">
<mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2;">
{{'lang.description' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element" style="flex:2;">
{{element.description}} </mat-cell>
</ng-container>
<ng-container matColumnDef="nbContacts">
<mat-header-cell *matHeaderCellDef mat-sort-header style="flex:1;">
{{'lang.relatedContactNumber' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element" style="flex:1;">
<span
*ngIf="element.nbContacts == 0">{{element.nbContacts}}</span>
<span *ngIf="element.nbContacts > 0" color="primary"
style="font-weight:bold;">{{element.nbContacts}}</span>
</mat-cell>
</ng-container>
<ng-container matColumnDef="public">
<mat-header-cell *matHeaderCellDef mat-sort-header
[class.hide-for-mobile]="appService.getViewMode()" style="flex:1;">
{{'lang.public' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element"
[class.hide-for-mobile]="appService.getViewMode()" style="flex:1;">
<span *ngIf="!element.public"> {{'lang.no' | translate}} </span>
<span *ngIf="element.public"> {{'lang.yes' | translate}} </span>
Guillaume Heurtier
committed
</mat-cell>
</ng-container>
<ng-container matColumnDef="owner">
<mat-header-cell *matHeaderCellDef mat-sort-header style="flex:1;">
{{'lang.createdBy' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element" style="flex:1;">
{{element.labelledOwner}} </mat-cell>
</ng-container>
<ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef></mat-header-cell>
<mat-cell *matCellDef="let element"
style="justify-content: flex-end;">
<button mat-icon-button color="warn"
matTooltip="{{'lang.delete' | translate}}"
Guillaume Heurtier
committed
(click)="$event.stopPropagation();deleteContactsGroup(element.position)">
<mat-icon class="fa fa-trash-alt fa-2x" aria-hidden="true">
</mat-icon>
</button>
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumnsGroupsList">
</mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumnsGroupsList;"
(click)="loadContactsGroup(row)" style="cursor:pointer;"
matTooltip="{{'lang.view' | translate}}"></mat-row>
Guillaume Heurtier
committed
</mat-table>
Guillaume Heurtier
committed
</mat-tab>
<mat-tab label="{{'lang.grouping' | translate}} : {{contactsGroup.label}}" *ngIf="contactsListMode">
Guillaume Heurtier
committed
<mat-accordion>
<mat-expansion-panel #linkContPan>
<mat-expansion-panel-header>
<mat-panel-title color="primary">
<span style="margin-top:5px;">{{'lang.linkContact' | translate}}</span>
Guillaume Heurtier
committed
</mat-panel-title>
</mat-expansion-panel-header>
<div id="contactsGroupFormAdd">
<div class="row" style="margin:0px;">
Guillaume Heurtier
committed
<div class="col-md-8" style="padding:5px;">
<mat-form-field hintLabel="3 caractères minimum">
<span matPrefix>
<mat-icon class="fa fa-user-plus" color="primary">
</mat-icon>
</span>
<input class="autocompleteSearch" type="text"
placeholder="{{'lang.linkContact' | translate}}" matInput
Guillaume Heurtier
committed
[formControl]="searchTerm" autocomplete="off"
(keyup)="launchLoading();" minlength="3">
</mat-form-field>
</div>
<div class="col-md-6 col-xs-6">
Guillaume Heurtier
committed
<div class="alert alert-danger"
*ngIf="dataSourceContactsListAutocomplete && dataSourceContactsListAutocomplete.data.length == 1000"
[innerHTML]="this.translate.instant('lang.limitDataReached_1000')"></div>
Guillaume Heurtier
committed
</div>
<div class="col-md-6 col-xs-6">
<mat-paginator #paginatorGroupsListAutocomplete [length]="0"
[hidePageSize]="true" [pageSize]="10">
</mat-paginator>
</div>
</div>
Guillaume Heurtier
committed
<mat-progress-bar mode="indeterminate"
*ngIf="!dataSourceContactsListAutocomplete && !initAutoCompleteContact">
</mat-progress-bar>
<mat-table #tableContactList
[dataSource]="dataSourceContactsListAutocomplete"
*ngIf="dataSourceContactsListAutocomplete">
<ng-container matColumnDef="select">
<mat-header-cell *matHeaderCellDef style="flex:1;">
<mat-checkbox color="primary"
(change)="$event ? masterToggle($event) : null"
[checked]="selection.hasValue()">
</mat-checkbox>
</mat-header-cell>
<mat-cell *matCellDef="let element" style="flex:1;">
<mat-checkbox id="check_{{element.id}}"
color="primary" (click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(element.id) : null"
[disabled]="isInGrp(element)"
[checked]="selection.isSelected(element.id)">
</mat-checkbox>
</mat-cell>
</ng-container>
<ng-container matColumnDef="contact">
Guillaume Heurtier
committed
<mat-header-cell *matHeaderCellDef style="flex:3;">
{{'lang.contact' | translate}}</mat-header-cell>
<mat-cell *matCellDef="let element" style="flex:3;">
{{element.contact}} </mat-cell>
</ng-container>
<ng-container matColumnDef="address">
Guillaume Heurtier
committed
<mat-header-cell *matHeaderCellDef style="flex:3;">
{{'lang.address' | translate}}</mat-header-cell>
<mat-cell *matCellDef="let element" style="flex:3;">
{{element.address}} </mat-cell>
<mat-header-row
Guillaume Heurtier
committed
*matHeaderRowDef="displayedColumnsContactsListAutocomplete">
</mat-header-row>
<mat-row
Guillaume Heurtier
committed
*matRowDef="let element; columns: displayedColumnsContactsListAutocomplete;"
(click)="selectContact(element.id);"
[ngStyle]="{'opacity': !isInGrp(element) ? '' : '0.5'}"
style="cursor: pointer;"></mat-row>
Guillaume Heurtier
committed
<div class="form-group">
<div style="text-align:center;margin-top:30px">
<button mat-raised-button color="primary" type="button"
(click)="saveContactsList($event.target)"
[disabled]="this.selection.selected.length == 0">{{'lang.add' | translate}}</button>
Guillaume Heurtier
committed
</div>
</div>
</div>
</mat-expansion-panel>
</mat-accordion>
<div id="contactsGroup" style="margin-top:20px;">
<div class="col-sm-6">
<form class="form-horizontal" (ngSubmit)="updateGroupSubmit()"
#contactsGroupFormUp="ngForm">
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput [(ngModel)]="contactsGroup.label"
required name="label" id="label"
title="{{'lang.label' | translate}}" type="text"
placeholder="{{'lang.label' | translate}}" maxlength="32">
Guillaume Heurtier
committed
</mat-form-field>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<mat-form-field>
<input matInput [(ngModel)]="contactsGroup.description"
required name="description" id="description"
title="{{'lang.description' | translate}}" type="text"
placeholder="{{'lang.description' | translate}}" maxlength="255">
Guillaume Heurtier
committed
</mat-form-field>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<mat-slide-toggle name="public" title="{{'lang.public' | translate}}"
Guillaume Heurtier
committed
id="public" color="primary"
[(ngModel)]="contactsGroup.public">{{'lang.public' | translate}}
Guillaume Heurtier
committed
</mat-slide-toggle>
</div>
</div>
<div class="form-group">
<div class="col-sm-12" style="text-align:center;">
<button mat-raised-button color="primary" type="submit"
[disabled]="!contactsGroupFormUp.form.valid">{{'lang.update' | translate}}</button>
Guillaume Heurtier
committed
<button mat-raised-button color="default" type="button"
(click)="initGroupsContact()">{{'lang.close' | translate}}</button>
Guillaume Heurtier
committed
</div>
</div>
</form>
</div>
<div class="col-sm-6" *ngIf="contactsListMode">
Guillaume Heurtier
committed
<mat-tab
label="{{contactsGroup.contacts.length}} {{'lang.relatedContacts' | translate}}">
Guillaume Heurtier
committed
<div class="row" style="margin:0px;">
<div class="col-md-6 col-xs-6">
<mat-form-field>
<input matInput
(keyup)="applyFilterContactsList($event.target.value)"
placeholder="{{'lang.filterBy' | translate}}">
Guillaume Heurtier
committed
</mat-form-field>
</div>
<div class="col-md-6 col-xs-6">
<mat-paginator #paginatorContactsList [length]="0"
[hidePageSize]="true" [pageSize]="10">
</mat-paginator>
</div>
</div>
<mat-table *ngIf="contactsListMode"
#tableContactsListSort="matSort"
[dataSource]="dataSourceContactsList" matSort
matSortActive="contact" matSortDirection="asc">
<ng-container matColumnDef="contact">
<mat-header-cell *matHeaderCellDef mat-sort-header
style="flex:3;">{{'lang.contact' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element" style="flex:3;">
{{element.contact}} </mat-cell>
</ng-container>
<ng-container matColumnDef="address">
<mat-header-cell *matHeaderCellDef mat-sort-header
style="flex:3;">{{'lang.address' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element" style="flex:3;">
{{element.address}} </mat-cell>
</ng-container>
<ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef style="flex:1;">
</mat-header-cell>
<mat-cell *matCellDef="let element;let i = index"
style="justify-content: flex-end;flex:1;">
<button mat-icon-button color="warn"
matTooltip="{{'lang.delete' | translate}}"
Guillaume Heurtier
committed
(click)="$event.stopPropagation();preDelete(i)">
<mat-icon class="fa fa-trash-alt fa-2x"
aria-hidden="true"></mat-icon>
</button>
</mat-cell>
</ng-container>
<mat-header-row
*matHeaderRowDef="displayedColumnsContactsList">
</mat-header-row>
<mat-row
*matRowDef="let element; columns: displayedColumnsContactsList;">
</mat-row>
</mat-table>
</mat-tab>
</mat-tab-group>
</div>
Guillaume Heurtier
committed
</mat-tab>
</mat-tab-group>
<div style="clear:both;"></div>
</mat-expansion-panel>
</mat-accordion>
</mat-tab>
<mat-tab label="{{'lang.myHistoric' | translate}}">
Guillaume Heurtier
committed
<ng-template matTabContent>
<div class="row">
<div class="col-md-6 col-xs-6">
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)"
placeholder="{{'lang.filterBy' | translate}}">
Guillaume Heurtier
committed
</mat-form-field>
</div>
<div class="col-md-6 col-xs-6">
<mat-paginator #paginatorHistory [length]="100" [hidePageSize]="true" [pageSize]="10">
</mat-paginator>
</div>
Guillaume Heurtier
committed
<mat-table #tableHistorySort="matSort" [dataSource]="dataSource" matSort
matSortActive="event_date" matSortDirection="desc">
<ng-container matColumnDef="event_date">
<mat-header-cell *matHeaderCellDef mat-sort-header>{{'lang.date' | translate}}</mat-header-cell>
Guillaume Heurtier
committed
<mat-cell *matCellDef="let element">{{element.event_date | date : "dd/MM/y HH:mm"}}
</mat-cell>
</ng-container>
<ng-container matColumnDef="record_id">
<mat-header-cell *matHeaderCellDef mat-sort-header>{{'lang.technicalId' | translate}}</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.record_id}}</mat-cell>
</ng-container>
Guillaume Heurtier
committed
<ng-container matColumnDef="info">
<mat-header-cell *matHeaderCellDef mat-sort-header>{{'lang.description' | translate}}
Guillaume Heurtier
committed
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.info}} </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
</ng-template>
</mat-tab>
</mat-tab-group>
</mat-card>
</div>
</div>
</mat-sidenav-content>
<mat-sidenav #snav2 [mode]="appService.getViewMode() ? 'over' : 'side'" [fixedInViewport]="appService.getViewMode()"
fixedTopGap="56" position='end' [opened]="appService.getViewMode() ? false : true"
style="overflow-x:hidden;max-width:500px;">
Guillaume Heurtier
committed
<mat-list>
<h3 mat-subheader>{{'lang.groups' | translate}}</h3>
Guillaume Heurtier
committed
<mat-list-item *ngFor="let userGroup of user.groups">
<mat-icon color="primary" mat-list-icon class="fa fa-users"></mat-icon>
<h4 mat-line>{{userGroup.group_desc}}</h4>
<p mat-line>
<mat-form-field style="font-size:10px;">
<input matInput type="text" id="role" name="role" title="{{'lang.role' | translate}}"
placeholder="{{'lang.role' | translate}}" [(ngModel)]="userGroup.role" disabled>
<mat-hint matTooltip="{{'lang.perimeter' | translate}}">{{userGroup.maarch_comment}}</mat-hint>
Guillaume Heurtier
committed
</mat-form-field>
</p>
</mat-list-item>
<mat-divider></mat-divider>
<h3 mat-subheader>{{'lang.entities' | translate}}</h3>
Guillaume Heurtier
committed
<mat-list-item *ngFor="let userEntity of user.entities">
<mat-icon color="primary" *ngIf="userEntity.primary_entity == 'Y'" mat-list-icon
class="fa fa-sitemap"></mat-icon>
<mat-icon color="primary" *ngIf="userEntity.primary_entity != 'Y'" mat-list-icon
class="fa fa-sitemap" style="position:relative;">
<!--<button mat-icon-button
style="cursor:pointer;position: absolute;right: -20px;top: -20px;font-size:10px;"
(click)="updatePrimaryEntity(userEntity)" matTooltip="{{'lang.entityTooglePrimary' | translate}}">
Guillaume Heurtier
committed
<mat-icon class="fa fa-arrow-up"></mat-icon>
</button>-->
</mat-icon>
<h4 mat-line [ngStyle]="{'font-weight': userEntity.primary_entity == 'Y' ? 'bold' : 'normal'}"
matTooltip="{{userEntity.entity_label}}">
{{userEntity.entity_label}}
<span *ngIf="userEntity.primary_entity == 'Y'" class="label label-primary"
style="font-weight:normal">{{'lang.primary' | translate}}</span>
Guillaume Heurtier
committed
</h4>
<p mat-line>
<mat-form-field style="font-size:10px;">
<input matInput type="text" id="role" name="role" title="{{'lang.role' | translate}}"
placeholder="{{'lang.role' | translate}}" [(ngModel)]="userEntity.user_role" disabled>
Guillaume Heurtier
committed
</mat-form-field>
</p>
</mat-list-item>
</mat-list>
</mat-sidenav>
</mat-sidenav-container>