Update app.py

app.py

@@ -3,11 +3,14 @@ import requests
 import json
 import web3
 
-total_number_pages = 4
+total_number_pages = 7
 placeholder_buttons = None
 
-Q2_radio_options = ["A","B"]
-Q4_radio_options = [""]
+Q3_radio_options = ["Option 1 multi","Option 2 multi"]
+Q4_radio_options = ["Option 1 Radio","Option 2 Radio"]
+Q5_radio_options = ["Green","Red","Blue","Yellow"]
+Q6_radio_options = ["Yes","No","Ur dumb"]
+Q9_radio_options = ["IDK","Of Course","STFU!!!!!","Inner demons"]
 
 
 # Function that records radio element changes
@@ -27,7 +30,7 @@ def answer_change(state, key):
    st.session_state[state] = st.session_state[key]
 
 st.set_page_config(page_title='IPFS-Based Survey',)
-st.title('Test 1')
+st.title('Newest Test')
 
 st.markdown("<style>.row-widget.stButton {text-align: center;}</style>", unsafe_allow_html=True)
 st.markdown("<style>.big-font {font-size:24px;}</style>", unsafe_allow_html=True)
@@ -39,14 +42,20 @@ if "current_page" not in st.session_state:
     st.session_state["Q2"] = None
     st.session_state["Q3"] = None
     st.session_state["Q4"] = None
+    st.session_state["Q5"] = None
+    st.session_state["Q6"] = None
+    st.session_state["Q7"] = None
+    st.session_state["Q8"] = None
+    st.session_state["Q9"] = None
     st.session_state["disabled"] = False
 
 # Page 1; Video
 if st.session_state["current_page"]  == 1:
 
-    st.markdown("""<p class="big-font">I am describing this survey.</p>""", unsafe_allow_html=True)
+    st.markdown("""<p class="big-font">This is a Test of the latest version of the survey builder Tool</p>""", unsafe_allow_html=True)
 
-    st.text_area(label     = "Do you like pie?", 
+    st.video("https://www.youtube.com/watch?v=aJb6Dov0jlM") 
+    st.text_area(label     = "This is a text Question and should allow any text input. This should appear on the first page.", 
              value= "" if st.session_state["Q1"] == None else st.session_state["Q1"],
              key       = 'Q1_text', 
              on_change = answer_change,
@@ -55,24 +64,12 @@ if st.session_state["current_page"]  == 1:
     st.markdown("""<style> div[class*="stText"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
 
 
-    st.radio(label     = "MC Question", 
-             options   = Q2_radio_options, 
-             index     = None if st.session_state["Q2"] == None else st.session_state["Q2"], 
-             key       = 'Q2_radio', 
-             on_change = radio_change, 
-             args      = (Q2_radio_options, "Q2", "Q2_radio",))
-
-    st.markdown("""<style> div[class*="stRadio"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
-
-
     placeholder = st.empty()
 
     if st.button('Next', key='next_button_page_1'):
         all_answered = True
         if st.session_state["Q1"] == None or st.session_state["Q1"] == []:
             all_answered = False
-        if st.session_state["Q2"] == None or st.session_state["Q2"] == []:
-            all_answered = False
         if all_answered:
             st.session_state["current_page"] += 1
             st.rerun()
@@ -85,20 +82,26 @@ if st.session_state["current_page"]  == 1:
 
 elif st.session_state["current_page"] == 2:
 
-    st.video("https://www.youtube.com/watch?v=qJxi122kxgQ") 
-    st.markdown("""<p style='font-size:18px;'>Go Luka!</p>""", unsafe_allow_html=True)
-    st.image("https://th.bing.com/th/id/OIP.M7inwN-YD5ycRt1VWQ9dCQHaEK?rs=1&pid=ImgDetMain") 
-    st.markdown("""<p style='font-size:18px;'>Youtube</p>""", unsafe_allow_html=True)
-    if st.session_state["Q3"] == None:
-        st.session_state["Q3"] = 5
-    st.slider(label="You messing with it?",min_value=0,max_value=10, 
-             value= st.session_state["Q3"], 
-             key = "Q3_slider",
+    if st.session_state["Q2"] == None:
+        st.session_state["Q2"] = 5
+    st.slider(label="This is a slider question that allows a numeric input between two numbers. This should appear on the second page.",min_value=0,max_value=10, 
+             value= st.session_state["Q2"], 
+             key = "Q2_slider",
              on_change = answer_change, 
-             args = ("Q3", "Q3_slider",))
+             args = ("Q2", "Q2_slider",))
     st.markdown("""<style> div[class*="stSlider"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
 
 
+    st.multiselect(label     = "This is a multiselect question where you can select multiple answers. This should appear on the second page.", 
+             default   = None if st.session_state["Q3"] == None else st.session_state["Q3"], 
+             options   = Q3_radio_options, 
+             key       = 'Q3_multi', 
+             on_change = multi_change, 
+             args      = (Q3_radio_options, "Q3", "Q3_multi",))
+
+    st.markdown("""<style> div[class*="stMulti"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
+
+
     placeholder = st.empty()
 
     col1, col2 = st.columns(2)
@@ -109,6 +112,8 @@ elif st.session_state["current_page"] == 2:
     with col2:
         if st.button('Next'):
             all_answered = True
+            if st.session_state["Q2"] == None or st.session_state["Q2"] == []:
+                all_answered = False
             if st.session_state["Q3"] == None or st.session_state["Q3"] == []:
                 all_answered = False
             if all_answered:
@@ -123,9 +128,36 @@ elif st.session_state["current_page"] == 2:
 
 elif st.session_state["current_page"] == 3:
 
-    
+    st.radio(label     = "This is a multiple choice question where you can choose one of the following. This should appear on the third page.", 
+             options   = Q4_radio_options, 
+             index     = None if st.session_state["Q4"] == None else st.session_state["Q4"], 
+             key       = 'Q4_radio', 
+             on_change = radio_change, 
+             args      = (Q4_radio_options, "Q4", "Q4_radio",))
+
+    st.markdown("""<style> div[class*="stRadio"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
+
+
+    st.radio(label     = "Fav Color?", 
+             options   = Q5_radio_options, 
+             index     = None if st.session_state["Q5"] == None else st.session_state["Q5"], 
+             key       = 'Q5_radio', 
+             on_change = radio_change, 
+             args      = (Q5_radio_options, "Q5", "Q5_radio",))
+
+    st.markdown("""<style> div[class*="stRadio"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
+
+
+    st.multiselect(label     = "Party Time", 
+             default   = None if st.session_state["Q6"] == None else st.session_state["Q6"], 
+             options   = Q6_radio_options, 
+             key       = 'Q6_multi', 
+             on_change = multi_change, 
+             args      = (Q6_radio_options, "Q6", "Q6_multi",))
+
+    st.markdown("""<style> div[class*="stMulti"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
+
 
-    st.markdown("""<p style='font-size:18px;'>Page!</p>""", unsafe_allow_html=True)
     placeholder = st.empty()
 
     col1, col2 = st.columns(2)
@@ -136,6 +168,12 @@ elif st.session_state["current_page"] == 3:
     with col2:
         if st.button('Next'):
             all_answered = True
+            if st.session_state["Q4"] == None or st.session_state["Q4"] == []:
+                all_answered = False
+            if st.session_state["Q5"] == None or st.session_state["Q5"] == []:
+                all_answered = False
+            if st.session_state["Q6"] == None or st.session_state["Q6"] == []:
+                all_answered = False
             if all_answered:
                 st.session_state["current_page"] += 1
                 st.rerun()
@@ -148,30 +186,24 @@ elif st.session_state["current_page"] == 3:
 
 elif st.session_state["current_page"] == 4:
 
-    st.selectbox(label     = "1234567890asdfghjkl  No answer select question", 
-             options   = Q4_radio_options, 
-             index     = None if st.session_state["Q4"] == None else st.session_state["Q4"], 
-             key       = 'Q4_radio', 
-             on_change = radio_change, 
-             args      = (Q4_radio_options, "Q4", "Q4_radio",))
+    if st.session_state["Q7"] == None:
+        st.session_state["Q7"] = 50
+    st.slider(label="Happiness Scale",min_value=0,max_value=100, 
+             value= st.session_state["Q7"], 
+             key = "Q7_slider",
+             on_change = answer_change, 
+             args = ("Q7", "Q7_slider",))
+    st.markdown("""<style> div[class*="stSlider"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
 
-    st.markdown("""<style> div[class*="stSelectbox"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
 
+    st.text_area(label     = "Why are you this happy/unhappy?", 
+             value= "" if st.session_state["Q8"] == None else st.session_state["Q8"],
+             key       = 'Q8_text', 
+             on_change = answer_change,
+             args      = ( "Q8", "Q8_text",))
+
+    st.markdown("""<style> div[class*="stText"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
 
-    if st.button("Submit"):
-        survey_data = {
-            "color": color,
-            "sleep": sleep,
-            "gender": gender,
-            "feedback": feedback
-        }
-        
-        # upload the data to ipfs
-        ipfs_hash = upload_json_to_ipfs(survey_data)
-        if ipfs_hash:
-            st.success("Thank you for your submission!")
-            st.write(f"Data uploaded to IPFS with CID: {ipfs_hash}")
-            st.write(f"Your data can be viewed at https://gateway.pinata.cloud/ipfs/{ipfs_hash}")
 
     placeholder = st.empty()
 
@@ -183,7 +215,65 @@ elif st.session_state["current_page"] == 4:
     with col2:
         if st.button('Next'):
             all_answered = True
-            if st.session_state["Q4"] == None or st.session_state["Q4"] == []:
+            if st.session_state["Q7"] == None or st.session_state["Q7"] == []:
+                all_answered = False
+            if st.session_state["Q8"] == None or st.session_state["Q8"] == []:
+                all_answered = False
+            if all_answered:
+                st.session_state["current_page"] += 1
+                st.rerun()
+            else:
+                with placeholder.container():
+                    st.warning("Please answer all the questions on this page.", icon="⚠️")
+
+    st.progress(st.session_state["current_page"]/total_number_pages, text="Progress")
+
+
+elif st.session_state["current_page"] == 5:
+
+    placeholder = st.empty()
+
+    col1, col2 = st.columns(2)
+    with col1:
+        if st.button('Back'):
+            st.session_state["current_page"] -= 1
+            st.rerun()
+    with col2:
+        if st.button('Next'):
+            all_answered = True
+            if all_answered:
+                st.session_state["current_page"] += 1
+                st.rerun()
+            else:
+                with placeholder.container():
+                    st.warning("Please answer all the questions on this page.", icon="⚠️")
+
+    st.progress(st.session_state["current_page"]/total_number_pages, text="Progress")
+
+
+elif st.session_state["current_page"] == 6:
+
+    st.radio(label     = "I like cheese?", 
+             options   = Q9_radio_options, 
+             index     = None if st.session_state["Q9"] == None else st.session_state["Q9"], 
+             key       = 'Q9_radio', 
+             on_change = radio_change, 
+             args      = (Q9_radio_options, "Q9", "Q9_radio",))
+
+    st.markdown("""<style> div[class*="stRadio"] > label > div[data-testid="stMarkdownContainer"] > p {font-size: 18px;}</style> <br><br>""", unsafe_allow_html=True)
+
+
+    placeholder = st.empty()
+
+    col1, col2 = st.columns(2)
+    with col1:
+        if st.button('Back'):
+            st.session_state["current_page"] -= 1
+            st.rerun()
+    with col2:
+        if st.button('Next'):
+            all_answered = True
+            if st.session_state["Q9"] == None or st.session_state["Q9"] == []:
                 all_answered = False
             if all_answered:
                 st.session_state["current_page"] += 1
@@ -195,3 +285,55 @@ elif st.session_state["current_page"] == 4:
     st.progress(st.session_state["current_page"]/total_number_pages, text="Progress")
 
 
+elif st.session_state["current_page"] == 7:
+
+    placeholder = st.empty()
+
+    col1, col2 = st.columns(2)
+    with col1:
+        if st.button('Back'):
+            st.session_state["current_page"] -= 1
+            st.rerun()
+    with col2:
+        if st.button('Next'):
+            all_answered = True
+            if all_answered:
+                st.session_state["current_page"] += 1
+                st.rerun()
+            else:
+                with placeholder.container():
+                    st.warning("Please answer all the questions on this page.", icon="⚠️")
+
+    st.progress(st.session_state["current_page"]/total_number_pages, text="Progress")
+
+
+    st.markdown('<p class="big-font">Thank you for participating! <br> Click on the button below to submit your answers. </p>', unsafe_allow_html=True)
+    st.button('Submit Responses', disabled = st.session_state["disabled"], on_click = button_disable)
+    if st.session_state["disabled"]:
+        with st.spinner(r"$\textsf{\normalsize Storing data on IPFS and Ethereum. This operation might take a few minutes. Please wait to receive your confirmation code!}$"):
+            try:
+                response = {'file': json.dumps({
+                    "Q1": st.session_state["Q1"],
+                    "Q2": st.session_state["Q2"],
+                    "Q3": Q3_radio_options[st.session_state["Q3"]],
+                    "Q4": Q4_radio_options[st.session_state["Q4"]],
+                    "Q5": Q5_radio_options[st.session_state["Q5"]],
+                    "Q6": Q6_radio_options[st.session_state["Q6"]],
+                    "Q7": st.session_state["Q7"],
+                    "Q8": st.session_state["Q8"],
+                    "Q9": Q9_radio_options[st.session_state["Q9"]],
+                })}
+            except Exception as e:
+                print(e)
+                st.error(f'An error ocurred. Here is the error message: {e}', icon="🚨")
+    
+        print(st.session_state["Q1"])
+        print(st.session_state["Q2"])
+        print(Q3_radio_options[st.session_state["Q3"]])
+        print(Q4_radio_options[st.session_state["Q4"]])
+        print(Q5_radio_options[st.session_state["Q5"]])
+        print(Q6_radio_options[st.session_state["Q6"]])
+        print(st.session_state["Q7"])
+        print(st.session_state["Q8"])
+        print(Q9_radio_options[st.session_state["Q9"]])
+    st.progress(st.session_state["current_page"]/total_number_pages, text="Progress")