Overdue filter: Add simple filter for overdue in UI

Signed-off-by: Marcel Mager (INST-IOT/ESB) <Marcel.Mager@bosch-si.com>

hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/filter-status.scss

@@ -13,8 +13,9 @@
   $unknown-color: $status-unknown-color;
   $in-sync-color: $signal-green-color;
   $pending-color: $signal-yellow-color;
-  $error-color: $signal-red-color;
-  $registered-color: $bosch-color-light-blue;
+  $error-color:   $signal-red-color;
+  $overdue-color: $signal-black-color;
+  $registered-color: $signal-light-blue-color;
 
   //Filter by status buttons group alignment
   .target-status-filters {
@@ -27,6 +28,10 @@
   .status-button-layout {
     height: 40px !important;
   }
+  
+  .overdue-button-layout {
+    height: 40px !important;
+  }
 
   //Filter Button applied with below styles based on the color
   .unknownBtn {
@@ -68,6 +73,16 @@
   .errorBtn:active:after {
     border-color: $error-color;
   }
+  
+  .overdueBtn {
+    background: $overdue-color;
+    border: solid 3px $overdue-color;
+  }
+  
+  .overdueBtn:focus:after,
+  .overdueBtn:active:after {
+    border-color: $overdue-color;
+  }
 
   .registeredBtn {
     background: $registered-color;

hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/hawkbitvariables.scss

@@ -101,10 +101,12 @@ $details-tab-caption-font-scale: .8;
 //Generic text style
 $generic-text-font-scale: .85;
 
-$status-unknown-color: #3085cb;
+$status-unknown-color: #d5d5d5;
 $signal-green-color: #6eb553;
 $signal-yellow-color: #ff0;
+$signal-light-blue-color: #3085cb;
 $signal-red-color: #f00;
+$signal-black-color: #000;
 $signal-orange-color: #ffa500;
 
 $grey-light: #d5d5d5;

hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/others.scss

@@ -178,7 +178,7 @@
   }
 
   .statusIconLightBlue {
-    color: $bosch-color-light-blue;
+    color: $signal-light-blue-color;
   }
 
   .v-button-statusIconLightBlue:after {
@@ -219,7 +219,7 @@
 	  pointer-events: auto !important;
    } 
   	.blueSpinner{
-	  @include valo-spinner($size: $v-font-size--small,$color: $bosch-color-light-blue);
+	  @include valo-spinner($size: $v-font-size--small,$color: $signal-light-blue-color);
 	  pointer-events: auto !important;
    } 
 

hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/target-filter-query.scss

@@ -44,7 +44,7 @@
 .target-filter-spinner{
     @include valo-spinner(
        $size: $v-font-size--small,
-       $color: $bosch-color-light-blue
+       $color: $signal-light-blue-color
      );
 }
 

hawkbit-ui/src/main/resources/messages.properties

@@ -128,8 +128,6 @@ label.combobox.type  = Select Type
 label.combobox.tag = Select Tag
 label.choose.tag = Choose Tag to update
 label.choose.tag.color = Choose Tag Color
-label.filter = Filter:
-label.target.filter.count = Total Targets:
 label.target.filtered.total = Total filtered targets :
 label.filter.selected = Selected:
 label.filter.shown = Shown:
@@ -139,6 +137,7 @@ label.filter.selected = Selected :
 label.filter.shown = Shown : 
 label.filter.targets = Filtered targets :
 label.filter.status = Status,
+label.filter.overdue = Overdue,
 label.filter.tags = Tags,
 label.filter.text = Search Text
 label.filter.dist = Distribution,
@@ -159,6 +158,7 @@ label.target.id = Controller Id :
 label.target.ip = Controller IP : 
 label.target.security.token = Security token :   
 label.filter.by.status = Filter by Status
+label.filter.by.overdue = Filter by Overdue State
 label.target.controller.attrs = <b>Controller attributes</b>
 label.target.lastpolldate = Last poll :
 label.no.tag.assigned = NO TAG
@@ -192,6 +192,7 @@ tooltip.status.registered = Registered
 tooltip.status.pending = Pending
 tooltip.status.error = Error
 tooltip.status.insync = In-sync
+tooltip.status.overdue = Overdue
 tooltip.delete.module = Select and delete Software Module
 tooltip.forced.item=Forced update action
 tooltip.soft.item=Soft update action which interacts with an user as a attempt update action for example

hawkbit-ui/src/main/resources/messages_de.properties

@@ -128,8 +128,6 @@ label.combobox.type  = Select Type
 label.combobox.tag = Select Tag
 label.choose.tag = Choose Tag to update
 label.choose.tag.color = Choose Tag Color
-label.filter = Filter:
-label.target.filter.count = Total Targets:
 label.target.filtered.total = Total filtered targets :
 label.filter.selected = Selected:
 label.filter.shown = Shown:
@@ -138,6 +136,7 @@ label.target.filter.count = Total Targets :
 label.filter.selected = Selected : 
 label.filter.shown = Shown : 
 label.filter.status = Status,
+label.filter.overdue = Overdue,
 label.filter.tags = Tags,
 label.filter.text = Search Text
 label.filter.dist = Distribution,
@@ -158,6 +157,7 @@ label.target.id = Controller Id :
 label.target.ip = Controller IP : 
 label.target.security.token = Security token : 
 label.filter.by.status = Filter by Status
+label.filter.by.overdue = Filter by Overdue State
 label.target.controller.attrs = <b>Controller attributes</b>
 label.target.lastpolldate = Last poll :
 label.no.tag.assigned = NO TAG
@@ -191,6 +191,7 @@ tooltip.status.registered = Registered
 tooltip.status.pending = Pending
 tooltip.status.error = Error
 tooltip.status.insync = In-sync
+tooltip.status.overdue = Overdue
 tooltip.delete.module = Select and delete Software Module
 tooltip.forced.item=Forced update action
 tooltip.soft.item=Soft update action which interacts with an user as a attempt update action for example

hawkbit-ui/src/main/resources/messages_en.properties

@@ -127,8 +127,6 @@ label.combobox.type  = Select Type
 label.combobox.tag = Select Tag
 label.choose.tag = Choose Tag to update
 label.choose.tag.color = Choose Tag Color
-label.filter = Filter:
-label.target.filter.count = Total Targets:
 label.target.filtered.total = Total filtered targets :
 label.filter.selected = Selected:
 label.filter.shown = Shown:
@@ -138,6 +136,7 @@ label.target.filter.count = Total Targets :
 label.filter.selected = Selected : 
 label.filter.shown = Shown : 
 label.filter.status = Status,
+label.filter.overdue = Overdue,
 label.filter.tags = Tags,
 label.filter.text = Search Text
 label.filter.dist = Distribution,
@@ -158,6 +157,7 @@ label.target.id = Controller Id :
 label.target.ip = Controller IP : 
 label.target.security.token = Security token :   
 label.filter.by.status = Filter by Status
+label.filter.by.overdue = Filter by Overdue State
 label.target.controller.attrs = <b>Controller attributes</b>
 label.target.lastpolldate = Last poll :
 label.no.tag.assigned = NO TAG
@@ -191,6 +191,7 @@ tooltip.status.registered = Registered
 tooltip.status.pending = Pending
 tooltip.status.error = Error
 tooltip.status.insync = In-sync
+tooltip.status.overdue = Overdue
 tooltip.delete.module = Select and delete Software Module
 tooltip.forced.item=Forced update action
 tooltip.soft.item=Soft update action which interacts with an user as a attempt update action for example