Update app.py

app.py

@@ -106,20 +106,32 @@ scores = [[1, 0],
           [3, 2, 1, 0]
          ]
 
-def calculate_score(*answers):
-    total_score = sum([scores[i][options[i].index(answer)] for i, answer in enumerate(answers)])
+
+
+def calculate_score(project_info, answers):
+    total_score = 0
+    for i, answer in enumerate(answers):
+        if answer is not None:
+            try:
+                answer_index = options[i].index(answer)
+                total_score += scores[i][answer_index]
+            except ValueError:
+                print(f"Invalid answer: {answer} for question {i+1}")
+        else:
+            print(f"No answer for question {i+1}, assigning score of 0.")
     grade, definition = get_grade(total_score)  
-    # 여기서 결과를 반환하기 전에 Zapier Webhook으로 데이터를 전송합니다.
+    
+    # Zapier Webhook으로 데이터 전송
     webhook_url = "https://hooks.zapier.com/hooks/catch/14523965/3egrs04/"
     data = {
-        "project_name": project_name.value,
-        "contact_name": contact_name.value,        
-        "contact_email": contact_email.value,
-        "contact_phone": contact_phone.value,
+        "project_name": project_info[0],
+        "contact_name": project_info[1],        
+        "contact_email": project_info[2],
+        "contact_phone": project_info[3],
         "responses": answers  # 사용자의 응답들
     }
     response = requests.post(webhook_url, json=data)
-    # Zapier로부터의 응답 확인
+    
     if response.status_code == 200:
         print("Data sent to Zapier successfully.")
     else:
@@ -127,6 +139,7 @@ def calculate_score(*answers):
     return total_score, grade, definition
 
 
+
 def get_grade(total_score):
     converted_score = (total_score)
 
@@ -149,7 +162,6 @@ css = """
 footer { 
     visibility: hidden; 
 }
-
 /* 버튼 스타일링 */
 button {
     background: linear-gradient(135deg, #007BFF, #004085);
@@ -163,54 +175,43 @@ button {
     cursor: pointer;
     transition: background 0.5s ease;
 }
-
 button:hover {
     background: linear-gradient(135deg, #0056b3, #002752);
 }
-
-
-
 /* 탭 색깔 변경을 위한 CSS */
 /* 탭 버튼 스타일 */
 .tab-container .tab {
     background-color: #f0f0f0; /* 연한 회색으로 배경색 변경 */
     color: #333; /* 글자색 변경 */
 }
-
 /* 선택된 탭 스타일 */
 .tab-container .tab.selected {
     background-color: #d9d9d9; /* 선택된 탭의 배경색을 더 어두운 회색으로 변경 */
     color: #000; /* 선택된 탭의 글자색을 검정색으로 변경 */
     border-bottom: 2px solid #007BFF; /* 선택된 탭의 하단 테두리 스타일 */
 }
-
 /* 탭 컨텐츠 영역 스타일 */
 .tab-content {
     border: 1px solid #dcdcdc; /* 탭 컨텐츠 영역의 테두리 색상 */
     background-color: #f9f9f9; /* 탭 컨텐츠 영역의 배경색 */
 }
-
 /* 입력 폼 및 출력 폼 스타일링 */
 .input, .output {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* 입체감을 주는 그림자 추가 */
     border: 2px solid #17a2b8; /* 컬러 테두리 적용 */
     border-radius: 5px; /* 테두리 둥글게 */
 }
-
 .input:hover, .output:hover {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); /* 호버 시 더 큰 그림자 효과 */
 }
-
 /* 타이틀과 설명글 가운데 정렬 추가 */
 .markdown {
     text-align: center;  /* 텍스트를 가운데 정렬 */
-
 }
 /* 결과 출력 컴포넌트의 글자 크기 3배로 조정 */
 .output {
     font-size: 300%; /* 기본 글자 크기의 2배 */
 }
-
 /* 탭 클릭 시 눌린 탭에 적용될 스타일 */
 .tab_button.selected {
     background-color: #007BFF; /* 선택된 탭의 배경색을 변경 */
@@ -232,6 +233,8 @@ with gr.Blocks(css=css, title="코레이팅 셀프 진단 서비스") as demo:
         contact_phone = gr.Textbox(label="연락처")
         contact_email = gr.Textbox(label="이메일 주소")
         
+    
+        
     with gr.Tab("1단계"):
         answer1 = gr.Radio(choices=options[0], label=questions[0])
         answer2 = gr.Radio(choices=options[1], label=questions[1])
@@ -272,19 +275,20 @@ with gr.Blocks(css=css, title="코레이팅 셀프 진단 서비스") as demo:
         answer30 = gr.Radio(choices=options[29], label=questions[29])
         answer31 = gr.Radio(choices=options[30], label=questions[30])
         answer32 = gr.Radio(choices=options[31], label=questions[31])       
-    
+
+
 
     submit_btn = gr.Button("셀프 진단 서비스 결과 보기")
     score_output = gr.Number(label="총점(73점 만점)")
     grade_output = gr.Text(label="등급")
     definition_output = gr.Textbox(label="등급 정의: 셀프진단 결과는 촤소한의 항목에 사용자의 임의적 답변에 기반한 결과입니다. 따라서 본 결과는 코레이팅의 공식 평가 결과가 아님을 알려드립니다.")
 
+
+
     submit_btn.click(
-        fn=calculate_score,
-        inputs=[answer1, answer2, answer3, answer4, answer5, answer6, answer7, answer8, answer9, answer10, answer11, answer12, answer13, answer14, answer15, answer16, answer17, answer18, answer19, answer20, answer21, answer22, answer23, answer24, answer25, answer26, answer27, answer28, answer29, answer30, answer31, answer32],
+        fn=lambda project_name, contact_name, contact_phone, contact_email, *answers: calculate_score([project_name, contact_name, contact_phone, contact_email], answers),
+        inputs=[project_name, contact_name, contact_phone, contact_email] + [answer1, answer2, answer3, answer4, answer5, answer6, answer7, answer8, answer9, answer10, answer11, answer12, answer13, answer14, answer15, answer16, answer17, answer18, answer19, answer20, answer21, answer22, answer23, answer24, answer25, answer26, answer27, answer28, answer29, answer30, answer31, answer32],
         outputs=[score_output, grade_output, definition_output]
     )
 
-demo.launch()    
-
-    
+demo.launch()