dev: test

main.py

@@ -22,11 +22,18 @@ for key in users:
     password = key+users[key]+users["master"]
     users[key] = sha256(password.encode('UTF-8')).hexdigest()
 
-with open("log.txt", "w") as f:
-    f.write("incio")
-    f.write("\n--------------------------\n")
+def write_line(line):
+    with open("log.txt", "a") as f:
+        f.write(line)
+        f.write("\n")
+
+def write_multi_line(list_text):
+    for line in list_text:
+        write_line(line)
+    write_line("---------------------------")
 
 
+write_multi_line(["inicio"])
 
 fecha_unix = str(int(time.time()))
 
@@ -74,6 +81,13 @@ async def root(request: Request, credentials: HTTPBasicCredentials = Depends(sec
         with open(os.path.join("static", "main.html")) as f:
             return HTMLResponse(f.read().replace("{% token %}", token).replace("{% version %}", fecha_unix))
 
+@app.get("/tabs", response_class=HTMLResponse)
+async def root_tabs(request: Request, credentials: HTTPBasicCredentials = Depends(security)):
+    if authenticate_user(credentials):
+        token = create_jwt_token({"user":credentials.username})
+        with open(os.path.join("static", "main2.html")) as f:
+            return HTMLResponse(f.read().replace("{% token %}", token).replace("{% version %}", fecha_unix))
+
     
 @app.post("/chat_stream")
 async def chat_stream(data = Depends(validate_token)):
@@ -162,21 +176,14 @@ async def read_log(request: Request, credentials: HTTPBasicCredentials = Depends
 
 @app.get("/mfdfastapi")
 async def webhook_get(request: Request):
-
-    with open("log.txt", "a") as f:
-        f.write("get mfdfastapi")
-        f.write("\n")
-        headers = {}
-        for name, value in request.headers.items(): headers[name] = value
-        f.write("head: ")
-        f.write(json.dumps(headers))
-        f.write("\n")
-        parametros_get = request.query_params
-        f.write("get:  ")
-        f.write(json.dumps(dict(parametros_get.items())))
-        f.write("\n")
-        f.write("--------------------------\n")
     
+    write_multi_line([
+        "GET mfdfastapi:",
+        "headers: {}".format(json.dumps(dict(request.headers.items()))),
+        "params : {}".format(json.dumps(dict(request.query_params.items()))),
+        
+    ])
+
     mode = request.query_params.get('hub.mode', "")
     if mode=="subscribe":
         challenge = request.query_params.get('hub.challenge', "")
@@ -189,28 +196,15 @@ async def webhook_get(request: Request):
             raise HTTPException(status_code=404, detail="Datos no válidos")    
         return HTMLResponse(str(challenge))
 
-
-        
-
 @app.post("/mfdfastapi")
 async def webhook_post(request: Request):
-    with open("log.txt", "a") as f:
-        f.write("post mfdfastapi")
-        f.write("\n")
-        headers = {}
-        for name, value in request.headers.items(): headers[name] = value
-        f.write("head: ")
-        f.write(json.dumps(headers))
-        f.write("\n")
-        parametros_post = await request.json()
-        parametros_get = request.query_params
-        f.write("get:  ")
-        f.write(json.dumps(dict(parametros_get.items())))
-        f.write("\n")
-        f.write("post: ")
-        f.write(json.dumps(parametros_post))
-        f.write("\n")
-        f.write("--------------------------\n")
-        
+    parametros_post = await request.json()
+    write_multi_line([
+        "POST mfdfastapi:",
+        "headers: {}".format(json.dumps(dict(request.headers.items()))),
+        "params : {}".format(json.dumps(dict(request.query_params.items()))),
+        "post   : {}".format(json.dumps(parametros_post))
+    ])
+
     return HTMLResponse("ok")
         

static/css/app2.css

@@ -0,0 +1,35 @@
+
+.tab {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+  }
+  
+  .tab button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 14px 16px;
+    transition: 0.3s;
+  }
+  
+  .tab button:hover {
+    background-color: #ddd;
+  }
+  
+  .tab button.active {
+    background-color: #ccc;
+  }
+  
+  .tabcontent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+  }
+  
+  .tabcontent:first-child {
+    display: block;
+  }

static/main2.html

@@ -0,0 +1,81 @@
+<html>
+  <head>
+    <title> Chatbot </title>
+    <meta name="viewport" content="width=device-width">
+    <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/app2.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/chatHandler.js?v={% version %}"></script>
+    <script src="static/js/windowHandler.js?v={% version %}"></script>
+    
+  </head>
+  <body>
+
+    <div class="wrapper">
+      <div class="tab">
+        <button class="tablinks" onclick="openTab(event, 'tab1')">Tab 1</button>
+        <button class="tablinks" onclick="openTab(event, 'tab2')">Tab 2</button>
+        <button class="tablinks" onclick="openTab(event, 'tab3')">Tab 3</button>
+      </div>
+      <div id="tab1" class="tabcontent">
+        <div class="chat" id="chat1"></div>
+        <div class="input-box">
+          <textarea class="input-text" id="input-text1" placeholder="Type something" type="text" autofocus></textarea>
+          <button class="input-send" id="input-send1"></button>
+          <button class="input-delete" id="input-delete1"></button>
+        </div>
+      </div>
+      <div id="tab2" class="tabcontent">
+        <div class="chat" id="chat2"></div>
+        <div class="input-box">
+          <textarea class="input-text" id="input-text2" placeholder="Type something" type="text" autofocus></textarea>
+          <button class="input-send" id="input-send2"></button>
+          <button class="input-delete" id="input-delete2"></button>
+        </div>
+      </div>
+      <div id="tab3" class="tabcontent">
+        <div class="chat" id="chat3"></div>
+        <div class="input-box">
+          <textarea class="input-text" id="input-text3" placeholder="Type something" type="text" autofocus></textarea>
+          <button class="input-send" id="input-send3"></button>
+          <button class="input-delete" id="input-delete3"></button>
+        </div>
+      </div>  
+    </div>
+  
+
+
+  <script> 
+    let windH = null;
+    let chatH = null;
+
+    $(document).ready(function() {
+      chatH = new ChatGPT("{% token %}");
+      windH = new WindowHandler();
+
+      $(function() {
+        // Al cargar la página se muestra el primer tab y se activa su botón correspondiente
+        $('.tabcontent:first-child').show();
+        $('.tablinks:first-child').addClass('active');
+        
+        // Al hacer clic en un botón de tab se muestra su contenido correspondiente
+        $('.tablinks').click(function(e) {
+          e.preventDefault();
+          $('.tabcontent').hide();
+          $('.tablinks').removeClass('active');
+          $(this).addClass('active');
+          var tab = $(this).attr('href');
+          $(tab).show();
+        });
+      });
+    });
+
+    
+
+  </script>
+</body>
+</html>