Skip to main content

​
Overview

Operapedia allows supervisors to manage gaming company information across multiple partners. Each company contains credentials, payment methods, promotions, and other critical operational data.
Company management requires supervisor access and edit mode to be enabled.

​
Creating a New Company

Supervisors can create new companies with full configuration options.
1

Enable Edit Mode

Click the Edit button in the navbar and enter the admin password (superctrl2023).
operapedia/app.js
// Admin password check
const ADMIN_PASSWORD = 'superctrl2023';
let adminLoggedIn = localStorage.getItem('credentialsAdminLoggedIn') === 'true';
Once authenticated, the session is saved in localStorage so you won’t need to re-enter it.
2

Open Create Company Modal

Click the ➕ Nueva compañía button in the sidebar. This button is only visible when edit mode is active.The modal includes:
  • Company name (required, validated for duplicates)
  • Color identifier (hex color picker + 12 preset colors)
  • Partner/License selection (Dragon, Tierlock, Taparcadia, Wysaro)
  • Optional: Clone games from existing company in the same partner
3

Configure Company Details

Fill in the required fields:Company Name: Must be unique across all companiesColor Identifier: Choose a color for visual distinction in the sidebar. You can:
  • Enter a hex color manually
  • Select from 12 preset colors with live preview
Partner: Select the licensing partner (required)
  • 🐲 Dragon
  • 🔒 Tierlock
  • 🎮 Taparcadia
  • ⭐ Wysaro
4

Add Initial Games (Optional)

After selecting a partner, you can clone games from an existing company:
  • Select a company from the dropdown (filtered by same partner)
  • The system copies: game name, username, and link
  • You can manually add or remove games before creating
  • Each game row includes: Name, Username, Link fields
Click + Agregar juego to add manual entries.
5

Create Company

Click Crear compañía to save. The system:
  • Validates the company name is unique
  • Creates the Firebase record at companies/{companyId}
  • Adds an automatic creation note with timestamp
  • Redirects you to the new company view

​
Editing Company Information

Once a company is selected, you can edit its information across 8 tabs.

​
Company Header

The company header displays:
  • Company name with color bar indicator
  • Partner badge (e.g., 🐲 Dragon)
  • Delete button (supervisor only, requires password confirmation)
In edit mode, click the partner badge to open a dropdown selector:
operapedia/app.js
// Partner change saves immediately to Firebase
await firebaseSet(firebaseRef(db, `companies/${companyId}/partner`), newPartner);
Changes are saved immediately without requiring a manual save action.

​
8 Information Tabs

Each company has 8 tabs for organizing different types of information:
TabIconPurpose
Credenciales🎮Game credentials with username/password
Depósito💰Deposit payment methods and limits
Cashout💸Withdrawal methods and limits
Consideraciones📋Cashout considerations and notes
Promociones🎁Active promotions and offers
Términos📜Terms and conditions URL or text
Canales📞Support channels (email, chat, phone)
Notas📝Timeline of internal notes
See the dedicated guides for Credentials, Payment Methods, and Catalog for detailed tab usage.

​
Firebase Data Structure

Companies are stored in Firebase Realtime Database with this structure: 
companies/
  {companyId}/
    id: string|number
    name: "Company Name"
    color: "#5e6ad2"
    partner: "Dragon" | "Tierlock" | "Taparcadia" | "Wysaro" | ""
    games/
      {gameId}/
        id: string|number
        name: "Game Name"
        username: "user123"
        link: "https://..."
        active: boolean
        lastModified: "YYYY-MM-DD"
    metodosDeposito: [...]
    metodosCashout: [...]
    consideracionesCashout: "text"
    promociones: [{titulo, descripcion}]
    terminosLink: "https://..."
    canales: ["[email protected]", ...]
    notas: [{texto: "Note", fecha: "2026-03-05T..."}]

​
Search and Filtering

The sidebar includes a search box (#sidebarSearch) that filters companies in real-time by name.

​
Partner Filtering

Filter companies by partner using chips in the global omnibar. Active filters:
  • Persist in localStorage as operapediaPartnerFilters
  • Also filter the sidebar company list
  • Work in conjunction with category filters

​
Best Practices

  • Use official company names
  • Include region/market if multiple versions exist (e.g., “Company BR”, “Company MX”)
  • Avoid special characters that may cause display issues
  • Choose distinct colors for easy visual identification
  • Avoid similar colors for companies you frequently switch between
  • Consider using partner-specific color themes
  • Group related companies under the same partner
  • Use partner filtering to focus on specific license groups
  • Import games from similar companies within the same partner
  • Fill in all 8 tabs for comprehensive company information
  • Keep payment methods updated with current limits
  • Add notes for any special procedures or recent changes

​
Troubleshooting

The ➕ Nueva compañía button requires:
  • Supervisor role
  • Edit mode enabled (click Edit button in navbar)
  • Admin password authentication
Company names must be unique. If you receive a duplicate error:
  • Check if the company already exists in the sidebar
  • Add a distinguishing suffix (region, partner, etc.)
  • Consider if this is truly a new company or should be merged
The partner badge is only editable when:
  • Edit mode is active
  • A company is selected
  • You have supervisor permissions
The delete button (🗑️) is only visible when:
  • Edit mode is enabled
  • A company is currently selected
  • You are logged in as a supervisor

Build docs developers (and LLMs) love

Get started for freeTalk to us