Jonathan Starck 3 ani în urmă
părinte
comite
7234109fe1
3 a modificat fișierele cu 114 adăugiri și 65 ștergeri
  1. 78 34
      config/config.js
  2. 6 6
      css/custom.css
  3. 30 25
      css/custom.less

+ 78 - 34
config/config.js

@@ -32,7 +32,17 @@ let config = {
                         { name: 'clock', position: "top_left", carouselId: "1" },
                         { name: 'MMM-SimpleLogo', position: "top_right", carouselId: "1" },
                         { name: 'calendar', position: "middle_center", carouselId: "2" }
-                    ]
+                    ],
+                    "Slide 3": [
+                        { name: 'clock', position: "top_left", carouselId: "1" },
+                        { name: 'MMM-SimpleLogo', position: "top_right", carouselId: "1" },
+                        { name: 'calendar', position: "middle_center", carouselId: "3" }
+                    ],
+                    "Slide 4": [
+                        { name: 'clock', position: "top_left", carouselId: "1" },
+                        { name: 'MMM-SimpleLogo', position: "top_right", carouselId: "1" },
+                        { name: 'calendar', position: "middle_center", carouselId: "4" }
+                    ],
                 }
 
             }
@@ -66,7 +76,7 @@ let config = {
             position: "middle_center",
             config: {
                 carouselId: "1",
-                tableClass: "large wachenaufgaben",
+                tableClass: "large daily-overview-table wachenaufgaben",
                 fetchInterval: 600000, /* 600000 */
                 maxTitleLength: 50,
                 displaySymbol: true,
@@ -76,31 +86,7 @@ let config = {
                 maximumNumberOfDays: 1,
                 calendars: [
                     {
-                        /* Fahrzeug 21/83-1 */
-                        url: 'https://nc.x0p.it/remote.php/dav/public-calendars/exdmis8xiZc54mn3?export',
-                        symbolClass: 'rtw-symbol',
-                        titleClass: 'rtw-title',
-                        timeClass: 'rtw-time',
-                        symbol: 'truck-medical'
-                    },
-                    {
-                        /* Fahrzeug 21/84-1 */
-                        url: 'https://nc.x0p.it/remote.php/dav/public-calendars/NGATEN6qkf9wWEc6?export',
-                        symbolClass: 'nktw-symbol',
-                        titleClass: 'nktw-title',
-                        timeClass: 'nktw-time',
-                        symbol: 'truck-medical',
-                    },
-                    {
-                        /* Fahrzeug 21/85-1 */
-                        url: 'https://nc.x0p.it/remote.php/dav/public-calendars/G6Ho8gHmWk4X7qB7?export',
-                        symbolClass: 'ktw-symbol',
-                        titleClass: 'ktw-title',
-                        timeClass: 'ktw-time',
-                        symbol: 'truck-medical',
-                    },
-                    {
-                        /* RW21 ToDo */
+                        /* RW21 Wachenaufgaben */
                         url: 'https://nc.x0p.it/remote.php/dav/public-calendars/ZMGgBLGn52oATzDw?export',
                         symbolClass: 'todo-symbol',
                         titleClass: 'todo-title',
@@ -140,7 +126,7 @@ let config = {
                 position: "middle_center",
                 config: {
                     carouselId: "2",
-                    tableClass: "large wachenaufgaben",
+                    tableClass: "large daily-overview-table fahrzeugaufgaben fahrzeugaufgaben-rtw",
                     fetchInterval: 600000, /* 600000 */
                     maxTitleLength: 50,
                     displaySymbol: true,
@@ -156,14 +142,72 @@ let config = {
                             titleClass: 'rtw-title',
                             timeClass: 'rtw-time',
                             symbol: 'truck-medical'
+                        }
+                    ]
+                }
+            },
+       /*
+            !!SECTION
+        */
+              /*
+            SECTION - Slide 3
+        */
+            {
+                module: "calendar",
+                header: "MZ 21/84-1",
+                classes: "nktw-overview",
+                position: "middle_center",
+                config: {
+                    carouselId: "3",
+                    tableClass: "large daily-overview-table fahrzeugaufgaben fahrzeugaufgaben-nktw",
+                    fetchInterval: 600000, /* 600000 */
+                    maxTitleLength: 50,
+                    displaySymbol: true,
+                    showLocation: false,
+                    maxTitleLines: 1,
+                    maximumEntries: 9,
+                    maximumNumberOfDays: 1,
+                    calendars: [
+                        {
+                            /* Fahrzeug 21/84-1 */
+                            url: 'https://nc.x0p.it/remote.php/dav/public-calendars/NGATEN6qkf9wWEc6?export',
+                            symbolClass: 'nktw-symbol',
+                            titleClass: 'nktw-title',
+                            timeClass: 'nktw-time',
+                            symbol: 'truck-medical',
                         },
+                    ]
+                }
+            },
+       /*
+            !!SECTION
+        */
+              /*
+            SECTION - Slide 4
+        */
+            {
+                module: "calendar",
+                header: "MZ 21/85-1",
+                classes: "ktw-overview",
+                position: "middle_center",
+                config: {
+                    carouselId: "4",
+                    tableClass: "large daily-overview-table fahrzeugaufgaben fahrzeugaufgaben-ktw",
+                    fetchInterval: 600000, /* 600000 */
+                    maxTitleLength: 50,
+                    displaySymbol: true,
+                    showLocation: false,
+                    maxTitleLines: 1,
+                    maximumEntries: 9,
+                    maximumNumberOfDays: 1,
+                    calendars: [
                         {
-                            /* RW21 ToDo */
-                            url: 'https://nc.x0p.it/remote.php/dav/public-calendars/ZMGgBLGn52oATzDw?export',
-                            symbolClass: 'todo-symbol',
-                            titleClass: 'todo-title',
-                            timeClass: 'todotime',
-                            symbol: 'clipboard-list-check'
+                            /* Fahrzeug 21/85-1 */
+                            url: 'https://nc.x0p.it/remote.php/dav/public-calendars/G6Ho8gHmWk4X7qB7?export',
+                            symbolClass: 'ktw-symbol',
+                            titleClass: 'ktw-title',
+                            timeClass: 'ktw-time',
+                            symbol: 'truck-medical',
                         }
                     ]
                 }

+ 6 - 6
css/custom.css

@@ -23,32 +23,32 @@
   --gap-body-left: 60px;
   --gap-modules: 30px;
 }
-div.calendar table.wachenaufgaben {
+div.calendar table.daily-overview-table {
   font-size: 2.5em !important;
   border-collapse: collapse;
 }
-div.calendar table.wachenaufgaben tr {
+div.calendar table.daily-overview-table tr {
   opacity: 1 !important;
   font-size: 100% !important;
 }
-div.calendar table.wachenaufgaben tr td {
+div.calendar table.daily-overview-table tr td {
   font-size: 100% !important;
   text-align: left;
   border-bottom: 5px solid #999 !important;
   padding: 0.2em;
 }
-div.calendar table.wachenaufgaben tr td.symbol {
+div.calendar table.daily-overview-table tr td.symbol {
   display: table-cell;
   color: #fff;
   padding-right: 0;
   min-width: 1.2em;
   max-width: 1.2em;
 }
-div.calendar table.wachenaufgaben tr td.symbol span.fa {
+div.calendar table.daily-overview-table tr td.symbol span.fa {
   font-family: 'Font Awesome 6 Pro';
   font-weight: 300;
 }
-div.calendar table.wachenaufgaben tr td.time {
+div.calendar table.daily-overview-table tr td.time {
   font-size: 90%;
 }
 div.daily-overview header.module-header,

+ 30 - 25
css/custom.less

@@ -31,37 +31,39 @@
 }
 
 div.calendar {
-    table.wachenaufgaben {
-        font-size: 2.5em !important;
-        border-collapse: collapse;
+    table {
+        &.daily-overview-table {
+            font-size: 2.5em !important;
+            border-collapse: collapse;
 
-        tr {
-            opacity: 1 !important;
-            font-size: 100% !important;
-
-            td {
+            tr {
+                opacity: 1 !important;
                 font-size: 100% !important;
-                text-align: left;
-                border-bottom: 5px solid #999 !important;
-                padding: 0.2em;
 
-                &.symbol {
-                    display: table-cell;
-                    color: #fff;
-                    padding-right: 0;
-                    min-width: 1.2em;
-                    max-width: 1.2em;
+                td {
+                    font-size: 100% !important;
+                    text-align: left;
+                    border-bottom: 5px solid #999 !important;
+                    padding: 0.2em;
+
+                    &.symbol {
+                        display: table-cell;
+                        color: #fff;
+                        padding-right: 0;
+                        min-width: 1.2em;
+                        max-width: 1.2em;
 
-                    span {
-                        &.fa {
-                            font-family: 'Font Awesome 6 Pro';
-                            font-weight: 300;
+                        span {
+                            &.fa {
+                                font-family: 'Font Awesome 6 Pro';
+                                font-weight: 300;
+                            }
                         }
                     }
-                }
 
-                &.time {
-                    font-size: 90%;
+                    &.time {
+                        font-size: 90%;
+                    }
                 }
             }
         }
@@ -69,7 +71,10 @@ div.calendar {
 }
 
 div {
-    &.daily-overview, &.rtw-overview, &.nktw-overview, &.ktw-overview {
+    &.daily-overview,
+    &.rtw-overview,
+    &.nktw-overview,
+    &.ktw-overview {
         header {
             &.module-header {
                 color: #fff;