From c991c07fbb15e73e4149cde734a7e6786cb71b93 Mon Sep 17 00:00:00 2001
From: JvD_Ericsson <jeff.van.dam@est.tech>
Date: Thu, 13 Oct 2022 19:13:37 +0100
Subject: Create UI Component for viewing property constraints

Issue-ID: SDC-4219
Signed-off-by: JvD_Ericsson <jeff.van.dam@est.tech>
Change-Id: Ia0e40e2ed2fd954749a74ce307f1474380f9ad71
---
 .../property-forms/base-property-form/property-form-base.less    | 2 +-
 .../component-property-form/property-form-view.html              | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'catalog-ui/src/app/view-models/forms')

diff --git a/catalog-ui/src/app/view-models/forms/property-forms/base-property-form/property-form-base.less b/catalog-ui/src/app/view-models/forms/property-forms/base-property-form/property-form-base.less
index 15e30af4ee..8682dd79fe 100644
--- a/catalog-ui/src/app/view-models/forms/property-forms/base-property-form/property-form-base.less
+++ b/catalog-ui/src/app/view-models/forms/property-forms/base-property-form/property-form-base.less
@@ -55,7 +55,7 @@
         top: 13px;
     }
 
-    .default-value-section{
+    .default-value-section, .constraints-section {
         border-top: solid 1px @main_color_a;
         padding-top: 15px;
         margin-top: 15px;
diff --git a/catalog-ui/src/app/view-models/forms/property-forms/component-property-form/property-form-view.html b/catalog-ui/src/app/view-models/forms/property-forms/component-property-form/property-form-view.html
index 105bef3ea9..35e3932586 100644
--- a/catalog-ui/src/app/view-models/forms/property-forms/component-property-form/property-form-view.html
+++ b/catalog-ui/src/app/view-models/forms/property-forms/component-property-form/property-form-view.html
@@ -261,6 +261,15 @@
                         </div>
                     </div>
                 </div>
+                <div class="constraints-section i-sdc-form-item" data-ng-if="editPropertyModel.property.constraints || !(isViewOnly || componentMetadata.isService)">
+                    <label class="i-sdc-form-label">Constraints</label>
+                    <ng-container>
+                        <app-constraints [property]="editPropertyModel.property"
+                                         [is-view-only]="isViewOnly || componentMetadata.isService"
+                                         (on-constraint-change)="onConstraintChange($event)">
+                        </app-constraints>
+                    </ng-container>
+                </div>
                 <span  class="w-sdc-form-note"  data-ng-show="forms.editForm.$invalid && false" translate="LABEL_ALL_FIELDS_ARE_MANDATORY"></span>
             </form>
         </perfect-scrollbar>
-- 
cgit 1.2.3-korg