Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Ticket Data Collection System</title> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> | |
| <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-expand-lg"> | |
| <div class="container"> | |
| <a class="navbar-brand" href="/"> | |
| <i class="fas fa-ticket-alt"></i> | |
| Ticket Collection System | |
| </a> | |
| <div class="navbar-nav ms-auto"> | |
| <a class="nav-link" href="{{ url_for('admin') }}"> | |
| <i class="fas fa-chart-bar me-1"></i> | |
| Admin Dashboard | |
| </a> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="container mt-5"> | |
| <div class="row justify-content-center"> | |
| <div class="col-lg-10"> | |
| <div class="hero-section mb-5"> | |
| <h1> | |
| Ticket Data Collection API | |
| </h1> | |
| <p class="lead">Professional ticket data collection system with real-time storage and Excel export capabilities</p> | |
| </div> | |
| <div class="row g-4 mb-5"> | |
| <div class="col-md-4"> | |
| <div class="feature-card text-center p-4"> | |
| <div class="feature-icon mb-3"> | |
| <i class="fas fa-link fa-3x text-primary"></i> | |
| </div> | |
| <h5>URL-based Submission</h5> | |
| <p class="text-muted">Submit ticket data directly through URL parameters</p> | |
| </div> | |
| </div> | |
| <div class="col-md-4"> | |
| <div class="feature-card text-center p-4"> | |
| <div class="feature-icon mb-3"> | |
| <i class="fas fa-database fa-3x text-success"></i> | |
| </div> | |
| <h5>JSON Storage</h5> | |
| <p class="text-muted">Persistent data storage using JSON files</p> | |
| </div> | |
| </div> | |
| <div class="col-md-4"> | |
| <div class="feature-card text-center p-4"> | |
| <div class="feature-icon mb-3"> | |
| <i class="fas fa-file-excel fa-3x text-warning"></i> | |
| </div> | |
| <h5>Excel Export</h5> | |
| <p class="text-muted">Download complete dataset in Excel format</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="api-documentation"> | |
| <div class="card shadow-lg"> | |
| <div class="card-header bg-primary text-white"> | |
| <h3 class="card-title mb-0"> | |
| <i class="fas fa-code me-2"></i> | |
| API Documentation | |
| </h3> | |
| </div> | |
| <div class="card-body"> | |
| <h5 class="text-primary mb-3"> | |
| <i class="fas fa-plus-circle me-2"></i> | |
| Add Ticket Data | |
| </h5> | |
| <div class="api-endpoint mb-4"> | |
| <h6>Endpoint:</h6> | |
| <div class="code-block p-3 bg-dark text-light rounded"> | |
| <code>GET /add_data/<email>/<phone>/<name>/<tickets>/<ticket_number>/<country>/<region></code> | |
| </div> | |
| </div> | |
| <h6>Parameters:</h6> | |
| <div class="table-responsive"> | |
| <table class="table table-striped"> | |
| <thead class="table-dark"> | |
| <tr> | |
| <th>Parameter</th> | |
| <th>Type</th> | |
| <th>Description</th> | |
| <th>Example</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td><code>email</code></td> | |
| <td>string</td> | |
| <td>Customer email address</td> | |
| <td>[email protected]</td> | |
| </tr> | |
| <tr> | |
| <td><code>phone</code></td> | |
| <td>string</td> | |
| <td>Customer phone number</td> | |
| <td>+1234567890</td> | |
| </tr> | |
| <tr> | |
| <td><code>name</code></td> | |
| <td>string</td> | |
| <td>Customer full name</td> | |
| <td>John Doe</td> | |
| </tr> | |
| <tr> | |
| <td><code>tickets</code></td> | |
| <td>integer</td> | |
| <td>Number of tickets purchased</td> | |
| <td>2</td> | |
| </tr> | |
| <tr> | |
| <td><code>ticket_number</code></td> | |
| <td>string</td> | |
| <td>Unique ticket identifier</td> | |
| <td>TKT123456</td> | |
| </tr> | |
| <tr> | |
| <td><code>country</code></td> | |
| <td>string</td> | |
| <td>Customer country</td> | |
| <td>USA</td> | |
| </tr> | |
| <tr> | |
| <td><code>region</code></td> | |
| <td>string</td> | |
| <td>Customer region/state</td> | |
| <td>California</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <h6>Example Request:</h6> | |
| <div class="code-block p-3 bg-light border rounded mb-4"> | |
| <code class="text-dark"> | |
| https://yourserver.com/add_data/[email protected]/+1234567890/John%20Doe/2/TKT123456/USA/California | |
| </code> | |
| </div> | |
| <h6>Success Response:</h6> | |
| <div class="code-block p-3 bg-success text-light rounded mb-4"> | |
| <pre><code>{ | |
| "success": true, | |
| "message": "Ticket data added successfully", | |
| "ticket_id": "TKT123456", | |
| "total_tickets": 1 | |
| }</code></pre> | |
| </div> | |
| <h6>Error Response:</h6> | |
| <div class="code-block p-3 bg-danger text-light rounded"> | |
| <pre><code>{ | |
| "success": false, | |
| "message": "Validation errors", | |
| "errors": ["Invalid email format"] | |
| }</code></pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-5"> | |
| <a href="{{ url_for('admin') }}" class="btn btn-primary btn-lg me-3"> | |
| <i class="fas fa-chart-bar me-2"></i> | |
| View Admin Dashboard | |
| </a> | |
| <a href="/api/tickets" class="btn btn-outline-secondary btn-lg" target="_blank"> | |
| <i class="fas fa-code me-2"></i> | |
| View API Data | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer class="bg-dark text-light mt-5 py-4"> | |
| <div class="container text-center"> | |
| <p class="mb-0"> | |
| <i class="fas fa-ticket-alt me-2"></i> | |
| Professional Ticket Data Collection System | |
| </p> | |
| </div> | |
| </footer> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| </body> | |
| </html> | |