Install

📦 Installation

Web Panel

Step 1

Download the resource from your FiveM Keymaster

Step 2

Unzip the panel_whitelist folder

Step 3

Copy the folder to a static webserver

Step 4

Your Web Panel is live !

Google Sheets & Discord Webhook

Step 1

Make a copy of the Google Sheets provided with your Web Panel

File > Make a copy

Step 2

Create the form and discord webhook script

Click on Extensions > Apps Script
Paste the gscript.gs into your code editor
Modify the webhook_url and image_url for each form in form.gs script
Click on Deploy and accept the authorizations
Click on Run > InitialSetup
Copy the deployment URL and paste it in configs/formConfig.json
Now on the left sidebar of the Apps Script, click on Triggers
Select the project "Triggers" from the sidebar and then click the Add Trigger button
In the window that appears, select the following options:

Choose which function to run: doPost
Choose which deployment should run: Head
Select event source: From spreadsheet
Select event type: On form submit
Select notification settings : Notify me immediately
Save the Trigger

Now create another Trigger for the discord webhook

Choose which function to run: sendDiscordWebhook
Choose which deployment should run: Head
Select event source: From spreadsheet
Select event type: On form submit
Select notification settings : Notify me immediately
Save the Trigger

Step 3

Your Panel is now ready and configured with your Google Sheet and Discord Webhook.

🎛 Configuration

/configs/formConfig.json

{
  "defaultLanguage": "en",
  "scriptURL": "your_google_app_script_url"
}

form.gs

const FORM_CONFIG = {
  form1: {
    sheetName: 'Whitelist',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form2: {
    sheetName: 'Business Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form3: {
    sheetName: 'EMS Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form4: {
    sheetName: 'Police Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form5: {
    sheetName: 'FireFighter Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form6: {
    sheetName: 'Justice Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  },
  form7: {
    sheetName: 'Orgs Form',
    webhook: 'webhook_url',
    headerImageUrl: 'image_url'
  }
  // you can add as many form as you need
};

🛟 Additional Support

If you need help configuring your Panel, feel free to join FRVGS Discord Server (opens in a new tab) for personalized support.

Themes Intro