| <html> |
| <head> |
| <title> Chatbot </title> |
| <meta name="viewport" content="width=device-width, interactive-widget=resizes-content"> |
| <link rel="shortcut icon" href="static/favicon.png" type="image/png"> |
| <link rel="stylesheet" href="static/css/app.css?v={% version %}"> |
| <link rel="stylesheet" href="static/css/tabs.css?v={% version %}"> |
|
|
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" rel="stylesheet" /> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js" integrity="sha512-9khQRAUBYEJDCDVP2yw3LRUQvjJ0Pjx0EShmaQjcHa6AXiOv6qHQu9lCAIR8O+/D8FtaCoJ2c0Tf9Xo7hYH01Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-SkmBfuA2hqjzEVpmnMt/LINrjop3GKWqsuLSSB3e7iBmYK7JuWw4ldmmxwD9mdm2IRTTi0OxSAfEGvgEi0i2Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
| <script src="static/js/tabsHandler.js?v={% version %}"></script> |
| <script src="static/js/windowHandler.js?v={% version %}"></script> |
| <script src="static/js/chatHandler.js?v={% version %}"></script> |
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-5TFYJMJZR4"></script> |
| <script> |
| window.dataLayer = window.dataLayer || []; |
| function gtag(){dataLayer.push(arguments);} |
| gtag('js', new Date()); |
| |
| gtag('config', 'G-5TFYJMJZR4'); |
| </script> |
| </head> |
| <body> |
|
|
|
|
| <div class="wrapper"> |
| <div class="tabs"> |
| <label class="tab-label-add" > |
| + |
| <input type="button" class="tab-add" id="nuevoChat"> |
| </label> |
| </div> |
|
|
| |
| </div> |
|
|
| |
| <div class="template"> |
| <label class="tab-label-template"> |
| <div>Tab </div> |
| <input type="radio" name="tabs" class="tab-switch" value=0> |
| </label> |
| <div class="tab-template"> |
| <div class="chat"></div> |
| <div class='input-box'> |
| <textarea class='input-text' placeholder="Escribe aqu铆" type="text" autofocus=""></textarea> |
| <button class='input-send' ></button> |
| <button class='input-delete' ></button> |
| </div> |
| </div> |
| </div> |
|
|
| <dialog id="updates"> |
| <div> Cambios de la versi贸n {% version %}: |
| <ul> |
| <li>El mensaje ya no crgar谩 en tiempo real, sino que lo har谩 una vez el texto se haya mostrado completo</li> |
| <li>Paran indicar como va la carga hay un nuevo icono, el mismo pasar谩 a verde cuando se empieze a recibir la data |
| <div class="loader-wrap"><span class="loader"></span><span class="loader firststage"></span></div> |
| </li> |
| <li>Se pueden tener multiples conversaciones ahora por los tabs (esto se almacena a nivel de dispositivo)</li> |
| <li>La papelera ahora elimina la conversaci贸n, asi mismo pide confirmaci贸n para evitar borrar accidentalmente</li> |
| <li>La conversaci贸n se mantiene en 16k tokens</li> |
| <li>Se le procur贸 bajar la "tontez" al chatbot y ahora es m谩s serio</li> |
| <li>El chat consulta el estado de conexi贸n</li> |
| <li>Ahora existe este cuadrito que indica las actualizaciones</li> |
| </ul> |
| <p>Has click en cualquier lugar para cerrar este cuadro</p> |
| </div> |
| <dialog> |
|
|
| <script> |
| var cHand; |
| $(document).ready(function() { |
| cHand = new ChatGPT("{% token %}"); |
| }); |
| let versionLocal = localStorage.getItem("version") |
| let versionRemota = "{% version %}" |
| |
| |
| </script> |
| </body> |
| </html> |
|
|
