[GDRCD 5.6.0.5] Creazione di una Chat Off accessoria

ammy

[GDRCD 5.6.0.5] Creazione di una Chat Off accessoria postato il 20/01/2025 16:09:05 nel forum programmazione, gdrcd, open source, hosting

Come da titolo, sto pensando di creare una piccola chat off ( a scomparsa, come quella dei Customer Care ) fixata sul fondo della land - nel footer o header - e che quindi sia visibile sempre.

Ho creato la struttura del pannello a scomparsa direttamente nel layout, e ricopiato il sistema utilizzato per la chat normale per far comunicare l'invio del messaggio e la sua visualizzazione. Qui sotto il codice dentro al file chat_off.inc.php

<?php include('../header.inc.php');/*Header comune*/ ?>
<?php include('../ref_header.inc.php');/*Header comune*/ ?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #232a20;
/*color: #e3cca1;*/
}

div.chat_off_box{
}

#wrapper {
max-width: 400px;
height: 370px;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#chatbox {
width: 250px;
overflow-y: auto;
background: #232a20;
}
#chatbox div {
margin-bottom: 5px;
}
#chatbox strong {
color: #cc8400;
}
form {
display: flex;
}
#usermsg {
flex-grow: 1;
padding: 10px;
border: 1px solid #555;
border-radius: 4px;
margin-right: 5px;
}
#submitmsg {
padding: 10px;
border: none;
border-radius: 4px;
background: #843d22;
color: #e3cca1;
cursor: pointer;
}
#submitmsg:hover {
background: #cc8400;
}
</style>
</head>
<body>
<div id="wrapper">

<?php $_SESSION['last_message'] = 0; ?>
<div style="height: 1px; width: 1px;">
<iframe src="pages/chat_off.inc.php?ref=30&chat_off=yes" class="iframe_chat_off" id="chat_off_frame" name="chat_off_frame" frameborder="0" allowtransparency="true">
</iframe>
</div>

<div id="pagina_chat_off" class="chat_off_box">
</div>

<form action="pages/chat_off.inc.php?ref=30&chat_off=yes" method="post" target="chat_frame" id="chatoff_form_messages">
<div class="casella_chat_off"> <input name="message" id="message" value="" /> </div>
<div class="casella_chat_off" style="position:relative; bottom:7px;">
<input id="invia" type="submit" value="<?php echo gdrcd_filter('out', $MESSAGE['interface']['forms']['submit']); ?>" />
<input type="hidden" name="op" value="new_chatoff_message" />
</div>
</form>
</div>

</body>
</html>

<?php include('../footer.inc.php');/*Header comune*/ ?>

Ho creato un nuovo file chiamato chatoff.inc.php che funziona esattamente come chat.inc.php

Nel file ref_header.inc.php ho aggiunto i seguenti segmenti di codice

if((gdrcd_filter_get($_REQUEST['chat_off']) == 'yes') && (empty($_SESSION['login']) === false)) {

$typeOrder1 = ($PARAMETERS['mode']['chat_from_bottom'] == 'ON') ? 'DESC' : 'ASC';

/*Se ho inviato un messaggio nella chat off*/
if(gdrcd_filter('get', $_POST['op']) == 'new_chatoff_message') {
$chat_message1 = gdrcd_filter('in', gdrcd_angs($_POST['message']));

gdrcd_query("INSERT INTO chat_off ( mittente, ora, testo ) VALUES ( '".$_SESSION['login']."', NOW(), '".$chat_message1."')");

}//Fine (gdrcd_filter('get', $_POST['op']) == 'new_chatoff_message')

//formattazione chat off
$query1 = gdrcd_query("SELECT mittente, ora, testo FROM chat_off
ORDER BY id ".$typeOrder1, 'result');

while($row1 = gdrcd_query($query1, 'fetch')) {

$add_chat_off .= '<div class="chat_row">';
$add_chat_off .= '<span class="chat_time">'.gdrcd_format_time($row1['ora']).'</span>';
$add_chat_off .= '<span class="chat_name">'.gdrcd_format_time($row1['mittente']).'</span>';
$add_chat_off .= '<span class="chat_msg" style="line-height: 1.5; ">'.gdrcd_filter('out', $row1['testo']).'</span>';
$add_chat_off .= '</div>';
}
gdrcd_query($query1, 'free');

// Aggiorno ultimo messaggio visualizzato
$_SESSION['last_message'] = $last_message1;
}// Fine (gdrcd_filter_get($_REQUEST['chat_off']) == 'yes') && (empty($_SESSION['login']) === false)

modificato questo pezzo

e aggiunto ancora

if(gdrcd_filter('get', $_REQUEST['chat_off']) == 'yes') {
echo '<script type="text/javascript"> function echoChatOff(){';
/** * Gestione dell'ordinamento
* @author Blancks
*/
if($PARAMETERS['mode']['chat_from_bottom'] == 'OFF') {
echo 'parent.document.getElementById(\'pagina_chat_off\').innerHTML+= '.json_encode((string) $add_chat_off).';';
echo 'scrolling = parent.document.getElementById(\'pagina_chat_off\').scrollHeight;';
} elseif($PARAMETERS['mode']['chat_from_bottom'] == 'ON') {
echo 'parent.document.getElementById(\'pagina_chat_off\').innerHTML= '.json_encode((string) $add_chat_off).'+parent.document.getElementById(\'pagina_chat_off\').innerHTML;';
echo 'scrolling = 0;';
}
/** * Gestione intelligente della scrollbar
* Forza lo scroll solo quando ci sono nuovi messaggi
* @author Blancks
*/
if( ! empty($add_chat)) {
echo 'parent.document.getElementById(\'pagina_chat_off\').scrollTop = scrolling;';
}

if(gdrcd_filter('get', $_POST['op']) == 'new_chatoff_message') {

echo 'parent.document.getElementById(\'chatoff_form_messages\').reset();';
}//if
echo '}</script>';
}

e, al di la' la necessità di doverlo sistemare a livello di CSS, funziona MA - perché c'è un MA grossissimo - quando lo metto, e vado in una chat normale, inizia a duplicarmi, triplicarmi, quadruplicarmi i messaggi inviati in chat ( non a database, ma è come se a ogni check in cui si aggiorna la land, allora ne stampasse una nuova serie in chat ).

Chiaramente il codice va' in contrasto con quello base di GDRCD - ma dove e come ? Se qualcuno potesse darmi una mano vi sarei estremamente grata !!