Overdue filter: Add simple filter for overdue in UI

Signed-off-by: Marcel Mager (INST-IOT/ESB) <Marcel.Mager@bosch-si.com>
This commit is contained in:
Marcel Mager (INST-IOT/ESB)
2016-09-07 11:29:01 +02:00
parent 1d69026184
commit 2433742abf
23 changed files with 1328 additions and 183 deletions

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;
}

View File

@@ -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
);
}