From 54d9dade4b072ecf787fc3cc33bfe28d24cc1699 Mon Sep 17 00:00:00 2001
From: "zaccaria.majid" <zaccaria.majid@egalware.com>
Date: Tue, 17 Jan 2023 13:25:00 +0100
Subject: [PATCH] creata card x visualizzazione prog

---
 .../Components/ProjectsLIst.razor.css         | 41 ++++++++++++++--
 .../Components/ProjectsLIst.razor.less        | 48 +++++++++++++++++--
 .../Components/ProjectsLIst.razor.min.css     |  2 +-
 GPW.CORE.SMART/Components/ProjectsList.razor  | 24 ++++++++--
 4 files changed, 103 insertions(+), 12 deletions(-)

diff --git a/GPW.CORE.SMART/Components/ProjectsLIst.razor.css b/GPW.CORE.SMART/Components/ProjectsLIst.razor.css
index 9c8150e..b5a0139 100644
--- a/GPW.CORE.SMART/Components/ProjectsLIst.razor.css
+++ b/GPW.CORE.SMART/Components/ProjectsLIst.razor.css
@@ -1,6 +1,41 @@
 .prjCard {
-  background-color: #D9D9D9;
+  background-color: #fff;
   height: 4rem;
-  border-radius: 1.2rem;
   width: 100%;
-}
\ No newline at end of file
+  border-radius: 1.2rem;
+  display: flex;
+  justify-content: space-between;
+  align-content: start;
+}
+.prjTime,
+.prjTotHour {
+  padding: 0.5rem;
+  font-size: 1.25rem;
+  background-color: #304FFE;
+  border-radius: 1.2rem;
+  height: 100%;
+}
+.prjContent {
+  font-size: 1rem;
+  color: #000;
+  text-align: start;
+  padding-left: 0.5rem;
+}
+.prjContent .fase {
+  font-size: 0.85rem;
+  color: rgba(128, 128, 128, 0.8);
+}
+.prjContent .group {
+  font-weight: bold;
+}
+.prjContent .desc {
+  display: inline-block;
+  word-break: break-word;
+}
+.up {
+  display: flex;
+  justify-content: space-between;
+}
+/*
+.prjContent .group {
+}*/
\ No newline at end of file
diff --git a/GPW.CORE.SMART/Components/ProjectsLIst.razor.less b/GPW.CORE.SMART/Components/ProjectsLIst.razor.less
index e2261d0..2f9d969 100644
--- a/GPW.CORE.SMART/Components/ProjectsLIst.razor.less
+++ b/GPW.CORE.SMART/Components/ProjectsLIst.razor.less
@@ -1,6 +1,48 @@
-.prjCard{
-    background-color: #D9D9D9;
+.prjCard {
+    background-color: #fff;
     height: 4rem;
-    border-radius: 1.2rem;
     width: 100%;
+    border-radius: 1.2rem;
+    display: flex;
+    justify-content: space-between;
+    align-content: start;
 }
+
+.prjTime, .prjTotHour {
+    padding: 0.5rem;
+    font-size: 1.25rem;
+    background-color: #304FFE;
+    border-radius: 1.2rem;
+    height: 100%;
+}
+
+.prjContent{
+    font-size: 1rem;
+    color: #000;
+    text-align: start;
+    padding-left: 0.5rem;
+}
+
+.prjContent .fase {
+    font-size: 0.85rem;
+    color: rgba(128, 128, 128, 0.8)
+}
+
+.prjContent .group {
+    font-weight: bold;    
+}
+
+.prjContent .desc {
+    display: inline-block;
+    word-break: break-word;
+}
+
+.up {
+    display: flex;
+    justify-content: space-between;
+}
+
+/*
+.prjContent .group {
+}*/
+
diff --git a/GPW.CORE.SMART/Components/ProjectsLIst.razor.min.css b/GPW.CORE.SMART/Components/ProjectsLIst.razor.min.css
index 00395a0..ee59bed 100644
--- a/GPW.CORE.SMART/Components/ProjectsLIst.razor.min.css
+++ b/GPW.CORE.SMART/Components/ProjectsLIst.razor.min.css
@@ -1 +1 @@
-.prjCard{background-color:#d9d9d9;height:4rem;border-radius:1.2rem;width:100%;}
\ No newline at end of file
+.prjCard{background-color:#fff;height:4rem;width:100%;border-radius:1.2rem;display:flex;justify-content:space-between;align-content:start;}.prjTime,.prjTotHour{padding:.5rem;font-size:1.25rem;background-color:#304ffe;border-radius:1.2rem;height:100%;}.prjContent{font-size:1rem;color:#000;text-align:start;padding-left:.5rem;}.prjContent .fase{font-size:.85rem;color:rgba(128,128,128,.8);}.prjContent .group{font-weight:bold;}.prjContent .desc{display:inline-block;word-break:break-word;}.up{display:flex;justify-content:space-between;}
\ No newline at end of file
diff --git a/GPW.CORE.SMART/Components/ProjectsList.razor b/GPW.CORE.SMART/Components/ProjectsList.razor
index 05c77b5..a4266af 100644
--- a/GPW.CORE.SMART/Components/ProjectsList.razor
+++ b/GPW.CORE.SMART/Components/ProjectsList.razor
@@ -1,11 +1,25 @@
 @using GPW.CORE.Data.DbModels
 @using GPW.CORE.Smart.Data
 
-
-<div>
-    <div class="prjCard">
-        ciao
+@for (int i = 0; i < 5; i++)
+{
+    <div class="pt-2">
+        <div class="prjCard">
+            <div class="up">
+                <div class="prjTime">
+                    <div>08:10</div>
+                    <div>10:10</div>
+                </div>
+                <div class="prjContent">
+                    <div class="group">EgalwSW</div>
+                    <div class="fase">Sviluppo</div>
+                    <div class="desc">Aggiunte nuove funzionalità</div>
+                </div>
+            </div>
+            <div class="prjTotHour">2:00</div>
+        </div>
     </div>
-</div>
+}
+