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-name">
<p class="text large bold text-primary">Nom du profil d' unité archivistique</p>
......
......@@ -8,9 +8,10 @@
border-bottom: solid var(--vitamui-grey-200);
}
.mat-table{
background-color: #F6F3FB;
position: fixed;
top: 220px;
height: 400px;
height: 100%;
width: 450px;
}
.pastis-edit-profile-header-name{
......
......@@ -161,21 +161,18 @@
<tr mat-row *matRowDef="let row; columns: displayedColumns;" class="pastis-table-row"
(mouseenter)="onMouseOver(row)" (mouseleave)="onMouseLeave(row)"></tr>
</table>
</div>
<ng-template #complexElementWithouChild>
<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>
</ng-template>
<!--Button add metadata-->
<div class="button-container">
<button *ngIf="checkElementType()" class="pastis-btn-add-tag"
<button *ngIf="checkElementType()" class="btn primary"
(click)="onAddNode()">{{resolveButtonLabel(clickedNode)}}
</button>
<br><br>
</div>
</div>
<ng-template #complexElementWithouChild>
<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>
</ng-template>
</mat-sidenav-content>
</mat-sidenav-container>
......@@ -242,17 +242,17 @@ tr:hover .pastis-btn-appear {
max-height: 425px;
width: 60%;
left: 475px;
padding-top: 60px;
margin-top: 60px;
top: 0%;
position: relative;
}
.button-container {
position: absolute;
width: 230px;
position: relative;
width: 270px;
height: 50px;
left: 120px;
top: 745px;
left: 475px;
top: 50px;
}
......@@ -401,3 +401,7 @@ dp-day-calendar .dp-day-calendar-container {
.complex-element-no-child {
text-align: left;
}
.mat-sidenav-content{
height: 800px;
}
......@@ -14,18 +14,18 @@
<span [ngStyle]="{'margin-left': calculateNodePosition(node) + 'px'}">
{{rootElementShowName}}
</span>
<span *ngIf="node.name === rootElementName && node.name === 'DescriptiveMetadata'" >
<span class="pastis-add-ua-text" (click)= "addArchiveUnit(node)"> Ajouter&nbsp;une&nbsp;UA
<!--<span *ngIf="node.name === rootElementName && node.name === 'DescriptiveMetadata'" >
<span class="pastis-add-ua-text" (click)= "addArchiveUnit(node)"> Ajouter&nbsp;une&nbsp;UA -->
<!--Button plus-->
<!--<mat-icon svgIcon="plus-blue"
class="pastis-ico-plus-blue"
(click)= "addArchiveUnit(node)">
</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>
</button>
</span>
</span>
</button> -->
<!--</span>
</span>-->
<mat-divider class="pastis-divider"></mat-divider>
</span>
......@@ -51,15 +51,15 @@
</button>
<span class="pastis-tree-node-name">
<span>{{onResolveName(node)}}</span>
<span *ngIf="node.name === 'ArchiveUnit'"
<!--<span *ngIf="node.name === 'ArchiveUnit'"
style="float: right;"
tooltip="Ajouter une UA"
tooltip-class="pastis-tooltip-class">
tooltip-class="pastis-tooltip-class">-->
<!--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>
</button>
</span>
</button> -->
<!--</span>-->
</span>
<mat-divider class="pastis-divider"></mat-divider>
</span>
......@@ -73,7 +73,7 @@
<ul [hidden]="!nestedTreeControl.isExpanded(node)" class="pastis-tree-ul">
<ng-container matTreeNodeOutlet></ng-container>
</ul>
</ng-container>
</ng-container>
</mat-nested-tree-node>
......
......@@ -133,9 +133,10 @@
.mat-list-item{
display:block !important;
text-align-last:left;
background-color: #FFFF;
margin-top: 5px;
}
.list-item-no-children:hover{
background: rgba(92, 186, 169, 0.15);
......@@ -147,8 +148,8 @@
.pastis-tree-ul {
margin-top: 5px;
padding-left: 0px;
margin: 0px;
}
.pastis-add-ua-text {
......@@ -219,3 +220,6 @@
.pastis-ico-add-ua-grey {
@extend .pastis-ico-svg;
}
.pastis-tree{
background-color: #F6F3FB;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment