OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	03/31/2025 06:36:42 AM	rwxr-xr-x
📁 assets	-	03/26/2025 04:20:06 AM	rwxr-xr-x
📁 clients	-	03/26/2025 04:15:50 AM	rwxr-xr-x
📄 genai.php	27.29 KB	03/26/2025 04:59:12 AM	rw-r--r--
📄 genai_article_save.php	1.6 KB	03/26/2025 03:48:04 AM	rw-r--r--
📄 genai_function.php	19.26 KB	03/26/2025 03:48:04 AM	rw-r--r--
📄 genai_save.php	2.13 KB	03/26/2025 03:48:04 AM	rw-r--r--
📄 genai_style.css	3.69 KB	03/26/2025 03:48:04 AM	rw-r--r--
📄 genaicreative.php	20.07 KB	03/26/2025 03:48:04 AM	rw-r--r--
📄 index.php	56 KB	03/26/2025 03:48:05 AM	rw-r--r--
📄 process_genai.php	2.17 KB	03/26/2025 03:48:05 AM	rw-r--r--
📄 zgenai_function.php	17.26 KB	03/26/2025 03:48:05 AM	rw-r--r--
📄 zprocess_genai.php	2.02 KB	03/26/2025 03:48:05 AM	rw-r--r--

Editing: genaicreative.php

<!doctype html>
<?
include '../assets/php/validate.logged.php';
include '../assets/php/function.php';
include '../inc/config.php';
include '../inc/function.php';

$specialIds = [370, 415];
?>
<html lang="en">

<head>

<title>GenAI | Knobly Cream: Create &bull; Reach &bull; Measure</title>

<script src="../assets/js/jquery-3.6.0.min.js"></script>
    <script src="../assets/js/jquery-3.6.0.min.js"></script>

.newsroll-dropbtn {
            border: none;
            color: rgba(255, 255, 255, 0.5);
            background-color: #212529;
        }

.newsroll-dropbtn:focus {
            border: none;
            outline: none;

}

.newsroll-dropdown-content {
            display: none;
            outline: none;
            position: relative;
            background-color: #212529;
            min-width: 160px;
            /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
            /* z-index: 1; */
        }

.newsroll-dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

.form-control {
            line-height: 3.5;
        }

.show {
            display: block;
        }

.footer {
            text-align: center;
            padding: 20px;
            background-color: black !important;
            color: #777;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
    <style>
        .navbar {
            position: relative !important;
        }

.sidebar {
            position: fixed;
            top: 0;
            left: -250px;
            width: 250px;
            height: 100%;
            overflow-x: hidden;
            transition: 0.3s ease;
            z-index: 1000;
            background-color: white;
            color: #212529 !important;
        }

.reportButton {
            margin: 2px;
            /* Adds spacing around each button */
        }

@media (max-width: 768px) {

.button-container {
                gap: 5px;
            }

.reportButton {
                margin: 10px 0;
            }
        }

.sidebar .sidebar-content {
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px;
            color: black !important;
        }

</style>
</head>
<style>
    .sideWithMainContainer {
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: hidden;

}

.sideMaincontent {
        height: 85vh;
        overflow-y: scroll;
        padding: 30px 0;
    }

@media (min-width: 768px) {
        .col-md-2 {
            padding: 0px !important;
        }

}

@media (max-width: 768px) {
        .col-md-2 {
            display: none !important;
        }

}
</style>

<?php include '../assets/php/social_navbar.php' ?>

<?php
                    $_SESSION['.generated-text'] = "";
                    unset($_SESSION['prompt_message']);

}

@keyframes spin {
                            0% {
                                transform: rotate(0deg);
                            }

100% {
                                transform: rotate(360deg);
                            }
                        }
                    </style>

<div id="GenAI-Container">
                        <div class="container my-4" style="padding-bottom: 4rem;">
                            <ol class="breadcrumb my-3">
                                <li class="breadcrumb-item">
                                    <h4 class="m-0">GenAI Creative</h4>
                                </li>
                            </ol>
                            <div class="right">
                                
                                <a href="genai.php">
                                    <button class="btn btn-primary gen3">Back to GenAI Creator</button>
                                </a>
                            </div>

<? if ($gUserPlan == 0) {
                            ?>
                                <div class="alert alert-success" role="alert">The <b>GenAI</b> is only available for <b>Pro</b> users! Go to My Account to upgrade.</div>
                            <?
                            } else {
                            ?>
                                <div class="button-bar">
                                    <div class="button-container">
                                        <button id="reportButton1" class="reportButton" value="#todo" title="Convert the text that follows as a todo item.">
                                            <i class="fas fa-check dropdown-icon"></i> Todo
                                        </button>
                                        <button id="reportButton2" class="reportButton" value="#joke" title="use text as a context or theme to write a joke.">
                                            <i class="fas fa-laugh dropdown-icon"></i> Joke
                                        </button>
                                        <button id="reportButton3" class="reportButton" value="#bored" title="Respond with a motivational anecdote especially from among Robin Williams, Emerson, Mark Twain, Jim Rohn, Dale Carnegie, Simon Sinek">
                                            <i class="fas fa-grin-squint-tears dropdown-icon"></i> Bored
                                        </button>
                                        <button id="reportButton4" class="reportButton" value="#advise" title="Take the following text to give me advise with anecdotes on how it was done by someone else.">
                                            <i class="fas fa-comment-alt dropdown-icon"></i> Advise
                                        </button>
                                        <button id="reportButton5" class="reportButton" value="#done" title="Congratulate me and make me feel on top of the world.">
                                            <i class="as fa-check-circle dropdown-icon"></i> Done
                                        </button>
                                        <button id="reportButton6" class="reportButton" value="#working" title="help me keep my focus on the current work.">
                                            <i class="fas fa-tools dropdown-icon"></i> Working
                                        </button>
                                        <button id="reportButton7" class="reportButton" value="#ben" title="Respond like you are Ben Franklin, picking from your writings and thoughts and motivating and guiding.">
                                            <i class="fas fa-user dropdown-icon"></i> Ben
                                        </button>
                                    </div>
                                </div>
                                <div class="" style="margin-top: 1rem; margin-bottom: 1rem">
                                    <textarea name="working_headline" placeholder="Enter your working headline..." id="working_headline" class="form-control" rows="2"></textarea>
                                </div>

<div class="" style="display: flex; justify-content:space-between">
                                    <div class="">
                                        <button id="submit-btn" class="btn btn-primary">Generate</button>
                                        <button id="clear-btn" name="clear" class="btn btn-secondary"><i class="fas fa-eraser"></i> Clear</button>
                                        <a id="whatsapp-share-link" href="https://web.whatsapp.com/">
                                            <i class="fab fa-2x fa-whatsapp-square" style="margin-left: 5px;position:relative;top:5px;color:#f58020;"></i>
                                        </a>
                                    </div>

<div class="" style="display: flex; justify-content:end; gap:10px">
                                        <div class="loadingIndicator" style="display: none;">
                                            <div class="loader"></div>
                                        </div>
                                        <button id="reset-btn" name="reset" class="float-right btn btn-secondary  classReset" style="min-width: max-content; max-height:34px"><i class="fas fa-trash-alt"></i> Reset</i></button>
                                    </div>
                                </div>
                                <div class="generated-content border bg-[#333] p-3 mt-3" style="display: none;">
                                    <div class="content-show">
                                        <div class="" style="display: flex; justify-content:space-between">
                                            <h5>Generated Content:</h5>
                                        </div>

</div>

</div>
                            <?  } ?>

</div>

setActiveButton(this.id);
                        });
                        // Initialize by showing content for the first button
                        var initialValue = $('#reportButton1').val();
                        var initialTitle = $('#reportButton1').attr('title');

$('#reportButton1').addClass('active-tab'); // Set first button as active initially
                        // Function to generate the content
                        var avatar = '';

$(document).ready(function() {

// Check if the div with class 'code-language' is empty
                            if ($.trim($('.code-language').text()) === '') {
                                $('.code-language').hide(); // Hide the div if it's empty
                            }

$('#saveButton').click(function() {
                                var generatedText = $('.generated-text').html();
                                var workingHeadline = $('#working_headline').val();
                                generatedText = replaceBrWithNewline(generatedText);

if (!workingHeadline) {
                                    alert("Working Headline cannot be empty..");
                                    return;
                                }

// Call genai_save function here
                                genai_save(generatedText, workingHeadline);
                            });

// Function to share through whatsapp
                            $('#whatsapp-share-link').click(function(event) {
                                event.preventDefault(); // Prevent default link behavior

// Call the share_whatsapp function when the link is clicked
                                share_whatsapp();
                            });

$('#submit-btn').click(function() {
                                $('.loadingIndicator').show();
                                var headline = $('#working_headline').val();

$.ajax({
                                    url: 'process_genai.php',
                                    type: 'POST',
                                    data: {
                                        avatar: avatar,
                                        working_headline: headline
                                    },
                                    success: function(response) {
                                        try {
                                            var decodedData = decodeURIComponent(response);
                                        } catch {
                                            decodedData = response;
                                        }
                                        decodedData = convert_text(decodedData);
                                        $('.generated-text').append(decodedData);
                                        $('.generated-text').append('<br><br>');
                                        $(".generated-content").show();
                                        $('.loadingIndicator').hide();
                                    },
                                    error: function() {
                                        console.error('AJAX request failed');
                                        alert('Error: Unable to fetch data.');
                                        $('.loadingIndicator').hide();
                                    }
                                });
                            });

// Click handler for '.reportButton' elements
                            $('.reportButton').click(function() {
                                avatar = $(this).attr('value');
                            });

// Function for Clear button
                            $('#clear-btn').click(function() {
                                $('#working_headline').val(''); // Clear textarea
                            });

// Function for Reset button
                            $('#reset-btn').click(function() {
                                $.ajax({
                                    url: '/genai/process_genai.php',
                                    type: 'POST',
                                    data: {
                                        action: "reset"
                                    },
                                    success: function(response) {
                                        if (response == "Ok") {
                                            $('#working_headline').val(''); // Clear textarea
                                            $('.generated-text').html('');
                                            $('.generated-content').hide();
                                        }
                                    },
                                    error: function() {
                                        console.error('Error while sending the request');
                                        $('.loadingIndicator').hide();
                                    }
                                });
                            });
                        });
                    </script>
                </div>
            </main>
        </div>
    </div>
    <? include '../assets/php/bottom_navbar.php' ?>
    <? include '../assets/php/footer.php' ?>

</body>
<script>
    function newsrollToggleDropdown() {
        var dropdownContent = document.getElementById("newsrollDropdown");
        dropdownContent.classList.toggle("show");
    }

// Close the dropdown if the user clicks outside of it
    window.onclick = function(event) {
        if (!event.target.matches('.newsroll-dropbtn')) {
            var dropdowns = document.getElementsByClassName("newsroll-dropdown-content");
            for (var i = 0; i < dropdowns.length; i++) {
                var openDropdown = dropdowns[i];
                if (openDropdown.classList.contains('show')) {
                    openDropdown.classList.remove('show');
                }
            }
        }
    }
</script>

</html>