|
|
<!DOCTYPE html> |
|
|
<html lang="it"> |
|
|
|
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<meta name="description" content="Author:Giuseppe Materni" /> |
|
|
<title>RagqQuery</title> |
|
|
|
|
|
<link rel="stylesheet" href="css/ragquery.min.css" /> |
|
|
<script src="js/ragquery.min.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--> |
|
|
|
|
|
<body> |
|
|
<div id="spinner" class="spinner"> |
|
|
<div class="pulse-icon"></div> |
|
|
<div class="stop-message">Stop</div> |
|
|
</div> |
|
|
|
|
|
<div class="menu-h"> |
|
|
|
|
|
<input id="id-menu-btn" name="id-menu-btn" class="menu-btn tt-right" data-tt="Open" type="checkbox" /> |
|
|
<label for="id-menu-btn" class="menu-icon"> |
|
|
<span class="nav-icon"></span> |
|
|
</label> |
|
|
|
|
|
<div class="head-wrapper"> |
|
|
<button class="help tt-bottom" onclick="Menu.help();" data-tt="Istruzioni">?</button> |
|
|
<button class="upload tt-bottom" onclick="Menu.upload();" ; data-tt="Upload files"> |
|
|
<svg class="icon" viewBox="0 0 24 24"> |
|
|
<path d="M20 15v2H4v-2H2v5h20v-5zM13 5V1h-2v4H7l5 5 5-5z" fill="none" stroke="#FFFFFF" stroke-width="2" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="upload tt-bottom" onclick="Menu.uploadDir();" ; data-tt="Upload dir"> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M20 6h-8l-2-2H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 7H8v2h4v-2zm6 0h-4v2h4v-2zm0-4H8v2h10V9z" fill="none" stroke="#FFFFFF" stroke-width="2" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="log active inv" id="id_log" onclick="Menu.log();">Log</button> |
|
|
<label class="release"></label> |
|
|
|
|
|
<div class="btn-theme"> |
|
|
<button class="btn-dark tt-left" data-tt="Tema scuro" onclick="setDark()"> |
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> |
|
|
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="btn-light tt-left" data-tt="Tema chiaro" onclick="setLight()"> |
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> |
|
|
<circle cx="12" cy="12" r="5" /> |
|
|
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" /> |
|
|
</svg> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-box"> |
|
|
<ul> |
|
|
<li><a href="#" onclick="op0(this);">README</a></li> |
|
|
<li><a href="#" onclick="showQuery();">Domanda Iniziale</a></li> |
|
|
<li><a href="#" onclick="showRagResponse();">Risposta Contestuale</a></li> |
|
|
<li><a href="#" onclick="showThread();">Conversazione</a></li> |
|
|
|
|
|
<li><a href="#" onclick="elencoRisposte(this);">Elenco Risposte</a></li> |
|
|
<li><a href="#" onclick="showContesto(this);">Contesto RAG</a></li> |
|
|
<li><a href="#" onclick="elencoDati(this);">Dati archviati</a></li> |
|
|
<li><a href="#" onclick="elencoDocs(this);">Elenco Documenti</a></li> |
|
|
<li><a href="#" onclick="calcQuery();">Numero Richieste</a></li> |
|
|
<li><a class="delete inv" href="#" onclick="deleteDati(this);">Cancella Dati</a></li> |
|
|
<li>-</li> |
|
|
<li><a class="help inv" href="#" onclick="deleteStorage(this);">Cancella Documenti</a></li> |
|
|
<li>-</li> |
|
|
<li><a href="#" onclick="help1(this);">Esempi di documenti</a></li> |
|
|
<li><a href="#" onclick="help2(this);">Esempi di domande</a></li> |
|
|
|
|
|
|
|
|
|
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
<div class="item item1"> |
|
|
<div class="output-wrapper"> |
|
|
|
|
|
<div class="text-out" id="id-text-out"> |
|
|
|
|
|
<div class="div-text"></div> |
|
|
</div> |
|
|
|
|
|
<div class="output-actions"> |
|
|
<button class="copy-output tt-left" data-tt="Copia Output"> |
|
|
<svg class="copy-icon" viewBox="0 0 20 24"> |
|
|
<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="wnd-output tt-left" data-tt="Apri Output"> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M10 9v6h4V9h5l-7-7-7 7h5zM5 19v2h14v-2H5z" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="clear-output tt-left" data-tt="Cancella Output"> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M3 6h18v2H3V6zm2 3h14v12H5V9zm3-7h6v2H8V2z" /> |
|
|
</svg> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="item item2"> |
|
|
<div class="input-wrapper"> |
|
|
|
|
|
<textarea class="text-input" placeholder="Scrivi qui... " rows="2"></textarea> |
|
|
<button class="clear-button tt-top" data-tt="Cancella Input">X</button> |
|
|
|
|
|
<div class="input-actions"> |
|
|
<button class="send-input inv tt-leftx" data-tt="Documenti=>RAG=>Conetso=>Query ."> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M2 21l21-9L2 3v7l15 2-15 2v7z" fill="none" stroke="#FFFFFF" stroke-width="2" /> |
|
|
</svg> |
|
|
</button> |
|
|
|
|
|
<button class="send2-input inv tt-leftx" data-tt="Contesto=>Query ."> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M2 21l21-9L2 3v7l15 2-15 2v7z" fill="none" stroke="#FFFFFF" stroke-width="2" /> |
|
|
</svg> |
|
|
</button> |
|
|
<button class="clear-input tt-left" data-tt="Cancella Conversazione"> |
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
|
|
<path d="M3 6h18v2H3V6zm2 3h14v12H5V9zm3-7h6v2H8V2z" fill="none" stroke="#FFFFFF" stroke-width="2" /> |
|
|
</svg> |
|
|
</button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</body> |
|
|
|
|
|
</html> |
|
|
<script> |
|
|
window.addEventListener('load', () => { |
|
|
openApp(); |
|
|
}); |
|
|
|
|
|
</script> |
