Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14070, member: 3917"]
Den Namen muss man dann auch bei der Formatierung ausgeben. Ich habe mal versucht, alles Neue in meine Version einzuarbeiten, einschl. deiner Formatierung und Ausgabe. Auch das Zählen der MA, die in Pause sind, hatte ich in der Zwischenzeit ergänzt.
[CODE]<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Excel-Daten auslesen</title>
    <style>
        #dropZone {
            border: 2px dashed #ccc;
            width: 300px;
            height: 200px;
            line-height: 200px;
            text-align: center;
            font-size: 18px;
            margin: 20px auto;
        }

#loadingText {
            text-align: center;
            font-size: 18px;
            margin-bottom: 20px;
            display: none;
            /* Verstecke den Text standardmäßig */
        }

#outputTable th:nth-child(4),
        #outputTable td:nth-child(4) {
            display: none;
            /* Blende die Spalte "Dienstzeiten" aus */
        }

#pausenzeiten {
            display: block;
            height: auto;
        }
    </style>
</head>

<body>
    <h1>Excel-Daten auslesen</h1>
    <div id="loadingText">Daten werden berechnet...</div>
    <div id="dropZone">Datei hier ablegen</div>
    <table id="outputTable">
        <thead>
            <tr>
                <th>Name</th>
                <th>Status</th>
                <th>Team</th>
                <th>Dienstzeiten</th>
                <th>Reale Dienstzeiten</th>
            </tr>
        </thead>
        <tbody id="outputBody"></tbody>
    </table>
    <div>
        <button>Pausenzeiten berechnen</button>
    </div>
    <div id="pausenzeiten"></div>

// Datei per Drag & Drop hochladen
        dropZone.addEventListener('dragover', handleDragOver, false);
        dropZone.addEventListener('drop', handleFileSelect, false);

function handleDragOver(e) {
            e.preventDefault();
        }

function handleFileSelect(e) {
            e.preventDefault();
            const file = e.dataTransfer.files[0];
            const reader = new FileReader();

loadingText.style.display = 'block'; // Zeige den Lade-Text an

reader.onload = function (e) {
                const data = new Uint8Array(e.target.result);
                const workbook = XLSX.read(data, { type: 'array' });
                const sheetName = getSheetName(); // Funktion, um den passenden Tabellennamen zu ermitteln
                const worksheet = workbook.Sheets[sheetName];
                const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

let bereinigteDienstzeiten = [];
                for (let i = 5; i < 108; i++) {
                    const name = jsonData[i][1];
                    const status = jsonData[i][0];
                    const team = jsonData[i][36]; // Spalte AK
                    const dienstzeiten = getDienstzeiten(jsonData[i]);
                    bereinigteDienstzeiten.push(getBereinigteDienstzeit(jsonData[i]));
                }
                console.log(bereinigteDienstzeiten);
                loadingText.style.display = 'none'; // Verstecke den Lade-Text, nachdem die Daten berechnet wurden
                let startEnd = {};
                document.querySelector('button').addEventListener('click',
                    startEnd = calculateBreakTimes.bind(bereinigteDienstzeiten)
                );
            };

reader.readAsArrayBuffer(file);
        }

function getDayName(dayIndex) {
            const days = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
            return days[dayIndex];
        }

function getDienstzeiten(rowData) {
            let earliestTime = '';
            let latestTime = '';

for (let i = 2; i < rowData.length; i++) {
                if (rowData[i] === 'T' || rowData[i] === 'M' || rowData[i] === 'R' || rowData[i] === 'W' || rowData[i] === 'E' || rowData[i] === 'H') {
                    const startTime = getTimeFromIndex(i);
                    const endTime = getTimeFromIndex(i + 1);
                    if (!earliestTime) {
                        earliestTime = startTime;
                    }
                    latestTime = endTime;
                }
            }

if (earliestTime && latestTime) {
                return `${earliestTime} - ${latestTime}`;
            } else {
                return '';
            }
        }

function getMinutes(timeStr) {
            const matches = timeStr.match(/(\d{2}):(\d{2})/);
            return Number(matches[1]) * 60 + Number(matches[2]);
        }

function getTimeStr(minutes) {
            return String(Math.floor(minutes / 60)).padStart(2, '0')
                + ':' + String((minutes % 60)).padStart(2, '0');
        }

if (startTime && endTime) {
                bereinigteDienstzeit.push({
                    name: name,
                    team: team,
                    fromStr: startTime, from: getMinutes(startTime),
                    toStr: endTime, to: getMinutes(endTime)
                });
            }
            return bereinigteDienstzeit;
        }
    </script>

// Anzahl der Mitarbeiter in Pause ermitteln
            let
                // Anzahl der Mitarbeiter in Pause für ein Zeitraster von 10 Minuten
                anzahlInPauseGesamt = [],
                // Anzahl der Pausen pro Team
                anzahlInPauseTeam = {};

pausenzeiten.forEach(item => {
                item.forEach(dienstzeit => {
                    if (!anzahlInPauseTeam[dienstzeit.team]) anzahlInPauseTeam[dienstzeit.team] = []
                    dienstzeit.pausenzeiten.forEach(pause => {
                        if (!anzahlInPauseGesamt[pause]) {
                            anzahlInPauseGesamt[pause] = 1;
                        } else {
                            anzahlInPauseGesamt[pause]++;
                        }

if (!anzahlInPauseTeam[dienstzeit.team][pause]) {
                            anzahlInPauseTeam[dienstzeit.team][pause] = 1;
                        } else {
                            anzahlInPauseTeam[dienstzeit.team][pause]++;
                        }
                    });
                });
            });
            console.log(pausenzeiten);
            console.log(startDienstzeit, endeDienstzeit);
            anzahlInPauseGesamt.forEach((item, idx) => {
                console.log(idx, item);
            });

for (team in anzahlInPauseTeam) {
                anzahlInPauseTeam[team].forEach((item, idx) => {
                    console.log('team:' + team + ' zeit:' + idx + ' anzahl:' + item);
                });
            }
            // Den Inhalt des 'pausenzeiten'-Arrays in das 'pausenzeiten'-<div> einfügen
            const pausenzeitenDiv = document.getElementById('pausenzeiten');
            pausenzeitenDiv.innerHTML = formatierePausenzeiten(pausenzeiten);
        }
    </script>

</body>

</html>[/CODE]
[/QUOTE]

Authentifizierung