edit, add, login

.streamlit/config.toml

@@ -0,0 +1,2 @@
+[client]
+showSidebarNavigation = false

Pipfile

@@ -7,6 +7,10 @@ name = "pypi"
 streamlit = "*"
 pymongo = {extras = ["srv"], version = "*"}
 firebase-admin = "*"
+extra-streamlit-components = "*"
+passlib = "*"
+install = "*"
+bcrypt = "*"
 
 [dev-packages]
 

Pipfile.lock

@@ -1,7 +1,7 @@
 {
     "_meta": {
         "hash": {
-            "sha256": "0785ab991784d23d32014c16541fe6e40bfbc07e215073ce9ccfd519297a5bb6"
+            "sha256": "880bfa861bc27021017018af7ae02f48b9834c97963dedfab3021569c5ce5a32"
         },
         "pipfile-spec": 6,
         "requires": {
@@ -32,6 +32,40 @@
             "markers": "python_version >= '3.7'",
             "version": "==23.2.0"
         },
+        "bcrypt": {
+            "hashes": [
+                "sha256:02d9ef8915f72dd6daaef40e0baeef8a017ce624369f09754baf32bb32dba25f",
+                "sha256:1c28973decf4e0e69cee78c68e30a523be441972c826703bb93099868a8ff5b5",
+                "sha256:2a298db2a8ab20056120b45e86c00a0a5eb50ec4075b6142db35f593b97cb3fb",
+                "sha256:33313a1200a3ae90b75587ceac502b048b840fc69e7f7a0905b5f87fac7a1258",
+                "sha256:3566a88234e8de2ccae31968127b0ecccbb4cddb629da744165db72b58d88ca4",
+                "sha256:387e7e1af9a4dd636b9505a465032f2f5cb8e61ba1120e79a0e1cd0b512f3dfc",
+                "sha256:44290ccc827d3a24604f2c8bcd00d0da349e336e6503656cb8192133e27335e2",
+                "sha256:57fa9442758da926ed33a91644649d3e340a71e2d0a5a8de064fb621fd5a3326",
+                "sha256:68e3c6642077b0c8092580c819c1684161262b2e30c4f45deb000c38947bf483",
+                "sha256:69057b9fc5093ea1ab00dd24ede891f3e5e65bee040395fb1e66ee196f9c9b4a",
+                "sha256:6cad43d8c63f34b26aef462b6f5e44fdcf9860b723d2453b5d391258c4c8e966",
+                "sha256:71b8be82bc46cedd61a9f4ccb6c1a493211d031415a34adde3669ee1b0afbb63",
+                "sha256:732b3920a08eacf12f93e6b04ea276c489f1c8fb49344f564cca2adb663b3e4c",
+                "sha256:9800ae5bd5077b13725e2e3934aa3c9c37e49d3ea3d06318010aa40f54c63551",
+                "sha256:a97e07e83e3262599434816f631cc4c7ca2aa8e9c072c1b1a7fec2ae809a1d2d",
+                "sha256:ac621c093edb28200728a9cca214d7e838529e557027ef0581685909acd28b5e",
+                "sha256:b8df79979c5bae07f1db22dcc49cc5bccf08a0380ca5c6f391cbb5790355c0b0",
+                "sha256:b90e216dc36864ae7132cb151ffe95155a37a14e0de3a8f64b49655dd959ff9c",
+                "sha256:ba4e4cc26610581a6329b3937e02d319f5ad4b85b074846bf4fef8a8cf51e7bb",
+                "sha256:ba55e40de38a24e2d78d34c2d36d6e864f93e0d79d0b6ce915e4335aa81d01b1",
+                "sha256:be3ab1071662f6065899fe08428e45c16aa36e28bc42921c4901a191fda6ee42",
+                "sha256:d75fc8cd0ba23f97bae88a6ec04e9e5351ff3c6ad06f38fe32ba50cbd0d11946",
+                "sha256:e51c42750b7585cee7892c2614be0d14107fad9581d1738d954a262556dd1aab",
+                "sha256:ea505c97a5c465ab8c3ba75c0805a102ce526695cd6818c6de3b1a38f6f60da1",
+                "sha256:eb3bd3321517916696233b5e0c67fd7d6281f0ef48e66812db35fc963a422a1c",
+                "sha256:f70d9c61f9c4ca7d57f3bfe88a5ccf62546ffbadf3681bb1e268d9d2e41c91a7",
+                "sha256:fbe188b878313d01b7718390f31528be4010fed1faa798c5a1d0469c9c48c369"
+            ],
+            "index": "pypi",
+            "markers": "python_version >= '3.7'",
+            "version": "==4.1.2"
+        },
         "blinker": {
             "hashes": [
                 "sha256:c3f865d4d54db7abc53758a01601cf343fe55b84c1de4e3fa910e420b438d5b9",
@@ -271,6 +305,15 @@
             "markers": "python_version >= '3.8'",
             "version": "==2.6.1"
         },
+        "extra-streamlit-components": {
+            "hashes": [
+                "sha256:c8e6f98446adecd3002756362e50d0669693b7673afaa89cebfced6415cc6bd3",
+                "sha256:d18314cf2ed009f95641882b50aa3bdb11b6a0eb6403fb43dbc8af1722419617"
+            ],
+            "index": "pypi",
+            "markers": "python_version >= '3.6'",
+            "version": "==0.1.71"
+        },
         "firebase-admin": {
             "hashes": [
                 "sha256:e716dde1447f0a1cd1523be76ff872df33c4e1a3c079564ace033b2ad60bcc4f",
@@ -526,6 +569,15 @@
             "markers": "python_version >= '3.5'",
             "version": "==3.6"
         },
+        "install": {
+            "hashes": [
+                "sha256:0d3fadf4aa62c95efe8d34757c8507eb46177f86c016c21c6551eafc6a53d5a9",
+                "sha256:e67c8a0be5ccf8cb4ffa17d090f3a61b6e820e6a7e21cd1d2c0f7bc59b18e647"
+            ],
+            "index": "pypi",
+            "markers": "python_version >= '2.7'",
+            "version": "==1.3.5"
+        },
         "jinja2": {
             "hashes": [
                 "sha256:7d6d50dd97d52cbc355597bd845fabfbac3f551e1f99619e39a35ce8c370b5fa",
@@ -779,6 +831,14 @@
             "markers": "python_version >= '3.9'",
             "version": "==2.2.1"
         },
+        "passlib": {
+            "hashes": [
+                "sha256:aa6bca462b8d8bda89c70b382f0c298a20b5560af6cbfa2dce410c0a2fb669f1",
+                "sha256:defd50f72b65c5402ab2c573830a6978e5f202ad0d984793c8dde2c4152ebe04"
+            ],
+            "index": "pypi",
+            "version": "==1.7.4"
+        },
         "pillow": {
             "hashes": [
                 "sha256:0304004f8067386b477d20a518b50f3fa658a28d44e4116970abfcd94fac34a8",

app.py

@@ -1,10 +1,9 @@
 import streamlit as st
 
-st.set_page_config(page_title="FAQ and Chat App")
+# st.set_page_config(page_title="FAQ and Chat App")
 st.title("FAQ and Chat App")
 st.write("Welcome to the FAQ and Chat App! Navigate using the sidebar.")
 
-
-(st.page_link("pages/faq_page.py", label="FAQ"))
-(st.page_link("pages/chat_page.py", label="Chat"))
+st.page_link("pages/faq.py", label="FAQ")
+st.page_link("pages/chat.py", label="Chat")
 

dependency.py

@@ -0,0 +1,21 @@
+import streamlit as st
+from pymongo import MongoClient
+import os
+import extra_streamlit_components as stx
+
+@st.cache_resource 
+def load_db():
+    db_user = os.environ['DB_USER']
+    db_pass = os.environ['DB_PASS']
+    db_uri = f"mongodb+srv://{db_user}:{db_pass}@cluster0.firly.gcp.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"
+    client = MongoClient(db_uri)
+    return client
+
+@st.cache_resource(experimental_allow_widgets=True)
+def get_manager():
+    return stx.CookieManager()    
+
+
+client = load_db()
+db = client["chat_support"]
+faq_collection = db["faq"]    

pages/{faq_page.py → faq.py}

@@ -1,14 +1,11 @@
 import streamlit as st
 import pandas as pd
 from pymongo import MongoClient
+from dependency import load_db
 import os
 
-#uri = "mongodb+srv://<username>:<password>@cluster0.firly.gcp.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"
-db_user = os.environ['DB_USER']
-db_pass = os.environ['DB_PASS']
-db_uri = f"mongodb+srv://{db_user}:{db_pass}@cluster0.firly.gcp.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"
-# Connect to MongoDB
-client = MongoClient(db_uri)
+
+client = load_db()
 db = client["chat_support"]
 faq_collection = db["faq"]
 

pages/login.py

@@ -0,0 +1,49 @@
+import streamlit as st
+import extra_streamlit_components as stx
+from dependency import get_manager
+from dependency import db
+from passlib.hash import pbkdf2_sha256
+import bcrypt
+
+admin_collection = db['admin']
+
+# Replace this with your actual authentication logic
+def authenticate(email, password):
+    # Query the admin_collection with the provided email
+    admin = admin_collection.find_one({"email": email})
+
+    # If the email is not found, return False
+    if not admin:
+        return False
+
+    if bcrypt.checkpw(password.encode('utf-8'),  admin["password"].encode('utf-8')):
+        return True
+    else:
+        return False        
+
+    # Verify the provided password against the hashed password in the database
+    if pbkdf2_sha256.verify(password, admin["password"]):
+        return True
+    else:
+        return False
+
+cookie_manager = get_manager()
+auth_state = cookie_manager.get(cookie='auth_state')
+
+def login():
+    st.title("Login")
+    username = st.text_input("Username")
+    password = st.text_input("Password", type="password")
+    if st.button("Login"):
+        if authenticate(username, password):
+            st.success("Login successful!")
+            cookie_manager.set('auth_state', 'authenticated')
+            st.switch_page('pages/manage_faqs.py')
+        else:
+            st.error("Invalid username or password")
+
+if not auth_state == "authenticated":
+    login()
+else:
+    st.warning("You are already logged in. Redirecting to FAQ management page.")
+    st.experimental_set_query_params(page="manage_faqs")

pages/manage_faqs.py

@@ -0,0 +1,139 @@
+import streamlit as st
+import pandas as pd
+from pymongo import MongoClient
+from dependency import get_manager, load_db
+from bson.objectid import ObjectId
+
+cookie_manager = get_manager()
+auth_state = cookie_manager.get(cookie='auth_state')
+st.write(auth_state)
+
+if not auth_state == "authenticated":
+    st.warning("You are not authorized to access this page. Please login.")
+    st.stop()
+
+# Connect to MongoDB
+client = load_db()
+db = client["chat_support"]
+faq_collection = db["faq"]
+st.title("Manage FAQs")
+print('load faqs...')
+
+# Display existing FAQs
+faq_all = pd.DataFrame(list(faq_collection.find()))
+
+with st.sidebar:
+    st.subheader("Add New FAQ")
+    with st.form("new_faq_form", clear_on_submit=True):
+        new_title = st.text_input("Title")
+        new_questions = st.text_area("Questions (one per line)")
+        new_answer = st.text_area("Answer")
+        add_faq = st.form_submit_button("Add FAQ")
+        if add_faq:
+            print('add new faq...')
+            new_questions_list = new_questions.split("\n")
+            faq_collection.insert_one({
+                "title": new_title,
+                "questions": new_questions_list,
+                "answer": new_answer,
+                "time_updated": pd.Timestamp.now().value
+            })
+            st.success("New FAQ added successfully!")
+
+# Search functionality
+search_term = st.text_input("Search FAQs", "")
+if search_term:
+    faq_data = faq_all[faq_all['questions'].apply(lambda x: any(search_term.lower() in q.lower() for q in x))]
+else:
+    faq_data = faq_all
+
+# id = ObjectId('5e26c9f62da44968cc46444c')
+# result = faq_collection.update_one(
+#         {"_id": id},
+#         {"$set": {
+#             "title": 'cara menambahkan produks',
+#         }}
+#     )
+# print('updated: ', result.modified_count, 'id: ', type(id))
+
+def edit_faq(index):
+    row = faq_data.loc[index]
+    with st.form(f"edit_form_{index}", clear_on_submit=True):
+        st.write("Edit FAQ Form")
+        new_title = st.text_input("Title", value=row['title'], key=f"title_{index}")
+        new_questions = st.text_area("Questions (one per line)", value="\n".join(row['questions']), key=f"questions_{index}")
+        new_answer = st.text_area("Answer", value=row['answer'], key=f"answer_{index}")
+        confirm_edit = st.form_submit_button("Confirm Edit",  on_click=save_edit, args=(index,))
+
+
+def save_edit(index):    
+    print('save at index: ', index)
+    row = faq_data.loc[index]    
+    faq_id = row['_id']
+    # print('save....', row['_id'], faq_id['$oid'])
+    print('typeOf faq_id ',type(faq_id))
+
+    # Get the current state of the input fields
+    edit_form = st.form(f"edit_form_{index}")
+    print('form: ', edit_form)
+    new_title = st.session_state.get(f"title_{index}", row['title'])
+    new_questions = st.session_state.get(f"questions_{index}", "\n".join(row['questions']))
+    new_answer = st.session_state.get(f"answer_{index}", row['answer'])
+    # new_title = edit_form.form_state.widget_states['title'].value
+    # new_questions = edit_form.form_state.widget_states['questions'].value.split("\n")
+    # new_answer = edit_form.form_state.widget_states['answer'].value
+    
+    # Convert the _id to ObjectId
+    # if isinstance(faq_id, ObjectId):
+    #     faq_id = faq_id
+    #     print('isinstance')
+    # else:
+    #     faq_id = ObjectId(faq_id['$oid'])
+    #     print('isnot isinstance')
+
+    result = faq_collection.update_one(
+        {"_id": faq_id},
+        {"$set": {
+            "title": new_title,
+            "questions": new_questions.split("\n"),
+            "answer": new_answer,
+            "time_updated": pd.Timestamp.now().value
+        }}
+    )
+    print('updated: ', result.modified_count, new_title)
+    st.success("FAQ updated successfully!")
+
+# Add new FAQ
+
+# with st.form("new_faq_form"):
+#     new_title = st.text_input("Title")
+#     new_questions = st.text_area("Questions (one per line)")
+#     new_answer = st.text_area("Answer")
+#     add_faq = st.form_submit_button("Add FAQ")
+
+#     if add_faq:
+#         new_questions_list = new_questions.split("\n")
+#         faq_collection.insert_one({
+#             "title": new_title,
+#             "questions": new_questions_list,
+#             "answer": new_answer,
+#             "time_updated": pd.Timestamp.now().value
+#         })
+#         st.success("New FAQ added successfully!")
+
+for index, row in faq_data.iterrows():
+    with st.expander(row['title']):
+        st.write("**Questions:**")
+        for question in row['questions']:
+            st.write(f"- {question}")
+        st.write(f"\n**Answer:** {row['answer']}")
+        # edit_faq_button = st.button("Edit FAQ", key=f"edit_{index}", on_click=edit_faq, args=(index,))
+        edit_faq_button = st.button("Edit FAQ", key=f"edit_{index}")
+        if edit_faq_button:
+            with st.form(f"edit_form_{index}", clear_on_submit=True):
+                st.write("Edit FAQ Form")
+                new_title = st.text_input("Title", value=row['title'], key=f"title_{index}")
+                new_questions = st.text_area("Questions (one per line)", value="\n".join(row['questions']), key=f"questions_{index}")
+                new_answer = st.text_area("Answer", value=row['answer'], key=f"answer_{index}")
+                confirm_edit = st.form_submit_button("Confirm Edit",  on_click=save_edit, args=(index,))
+# Add code to create a new FAQ entry

sync.py

@@ -4,6 +4,7 @@ import pymongo
 from datetime import datetime
 import os
 
+
 # Initialize the Firebase app
 cred = credentials.Certificate('serviceAccountKey.json')
 firebase_admin.initialize_app(cred)