DEV to master

.env.dist

@@ -40,3 +40,7 @@ MESSENGER_TRANSPORT_RESULTS_DSN=doctrine://default?queue_name=results
 ###< symfony/mailer ###
 
 CHECK_SCRIPTS_PATH="scripts/checks"
+
+###> php-amqplib/rabbitmq-bundle ###
+RABBITMQ_URL=amqp://guest:guest@localhost:5672
+###< php-amqplib/rabbitmq-bundle ###

.gitignore

@@ -26,4 +26,6 @@ clover.xml
 /public/coverage/
 npm-debug.log
 yarn-error.log
-###< symfony/webpack-encore-bundle ###
+###< symfony/webpack-encore-bundle ###
+
+.DS_Store

assets/styles/_variables.scss

@@ -456,7 +456,7 @@ $font-family-code: var(--#{$variable-prefix}font-monospace) !default;
 // $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
 // $font-size-base effects the font size of the body text
 $font-size-root: null !default;
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+$font-size-base: 0.85rem !default; // Assumes the browser default, typically `16px`
 $font-size-sm: $font-size-base * .875 !default;
 $font-size-lg: $font-size-base * 1.25 !default;
 
@@ -699,7 +699,6 @@ $input-padding-x-lg: $input-btn-padding-x-lg !default;
 $input-font-size-lg: $input-btn-font-size-lg !default;
 
 $input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
 $input-disabled-border-color: null !default;
 
 $input-color: $body-color !default;
@@ -1065,8 +1064,8 @@ $card-border-width: $border-width !default;
 $card-border-radius: .7rem !default;
 $card-border-color: rgba($black, .125) !default;
 $card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
-$card-cap-padding-y: 1.5rem !default;
-$card-cap-padding-x: 1.5rem !default;
+$card-cap-padding-y: 0.5rem !default;
+$card-cap-padding-x: 0.5rem !default;
 $card-cap-bg: white !default;
 $card-cap-color: null !default;
 $card-height: null !default;

assets/styles/components/_accordion.scss

@@ -0,0 +1,16 @@
+.accordion-button {
+    border-bottom: 1px solid var(--o-form-control-border-color);
+
+    &.collapsed {
+        background-color: var(--o-form-control-bg-color);
+    }
+
+    &:not(.collapsed) {
+        background-color: var(--o-form-control-bg-focus-color);
+    }
+}
+
+.accordion-item {
+    color: var(--o-text-color);
+}
+

assets/styles/components/_card.scss

@@ -1,7 +1,13 @@
 .card {
     margin-bottom: 2.2rem;
     border: none;
-
+    background-color: var(--o-card-bg-color);
+
+    &.nested {
+        background-color: var(--o-card-nested-bg-color);
+        margin-bottom: 0rem;
+    }
+
     &.card-statistic {
         box-shadow: 1px 2px 5px  rgba(#2FAAF4, .5);
         background: linear-gradient(to bottom, #25a6f1, #54b9ff);
@@ -51,7 +57,6 @@
     }
     .card-body {
         padding: $card-cap-padding-y $card-cap-padding-x;
-        background-color: var(--o-card-body-bg-color);
     }
     .card-heading {
         color: #555;
@@ -129,4 +134,8 @@
             font-size: 1.8rem;
         }
     }
+
+
+
 }
+

assets/styles/components/_forms.scss

@@ -80,6 +80,11 @@
 
     }
 }
+
+.form-control::placeholder {
+  color: var(--o-form-control-placeholder-color);
+}
+
 .form-control {
     background-color: var(--o-form-control-bg-color); 
     border: 1px solid var(--o-form-control-border-color);
@@ -96,6 +101,7 @@
         background-color: var(--o-form-control-bg-focus-color);
         color: var(--o-form-control-text-color);
     }
+
 }
 .form-check {
     .form-check-input {

assets/styles/components/_pagination.scss

@@ -1,4 +1,5 @@
 .pagination {
+    margin: 0;
     @each $key, $value in $theme-colors {
         &.pagination-#{$key} {
             .page-item.active {
@@ -20,14 +21,13 @@
         }
     }
     i, svg {
-        font-size: 13px;
-        width: 13px;
-        height: 13px;
+        font-size: .6rem;
     }
     .page-link {
-        font-size: .875rem;
+        font-size: .6rem;
         background-color: var(--o-pagination-bg);
         border-color: var(--o-pagination-border-color);
+        padding: $pagination-padding-y-sm $pagination-padding-x-sm;
         &:focus {
             box-shadow: none;
         }

assets/styles/components/_table.scss

@@ -10,6 +10,7 @@
 .table {
     > :not(caption) > * > * {
         color: var(--o-table-text-color);
+        padding: 0.2rem;
     }
 
     tr, td, th {
@@ -19,19 +20,22 @@
 
     &.table-sm {
         tr td, tr th {
-            padding: 1rem;
+            padding: 0.2rem;
         }
     }
     &.table-md {
         tr td, tr th {
-            padding: 1rem;
+            padding: 0.2rem;
         }
     }
     &.table-lg {
         tr td, tr th {
-            padding: 1.3rem;
+            padding: 0.2rem;
         }
     }
+    &.mw-500 {
+        max-width: 500px;
+    }
 }
 
 .dataTable-table {

assets/styles/dark.scss

@@ -1,29 +1,36 @@
 [data-bs-theme=dark] {
-    --bs-heading-color: #e6d5ac;
-    --bs-secondary-color: #ebb22d;
+  --bs-heading-color: #e6d5ac;
+  --bs-secondary-color: #ebb22d;
 
-    --o-sidebar-bg-color: #1c1d1f;
-    --o-sidebar-link-color: #858585;
-    --o-sidebar-icon-color: #fdaf00;
-
-    --o-card-header-bg-color: #3c3837;
-    --o-card-body-bg-color: #3c3837;
+  --o-sidebar-bg-color: #1c1d1f;
+  --o-sidebar-link-color: #858585;
+  --o-sidebar-icon-color: #fdaf00;
 
-    --o-pagination-bg: #3a3a3a;
-    --o-pagination-border-color: #4f4f4f;
+  --o-text-color: #adadad;
 
-    --o-table-text-color: #b5b5b5;
-    --o-table-heading-color: #e6d5ac;
-    --o-table-border-color: #544e40;
+  --o-card-header-bg-color: #3c3837;
+  --o-card-bg-color: #3c3837;
 
-    --o-topbar-bg-color: #3c3837;
+  --o-card-nested-header-bg-color: #272625;
+  --o-card-nested-bg-color: #272625;
 
-    --o-form-control-bg-color: #2c2a29;
-    --o-form-control-border-color: #474747;
-    --o-form-control-text-color: #adadad;
-    --o-form-control-bg-focus-color: #252423;
+  --o-pagination-bg: #3a3a3a;
+  --o-pagination-border-color: #4f4f4f;
+
+  --o-table-text-color: #b5b5b5;
+  --o-table-heading-color: #e6d5ac;
+  --o-table-border-color: #544e40;
+
+  --o-topbar-bg-color: #3c3837;
+
+  --o-form-control-bg-color: #2c2a29;
+  --o-form-control-border-color: #474747;
+  --o-form-control-text-color: #e2e2e2;
+  --o-form-control-bg-focus-color: #252423;
+  --o-form-control-placeholder-color: #7e7e7e;
+
+  --o-alert-bg-color: #494949;
+  --o-alert-text-color: #fff;
+  --o-alert-button-color: #fff;
 
-    --o-alert-bg-color: #494949;
-    --o-alert-text-color: #fff;
-    --o-alert-button-color: #fff;
 }

assets/styles/global.scss

@@ -5,6 +5,7 @@
 
 @import "./components/alert";
 @import "./components/avatar";
+@import "./components/accordion";
 @import "./components/badge";
 @import "./components/buttons";
 @import "./components/breadcrumb";

assets/styles/layouts/main.scss

@@ -33,3 +33,10 @@
 a {
     text-decoration: none;
 }
+
+.hint {
+    font-size: 0.8rem;
+    color: #6c757d;
+    margin-top: 0.25rem;
+    font-style: italic;
+}

assets/styles/light.scss

@@ -1,8 +1,15 @@
 [data-bs-theme=light] {
-    --o-sidebar-bg-color: #e7e7e7;
+  --o-sidebar-bg-color: #f6f6f6;
 
-    --o-topbar-bg-color: #e7e7e7;
+  --o-topbar-bg-color: #e7e7e7;
+
+  --o-card-header-bg-color: #fff;
+  --o-card-body-bg-color: #fff;
+
+  --o-form-control-bg-color: #fff;
+  --o-form-control-border-color: #f2f2f2;
+  --o-form-control-text-color: #555252;
+
+  --o-form-control-placeholder-color: #b0b0b0;
 
-    --o-card-header-bg-color: #fff;
-    --o-card-body-bg-color: #fff;
 }

composer.json

@@ -11,8 +11,10 @@
         "doctrine/doctrine-bundle": "^2.10",
         "doctrine/doctrine-migrations-bundle": "^3.2",
         "doctrine/orm": "^2.15",
+        "php-amqplib/rabbitmq-bundle": "^2.13",
         "phpdocumentor/reflection-docblock": "^5.3",
         "phpstan/phpdoc-parser": "^1.22",
+        "symfony/amqp-messenger": "6.3.*",
         "symfony/apache-pack": "^1.0",
         "symfony/asset": "6.3.*",
         "symfony/console": "6.3.*",