Feat/timer/stylechange (#341)

* feat: multi color progress bar

* add color support to minimal timer

Co-Authored-By: Fabian Posenau <19673098+kellhogs@users.noreply.github.com>

---------

Co-authored-by: Fabian Posenau <fabian@fphome.de>
Co-authored-by: Carlos Valente <34649812+cpvalente@users.noreply.github.com>
Co-authored-by: Fabian Posenau <19673098+kellhogs@users.noreply.github.com>

apps/server/src/controllers/ontimeController.ts

@@ -246,6 +246,11 @@ export const postViewSettings = async (req, res) => {
     const newData = {
       overrideStyles: req.body.overrideStyles,
       endMessage: req.body?.endMessage || '',
+      normalColor: req.body.normalColor,
+      warningColor: req.body.warningColor,
+      warningThreshold: req.body.warningThreshold,
+      dangerColor: req.body.dangerColor,
+      dangerThreshold: req.body.dangerThreshold,
     };
     await DataProvider.setViewSettings(newData);
     res.status(200).send(newData);

apps/server/src/models/dataModel.ts

@@ -19,6 +19,11 @@ export const dbModel: DatabaseModel = {
   },
   viewSettings: {
     overrideStyles: false,
+    normalColor: '#ffffffcc',
+    warningColor: '#FFAB33',
+    warningThreshold: 120000,
+    dangerColor: '#ED3333',
+    dangerThreshold: 60000,
     endMessage: '',
   },
   aliases: [],

apps/server/src/utils/parserFunctions.ts

@@ -144,6 +144,11 @@ export const parseViewSettings = (data, enforce): ViewSettings => {
 
     const viewSettings = {
       overrideStyles: v.overrideStyles ?? dbModel.viewSettings.overrideStyles,
+      normalColor: v.normalColor ?? dbModel.viewSettings.normalColor,
+      warningColor: v.warningColor ?? dbModel.viewSettings.warningColor,
+      warningThreshold: v.warningThreshold ?? dbModel.viewSettings.warningThreshold,
+      dangerColor: v.dangerColor ?? dbModel.viewSettings.dangerColor,
+      dangerThreshold: v.dangerThreshold ?? dbModel.viewSettings.dangerThreshold,
       endMessage: v.endMessage ?? dbModel.viewSettings.endMessage,
     };