ajout d'une fenetre dans le html pour suivre les différentes traductions par etape

src/main.py

@@ -22,13 +22,13 @@ def result():
         eng_to_asl_translator = NlpSpacyBaseTranslator(sentence=sentence)
         generated_gloss = eng_to_asl_translator.translate_to_gloss()
         gloss_list_lower = [gloss.lower() for gloss in generated_gloss.split() if gloss.isalnum() ]
-        #gloss_list = gloss_list_lower
-        #gloss_list = sentence.split()
-        #print('gloss before synonym:', gloss_list_lower)
+        gloss_sentence_before_synonym = " ".join(gloss_list_lower)
         gloss_list = [sp.find_synonyms(gloss, nlp, dict_docs_spacy, list_2000_tokens) for gloss in gloss_list_lower]
-        #print('synonym list:', gloss_list)
-        gloss_sentence = " ".join(gloss_list)
-        return render_template('translate.html', sentence=sentence, gloss_sentence=gloss_sentence)#gloss_list=gloss_list)
+        gloss_sentence_after_synonym  = " ".join(gloss_list)
+        return render_template('translate.html',\
+                                sentence=sentence,\
+                                gloss_sentence_before_synonym=gloss_sentence_before_synonym,\
+                                gloss_sentence_after_synonym=gloss_sentence_after_synonym)
 
 @app.route('/video_feed')
 def video_feed():

src/templates/translate.html

@@ -81,11 +81,23 @@
         <div class="container">
             <div class="row">
                 <div class="col-8" style="background-color: lightblue;">
-                    Text translation in gloss:
+                    Text translation in gloss before synonyms:
                 </div>
                 <div class="col-4" style="background-color: lightgreen;">
                     <div id="output" class="border p-2">
-                        {{ gloss_sentence }}
+                        {{ gloss_sentence_before_synonym }}
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-8" style="background-color: lightblue;">
+                    Text translation in gloss after synonyms:
+                </div>
+                <div class="col-4" style="background-color: lightgreen;">
+                    <div id="output" class="border p-2">
+                        {{ gloss_sentence_after_synonym }}
                     </div>
                 </div>
             </div>
@@ -94,7 +106,7 @@
             <h3>🌸🌺 Sign Langage Translation 🌺🌸</h3>
         </div>
         <div class="video-container">
-            <img id="stream" data-gloss-sentence="{{ gloss_sentence }}" src="{{ url_for('video_feed', gloss_sentence=gloss_sentence) }}" alt="Streaming video">
+            <img id="stream" data-gloss-sentence="{{ gloss_sentence_after_synonym }}" src="{{ url_for('video_feed', gloss_sentence_before_synonym=gloss_sentence_before_synonym, loss_sentence_after_synonym=gloss_sentence_after_synonym) }}" alt="Streaming video">
         </div>
         <script>
             // Variable globale pour contrôler le rafraîchissement de l'image