chore: Add icon to button "add constraint"

geonetwork · Oct 28, 2024 · 183a6e9 · 183a6e9
1 parent b696b3b
commit 183a6e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/...nents/record-form/form-field/form-field-constraints/form-field-constraints.component.html b/...nents/record-form/form-field/form-field-constraints/form-field-constraints.component.html
@@ -14,7 +14,9 @@
       *ngIf="isAdditonalElementsVisible$ | async"
       type="gray"
       (buttonClick)="addConstraintSectionToDisplay()"
-      ><span translate="">{{
+    >
+      <mat-icon class="material-symbols-outlined text-primary">add</mat-icon>
+      &nbsp;<span translate="">{{
         additionalConstraintsButtonLabel
       }}</span></gn-ui-button
     >

diff --git a/...ponents/record-form/form-field/form-field-constraints/form-field-constraints.component.ts b/...ponents/record-form/form-field/form-field-constraints/form-field-constraints.component.ts
@@ -18,6 +18,7 @@ import { ButtonComponent, UiInputsModule } from '@geonetwork-ui/ui/inputs'
 import { map, Observable } from 'rxjs'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import { TranslateModule } from '@ngx-translate/core'
+import { MatIconModule } from '@angular/material/icon'
 
 marker('editor.record.form.constraint.add.legalConstraints')
 marker('editor.record.form.constraint.add.securityConstraints')
@@ -35,6 +36,7 @@ marker('editor.record.form.constraint.header.otherConstraints')
     UiInputsModule,
     ButtonComponent,
     TranslateModule,
+    MatIconModule,
   ],
   templateUrl: './form-field-constraints.component.html',
   styleUrls: ['./form-field-constraints.component.css'],
@@ -84,6 +86,7 @@ export class FormFieldConstraintsComponent implements OnInit {
   handleURLChange(url: URL, index: number) {
     const updatedConstraints = [...this.value]
     updatedConstraints[index].url = url
+    console.log('updatedConstraints', updatedConstraints)
     this.valueChange.emit(updatedConstraints)
   }