Quick links

Api
Api keys	Add
Api logs

Authentication and Authorization
Groups	Add
Users	Add

Celery Results
Group results	Add
Task results	Add

Clients
Lowe's Associates	Add

Common
Audio debug logs	Add
Audio files	Add
Call summary configs	Add
Call summary datas	Add
Call tag configs	Add
Call tag notification configs	Add
Call tag results
Config settingss	Add
Deepgram debug logs	Add
Filter presets	Add
Filterable Filter Configurations	Add
Filterable Items	Add
Notification triggers	Add
Notifications	Add
Prompt templates	Add
Slack notification logs	Add
Speed tests	Add
Transcript keywords	Add
Transcripts	Add
Voice Options	Add

Integration
Pages	Add
Providers	Add
Question historys	Add

Interview Management
Candidates	Add
Interview Categories	Add
Interview notes	Add
Interview steps	Add
Interviews	Add

Knowledge
Document Tags	Add
Document Versions	Add
Documents	Add

Live_Assist
Ask reddy annotations	Add
Ask reddy calls	Add
Transcript Feedbacks

Lms
Courses	Add
Lesson completions	Add
Lesson user time spents	Add
Lessons	Add
Modules	Add

Mainapp
Access tokens	Add
Audio file caches	Add
Auto generation statuss	Add
Call recordings	Add
Chat with transcript messages	Add
Chat with transcript sessions	Add
Company access requests	Add
Company prompt sets	Add
Companys	Add
Custom fields	Add
Embedding faqs	Add
End user products	Add
Export jobs
Faq results	Add
Feedbacks	Add
Gpt metrics	Add
Grade curves	Add
Grades	Add
Live conversation transcripts	Add
Live conversations	Add
Live ingestion controlss	Add
Live sim sessions	Add
Live sim states	Add
Objection scenarios	Add
Objections	Add
Outline sections	Add
Prompt historys	Add
Qa results	Add
Rag chats	Add
Reddy profiles	Add
Script trainings	Add
Suggested prompts	Add

Monitoring
Agent metrics	Add
Event durations	Add
Event metrics	Add

Periodic Tasks
Clocked	Add
Crontabs	Add
Intervals	Add
Periodic tasks	Add
Solar events	Add

Qa
Auto qa configs	Add
Benchmarks	Add
Condition nodes	Add
Data points	Add
External qa items	Add
Feedback messages	Add
Feedback threads	Add
Graph qas	Add
Internal qa items	Add
Live external qa item scores	Add
Live qa item scores	Add
Output nodes	Add
Pop up nodes	Add
Ports	Add
Progresss	Add
Qa automations	Add
Qa embeddings	Add
Qa relation snapshots	Add
Qa run iterations	Add
Qa runs	Add
Qa scoring instructions	Add
Report flags	Add
Training external qa item scores	Add
Training qa item scores	Add
Trigger nodes	Add

Reports
Download jobs	Add
Frequencies	Add
Report instances	Add
Report sections	Add
Reports	Add

Router
Agent call events	Add
Audiohook events	Add
Audiohook states	Add
Genesys agent states	Add
Genesys notification events	Add
Genesys queue to product mappings	Add

Sandbox
App Links	Add
Browser States	Add
CLI Commands	Add
CLI Issues	Add
CLI Sessions	Add
Sandbox Tasks	Add
Sandboxes	Add

Sessions
Sessions	Add

Systems
App keyframes	Add
App timeline frames	Add
Application pages	Add
Automation steps	Add
Custom apps	Add
Generic apps	Add
Grade links	Add
Html generations	Add
Os timeline annotations	Add
Os timeline apps	Add
Os timeline frames	Add
Os timelines	Add
Page links	Add
Screenshot to htmls	Add
Systems training attachments	Add
Systems training checkpoints	Add
Systems training recordings	Add
Systems trainings	Add

Taggit
Tags	Add

Ticket Management
Labels	Add
Tickets	Add

Training
Assignments	Add
Grading criterias	Add
Objection assignments	Add

Usage_Tracking
Llm calls	Add
Llm tags	Add
Stt calls	Add
Stt tags	Add
Tts calls	Add
Tts tags	Add

Wagtail documents
Documents	Add

Wagtail images
Images	Add

Change application page

ApplicationPage object (4)

History

Frozen

When frozen, this page cannot be edited

Locked

Html:

<div class="my-root-div">
    <style>
        /* Reset and base styles */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
        }

/* Container styles */
        .container-fluid {
            width: 100%;
            padding: 0 15px;
        }

/* Header styles */
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            border-bottom: 1px solid #dee2e6;
        }

/* Button styles */
        .btn-close {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 36px;
            color: #127fc2;
        }

/* Upload button */
        .upload-btn {
            background-color: #127fc2;
            color: white;
            border: none;
            padding: 0.5rem 2rem;
            border-radius: 4px;
            cursor: pointer;
            margin: 1rem;
        }
        .upload-btn:hover {
            background-color: #0f6da8;
        }

/* Section headers */
        .section-header {
            font-size: 1rem;
            font-weight: 600;
            margin: 1.5rem 1rem 1rem;
            color: #212529;
        }

/* Table styles */
        .table-container {
            margin: 0 1rem;
        }
        .table {
            width: 100%;
            border-collapse: collapse;
        }
        .table th,
        .table td {
            padding: 0.75rem;
            text-align: left;
            border-bottom: 1px solid #dee2e6;
        }
        .table th {
            font-weight: 600;
            color: #212529;
            background-color: #f8f9fa;
            border-top: 1px solid #dee2e6;
        }
        .table td {
            color: #212529;
        }

/* Status badge */
        .status-badge {
            display: inline-block;
            padding: 0.25rem 0.5rem;
            border-radius: 4px;
            font-size: 0.875rem;
            font-weight: 500;
        }
        .status-approved {
            background-color: #e8f5e9;
            color: #2e7d32;
        }

/* View button - unify styling for both <a> and <button> */
        a.view-btn,
        button.view-btn {
            color: #127fc2;
            text-decoration: underline;
            font-weight: 500;
            cursor: pointer;
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            font-size: 1rem; /* Ensures all look the same size */
        }
        a.view-btn:hover,
        button.view-btn:hover {
            text-decoration: none;
        }

/* No results message */
        .no-results {
            text-align: center;
            padding: 2rem;
            color: #6c757d;
            background-color: #f8f9fa;
            border-radius: 4px;
            margin: 1rem;
        }

/* =========================
           MODAL STYLES
           ========================= */
        .modal {
            /* Hidden by default; toggled via JS */
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.5);
            align-items: center;
            justify-content: center;
        }
        .modal-content {
            background-color: #fff;
            padding: 1rem;
            border-radius: 8px;
            position: relative;
            max-width: 400px;
            width: 80%;
            margin: auto;
        }
        .modal-close-btn {
            position: absolute !important;
            top: 8px;
            right: 16px;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
        }

/* Driver's license with a faint US-flag-like theme */
        .driver-license-front {
            margin-top: 1rem;
            width: 320px;
            height: 220px;
            border: 2px solid #ccc;
            border-radius: 4px;
            position: relative;

/* Solid light blue base with flag overlay */
            background: 
                url(https://media.istockphoto.com/id/1313643107/vector/top-border-banner-gradient-fade-american-flag-illustration-graphic-slide-card.jpg?s=612x612&w=0&k=20&c=PknBhiXefC3oZ14zKLyXvycpOeiuRLW8x_VUreZPKe0=),
                #e6f3ff; /* Light blue base background */
            background-size: cover;
            background-position: center;

padding: 24px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
        }

/* Driver's license layout fixes */
        .driver-license-front .dl-state {
            position: absolute;
            top: 12px;
            left: 12px;
            font-size: 1.4rem;
            font-weight: bold;
        }

/* Add this new style for the tour button */
        .driver-license-front .dl-expiration-tour {
            position: absolute;
            top: 84px;  /* Same as dl-expiration */
            left: 12px; /* Same as dl-expiration */
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            margin: 0;
            width: 150px;  /* Reduced from 200px to 150px (3/4 of original) */
            height: 20px;  /* Adjust based on text size */
            z-index: 10;   /* Place it above the expiration text */
        }

.driver-license-front .dl-number {
            position: absolute;
            top: 60px;
            left: 12px;
            font-size: 0.9rem;
            font-weight: 600;
        }

.driver-license-front .dl-expiration {
            position: absolute;
            top: 84px;
            left: 12px;
            font-size: 0.9rem;
            font-weight: 600;
        }

.driver-license-front .dl-name {
            position: absolute;
            bottom: 48px;
            left: 12px;
            font-size: 1.1rem;
            font-weight: 600;
        }

.driver-license-front .dob {
            position: absolute;
            bottom: 12px;
            left: 12px;
            font-size: 0.9rem;
        }

/* Profile pic adjustments */
        .driver-license-front .profile-pic {
            position: absolute;
            top: 24px;
            right: 24px;
            width: 100px;  /* Slightly larger */
            height: 120px; /* More rectangular like a real ID photo */
            object-fit: cover;
            border: 2px solid #333;
            border-radius: 2px;
        }

/* Signature adjustments */
        .driver-license-front .dl-signature {
            position: absolute;
            bottom: 24px;
            right: 24px;
            width: 140px; /* Larger signature */
            height: 40px; /* Control height to maintain proportion */
            object-fit: contain;
        }
    </style>
    <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/regular/style.css">
    <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/fill/style.css">
    <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/bold/style.css">

<div id="full-page">
        <div class="container-fluid">
            <div class="header">
                <h4>Assets</h4>
                <button type="button" class="btn-close" id="close-assets-page-btn" aria-label="Close">
                    <i class="ph-bold ph-x-circle"></i>
                </button>
            </div>

<button class="upload-btn" id="uploadAssetBtn">Upload Asset</button>

<div class="section-header">In review</div>
            <div class="table-container">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Asset Type</th>
                            <th>Asset Description</th>
                            <th>Last Uploaded At</th>
                            <th>Last Uploaded By</th>
                            <th>Last Updated At</th>
                            <th>Status</th>
                            <th>View</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="7" class="no-results">No Results Found</td>
                        </tr>
                    </tbody>
                </table>
            </div>

<div class="section-header">Finalized</div>
            <div id="finalized-assets" class="table-container" style="position: relative;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Asset Type</th>
                            <th>Asset Description</th>
                            <th>Last Uploaded At</th>
                            <th>Last Uploaded By</th>
                            <th>Last Updated At</th>
                            <th>Status</th>
                            <th>View</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>BIOMETRIC_SELFIE</td>
                            <td>Selfie picture of the courier</td>
                            <td>11/13/2024, 8:27 PM</td>
                            <td>{{ email }}</td>
                            <td>11/14/2024, 9:35 AM</td>
                            <td><span class="status-badge status-approved">APPROVED</span></td>
                            <td><button type="button" class="view-btn">View Latest</button></td>
                        </tr>
                        <tr>
                            <td>DRIVER_LICENSE_FRONT</td>
                            <td>Front of the Driver License</td>
                            <td>11/13/2024, 8:27 PM</td>
                            <td>{{ email }}</td>
                            <td>11/14/2024, 9:35 AM</td>
                            <td><span class="status-badge status-approved">APPROVED</span></td>
                            
                            <td>
                                <button type="button" class="view-btn" id="driverLicenseFrontBtn">
                                    View Latest
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>DRIVER_LICENSE_BACK</td>
                            <td>Back of the Driver License</td>
                            <td>11/13/2024, 8:27 PM</td>
                            <td>{{ email }}</td>
                            <td>11/14/2024, 9:35 AM</td>
                            <td><span class="status-badge status-approved">APPROVED</span></td>
                            <td><button type="button" class="view-btn">View Latest</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

<div id="dlModal" class="modal">
        <div id="driver-license-modal-content" class="modal-content">
            
            <button class="modal-close-btn" id="close-dl-modal-btn-251" aria-label="Close">&times;</button>

<div id="driverLicenseFrontPreview" class="driver-license-front">
                <div class="dl-state">{{state_long}}</div>
                <div class="dl-number">DL: E1942484</div>
                {% if license_valid %}
                <button class="dl-expiration-tour" id="dlExpirationTour"></button>
                {% endif %}
                <div class="dl-expiration">EXP: {{license_expiration_date}}</div>
                
                <div class="dl-name">{{courier_name}}</div>
                <div class="dob">DOB: April 18, 1991</div>

// Modal elements
        const dlModal = rootDiv.querySelector('#dlModal');
        const driverLicenseFrontBtn = rootDiv.querySelector('#driverLicenseFrontBtn');
        const closeBtn = rootDiv.querySelector('.modal-close-btn');

// Show modal on click
        driverLicenseFrontBtn.addEventListener('click', () => {
            dlModal.style.display = 'flex';
        });

// Hide modal on close
        closeBtn.addEventListener('click', () => {
            dlModal.style.display = 'none';
        });

// Add this new code for the tour button
        const dlExpirationTour = rootDiv.querySelector('#dlExpirationTour');
        
        dlExpirationTour.addEventListener('click', function(e) {
            // Prevent click from propagating
            e.stopPropagation();
            
            // Disable the button after first click
            this.style.pointerEvents = 'none';
            
            // Your tour-related code can go here
        }, { once: true }); // This ensures the event listener only fires once

}, 500);
})();
</script>

Name:

App:

Grubhub Driver Profile (2)

Grade Links/Prompts - {systems_history} is available as a template variable (lowercase even though this shows as uppercase 🤪)

	Element id	Generic app	Delete?

Page links

	To page	Element id	Generic app
PageLink object (4)	ApplicationPage object (5)	close-assets-page-btn	Grubhub Driver Profile (2)
PageLink object (7)	ApplicationPage object (2)	closePageBtn	Grubhub Driver Profile (2)
	-		-

Delete

Django administration

Change application page

ApplicationPage object (4)

Grade Links/Prompts - {systems_history} is available as a template variable (lowercase even though this shows as uppercase 🤪)

Page links