Commit bef78a20 authored by naji's avatar naji
Browse files

refactor: recharting Edit component

parent 424d9762
<meta meta charset=utf-8>
<div class="pastis-edit-profile-header"> <div class="pastis-edit-profile-header">
<div class="pastis-edit-profile-header-name"> <div class="pastis-edit-profile-header-name">
<p class="text large bold text-primary">Nom du profil d' unité archivistique</p> <p class="text large bold text-primary">Nom du profil d' unité archivistique</p>
</div> </div>
<div class="pastis-edit-profile-header-id"> <div class="pastis-edit-profile-header-id">
<p class="text medium light">Identifiant : {{profileId}}</p> <p class="text medium light">Identifiant : {{profileId}}</p>
</div> </div>
</div> </div>
<div class ="mat-table"> <div class ="mat-table">
<mat-tab-group <mat-tab-group
[selectedIndex]="activeTabIndex" [selectedIndex]="activeTabIndex"
disableRipple="true" disableRipple="true"
(selectedTabChange)="loadProfile($event)" (selectedTabChange)="loadProfile($event)"
fxFill> fxFill>
<mat-tab label="{{puaMode ? tabLabels[5] : tabLabels[0]}}" *ngIf="canShowOnPuaMode(0)"> <mat-tab label="{{puaMode ? tabLabels[5] : tabLabels[0]}}" *ngIf="canShowOnPuaMode(0)">
<div class="pastis-tab-container"> <div class="pastis-tab-container">
<ng-template matTabContent *ngIf="puaMode"> <ng-template matTabContent *ngIf="puaMode">
</ng-template> </ng-template>
<pastis-under-construction style="background: darkgray;" *ngIf="!puaMode"></pastis-under-construction> <pastis-under-construction style="background: darkgray;" *ngIf="!puaMode"></pastis-under-construction>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="{{tabLabels[1]}}" *ngIf="canShowOnPuaMode(1)"> <mat-tab label="{{tabLabels[1]}}" *ngIf="canShowOnPuaMode(1)">
<div class="pastis-tab-container" > <div class="pastis-tab-container" >
<ng-template matTabContent> <ng-template matTabContent>
<pastis-file-tree [nestedTreeControl]="nestedTreeControl" <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
[nestedDataSource]="nestedDataSource" [nestedDataSource]="nestedDataSource"
[rootElementName] = "rootNames[1]" [rootElementName] = "rootNames[1]"
[rootElementShowName]="displayedRootNames[1]" [rootElementShowName]="displayedRootNames[1]"
[childrenListToExclude]="headerTabChildrenToExclude" [childrenListToExclude]="headerTabChildrenToExclude"
[shouldLoad]="isTabClicked(1)" [shouldLoad]="isTabClicked(1)"
[collectionName]="collectionNames[1]"> [collectionName]="collectionNames[1]">
</pastis-file-tree> </pastis-file-tree>
</ng-template> </ng-template>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="{{tabLabels[2]}}" *ngIf="canShowOnPuaMode(2)"> <mat-tab label="{{tabLabels[2]}}" *ngIf="canShowOnPuaMode(2)">
<div class="pastis-tab-container"> <div class="pastis-tab-container">
<ng-template matTabContent> <ng-template matTabContent>
<pastis-file-tree [nestedTreeControl]="nestedTreeControl" <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
[nestedDataSource]="nestedDataSource" [nestedDataSource]="nestedDataSource"
[rootElementName]="rootNames[2]" [rootElementName]="rootNames[2]"
[rootElementShowName]="displayedRootNames[2]" [rootElementShowName]="displayedRootNames[2]"
[childrenListToInclude]="rulesTabChildrenToInclude" [childrenListToInclude]="rulesTabChildrenToInclude"
[childrenListToExclude]="rulesTabChildrenToExclude" [childrenListToExclude]="rulesTabChildrenToExclude"
[shouldLoad]="isTabClicked(2)" [shouldLoad]="isTabClicked(2)"
[collectionName]="collectionNames[2]"> [collectionName]="collectionNames[2]">
</pastis-file-tree> </pastis-file-tree>
</ng-template> </ng-template>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="{{tabLabels[3]}}" *ngIf="canShowOnPuaMode(3)"> <mat-tab label="{{tabLabels[3]}}" *ngIf="canShowOnPuaMode(3)">
<div class="pastis-tab-container"> <div class="pastis-tab-container">
<ng-template matTabContent> <ng-template matTabContent>
<pastis-file-tree [nestedTreeControl]="nestedTreeControl" <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
[nestedDataSource]="nestedDataSource" [nestedDataSource]="nestedDataSource"
[rootElementName]="rootNames[3]" [rootElementName]="rootNames[3]"
[rootElementShowName]="displayedRootNames[3]" [rootElementShowName]="displayedRootNames[3]"
[childrenListToInclude]="treeTabChildrenToInclude" [childrenListToInclude]="treeTabChildrenToInclude"
[childrenListToExclude]="treeTabChildrenToExclude" [childrenListToExclude]="treeTabChildrenToExclude"
[shouldLoad]="isTabClicked(3)" [shouldLoad]="isTabClicked(3)"
[collectionName]="collectionNames[3]"> [collectionName]="collectionNames[3]">
</pastis-file-tree> </pastis-file-tree>
</ng-template> </ng-template>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="{{tabLabels[4]}}" *ngIf="canShowOnPuaMode(4)"> <mat-tab label="{{tabLabels[4]}}" *ngIf="canShowOnPuaMode(4)">
<div class="pastis-tab-container"> <div class="pastis-tab-container">
<ng-template matTabContent> <ng-template matTabContent>
<pastis-file-tree [nestedTreeControl]="nestedTreeControl" <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
[nestedDataSource]="nestedDataSource" [nestedDataSource]="nestedDataSource"
[rootElementName]="rootNames[4]" [rootElementName]="rootNames[4]"
[rootElementShowName]="displayedRootNames[4]" [rootElementShowName]="displayedRootNames[4]"
[childrenListToInclude]="objectTabChildrenToInclude" [childrenListToInclude]="objectTabChildrenToInclude"
[childrenListToExclude]="objectTabChildrenToExclude" [childrenListToExclude]="objectTabChildrenToExclude"
[shouldLoad]="isTabClicked(4)" [shouldLoad]="isTabClicked(4)"
[collectionName]="collectionNames[4]"> [collectionName]="collectionNames[4]">
</pastis-file-tree> </pastis-file-tree>
</ng-template> </ng-template>
</div> </div>
</mat-tab> </mat-tab>
</mat-tab-group> </mat-tab-group>
</div> </div>
......
...@@ -8,9 +8,10 @@ ...@@ -8,9 +8,10 @@
border-bottom: solid var(--vitamui-grey-200); border-bottom: solid var(--vitamui-grey-200);
} }
.mat-table{ .mat-table{
background-color: #F6F3FB;
position: fixed; position: fixed;
top: 220px; top: 220px;
height: 400px; height: 100%;
width: 450px; width: 450px;
} }
.pastis-edit-profile-header-name{ .pastis-edit-profile-header-name{
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<!--Arrow button conainer--> <!--Arrow button conainer-->
<div class="pastis-position-btn-arrow-back"> <div class="pastis-position-btn-arrow-back">
<button class="btn btn-circle primary small" tooltip="Retour vers la liste des profils" placement="bottom" <button class="btn btn-circle primary small" tooltip="Retour vers la liste des profils" placement="bottom"
show-delay="0" tooltip-class="pastis-tooltip-class" (click)="goBack()"> show-delay="0" tooltip-class="pastis-tooltip-class" (click)="goBack()">
<i class="material-icons">arrow_back</i> <i class="material-icons">arrow_back</i>
</button> </button>
</div> </div>
...@@ -35,12 +35,12 @@ ...@@ -35,12 +35,12 @@
</div> --> </div> -->
<!--Button save--> <!--Button save-->
<div class="panel-buttons" tooltip="Enregistrer le profil" placement="top" show-delay="0" <div class="panel-buttons" tooltip="Enregistrer le profil" placement="top" show-delay="0"
tooltip-class="pastis-tooltip-class"> tooltip-class="pastis-tooltip-class">
<pastis-user-action-save-profile></pastis-user-action-save-profile> <pastis-user-action-save-profile></pastis-user-action-save-profile>
</div> </div>
<!--Button setting--> <!--Button setting-->
<div class="panel-buttons" tooltip="Télécharger le manuel d'utilisation de PASTIS" placement="top" <div class="panel-buttons" tooltip="Télécharger le manuel d'utilisation de PASTIS" placement="top"
show-delay="0" tooltip-class="pastis-tooltip-class"> show-delay="0" tooltip-class="pastis-tooltip-class">
<pastis-user-action-download-doc></pastis-user-action-download-doc> <pastis-user-action-download-doc></pastis-user-action-download-doc>
</div> </div>
</div> </div>
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<!--Metatada table container--> <!--Metatada table container-->
<div class="pastis-table-container"> <div class="pastis-table-container">
<table mat-table [dataSource]="matDataSource" *ngIf="shouldLoadMetadataTable(); else complexElementWithouChild" <table mat-table [dataSource]="matDataSource" *ngIf="shouldLoadMetadataTable(); else complexElementWithouChild"
class="list-profile-table"> class="list-profile-table">
<!-- Name Column --> <!-- Name Column -->
<ng-container matColumnDef="nomDuChamp"> <ng-container matColumnDef="nomDuChamp">
<th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col">Nom de la métadonnée</th> <th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col">Nom de la métadonnée</th>
...@@ -60,12 +60,12 @@ ...@@ -60,12 +60,12 @@
tooltip="{{getSedaDefinition(element.nomDuChamp)}}" placement="right" show-delay="0" tooltip="{{getSedaDefinition(element.nomDuChamp)}}" placement="right" show-delay="0"
tooltip-class="pastis-tooltip-class"> tooltip-class="pastis-tooltip-class">
<mat-icon *ngIf="isElementComplex(element.nomDuChamp)" svgIcon="complex-element" <mat-icon *ngIf="isElementComplex(element.nomDuChamp)" svgIcon="complex-element"
class="pastis-ico-complex-element"> class="pastis-ico-complex-element">
</mat-icon> </mat-icon>
{{element.nomDuChamp}} {{element.nomDuChamp}}
<mat-icon *ngIf="!isSedaCardinalityConform(element.cardinalite,selectedCardinalities[j])" <mat-icon *ngIf="!isSedaCardinalityConform(element.cardinalite,selectedCardinalities[j])"
matTooltip="La cardinalité n'est pas conforme aux specifications du SEDA 2.1" matTooltipPosition="above" matTooltip="La cardinalité n'est pas conforme aux specifications du SEDA 2.1" matTooltipPosition="above"
matTooltipClass="pastis-table-content"> matTooltipClass="pastis-table-content">
info info
</mat-icon> </mat-icon>
</span> </span>
...@@ -79,18 +79,18 @@ ...@@ -79,18 +79,18 @@
<ng-container [ngSwitch]="getMetadataInputType(element)"> <ng-container [ngSwitch]="getMetadataInputType(element)">
<ng-container *ngSwitchCase="'date'"> <ng-container *ngSwitchCase="'date'">
<input [ngModel]="element.valeurFixe" theme="dp-material" class="value-text-area pastis-table-content" <input [ngModel]="element.valeurFixe" theme="dp-material" class="value-text-area pastis-table-content"
[dpDayPicker]="config" (ngModelChange)="setNodeValue(element,$event)"> [dpDayPicker]="config" (ngModelChange)="setNodeValue(element,$event)">
</ng-container> </ng-container>
<ng-container *ngSwitchCase="'enumeration'"> <ng-container *ngSwitchCase="'enumeration'">
<mat-select placeholder="Choisissez une valeur" [ngModel]="element.valeurFixe" <mat-select placeholder="Choisissez une valeur" [ngModel]="element.valeurFixe"
(ngModelChange)="setNodeValue(element,$event)" class="select-border"> (ngModelChange)="setNodeValue(element,$event)" class="select-border">
<mat-option [value]=""></mat-option> <mat-option [value]=""></mat-option>
<mat-option *ngFor="let val of element.enumeration" [value]="val">{{val}}</mat-option> <mat-option *ngFor="let val of element.enumeration" [value]="val">{{val}}</mat-option>
</mat-select> </mat-select>
</ng-container> </ng-container>
<ng-container *ngIf="!checkElementType(element.nomDuChamp)"> <ng-container *ngIf="!checkElementType(element.nomDuChamp)">
<textarea matInput *ngSwitchDefault [ngModel]="element.valeurFixe" <textarea matInput *ngSwitchDefault [ngModel]="element.valeurFixe"
(ngModelChange)="setNodeValue(element,$event)" class="value-text-area pastis-table-content"> (ngModelChange)="setNodeValue(element,$event)" class="value-text-area pastis-table-content">
</textarea> </textarea>
</ng-container> </ng-container>
</ng-container> </ng-container>
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
<th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col">Cardinalité </th> <th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col">Cardinalité </th>
<td mat-cell *matCellDef="let element;index as i" class="pastis-metadata-table-col-small"> <td mat-cell *matCellDef="let element;index as i" class="pastis-metadata-table-col-small">
<mat-select [ngModel]="selectedCardinalities[i]" panelClass="cardinality-dropdown " <mat-select [ngModel]="selectedCardinalities[i]" panelClass="cardinality-dropdown "
(ngModelChange)="setNodeChildrenCardinalities(element,$event)" disableRipple="true" class="select-border"> (ngModelChange)="setNodeChildrenCardinalities(element,$event)" disableRipple="true" class="select-border">
<mat-option *ngFor="let c of element.cardinalite" [value]="c"> <mat-option *ngFor="let c of element.cardinalite" [value]="c">
<span class="cardinality-text">{{c}}</span> <span class="cardinality-text">{{c}}</span>
</mat-option> </mat-option>
...@@ -116,12 +116,12 @@ ...@@ -116,12 +116,12 @@
<th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col"> Commentaire </th> <th mat-header-cell *matHeaderCellDef class="pastis-font-table-header pastis-col"> Commentaire </th>
<td mat-cell *matCellDef="let element;index as i" class="pastis-metadata-table-col-large"> <td mat-cell *matCellDef="let element;index as i" class="pastis-metadata-table-col-large">
<textarea matInput [ngModel]="element.commentaire" (ngModelChange)="setDocumentation(element,$event)" <textarea matInput [ngModel]="element.commentaire" (ngModelChange)="setDocumentation(element,$event)"
class="comment-text-area "> class="comment-text-area ">
</textarea> </textarea>
<!--Menu options--> <!--Menu options-->
<mat-menu #menu="matMenu" [overlapTrigger]="false" class="pastis-item-menu" xPosition="before" <mat-menu #menu="matMenu" [overlapTrigger]="false" class="pastis-item-menu" xPosition="before"
yPosition="below"> yPosition="below">
<!-- Dupliquer--> <!-- Dupliquer-->
<button mat-menu-item> <button mat-menu-item>
<mat-icon style="color:#757575">filter_none</mat-icon> <mat-icon style="color:#757575">filter_none</mat-icon>
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
<!-- @Attributs--> <!-- @Attributs-->
<mat-divider *ngIf="hasAttributes(element.nomDuChamp)" style="border-top-color:#E0E0E0;"></mat-divider> <mat-divider *ngIf="hasAttributes(element.nomDuChamp)" style="border-top-color:#E0E0E0;"></mat-divider>
<button *ngIf="hasAttributes(element.nomDuChamp);" (click)="onEditAttributesClick(element.id)" <button *ngIf="hasAttributes(element.nomDuChamp);" (click)="onEditAttributesClick(element.id)"
mat-menu-item> mat-menu-item>
<mat-icon style="color:#757575">alternate_email</mat-icon> <mat-icon style="color:#757575">alternate_email</mat-icon>
<span class="pastis-item-menu-text">Attributs de métadonnée</span> <span class="pastis-item-menu-text">Attributs de métadonnée</span>
</button> </button>
...@@ -144,9 +144,9 @@ ...@@ -144,9 +144,9 @@
</mat-menu> </mat-menu>
<button id="menuBtn" *ngIf="isRowHovered(element.id)" mat-icon-button [matMenuTriggerFor]="menu" <button id="menuBtn" *ngIf="isRowHovered(element.id)" mat-icon-button [matMenuTriggerFor]="menu"
(click)="onButtonClicked(element.id,$event)" disableRipple="true" (menuOpened)="rowIndex = i" (click)="onButtonClicked(element.id,$event)" disableRipple="true" (menuOpened)="rowIndex = i"
(menuClosed)="rowIndex = 100" (menuClosed)="rowIndex = 100"
[ngClass]="{'pastis-btn-metadata-options-active': isButtonClicked(element.id,matDataSource.data[rowIndex]), [ngClass]="{'pastis-btn-metadata-options-active': isButtonClicked(element.id,matDataSource.data[rowIndex]),
'pastis-btn-metadata-options': !isButtonClicked(element.id,matDataSource.data[rowIndex]) }"> 'pastis-btn-metadata-options': !isButtonClicked(element.id,matDataSource.data[rowIndex]) }">
<mat-icon <mat-icon
[ngClass]="{'pastis-ico-menu-active': isButtonClicked(element.id,matDataSource.data[rowIndex]), [ngClass]="{'pastis-ico-menu-active': isButtonClicked(element.id,matDataSource.data[rowIndex]),
...@@ -159,23 +159,20 @@ ...@@ -159,23 +159,20 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns;sticky: true" class="pastis-table-row-header"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns;sticky: true" class="pastis-table-row-header"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" class="pastis-table-row" <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="pastis-table-row"
(mouseenter)="onMouseOver(row)" (mouseleave)="onMouseLeave(row)"></tr> (mouseenter)="onMouseOver(row)" (mouseleave)="onMouseLeave(row)"></tr>
</table> </table>
<!--Button add metadata-->
<div class="button-container">
<button *ngIf="checkElementType()" class="pastis-btn-add-tag"
(click)="onAddNode()">{{resolveButtonLabel(clickedNode)}}
</button>
<br><br>
</div>
</div> </div>
<ng-template #complexElementWithouChild> <ng-template #complexElementWithouChild>
<div class="complex-element-no-child"> La métadonnée {{clickedNode.name}} ne contient pas de métadonnées filles. <div class="complex-element-no-child"> La métadonnée {{clickedNode.name}} ne contient pas de métadonnées filles.
Vous devez lui en ajouter au moins une pour pouvoir l'utiliser dans votre profil.</div> Vous devez lui en ajouter au moins une pour pouvoir l'utiliser dans votre profil.</div>
</ng-template> </ng-template>
<!--Button add metadata-->
<div class="button-container">
<button *ngIf="checkElementType()" class="btn primary"
(click)="onAddNode()">{{resolveButtonLabel(clickedNode)}}
</button>
<br><br>
</div>
</mat-sidenav-content> </mat-sidenav-content>
</mat-sidenav-container> </mat-sidenav-container>
\ No newline at end of file
...@@ -242,17 +242,17 @@ tr:hover .pastis-btn-appear { ...@@ -242,17 +242,17 @@ tr:hover .pastis-btn-appear {
max-height: 425px; max-height: 425px;
width: 60%; width: 60%;
left: 475px; left: 475px;
padding-top: 60px; margin-top: 60px;
top: 0%; top: 0%;
position: relative; position: relative;
} }
.button-container { .button-container {
position: absolute; position: relative;
width: 230px; width: 270px;
height: 50px; height: 50px;
left: 120px; left: 475px;
top: 745px; top: 50px;
} }
...@@ -401,3 +401,7 @@ dp-day-calendar .dp-day-calendar-container { ...@@ -401,3 +401,7 @@ dp-day-calendar .dp-day-calendar-container {
.complex-element-no-child { .complex-element-no-child {
text-align: left; text-align: left;
} }
.mat-sidenav-content{
height: 800px;
}
<mat-tree *ngIf="nestedTreeControl && nestedDataSource" [dataSource]="nestedDataSource" <mat-tree *ngIf="nestedTreeControl && nestedDataSource" [dataSource]="nestedDataSource"
[treeControl]="nestedTreeControl" #treeSelector class="pastis-tree"> [treeControl]="nestedTreeControl" #treeSelector class="pastis-tree">
<!-- Nested tree node--> <!-- Nested tree node-->
<mat-nested-tree-node *matTreeNodeDef="let node;when:hasNestedChild"> <mat-nested-tree-node *matTreeNodeDef="let node;when:hasNestedChild">
<ng-container *ngIf="!isAttribute(node) && shouldBeOnTab(node) && node" > <ng-container *ngIf="!isAttribute(node) && shouldBeOnTab(node) && node" >
<mat-list-item <mat-list-item
class="list-item" (mouseover)="hover=node.children.length" (click)="updateMedataTable(node);nestedTreeControl.expand(node)" class="list-item" (mouseover)="hover=node.children.length" (click)="updateMedataTable(node);nestedTreeControl.expand(node)"
style="margin-left:40px;margin-right:40px"> style="margin-left:40px;margin-right:40px">
<!--Root node name--> <!--Root node name-->
<span *ngIf="node.name === rootElementName" class="pastis-tree-node-root-name"> <span *ngIf="node.name === rootElementName" class="pastis-tree-node-root-name">
<span [ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}"> <span [ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}">
{{rootElementShowName}} {{rootElementShowName}}
</span> </span>
<span *ngIf="node.name === rootElementName && node.name === 'DescriptiveMetadata'" > <!--<span *ngIf="node.name === rootElementName && node.name === 'DescriptiveMetadata'" >
<span class="pastis-add-ua-text" (click)= "addArchiveUnit(node)"> Ajouter&nbsp;une&nbsp;UA <span class="pastis-add-ua-text" (click)= "addArchiveUnit(node)"> Ajouter&nbsp;une&nbsp;UA -->
<!--Button plus--> <!--Button plus-->
<!--<mat-icon svgIcon="plus-blue" <!--<mat-icon svgIcon="plus-blue"
class="pastis-ico-plus-blue" class="pastis-ico-plus-blue"
(click)= "addArchiveUnit(node)"> (click)= "addArchiveUnit(node)">
</mat-icon>--> </mat-icon>-->
<button class="pastis-btn-rounded-ua pastis-btn-add-ua"> <!-- <button class="pastis-btn-rounded-ua pastis-btn-add-ua">
<mat-icon class="pastis-ico-plus">add</mat-icon> <mat-icon class="pastis-ico-plus">add</mat-icon>
</button> </button> -->
</span> <!--</span>
</span> </span>-->
<mat-divider class="pastis-divider"></mat-divider> <mat-divider class="pastis-divider"></mat-divider>
</span> </span>
<!--Root children without children--> <!--Root children without children-->
<span *ngIf="!node.children.length && node.name !== rootElementName <span *ngIf="!node.children.length && node.name !== rootElementName
&& isPartOfCollection(node) && shouldBeOnTab(node) && !isAttribute(node)" && isPartOfCollection(node) && shouldBeOnTab(node) && !isAttribute(node)"
class="pastis-tree-node-name" (click)="updateMedataTable(node)" class="pastis-tree-node-name" (click)="updateMedataTable(node)"
[ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}"> [ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}">
<span>{{onResolveName(node)}}</span> <span>{{onResolveName(node)}}</span>
<mat-divider class="pastis-divider"></mat-divider> <mat-divider class="pastis-divider"></mat-divider>
</span> </span>
...@@ -42,39 +42,39 @@ ...@@ -42,39 +42,39 @@
<span *ngIf="node.children.length && node.name !== rootElementName <span *ngIf="node.children.length && node.name !== rootElementName
&& isPartOfCollection(node) && shouldBeOnTab(node) && !isAttribute(node)" && isPartOfCollection(node) && shouldBeOnTab(node) && !isAttribute(node)"
[ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}" (click)="updateMedataTable(node)"> [ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}" (click)="updateMedataTable(node)">
<button *ngIf="isElementComplexAndHasChildren(node)" <button *ngIf="isElementComplexAndHasChildren(node)"
mat-icon-button matTreeNodeToggle mat-icon-button matTreeNodeToggle
class="pastis-chevron-icon" class="pastis-chevron-icon"
(click)="updateMedataTable(node)"> (click)="updateMedataTable(node)">
<mat-icon>{{nestedTreeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}</mat-icon> <mat-icon>{{nestedTreeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}</mat-icon>
</button> </button>
<span class="pastis-tree-node-name"> <span class="pastis-tree-node-name">
<span>{{onResolveName(node)}}</span> <span>{{onResolveName(node)}}</span>
<span *ngIf="node.name === 'ArchiveUnit'" <!--<span *ngIf="node.name === 'ArchiveUnit'"
style="float: right;" style="float: right;"
tooltip="Ajouter une UA" tooltip="Ajouter une UA"
tooltip-class="pastis-tooltip-class"> tooltip-class="pastis-tooltip-class">-->
<!--Button plus--> <!--Button plus-->
<button class="pastis-btn-rounded-ua-grey pastis-btn-add-ua"> <!-- <button class="pastis-btn-rounded-ua-grey pastis-btn-add-ua">
<mat-icon class="pastis-ico-plus" (click)= "addArchiveUnit(node)">add</mat-icon> <mat-icon class="pastis-ico-plus" (click)= "addArchiveUnit(node)">add</mat-icon>
</button> </button> -->
</span> <!--</span>-->
</span> </span>
<mat-divider class="pastis-divider"></mat-divider> <mat-divider class="pastis-divider"></mat-divider>
</span> </span>