Make progress bars of budgets color-coded green-yellow-red

src/main/java/no/ntnu/idatt1002/demo/controller/BudgetBarController.java

@@ -24,7 +24,23 @@ public class BudgetBarController implements Initializable {
     public void setData(BudgetItem budgetItem, double leftovers) {
         nameTag.setText(budgetItem.getBudgetCategory().label);
         leftoverTag.setText(String.format("Left: %.0f", leftovers));
-        miniBar.setProgress(budgetItem.getBudgetAmount()-( leftovers/budgetItem.getBudgetAmount()));
+
+        double progress = 1+(leftovers-budgetItem.getBudgetAmount())/ budgetItem.getBudgetAmount();
+
+        if(progress < 0.25) {
+            miniBar.setStyle("-fx-accent: #ffb000;");
+            if(progress < -0.00) {
+                miniBar.setProgress(1.0);
+                miniBar.setStyle("-fx-accent: #fa5959;");
+            } else {
+                miniBar.setProgress(progress);
+            }
+        } else {
+            miniBar.setStyle("-fx-accent: rgba(48,222,109,0.8);");
+            miniBar.setProgress(progress);
+        }
+
+
     }
 
     @Override

src/main/java/no/ntnu/idatt1002/demo/controller/MainMenu.java

@@ -131,7 +131,7 @@ public class MainMenu {
     }
     overview = new Overview(incomeRegister, expenseRegister, generalBudget);
 
-    mainBar.setStyle("-fx-accent: #338333;");
+    mainBar.setStyle("-fx-accent:  rgb(48,215,106);");
 
     refreshProgressBars();
     refreshLabels();

src/main/resources/budgets/Archive.archive

-APRIL10
+APRILnew
+APRILsecond
+APRILreasonable

src/main/resources/budgets/SelectedBudget.current

-APRIL10
\ No newline at end of file
+APRILreasonable
\ No newline at end of file

src/main/resources/recipes/Fridge.register

-MILK
 YELLOW_CHEESE
 MINCED_MEAT
 ONION
 HAM
-TOMATO
 WHEAT_FLOUR
 ORANGE
 OIL
+POTATO
+OLIVE_OIL

src/main/resources/style.css

@@ -83,8 +83,18 @@
 /*.main-bar {
     -fx-accent: green;
 }*/
+/*
 
 .mini-bars {
     -fx-accent: #1e5b5b;
+}*/
 
-}
\ No newline at end of file
+.scroll-pane > .viewport {
+    -fx-background-color: transparent;
+}
+.scroll-pane {
+    -fx-background-color: rgba(255, 255, 255, 0.25);
+    -fx-border-width: 5;
+    -fx-border-radius: 5;
+    -fx-border-color: rgba(255, 255, 255, 0.75);
+}

src/main/resources/view/BudgetBar.fxml

@@ -23,7 +23,7 @@
          <children>
             <Label fx:id="leftoverTag" layoutY="-1.0" prefHeight="87.0" prefWidth="200.0" text="LeftOver" textAlignment="CENTER" wrapText="true">
                <font>
-                  <Font size="24.0" />
+                  <Font size="20.0" />
                </font>
                <padding>
                   <Insets left="15.0" />

src/main/resources/view/MainMenuNew.fxml

@@ -78,7 +78,7 @@
                   </StackPane>
                </top>
                <center>
-                  <ScrollPane prefHeight="317.0" prefWidth="750.0" BorderPane.alignment="CENTER">
+                  <ScrollPane prefHeight="317.0" prefWidth="750.0" stylesheets="@../style.css" BorderPane.alignment="CENTER">
                     <content>
                       <AnchorPane prefHeight="331.0" prefWidth="744.0">
                            <children>