OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	04/17/2025 09:15:05 AM	rwxrwxr-x
📄 25_11_24stream.js	16.73 KB	11/21/2024 12:24:11 PM	rw-r--r--
📄 bbcommon.js	46.36 KB	01/08/2025 07:45:55 AM	rw-r--r--
📄 bcommon.js	46.88 KB	11/13/2024 02:39:46 PM	rw-r--r--
📄 common.js	59.76 KB	06/17/2025 08:40:01 AM	rw-r--r--
📄 genai_func.js	13.81 KB	11/15/2024 01:01:34 PM	rw-rw-r--
📄 magnific-popup.min.js	19.74 KB	11/13/2024 02:39:40 PM	rw-r--r--
📄 main.js	4.98 KB	01/04/2025 11:02:19 AM	rw-r--r--
📄 new_social_script.js	11.82 KB	04/17/2025 09:15:27 AM	rw-r--r--
📄 scripts.js	1.49 KB	11/22/2024 07:32:22 AM	rw-rw-r--
📄 stream.js	16.86 KB	03/28/2025 05:41:53 AM	rw-r--r--

Editing: stream.js

function toggleReadMore(postId) {
  event.stopPropagation();
  var $truncatedContent = $("#postContent_" + postId);
  var $fullContent = $("#fullContent_" + postId);
  var $button = $('[data-id="' + postId + '"]').eq(1);

if ($truncatedContent.css("display") === "none") {
    // Show truncated content, hide full content, change button text
    $truncatedContent.show();
    $fullContent.hide();
    $button.text("Read More");
  } else {
    // Show full content, hide truncated content, change button text
    $truncatedContent.hide();
    $fullContent.show();
    $button.text("Read Less");
  }
}

function toggleSave(button, id) {
  var thumbsUpIcon = $(button).find("i"); // The <i> tag with the class indicating the like status
  var likeCountElement = $(button).find(".likeCount"); // The div where the like count is displayed

function toggleFollow(button, userId, targetUserId) {
  const isFollowing = $(button).text().trim() === "Following"; // Check if currently following
  const requestType = isFollowing ? "unfollow" : "follow";

// Make the AJAX request to toggle follow/unfollow
  $.ajax({
    url: "follow_action.php", // Adjust the URL if necessary
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({
      request: requestType,
      followerId: userId,
      followingId: targetUserId,
    }),
    success: function (response) {
      console.log(response); // Log the full response to debug

if (response.status === "success") {
        // Toggle button text based on follow/unfollow status
        $(button).text(requestType === "follow" ? "Following" : "Follow");
      } else {
        console.error(
          "Error message:",
          response.message || "Unknown error occurred"
        );
      }
    },
    error: function (jqXHR, textStatus, errorThrown) {
      console.error("Error:", textStatus, errorThrown);
    },
  });
}

// Function to handle delete
function deletePost(postId) {
  if (confirm("Are you sure you want to delete this post?")) {
    $.ajax({
      url: "assets/php/edit_post.php",
      type: "POST",
      data: {
        action: "delete",
        post_id: postId,
      },
      success: function (response) {
        if (response.status === "success") {
          alert(response.message);
          location.reload();
        } else {
          alert(response.message);
        }
      },
      error: function () {
        alert("An error occurred while deleting the post.");
      },
    });
  }
}

// Function to edit a post
function editPost(postId) {
  // Set the content in the modal's textarea
  const $modalTextarea = $("#modalContentTextarea");
  const $saveButton = $("#saveModalEditButton");

$.ajax({
    url: "assets/php/getEditContent.php",
    type: "POST",
    data: {
      action: "getChat",
      post_id: postId,
    },
    success: function (response) {
      if (response.chat !== undefined) {
        // Populate the textarea with the retrieved chat content
        $modalTextarea.val(response.chat);

// Set the postId in the save button's data attribute
        $saveButton.data("postId", postId);

// Set cursor to the end of the text
        $modalTextarea.focus();
        $modalTextarea[0].setSelectionRange(
          $modalTextarea.val().length,
          $modalTextarea.val().length
        );

// Open the modal
        const editPostModal = new bootstrap.Modal($("#editPostModal")[0]);
        editPostModal.show();
      } else {
        alert("Failed to retrieve chat content.");
      }
    },
    error: function () {
      alert("An error occurred while retrieving the post.");
    },
  });
}

// Function to save edited content from modal
function saveEditedContent() {
  const saveButton = $("#saveModalEditButton");
  const postId = saveButton.data("postId");
  const newContent = $("#modalContentTextarea").val();

// AJAX request to save the edited content
  $.ajax({
    url: "assets/php/edit_post.php",
    type: "POST",

data: {
      action: "edit",
      post_id: postId,
      content: newContent,
    },
    success: function (response) {
      if (response.status === "success") {
        alert(response.message);
        location.reload(); // Refresh to show the updated post
      } else {
        alert(response.message);
      }
    },
    error: function () {
      alert("An error occurred while saving the post.");
    },
  });
}

// Function to close all dropdown menus
function closeAllDropcardMenus() {
  $(".dropcardMenu").each(function () {
    $(this).hide();
  });
}

// Function to preview video and image Media
// function previewMedia() {
//     var $fileInput = $('#fileInput');
//     var $mediaPreview = $('#mediaPreview');
//     var file = $fileInput[0].files[0];

//     // Clear previous previews
//     $mediaPreview.empty();

//     if (file) {
//         var fileReader = new FileReader();

//         // For image files
//         if (file.type.startsWith('image')) {
//             fileReader.onload = function(e) {
//                 var $img = $('<img>').attr('src', e.target.result);
//                 // img.style.maxWidth = '100%';
//                 // img.style.maxHeight = '300px'; // Set max height for the preview
//                 $mediaPreview.append($img);
//             };
//         }

//         // For video files
//         else if (file.type.startsWith('video')) {
//             var $video = $('<video>').attr('controls', true).css({
//                 maxWidth: '100%',
//                 maxHeight: '70vh' // Set max height for the preview
//             });
//             $mediaPreview.append($video);

//             fileReader.onload = function(e) {
//                 $video.attr('src', e.target.result);
//                 $video[0].load();
//                 $video[0].play();
//             };
//         }

//         // Start reading the file
//         fileReader.readAsDataURL(file);
//     }
// }
// function previewMedia() {
//     console.log("PreviewMedia Workinggggggg");
//     var $fileInput = $('#fileInput');
//     var $mediaPreview = $('#mediaPreview');
//     var file = $fileInput[0].files[0];

//     // Clear previous previews
//     $mediaPreview.empty();

//     if (file) {
//         var fileReader = new FileReader();

//         // For image files
//         if (file.type.startsWith('image')) {
//             fileReader.onload = function (e) {
//                 var $img = $('<img>').attr('src', e.target.result);
//                 console.log($img);
//                 // img.style.maxWidth = '100%';
//                 // img.style.maxHeight = '300px'; // Set max height for the preview
//                 $mediaPreview.append($img);

//             };

//         }

//             // Create a hidden video element to extract the first frame
//             var videoElement = document.createElement('video');
//             var videoUrl = URL.createObjectURL(file);
//             videoElement.src = videoUrl;

//             // Create a canvas to draw the first frame
//             var $thumbnailCanvas = $('<canvas>')[0];
//             var thumbnailContext = $thumbnailCanvas.getContext('2d');

//             // Wait for the video to load, then extract the first frame
//             $(videoElement).on('loadeddata', function () {
//                 // Ensure the video is loaded and ready
//                 videoElement.currentTime = 0;  // Set video to the first frame
//             });

//             // Once the video seeks to the first frame, capture the thumbnail
//             $(videoElement).on('seeked', function () {
//                 // Set canvas size to match video dimensions
//                 $thumbnailCanvas.width = videoElement.videoWidth;
//                 $thumbnailCanvas.height = videoElement.videoHeight;

//                 // Draw the current frame (first frame) onto the canvas
//                 thumbnailContext.drawImage(videoElement, 0, 0, videoElement.videoWidth, videoElement.videoHeight);

//                 // Convert the canvas to a data URL and set it as the video poster
//                 var dataUrl = $thumbnailCanvas.toDataURL();
//                 $video.attr('poster', dataUrl);  // Set the first frame as the thumbnail
//             });

//             // Append the video element to the preview
//             $mediaPreview.append($video);

//             // Read the video file and load it into the video element
//             fileReader.onload = function (e) {
//                 $video.attr('src', e.target.result);
//                 $video[0].load();
//                 $video[0].play();
//             };

//             // Start reading the file
//             fileReader.readAsDataURL(file);
//             console.log("Video Previewing");
//         }
//     }
//     console.log("PreviewMedia Workinggggggg 2");
// }
// Global variable for the current slide index
let slideIndex = 0;
let $mediaSlides = null;

// This function initializes the media preview (called when files are selected)
function previewMedia() {
  var $fileInput = $("#fileInput");
  $mediaSlides = $("#mediaSlides"); // Get the media slides container

var files = $fileInput[0].files;

// Clear previous slides
  $mediaSlides.empty();

// Loop through all selected files and add them to the slider
  for (var i = 0; i < files.length; i++) {
    var file = files[i];

// For image files
    if (file.type.startsWith("image")) {
      var fileReader = new FileReader();

fileReader.onload = function (e) {
        var $img = $("<img>").attr("src", e.target.result).css({
          maxWidth: "100%",
          maxHeight: "auto",
        });
        $mediaSlides.append($img); // Add the image to the slider container
      };

fileReader.readAsDataURL(file);
    }

// For video files
    else if (file.type.startsWith("video")) {
      var fileReader = new FileReader();

fileReader.onload = function (e) {
        var $video = $("<video controls>").attr("src", e.target.result).css({
          maxWidth: "100%",
          maxHeight: "70vh",
        });
        $mediaSlides.append($video); // Add the video to the slider container
      };

fileReader.readAsDataURL(file);
    }
  }

// Show the initial slide
  showSlide(slideIndex);
}

// Function to show the current slide
function showSlide(index) {
  var slides = $mediaSlides.children(); // Get all slides (images/videos)

// Hide navigation buttons if there is only one slide
  if (slides.length === 1) {
    $(".slideBtn").hide(); // Hide the navigation buttons
  } else {
    $(".slideBtn").show(); // Show the navigation buttons if there are multiple slides
  }

if (index >= slides.length) slideIndex = 0; // If we're at the end, go back to the first slide
  if (index < 0) slideIndex = slides.length - 1; // If we're at the beginning, go to the last slide

// Use CSS transform to shift to the correct slide
  $mediaSlides.css("transform", "translateX(" + -slideIndex * 100 + "%)");
}

// Function to move to the next or previous slide
function moveSlide(n) {
  slideIndex += n;
  showSlide(slideIndex);
}

// Initialize slider and preview media on file input change
$("#fileInput").on("change", function () {
  previewMedia();
});

function toggleLike(button, feedId, userId) {
  var thumbsUpIcon = $(button).find("i"); // The <i> tag with the class indicating the like status
  var likeCountElement = $(button).find(".likeCount"); // The div where the like count is displayed

var isLiked = thumbsUpIcon.hasClass("fa-solid");
  var requestType = isLiked ? "unlike" : "like";

$.ajax({
    url: "/assets/php/handler.php",
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({
      request: requestType,
      userId: userId,
      feedId: feedId,
    }),
    success: function (response) {
      if (response.status === "success") {
        if (requestType === "like") {
          thumbsUpIcon.removeClass("fa-regular").addClass("fa-solid");
        } else {
          thumbsUpIcon.removeClass("fa-solid").addClass("fa-regular");
        }

var updatedLikeCount =
          response.likeCount === null ? "" : response.likeCount;
        likeCountElement.text(updatedLikeCount);
      } else {
        console.error("Error message:", response.message);
      }
    },
    error: function (jqXHR, textStatus, errorThrown) {
      console.error("Error:", textStatus, errorThrown);
    },
  });
}

// Function to toggle the dropcard menu visibility
function toggleDropcardMenu(postId) {
  var $menu = $("#dropcardMenu_" + postId);
  var isVisible = $menu.css("display") === "block";

// Close any open dropdown menus before toggling the current one
  closeAllDropcardMenus();

// Toggle display for the clicked menu
  $menu.css("display", isVisible ? "none" : "block");
}

function fetchGenAIContent() {
  const $textarea = $("#contentTextarea"); // Select the textarea element
  const $loadingIndicator = $("#loadingIndicator"); // Select the loading indicator

if ($textarea.length === 0) {
    console.error("Textarea with id 'contentTextarea' not found.");
    return;
  }

const textareaValue = $textarea.val().trim(); // Get the current value of the textarea and trim whitespace

// Check if the textarea is empty
  if (!textareaValue) {
    alert("Please enter something in the textarea.");
    console.warn("Textarea is empty. AJAX request not sent.");
    return;
  }

// Show the loading indicator
  $loadingIndicator.show();
  startBlinkingDots();

$.ajax({
    url: "genai/process_genai.php", // Replace with the actual endpoint
    method: "POST",
    data: {
      working_headline: textareaValue,
      avatar: "#post",
    },
    success: function (response) {
      // Populate the textarea with the response
      $textarea.val(response);
      adjustTextareaHeight($textarea[0]); // Adjust height after setting the response
    },
    error: function (jqXHR, textStatus, errorThrown) {
      console.error(
        `Error fetching GenAI content: ${textStatus} - ${errorThrown}`
      );
    },
    complete: function () {
      // Hide the loading indicator when the AJAX call is complete
      $loadingIndicator.hide();
      stopBlinkingDots();
    },
  });
}

function adjustTextareaHeight(textarea) {
  const minHeight = 50; // Minimum height in pixels
  const maxHeight = 200; // Maximum height in pixels

// Reset the height to auto so it shrinks if the content is deleted
  textarea.style.height = "auto";

// Calculate the new height
  const newHeight = textarea.scrollHeight;

// Apply the appropriate height
  if (newHeight > maxHeight) {
    textarea.style.height = `${maxHeight}px`;
    textarea.style.overflowY = "scroll"; // Add scrollbar if max height is reached
  } else if (newHeight < minHeight) {
    textarea.style.height = `${minHeight}px`; // Ensure the height doesn't go below 50px
    textarea.style.overflowY = "hidden";
  } else {
    textarea.style.height = `${newHeight}px`;
    textarea.style.overflowY = "hidden"; // Remove scrollbar if below max height
  }
}

// Blinking dots functionality
function startBlinkingDots() {
  const dots = document.getElementById("dots");
  let dotCount = 0;
  dotInterval = setInterval(() => {
    dotCount = (dotCount + 1) % 4; // Cycle through 0, 1, 2, 3
    dots.textContent = ".".repeat(dotCount);
  }, 500); // Change dots every 500ms
}

function stopBlinkingDots() {
  clearInterval(dotInterval);
  document.getElementById("dots").textContent = "..."; // Reset to three dots
}