Student Details in Verbal Feedback

[pasupathi-raj]

Currently, the Verbal Feedback plugin lacks efficient tools for teachers to manage and locate student feedback records. This makes it difficult to handle large batches or multiple groups.

Feature Request (For Teachers)

Add the following enhancements to the teacher interface:

Filter by Group

• Allow teachers to filter students based on course groups.

• This should respect Moodle group modes (separate/visible groups).

Search by Student

• Provide a search option to quickly find a student.

• Search should work using:

  • Student Name

  • Email

  • Username

Display Student Details

• In the feedback listing/table, display the following columns:

  • Student Full Name

  • Email ID

  • Username

Expected Outcome

• Teachers can easily locate students within large batches.

• Faster feedback access and reduced manual effort.

• Improved usability and scalability of the Verbal Feedback plugin for academic use.

[gideonlar]

@pasupathi-raj I used following JS code to search for students, till your request will be applyed

<script>
document.addEventListener("DOMContentLoaded", function() {
    // --- Settings ---
    const DEBOUNCE_TIME = 350; // Script will wait 350 miliseconds after last symbol typed, to prevent overload on mobile devices
    
    // 1. URL test - script will run only on VF page
    if (window.location.href.indexOf('mod/verbalfeedback/view.php') === -1) {
        return;
    }

    // 2. Table lookup
    const targetTable = document.querySelector('.generaltable') || document.querySelector('table');
    if (!targetTable) return;

    // 3. Search field
    const searchInput = document.createElement('input');
    searchInput.type = 'text';
    searchInput.placeholder = 'Search by student's name';
    
    // Search field design
    searchInput.style.cssText = `
        width: 100%;
        padding: 15px;
        margin-bottom: 20px;
        font-size: 18px; 
        border: 2px solid #007bff;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        -webkit-appearance: none; /* Prevent default design on iPhone */
    `;

    // Inject before table
    targetTable.parentNode.insertBefore(searchInput, targetTable);

    // 4. Data processing and hiding of students with "success" status
    let activeRows = []; 
    const rawRows = targetTable.querySelectorAll('tbody tr');

    rawRows.forEach(row => {
        // Hide succesed ones, to prevent changes once feedback done
        const isCompleted = row.querySelector('.badge-success') !== null;
        
        if (isCompleted) {
            row.style.display = 'none';
        } else {
            // Drop double spaces
            const cleanText = (row.innerText || row.textContent).toLowerCase().replace(/\s+/g, ' ').trim();
            activeRows.push({
                element: row,
                text: cleanText,
                // Ability to search by first letters
                parts: cleanText.split(' ') 
            });
        }
    });

    // 5. Filter logic
    let timeoutId;

    searchInput.addEventListener('keyup', function(e) {
        const searchTerm = e.target.value.toLowerCase().trim();
        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => {
            performSearch(searchTerm);
        }, DEBOUNCE_TIME);
    });

    function performSearch(term) {
        if (term === '') {
            activeRows.forEach(row => row.element.style.display = '');
            return;
        }

        const isInitialsSearch = term.includes(' ') && term.split(' ').length === 2;
        let firstInitial = '', lastInitial = '';
        
        if (isInitialsSearch) {
            const parts = term.split(' ');
            firstInitial = parts[0];
            lastInitial = parts[1];
        }

        window.requestAnimationFrame(() => {
            activeRows.forEach(rowItem => {
                let isMatch = false;

                if (isInitialsSearch && firstInitial && lastInitial) {
                    const hasFirst = rowItem.parts.some(p => p.startsWith(firstInitial));
                    const hasLast = rowItem.parts.some(p => p.startsWith(lastInitial));
                    isMatch = hasFirst && hasLast;
                } else {
                    isMatch = rowItem.text.includes(term);
                }

                rowItem.element.style.display = isMatch ? '' : 'none';
            });
        });
    }
});
</script>

It's work as magic, but it's temporary solution
You can add it by "additionalhtml" at Moodle admin pannel

[srobotta]

I created a branch "participant-list" for that. At first, I thought that could be done with little effort but unfortunately that is not the case. I wll address this anyway in the near future.
My expectations would be to have a similar table as in the assignment (but with less interaction because the assignment has more grading options).