Chaturbate

Apps Home | Create an App
All-in-one Tip Menu & Goals
Author: xavi007till
Description Source Code Launch App Current Users
There is 1 other version of this script.
/*
 * XAVIESTUDIO - ALL IN ONE TIP MENU + 10 GOALS
 * Chaturbate App
 */

const MAX_GOALS = 10;

let totalTips = 0;
let currentGoal = 0;

let goals = [
    { amount: 100, description: "Goal 1", background: "" },
    { amount: 200, description: "Goal 2", background: "" },
    { amount: 300, description: "Goal 3", background: "" },
    { amount: 400, description: "Goal 4", background: "" },
    { amount: 500, description: "Goal 5", background: "" },
    { amount: 600, description: "Goal 6", background: "" },
    { amount: 700, description: "Goal 7", background: "" },
    { amount: 800, description: "Goal 8", background: "" },
    { amount: 900, description: "Goal 9", background: "" },
    { amount: 1000, description: "Goal 10", background: "" }
];

let tipMenu = [
    { amount: 5, description: "Say Hello" },
    { amount: 10, description: "Blow a Kiss" },
    { amount: 25, description: "Dance" },
    { amount: 50, description: "Special Pose" },
    { amount: 100, description: "Special Request" }
];

/* =========================================================
   ESTILO
========================================================= */

function addCSS() {

    cb.drawPanel(
        "xavie_all_in_one_style",
        `
        <style>

        #xavie-app {
            font-family: Arial, sans-serif;
            width: 100%;
            box-sizing: border-box;
            background: #111;
            color: white;
            padding: 15px;
            border-radius: 12px;
        }

        #xavie-title {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .xavie-menu {
            background: rgba(0,0,0,.75);
            border-radius: 10px;
            padding: 12px;
            margin-bottom: 15px;
        }

        .xavie-menu-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .xavie-menu-item {
            display: flex;
            justify-content: space-between;
            padding: 7px;
            margin: 4px 0;
            background: rgba(255,255,255,.08);
            border-radius: 6px;
        }

        .xavie-price {
            font-weight: bold;
        }

        .xavie-goal {
            position: relative;
            overflow: hidden;
            min-height: 150px;
            margin-bottom: 12px;
            border-radius: 12px;
            background: #222;
            background-size: cover;
            background-position: center;
            border: 1px solid rgba(255,255,255,.2);
        }

        .xavie-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(
                rgba(0,0,0,.45),
                rgba(0,0,0,.85)
            );
        }

        .xavie-goal-content {
            position: relative;
            z-index: 2;
            padding: 15px;
        }

        .xavie-goal-number {
            font-size: 13px;
            opacity: .8;
        }

        .xavie-goal-title {
            font-size: 20px;
            font-weight: bold;
            margin: 5px 0;
        }

        .xavie-progress {
            width: 100%;
            height: 18px;
            background: rgba(255,255,255,.2);
            border-radius: 20px;
            overflow: hidden;
            margin-top: 10px;
        }

        .xavie-progress-bar {
            height: 100%;
            background: linear-gradient(
                90deg,
                #ff0055,
                #ff9900
            );
            width: 0%;
            transition: width .5s;
        }

        .xavie-progress-text {
            text-align: center;
            font-size: 13px;
            margin-top: 5px;
        }

        .xavie-complete {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            padding: 15px;
        }

        </style>
        `
    );

}


/* =========================================================
   TIP MENU
========================================================= */

function drawTipMenu() {

    let html = `
        <div class="xavie-menu">
            <div class="xavie-menu-title">
                TIP MENU
            </div>
    `;

    tipMenu.forEach(function(item) {

        html += `
            <div class="xavie-menu-item">
                <span>${escapeHTML(item.description)}</span>
                <span class="xavie-price">
                    ${item.amount} tokens
                </span>
            </div>
        `;

    });

    html += `</div>`;

    return html;
}


/* =========================================================
   OBJETIVOS
========================================================= */

function drawGoals() {

    let html = "";

    for (let i = 0; i < MAX_GOALS; i++) {

        let goal = goals[i];

        if (!goal || goal.amount <= 0)
            continue;

        let isCurrent = i === currentGoal;

        let previousAmount = 0;

        for (let x = 0; x < i; x++) {
            previousAmount += goals[x].amount;
        }

        let currentProgress =
            totalTips - previousAmount;

        if (currentProgress < 0)
            currentProgress = 0;

        if (currentProgress > goal.amount)
            currentProgress = goal.amount;

        let percentage =
            (currentProgress / goal.amount) * 100;

        if (percentage > 100)
            percentage = 100;

        let background = "";

        if (goal.background) {

            background =
                `background-image:url('${goal.background}');`;

        }

        if (!isCurrent && percentage < 100) {

            html += `
                <div class="xavie-goal"
                     style="${background}">
                    <div class="xavie-overlay"></div>

                    <div class="xavie-goal-content">

                        <div class="xavie-goal-number">
                            GOAL ${i + 1}
                        </div>

                        <div class="xavie-goal-title">
                            ${escapeHTML(goal.description)}
                        </div>

                    </div>
                </div>
            `;

            continue;
        }

        if (percentage >= 100) {

            html += `
                <div class="xavie-goal"
                     style="${background}">

                    <div class="xavie-overlay"></div>

                    <div class="xavie-goal-content">

                        <div class="xavie-goal-number">
                            GOAL ${i + 1}
                        </div>

                        <div class="xavie-goal-title">
                            ${escapeHTML(goal.description)}
                        </div>

                        <div class="xavie-complete">
                            GOAL REACHED!
                        </div>

                    </div>
                </div>
            `;

        } else {

            html += `
                <div class="xavie-goal"
                     style="${background}">

                    <div class="xavie-overlay"></div>

                    <div class="xavie-goal-content">

                        <div class="xavie-goal-number">
                            GOAL ${i + 1}
                        </div>

                        <div class="xavie-goal-title">
                            ${escapeHTML(goal.description)}
                        </div>

                        <div class="xavie-progress">

                            <div
                                class="xavie-progress-bar"
                                style="width:${percentage}%">
                            </div>

                        </div>

                        <div class="xavie-progress-text">
                            ${currentProgress} / ${goal.amount} tokens
                            (${Math.round(percentage)}%)
                        </div>

                    </div>
                </div>
            `;

        }

    }

    return html;
}


/* =========================================================
   PANEL PRINCIPAL
========================================================= */

function render() {

    addCSS();

    let html = `
        <div id="xavie-app">

            <div id="xavie-title">
                XAVIESTUDIO
            </div>

            ${drawTipMenu()}

            ${drawGoals()}

        </div>
    `;

    cb.drawPanel(
        "xavie_all_in_one",
        html
    );

}


/* =========================================================
   RECIBIR TIPS
========================================================= */

function onTip(tip) {

    if (!tip)
        return;

    let amount = parseInt(tip.amount);

    if (isNaN(amount))
        return;

    totalTips += amount;

    checkGoals();

    render();

}


/* =========================================================
   COMPROBAR OBJETIVOS
========================================================= */

function checkGoals() {

    while (
        currentGoal < MAX_GOALS &&
        goals[currentGoal] &&
        goals[currentGoal].amount > 0
    ) {

        let required = 0;

        for (let i = 0; i <= currentGoal; i++) {
            required += goals[i].amount;
        }

        if (totalTips >= required) {

            cb.sendNotice(
                "GOAL " +
                (currentGoal + 1) +
                " REACHED! " +
                goals[currentGoal].description,
                "FFFFFF",
                "FF0055",
                "bold"
            );

            currentGoal++;

        } else {

            break;

        }

    }

}


/* =========================================================
   COMANDOS
========================================================= */

function onMessage(message) {

    if (!message)
        return;

    let text = message.m ||
               message.message ||
               "";

    text = text.toLowerCase();

    if (text === "/goals") {

        cb.sendNotice(
            "Current goal: " +
            (currentGoal + 1) +
            " / " +
            MAX_GOALS +
            " | Total: " +
            totalTips +
            " tokens"
        );

    }

}


/* =========================================================
   SEGURIDAD HTML
========================================================= */

function escapeHTML(text) {

    if (text === undefined || text === null)
        return "";

    return String(text)
        .replace(/&/g, "&amp;")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#039;");

}


/* =========================================================
   INICIALIZACIÓN
========================================================= */

cb.onTip(
    onTip
);

cb.onMessage(
    onMessage
);

render();