From 8657100f6b957abfa4f3c4c6e76ee2ea6abb31c8 Mon Sep 17 00:00:00 2001
From: Bammez <paul.bammez@worldline.com>
Date: Thu, 22 Feb 2024 09:10:21 +0100
Subject: [PATCH] card component and card page

---
 projects/ngx-cream-lib/src/lib/card/card.component.css  | 4 ----
 projects/ngx-cream-lib/src/lib/card/card.component.html | 7 ++-----
 projects/ngx-cream-lib/src/lib/card/card.component.ts   | 2 +-
 src/app/pages/card-page/card-page.component.html        | 4 +++-
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.css b/projects/ngx-cream-lib/src/lib/card/card.component.css
index 3928e72..b860892 100644
--- a/projects/ngx-cream-lib/src/lib/card/card.component.css
+++ b/projects/ngx-cream-lib/src/lib/card/card.component.css
@@ -9,10 +9,6 @@
     padding: 1rem;
 }
 
-h2 {
-    margin-bottom: 1rem;
-}
-
 a.link-button {
     position: relative;
     display: inline-flex;
diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.html b/projects/ngx-cream-lib/src/lib/card/card.component.html
index 4c8136d..d40149a 100644
--- a/projects/ngx-cream-lib/src/lib/card/card.component.html
+++ b/projects/ngx-cream-lib/src/lib/card/card.component.html
@@ -3,12 +3,9 @@
         <img [src]="'../../../../../assets/img/' + imageName" alt="">
     </p>
     <div class="card-content">
-    <!-- <c3m-h [titleLevel]="titleLevel">
+    <c3m-h titleLevel="3">
         {{ title }}
-      </c3m-h> -->
-      <h2>
-        {{ title }}
-      </h2>
+      </c3m-h>
         <p><ng-content></ng-content></p>
         <p><a class="link-button" [attr.href]="linkUrl">{{labelButton}}</a></p>
     </div>
diff --git a/projects/ngx-cream-lib/src/lib/card/card.component.ts b/projects/ngx-cream-lib/src/lib/card/card.component.ts
index 64f9604..00fd632 100644
--- a/projects/ngx-cream-lib/src/lib/card/card.component.ts
+++ b/projects/ngx-cream-lib/src/lib/card/card.component.ts
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core';
 })
 export class CardComponent {
   @Input() title: string = '';
-  @Input() titleLevel = '3';
+  // @Input() cardtitleLevel = '';
   @Input() imageName = '';
   @Input() linkUrl = "";
   @Input() labelButton = "";
diff --git a/src/app/pages/card-page/card-page.component.html b/src/app/pages/card-page/card-page.component.html
index e4b8988..9897c88 100644
--- a/src/app/pages/card-page/card-page.component.html
+++ b/src/app/pages/card-page/card-page.component.html
@@ -3,7 +3,7 @@ <h3>Card component</h3>
 
     <c3m-tabs class="block-style" label="Demo and Code">
         <c3m-tab-panel class="block-style" tabTitle="Demo" [isActive]="true">
-            <c3m-card title="Card Title" titleLevel="2" imageName="illu.jpg" linkUrl="portal/card" labelButton="Découvrir">
+            <c3m-card title="Card Title" titleLevel="2" imageName="illu.jpg" linkUrl="portal/card" labelButton="Découvrir" cardtitleLevel="5">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus natus quam maxime. 
               Repellat atque animi consequatur fugiat perferendis dicta cumque maiores minus rem facilis, 
               ex unde quo laborum sunt cupiditate.
@@ -12,7 +12,9 @@ <h3>Card component</h3>
         <c3m-tab-panel class="block-style" tabTitle="Application">
           <pre>
     &lt;c3m-card title=&#34;Card Title&#34;&gt;
+      &lt;c3m-h titleLevel=&#34;titleLevel&#34;&gt; Title &lt;/c3m-h&gt;
       &lt;NG-CONTENT&gt;
+      &lt;a href=&#34;linkUrl&#34;&gt; labelButton &lt;/a&gt;
     &lt;/c3m-card&gt;
           </pre>