From 90ec5036bf5529da40c3fbf9af31b3be282ee967 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Holger=20B=C3=B6rchers?= <holgerb83@gmail.com>
Date: Sun, 23 Aug 2020 21:09:05 +0200
Subject: [PATCH] Created first component

---
 UserService.db                         | Bin 40960 -> 40960 bytes
 UserService/Pages/SecurityGroups.razor |   2 +-
 UserService/Pages/Users.razor          |  26 +++----------------------
 UserService/Shared/UserIsActive.razor  |  20 +++++++++++++++++++
 4 files changed, 24 insertions(+), 24 deletions(-)
 create mode 100644 UserService/Shared/UserIsActive.razor

diff --git a/UserService.db b/UserService.db
index 8f92d5647a5419319f5ccd78b1a4d74f46463316..6b7aa385c92dd4463502082b7ec6098d6e2974fb 100644
GIT binary patch
delta 88
zcmV-e0H^<ezyg540<Z=!6o3E@+7Ag2eh*a+tq&;=)(@)=fU^-0W)2i90t)~c009*l
u86OD%YGH0^Zejehls<AX3d{fx`w#XH@DI$h5OBN?1qA~E0sOPke=i_hw;J34

delta 87
zcmV-d0I2_fzyg540<Z=!6oCK^+7Ag2eh*a+tq&;=)(@)=fwK`1XATo80t)~c000#k
t86OA$YGH0^Zeg>OK5{V%%>WPk5B3ku5Ad@PaJ&x%00aX70khG6FCZv^7~=o{

diff --git a/UserService/Pages/SecurityGroups.razor b/UserService/Pages/SecurityGroups.razor
index e3bdce5..e407432 100644
--- a/UserService/Pages/SecurityGroups.razor
+++ b/UserService/Pages/SecurityGroups.razor
@@ -48,7 +48,7 @@ else
                 </Button>
             </SaveCommandTemplate>
             <CancelCommandTemplate>
-                <Button Color="Color.Danger" Clicked="@context.Clicked" title="Cancel editing">
+                <Button Color="Color.Secondary" Clicked="@context.Clicked" title="Cancel editing">
                     <i class="far fa-times-circle"></i>
                 </Button>
             </CancelCommandTemplate>
diff --git a/UserService/Pages/Users.razor b/UserService/Pages/Users.razor
index 5553922..750e751 100644
--- a/UserService/Pages/Users.razor
+++ b/UserService/Pages/Users.razor
@@ -49,7 +49,7 @@ else
                 </Button>
             </SaveCommandTemplate>
             <CancelCommandTemplate>
-                <Button Color="Color.Danger" Clicked="@context.Clicked" title="Cancel editing">
+                <Button Color="Color.Secondary" Clicked="@context.Clicked" title="Cancel editing">
                     <i class="far fa-times-circle"></i>
                 </Button>
             </CancelCommandTemplate>
@@ -100,31 +100,11 @@ else
         </DataGridSelectColumn>
         <DataGridCheckColumn TItem="User" Field="@nameof(User.IsActive)" Caption="Active" Editable="true" >
             <DisplayTemplate>
-                @{
-                        if(((User) context ).IsActive){
-                            <span style="color: green;">
-                                <i class="far fa-check-circle"></i>
-                            </span>
-                        } else {
-                            <span style="color: red;">
-                                <i class="fas fa-ban"></i>
-                            </span>
-                        }
-                }
+                <UserIsActive IsActive="@(((User)context).IsActive)" />
             </DisplayTemplate>
             <EditTemplate>
                 <Switch TValue="bool" Checked="@((bool)(context.CellValue))" CheckedChanged="@(v => context.CellValue = v)">
-                    @{
-                        if((bool)(context.CellValue)){
-                            <span style="color: green;">
-                                <i class="far fa-check-circle"></i>
-                            </span>
-                        } else {
-                            <span style="color: red;">
-                                <i class="fas fa-ban"></i>
-                            </span>
-                        }
-                    }
+                    <UserIsActive IsActive="@((bool)(context.CellValue))" />
                 </Switch>
             </EditTemplate>
         </DataGridCheckColumn>
diff --git a/UserService/Shared/UserIsActive.razor b/UserService/Shared/UserIsActive.razor
new file mode 100644
index 0000000..d73de07
--- /dev/null
+++ b/UserService/Shared/UserIsActive.razor
@@ -0,0 +1,20 @@
+@{
+    if(IsActive)
+    {
+        <span style="color: green;">
+            <i class="far fa-check-circle"></i>
+        </span>
+    } 
+    else 
+    {
+        <span style="color: red;">
+            <i class="fas fa-ban"></i>
+        </span>
+    }
+}
+
+                    
+@code {
+    [Parameter]
+    public bool IsActive { get; set; }
+}
\ No newline at end of file