Skip to content
Snippets Groups Projects
Commit 2b0ec093 authored by Marlène SIMONDANT's avatar Marlène SIMONDANT
Browse files

wip: optimize repeated buttons

parent c22b2aac
Branches
Tags
1 merge request!936Resolve "[modification fiche structure] - Offre structure vs. Offre accompagnant numérique + ordre des blocs"
Hide whitespace changes
Inline Side-by-side
src/app/profile/structure-edition-summary/structure-edition-summary.component.html
+ 41
− 84
View file @ 2b0ec093
...@@ -307,40 +307,27 @@ ...@@ -307,40 +307,27 @@
<section class="proceduresAccompaniment"> <section class="proceduresAccompaniment">
<div class="sectionHeader"> <div class="sectionHeader">
<h4>Aides aux démarches en ligne</h4> <h4>Aides aux démarches en ligne</h4>
<app-button <ng-container *ngIf="offerHolder.structure || offerHolder.isMyself">
*ngIf="(offerHolder.structure || offerHolder.isMyself) && containsDigitalHelp(offerHolder.offers)" <app-button
class="hide-on-mobile" class="hide-on-mobile"
[variant]="'secondary'" [variant]="'secondary'"
[label]="'Modifier'" [label]="containsDigitalHelp(offerHolder.offers) ? 'Modifier' : 'Ajouter'"
[iconName]="'edit'" [iconName]="containsDigitalHelp(offerHolder.offers) ? 'edit' : 'plus'"
[size]="'small'" [size]="'small'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)" (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)"
/> ></app-button>
<app-button <app-icon-button
*ngIf="(offerHolder.structure || offerHolder.isMyself) && !containsDigitalHelp(offerHolder.offers)" class="hide-on-desktop"
class="hide-on-mobile" [variant]="'secondary'"
[variant]="'secondary'" [iconName]="containsDigitalHelp(offerHolder.offers) ? 'edit' : 'plus'"
[label]="'Ajouter'" [ariaLabel]="
[iconName]="'plus'" containsDigitalHelp(offerHolder.offers)
[size]="'small'" ? 'Modifier les aides aux démarches en ligne'
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)" : 'Ajouter des aides aux démarches en ligne'
/> "
<app-icon-button (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)"
*ngIf="(offerHolder.structure || offerHolder.isMyself) && containsDigitalHelp(offerHolder.offers)" ></app-icon-button>
ariaLabel="Modifier les aides aux démarches en ligne" </ng-container>
class="hide-on-desktop"
[variant]="'secondary'"
[iconName]="'edit'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)"
/>
<app-icon-button
*ngIf="(offerHolder.structure || offerHolder.isMyself) && !containsDigitalHelp(offerHolder.offers)"
ariaLabel="Ajouter des aides aux démarches en ligne"
class="hide-on-desktop"
[variant]="'secondary'"
[iconName]="'plus'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompaniment, offerHolder)"
/>
</div> </div>
<app-no-information *ngIf="!containsDigitalHelp(offerHolder.offers)" /> <app-no-information *ngIf="!containsDigitalHelp(offerHolder.offers)" />
<div *ngIf="containsDigitalHelp(offerHolder.offers)" class="inline-list"> <div *ngIf="containsDigitalHelp(offerHolder.offers)" class="inline-list">
...@@ -354,39 +341,24 @@ ...@@ -354,39 +341,24 @@
<div class="sectionHeader"> <div class="sectionHeader">
<strong>Autres démarches : </strong> <strong>Autres démarches : </strong>
<app-button <app-button
*ngIf="structure.otherDescription"
class="hide-on-mobile" class="hide-on-mobile"
[variant]="'secondary'" [variant]="'secondary'"
[label]="'Modifier'" [label]="structure.otherDescription ? 'Modifier' : 'Ajouter'"
[iconName]="'edit'" [iconName]="structure.otherDescription ? 'edit' : 'plus'"
[size]="'small'" [size]="'small'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)"
/> ></app-button>
<app-button
*ngIf="!structure.otherDescription"
class="hide-on-mobile"
[variant]="'secondary'"
[label]="'Ajouter'"
[iconName]="'plus'"
[size]="'small'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)"
/>
<app-icon-button
*ngIf="structure.otherDescription"
ariaLabel="Modifier les autres démarches en ligne"
class="hide-on-desktop"
[variant]="'secondary'"
[iconName]="'edit'"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)"
/>
<app-icon-button <app-icon-button
*ngIf="structure.otherDescription"
ariaLabel="Ajouter les autres démarches en ligne"
class="hide-on-desktop" class="hide-on-desktop"
[variant]="'secondary'" [variant]="'secondary'"
[iconName]="'plus'" [iconName]="structure.otherDescription ? 'edit' : 'plus'"
[ariaLabel]="
structure.otherDescription
? 'Modifier les autres démarches en ligne'
: 'Ajouter les autres démarches en ligne'
"
(action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)"
/> ></app-icon-button>
</div> </div>
<app-no-information *ngIf="!structure.otherDescription" /> <app-no-information *ngIf="!structure.otherDescription" />
<p *ngIf="structure.otherDescription">{{ structure.otherDescription }}</p> <p *ngIf="structure.otherDescription">{{ structure.otherDescription }}</p>
...@@ -396,39 +368,24 @@ ...@@ -396,39 +368,24 @@
<div class="sectionHeader"> <div class="sectionHeader">
<h4>Accompagnements numériques</h4> <h4>Accompagnements numériques</h4>
<app-button <app-button
*ngIf="containsDigitalLearning(offerHolder.offers)"
class="hide-on-mobile"
[variant]="'secondary'"
[label]="'Modifier'"
[iconName]="'edit'"
[size]="'small'"
(action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)"
/>
<app-button
*ngIf="!containsDigitalLearning(offerHolder.offers)"
class="hide-on-mobile" class="hide-on-mobile"
[variant]="'secondary'" [variant]="'secondary'"
[label]="'Ajouter'" [label]="containsDigitalLearning(offerHolder.offers) ? 'Modifier' : 'Ajouter'"
[iconName]="'plus'" [iconName]="containsDigitalLearning(offerHolder.offers) ? 'edit' : 'plus'"
[size]="'small'" [size]="'small'"
(action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)" (action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)"
/> ></app-button>
<app-icon-button
*ngIf="containsDigitalLearning(offerHolder.offers)"
ariaLabel="Modifier les accompagnements aux usages numériques"
class="hide-on-desktop"
[variant]="'secondary'"
[iconName]="'edit'"
(action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)"
/>
<app-icon-button <app-icon-button
*ngIf="!containsDigitalLearning(offerHolder.offers)"
ariaLabel="Ajouter les accompagnements aux usages numériques"
class="hide-on-desktop" class="hide-on-desktop"
[variant]="'secondary'" [variant]="'secondary'"
[iconName]="'plus'" [iconName]="containsDigitalLearning(offerHolder.offers) ? 'edit' : 'plus'"
[ariaLabel]="
containsDigitalLearning(offerHolder.offers)
? 'Modifier les accompagnements aux usages numériques'
: 'Ajouter les accompagnements aux usages numériques'
"
(action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)" (action)="goToEdit(structureFormStep.structureTrainingType, offerHolder)"
/> ></app-icon-button>
</div> </div>
<app-no-information *ngIf="!containsDigitalLearning(offerHolder.offers)" /> <app-no-information *ngIf="!containsDigitalLearning(offerHolder.offers)" />
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment