rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-03-03 11:27:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix swiping

Browse Source
This commit is contained in:
city-unit 2023-08-13 22:57:49 -04:00
parent f528791c4f
commit c86512cf6b
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/script.js
View File

@ -1354,13 +1354,13 @@ function messageFormatting(mes, ch_name, isSystem, isUser) {
} }
/** /**
* Inserts an SVG icon adjacent to the provided message's timestamp. * Inserts or replaces an SVG icon adjacent to the provided message's timestamp.
* *
* If the `extra.api` is "openai" and `extra.model` contains the substring "claude", * If the `extra.api` is "openai" and `extra.model` contains the substring "claude",
* the function fetches the "claude.svg". Otherwise, it fetches the SVG named after * the function fetches the "claude.svg". Otherwise, it fetches the SVG named after
* the value in `extra.api`. * the value in `extra.api`.
* *
* @param {jQuery} mes - The message element containing the timestamp where the icon should be inserted. * @param {jQuery} mes - The message element containing the timestamp where the icon should be inserted or replaced.
* @param {Object} extra - Contains the API and model details. * @param {Object} extra - Contains the API and model details.
* @param {string} extra.api - The name of the API, used to determine which SVG to fetch. * @param {string} extra.api - The name of the API, used to determine which SVG to fetch.
* @param {string} extra.model - The model name, used to check for the substring "claude". * @param {string} extra.model - The model name, used to check for the substring "claude".
@ -1379,14 +1379,23 @@ function insertSVGIcon(mes, extra) {
// Extract the SVG content from the XML data // Extract the SVG content from the XML data
let svg = $(data).find('svg'); let svg = $(data).find('svg');
// Add a class for styling if needed // Add classes for styling and identification
svg.addClass('icon-svg'); svg.addClass('icon-svg timestamp-icon');
// Insert the SVG adjacent to the timestamp // Check if an SVG already exists adjacent to the timestamp
let existingSVG = mes.find('.timestamp').next('.timestamp-icon');
if (existingSVG.length) {
// Replace existing SVG
existingSVG.replaceWith(svg);
} else {
// Append the new SVG if none exists
mes.find('.timestamp').after(svg); mes.find('.timestamp').after(svg);
}
}); });
} }
function getMessageFromTemplate({ function getMessageFromTemplate({
mesId, mesId,
characterName, characterName,
@ -1615,6 +1624,9 @@ function addOneMessage(mes, { type = "normal", insertAfter = null, scroll = true
appendImageToMessage(mes, $("#chat").find(`[mesid="${count_view_mes - 1}"]`)); appendImageToMessage(mes, $("#chat").find(`[mesid="${count_view_mes - 1}"]`));
$("#chat").find(`[mesid="${count_view_mes - 1}"]`).attr('title', title); $("#chat").find(`[mesid="${count_view_mes - 1}"]`).attr('title', title);
$("#chat").find(`[mesid="${count_view_mes - 1}"]`).find('.timestamp').text(timestamp).attr('title', `${params.extra.api} - ${params.extra.model}`); $("#chat").find(`[mesid="${count_view_mes - 1}"]`).find('.timestamp').text(timestamp).attr('title', `${params.extra.api} - ${params.extra.model}`);
if (power_user.timestamp_model_icon && params.extra?.api) {
insertSVGIcon($("#chat").find(`[mesid="${count_view_mes - 1}"]`), params.extra);
}
if (mes.swipe_id == mes.swipes.length - 1) { if (mes.swipe_id == mes.swipes.length - 1) {
$("#chat").find(`[mesid="${count_view_mes - 1}"]`).find('.mes_timer').text(params.timerValue); $("#chat").find(`[mesid="${count_view_mes - 1}"]`).find('.mes_timer').text(params.timerValue);