Summary

app.css

@@ -10,6 +10,10 @@ div.video-container {
     max-height: 350px;
 }
 
+div.video-column-container {
+    max-width: 640px;
+}
+
 div.video-sorted-container {
     max-width: 640px;
     max-height: 350px;
@@ -26,7 +30,13 @@ div.video-sorted-container:hover label[data-testid="block-label"] {
     display: none;
 }
 
-.dataframe div.table-wrap {
+div.dataframe table > thead,
+div.dataframe table > tbody {
+    width: auto !important;
+    display: table-header-group;
+}
+
+div.dataframe div.table-wrap {
     height: auto !important;
 }
 
@@ -102,6 +112,39 @@ div.files-container label[data-testid="block-label"] {
     max-width: fit-content;
 }
 
+div.languages-container_wrapper {
+    display: grid;
+    justify-content: end;
+    width: auto;
+    position: absolute;
+    right: 0px;
+}
+
+div.languages-container {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: fit-content;
+}
+
+div.languages-container > div.country_flags {
+    display: contents;
+    min-width: none;
+}
+
+div.languages-container > div.country_flags button {
+    width: fit-content;
+    cursor: default;
+}
+
+div.languages-container > div.country_flags div.image-container {
+    width: fit-content;
+}
+
+div.languages-container > div.country_flags div.image-container > img {
+    height: 32px;
+}
+
 .dropdown-language-container {
     display: contents;
 }
@@ -149,4 +192,39 @@ div.mbti-dataframe div.table-wrap {
 
 div.about_app pre {
     text-wrap: wrap;
-}
+}
+
+div.name-container, div.surname-container,
+div.email-container, div.phone-container {
+    gap: 4px;
+}
+
+div.name-container > div.metadata_name-logo,
+div.surname-container > div.metadata_surname-logo,
+div.email-container > div.metadata_email-logo,
+div.phone-container > div.metadata_phone-logo {
+    display: contents;
+    min-width: none;
+}
+
+div.name-container > div.metadata_name-logo button,
+div.surname-container > div.metadata_surname-logo button,
+div.email-container > div.metadata_email-logo button,
+div.phone-container > div.metadata_phone-logo button {
+    width: fit-content;
+    cursor: default;
+}
+
+div.name-container > div.metadata_name-logo div.image-container,
+div.surname-container > div.metadata_surname-logo div.image-container,
+div.email-container > div.metadata_email-logo div.image-container,
+div.phone-container > div.metadata_phone-logo div.image-container {
+    width: fit-content;
+}
+
+div.name-container > div.metadata_name-logo div.image-container > img,
+div.surname-container > div.metadata_surname-logo div.image-container > img,
+div.email-container > div.metadata_email-logo div.image-container > img,
+div.phone-container > div.metadata_phone-logo div.image-container > img {
+    height: 32px;
+}

app.py

@@ -13,19 +13,43 @@ from app.event_handlers.event_handlers import setup_app_event_handlers
 from app import tabs
 from app.components import dropdown_create_ui
 
+gr.set_static_paths(paths=["images/"])
+
 
 def create_gradio_app() -> gr.Blocks:
     with gr.Blocks(css=config_data.AppSettings_CSS_PATH) as gradio_app:
-        languages = dropdown_create_ui(
-            label=None,
-            info=None,
-            choices=config_data.Settings_LANGUAGES_EN,
-            value=config_data.Settings_LANGUAGES_EN[0],
+        with gr.Column(
             visible=True,
-            show_label=False,
-            elem_classes="dropdown-language-container",
-            interactive=False,
-        )
+            render=True,
+            variant="default",
+            elem_classes="languages-container_wrapper",
+        ):
+            with gr.Row(
+                visible=True,
+                render=True,
+                variant="default",
+                elem_classes="languages-container",
+            ) as languages_row:
+                country_flags = gr.Image(
+                    value="images/UK.png",
+                    container=False,
+                    interactive=False,
+                    show_label=False,
+                    visible=True,
+                    show_download_button=False,
+                    elem_classes="country_flags",
+                )
+
+                languages = dropdown_create_ui(
+                    label=None,
+                    info=None,
+                    choices=config_data.Settings_LANGUAGES_EN,
+                    value=config_data.Settings_LANGUAGES_EN[0],
+                    visible=True,
+                    show_label=False,
+                    elem_classes="dropdown-language-container",
+                    interactive=False,
+                )
 
         tab_results = {}
         ts = []
@@ -45,7 +69,11 @@ def create_gradio_app() -> gr.Blocks:
                 ts.append(tab)
 
         setup_app_event_handlers(
-            *tab_results[list(tab_results.keys())[0]], *ts, languages
+            *tab_results[list(tab_results.keys())[0]],
+            *ts,
+            languages_row,
+            country_flags,
+            languages
         )
 
     return gradio_app

app/components.py

@@ -6,7 +6,7 @@ License: MIT License
 """
 
 import gradio as gr
-from typing import Union, List, Callable, Optional
+from typing import Union, List, Callable, Optional, Literal
 
 
 def html_message(
@@ -177,3 +177,33 @@ def dropdown_create_ui(
         render=render,
         elem_classes=elem_classes,
     )
+
+
+def textbox_create_ui(
+    value: Optional[str] = None,
+    type: Literal["text", "password", "email"] = "text",
+    label: Optional[str] = None,
+    placeholder: Optional[str] = None,
+    info: Optional[str] = None,
+    max_lines: int = 1,
+    show_label: bool = True,
+    interactive: bool = True,
+    visible: bool = True,
+    show_copy_button: bool = True,
+    scale: int = 1,
+    container: bool = False,
+):
+    return gr.Textbox(
+        value=value,
+        type=type,
+        label=label,
+        placeholder=placeholder,
+        info=info,
+        max_lines=max_lines,
+        show_label=show_label,
+        interactive=interactive,
+        visible=visible,
+        show_copy_button=show_copy_button,
+        scale=scale,
+        container=container,
+    )

app/event_handlers/calculate_practical_tasks.py

@@ -12,13 +12,20 @@ from pathlib import Path
 
 # Importing necessary components for the Gradio app
 from app.config import config_data
+from app.video_metadata import video_metadata
 from app.mbti_description import MBTI_DESCRIPTION, MBTI_DATA
 from app.utils import (
     read_csv_file,
     apply_rounding_and_rename_columns,
     preprocess_scores_df,
 )
-from app.components import html_message, dataframe, files_create_ui, video_create_ui
+from app.components import (
+    html_message,
+    dataframe,
+    files_create_ui,
+    video_create_ui,
+    textbox_create_ui,
+)
 
 
 def colleague_type(subtask):
@@ -63,6 +70,101 @@ def compare_strings(original, comparison, prev=False):
     return f"<span class='wrapper_mbti'>{''.join(result + [f'</span>' if prev_class else ''])}</span>"
 
 
+def create_person_metadata(person_id, files, video_metadata):
+    if (
+        Path(files[person_id]).name in video_metadata
+        and config_data.Settings_SHOW_VIDEO_METADATA
+    ):
+        person_metadata_list = video_metadata[Path(files[person_id]).name]
+        return (
+            gr.Column(visible=True),
+            gr.Row(visible=True),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[0],
+                "text",
+                "First name",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[1],
+                "text",
+                "Last name",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[2],
+                "email",
+                "Email",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[3],
+                "text",
+                "Phone number",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+        )
+    else:
+        return (
+            gr.Column(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+        )
+
+
 def event_handler_calculate_practical_task_blocks(
     files,
     practical_subtasks,
@@ -130,7 +232,9 @@ def event_handler_calculate_practical_task_blocks(
             compare_strings(short_mbti, mbti, False) for mbti in mbti_values
         ]
 
-        return (
+        person_metadata = create_person_metadata(person_id, files, video_metadata)
+
+        existing_tuple = (
             gr.Row(visible=True),
             gr.Column(visible=True),
             dataframe(
@@ -160,6 +264,7 @@ def event_handler_calculate_practical_task_blocks(
                 visible=True,
                 elem_classes="mbti-dataframe",
             ),
+            gr.Column(visible=True),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
@@ -169,6 +274,8 @@ def event_handler_calculate_practical_task_blocks(
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
+
+        return existing_tuple[:-1] + person_metadata + existing_tuple[-1:]
     elif practical_subtasks.lower() == "professional groups":
         sum_weights = sum(
             [
@@ -200,7 +307,23 @@ def event_handler_calculate_practical_task_blocks(
                 gr.Accordion(visible=False),
                 gr.HTML(visible=False),
                 dataframe(visible=False),
+                gr.Column(visible=False),
                 video_create_ui(visible=False),
+                gr.Column(visible=False),
+                gr.Row(visible=False),
+                gr.Row(visible=False),
+                gr.Image(visible=False),
+                textbox_create_ui(visible=False),
+                gr.Row(visible=False),
+                gr.Image(visible=False),
+                textbox_create_ui(visible=False),
+                gr.Row(visible=False),
+                gr.Row(visible=False),
+                gr.Image(visible=False),
+                textbox_create_ui(visible=False),
+                gr.Row(visible=False),
+                gr.Image(visible=False),
+                textbox_create_ui(visible=False),
                 html_message(
                     config_data.InformationMessages_SUM_WEIGHTS.format(sum_weights),
                     False,
@@ -228,7 +351,9 @@ def event_handler_calculate_practical_task_blocks(
 
             person_id = int(df_hidden.iloc[0]["Person ID"]) - 1
 
-            return (
+            person_metadata = create_person_metadata(person_id, files, video_metadata)
+
+            existing_tuple = (
                 gr.Row(visible=True),
                 gr.Column(visible=True),
                 dataframe(
@@ -249,6 +374,7 @@ def event_handler_calculate_practical_task_blocks(
                 gr.Accordion(visible=False),
                 gr.HTML(visible=False),
                 dataframe(visible=False),
+                gr.Column(visible=True),
                 video_create_ui(
                     value=files[person_id],
                     file_name=Path(files[person_id]).name,
@@ -258,6 +384,8 @@ def event_handler_calculate_practical_task_blocks(
                 ),
                 html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
             )
+
+            return existing_tuple[:-1] + person_metadata + existing_tuple[-1:]
     elif practical_subtasks.lower() == "professional skills":
         df_professional_skills = read_csv_file(config_data.Links_PROFESSIONAL_SKILLS)
 
@@ -291,7 +419,9 @@ def event_handler_calculate_practical_task_blocks(
 
         person_id = int(df_hidden.iloc[0]["Person ID"]) - 1
 
-        return (
+        person_metadata = create_person_metadata(person_id, files, video_metadata)
+
+        existing_tuple = (
             gr.Row(visible=True),
             gr.Column(visible=True),
             dataframe(
@@ -312,6 +442,7 @@ def event_handler_calculate_practical_task_blocks(
             gr.Accordion(visible=False),
             gr.HTML(visible=False),
             dataframe(visible=False),
+            gr.Column(visible=True),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
@@ -321,6 +452,8 @@ def event_handler_calculate_practical_task_blocks(
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
+
+        return existing_tuple[:-1] + person_metadata + existing_tuple[-1:]
     elif (
         practical_subtasks.lower() == "finding a suitable junior colleague"
         or practical_subtasks.lower() == "finding a suitable senior colleague"
@@ -356,7 +489,9 @@ def event_handler_calculate_practical_task_blocks(
 
         person_id = int(df_hidden.iloc[0]["Person ID"]) - 1
 
-        return (
+        person_metadata = create_person_metadata(person_id, files, video_metadata)
+
+        existing_tuple = (
             gr.Row(visible=True),
             gr.Column(visible=True),
             dataframe(
@@ -378,6 +513,7 @@ def event_handler_calculate_practical_task_blocks(
             gr.Accordion(visible=False),
             gr.HTML(visible=False),
             dataframe(visible=False),
+            gr.Column(visible=True),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
@@ -387,6 +523,8 @@ def event_handler_calculate_practical_task_blocks(
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
+
+        return existing_tuple[:-1] + person_metadata + existing_tuple[-1:]
     elif (
         practical_subtasks.lower() == "car characteristics"
         or practical_subtasks.lower() == "mobile device application categories"
@@ -433,7 +571,9 @@ def event_handler_calculate_practical_task_blocks(
 
         person_id = int(df_hidden.iloc[0]["Person ID"]) - 1
 
-        return (
+        person_metadata = create_person_metadata(person_id, files, video_metadata)
+
+        existing_tuple = (
             gr.Row(visible=True),
             gr.Column(visible=True),
             dataframe(
@@ -454,6 +594,7 @@ def event_handler_calculate_practical_task_blocks(
             gr.Accordion(visible=False),
             gr.HTML(visible=False),
             dataframe(visible=False),
+            gr.Column(visible=True),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
@@ -463,6 +604,8 @@ def event_handler_calculate_practical_task_blocks(
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
+
+        return existing_tuple[:-1] + person_metadata + existing_tuple[-1:]
     else:
         gr.Info(config_data.InformationMessages_NOTI_IN_DEV)
 
@@ -483,6 +626,22 @@ def event_handler_calculate_practical_task_blocks(
             gr.Accordion(visible=False),
             gr.HTML(visible=False),
             dataframe(visible=False),
+            gr.Column(visible=False),
             video_create_ui(visible=False),
+            gr.Column(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, True),
         )

app/event_handlers/calculate_pt_scores_blocks.py

@@ -22,6 +22,7 @@ from app.components import (
     number_create_ui,
     dropdown_create_ui,
     video_create_ui,
+    textbox_create_ui,
 )
 
 
@@ -152,6 +153,22 @@ def event_handler_calculate_pt_scores_blocks(files, evt_data: gr.EventData):
         gr.Accordion(visible=False),
         gr.HTML(visible=False),
         dataframe(visible=False),
+        gr.Column(visible=False),
         video_create_ui(visible=False),
+        gr.Column(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
         html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
     )

app/event_handlers/clear_blocks.py

@@ -20,6 +20,7 @@ from app.components import (
     radio_create_ui,
     number_create_ui,
     dropdown_create_ui,
+    textbox_create_ui,
 )
 
 
@@ -119,6 +120,22 @@ def event_handler_clear_blocks():
         gr.Accordion(visible=False),
         gr.HTML(visible=False),
         dataframe(visible=False),
+        gr.Column(visible=False),
         video_create_ui(visible=False),
+        gr.Column(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
         html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
     )

app/event_handlers/event_handlers.py

@@ -1,6 +1,6 @@
 """
 File: event_handlers.py
-Author: Dmitry Ryumin
+Author: Elena Ryumina and Dmitry Ryumin
 Description: File containing functions for configuring event handlers for Gradio components.
 License: MIT License
 """
@@ -69,11 +69,29 @@ def setup_app_event_handlers(
     mbti_accordion,
     mbti_description,
     mbti_description_data,
+    video_sorted_column,
     video_sorted,
+    metadata,
+    metadata_1,
+    name_row,
+    name_logo,
+    name,
+    surname_row,
+    surname_logo,
+    surname,
+    metadata_2,
+    email_row,
+    email_logo,
+    email,
+    phone_row,
+    phone_logo,
+    phone,
     in_development,
     tab1,
     tab2,
     tab3,
+    languages_row,
+    country_flags,
     languages,
 ):
     # Events
@@ -138,7 +156,23 @@ def setup_app_event_handlers(
             mbti_accordion,
             mbti_description,
             mbti_description_data,
+            video_sorted_column,
             video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
             in_development,
         ],
         queue=True,
@@ -194,7 +228,23 @@ def setup_app_event_handlers(
             mbti_accordion,
             mbti_description,
             mbti_description_data,
+            video_sorted_column,
             video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
             in_development,
         ],
         queue=True,
@@ -278,7 +328,23 @@ def setup_app_event_handlers(
             mbti_accordion,
             mbti_description,
             mbti_description_data,
+            video_sorted_column,
             video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
             in_development,
         ],
         queue=True,
@@ -286,6 +352,24 @@ def setup_app_event_handlers(
     practical_task_sorted.select(
         event_handler_practical_task_sorted,
         [files, practical_task_sorted],
-        [video_sorted],
+        [
+            video_sorted_column,
+            video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
+        ],
         queue=True,
     )

app/event_handlers/examples_blocks.py

@@ -5,15 +5,26 @@ Description: Event handler for the addition of examples to the Gradio app.
 License: MIT License
 """
 
+import re
+from pathlib import Path
+
 # Importing necessary components for the Gradio app
 
+# import hashlib
+# import time
+
+# for _ in range(6):
+#     current_time = time.time()
+#     time_bytes = str(current_time).encode("utf-8")
+#     hash_object = hashlib.sha256(time_bytes)
+#     hex_digest = hash_object.hexdigest()
+#     print(hex_digest[:15])
+
 
 def event_handler_examples_blocks():
-    return [
-        "videos/video1.mp4",
-        "videos/video2.mp4",
-        "videos/video3.mp4",
-        "videos/video4.mp4",
-        "videos/video5.mp4",
-        "videos/video6.mp4",
-    ]
+    videos_dir = Path("videos")
+    video_files = sorted(
+        (str(p) for p in videos_dir.glob("*.mp4")),
+        key=lambda x: int(re.search(r"\d+", Path(x).stem).group()),
+    )
+    return video_files

app/event_handlers/files.py

@@ -1,6 +1,6 @@
 """
 File: search.py
-Author: Dmitry Ryumin
+Author: Elena Ryumina and Dmitry Ryumin
 Description: Event handler for searching and filtering papers in the Gradio app.
 License: MIT License
 """

app/event_handlers/practical_task_sorted.py

@@ -9,7 +9,8 @@ import gradio as gr
 from pathlib import Path
 
 # Importing necessary components for the Gradio app
-from app.components import video_create_ui
+from app.video_metadata import video_metadata
+from app.components import video_create_ui, textbox_create_ui
 
 
 def event_handler_practical_task_sorted(
@@ -23,10 +24,106 @@ def event_handler_practical_task_sorted(
         label = ""
     label += " Person ID"
 
-    return video_create_ui(
-        value=files[person_id],
-        file_name=Path(files[person_id]).name,
-        label=f"{label} - " + str(person_id + 1),
-        visible=True,
-        elem_classes="video-sorted-container",
+    if Path(files[person_id]).name in video_metadata:
+        person_metadata_list = video_metadata[Path(files[person_id]).name]
+
+        person_metadata = (
+            gr.Column(visible=True),
+            gr.Row(visible=True),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[0],
+                "text",
+                "First name",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[1],
+                "text",
+                "Last name",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[2],
+                "email",
+                "Email",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+            gr.Row(visible=True),
+            gr.Image(visible=True),
+            textbox_create_ui(
+                person_metadata_list[3],
+                "text",
+                "Phone number",
+                None,
+                None,
+                1,
+                True,
+                False,
+                True,
+                False,
+                1,
+                False,
+            ),
+        )
+    else:
+        person_metadata = (
+            gr.Column(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+            gr.Row(visible=False),
+            gr.Image(visible=False),
+            textbox_create_ui(visible=False),
+        )
+
+    existing_tuple = (
+        gr.Column(visible=True),
+        video_create_ui(
+            value=files[person_id],
+            file_name=Path(files[person_id]).name,
+            label=f"{label} - " + str(person_id + 1),
+            visible=True,
+            elem_classes="video-sorted-container",
+        ),
     )
+
+    return existing_tuple + person_metadata

app/practical_tasks.py

@@ -1,6 +1,6 @@
 """
 File: practical_tasks.py
-Author: Dmitry Ryumin
+Author: Elena Ryumina and Dmitry Ryumin
 Description: Utility functions for working with practical tasks data.
 License: MIT License
 """

app/tabs.py

@@ -25,6 +25,7 @@ from app.components import (
     radio_create_ui,
     number_create_ui,
     dropdown_create_ui,
+    textbox_create_ui,
 )
 
 
@@ -426,9 +427,145 @@ def app_tab():
                     "csv-container",
                 )
 
-            video_sorted = video_create_ui(
-                visible=False, elem_classes="video-sorted-container"
-            )
+            with gr.Column(
+                scale=1,
+                visible=False,
+                render=True,
+                elem_classes="video-column-container",
+            ) as video_sorted_column:
+                video_sorted = video_create_ui(
+                    visible=False, elem_classes="video-sorted-container"
+                )
+
+                with gr.Column(scale=1, visible=False, render=True) as metadata:
+                    with gr.Row(
+                        visible=False, render=True, variant="default"
+                    ) as metadata_1:
+                        with gr.Row(
+                            visible=False,
+                            render=True,
+                            variant="default",
+                            elem_classes="name-container",
+                        ) as name_row:
+                            name_logo = gr.Image(
+                                value="images/name.svg",
+                                container=False,
+                                interactive=False,
+                                show_label=False,
+                                visible=False,
+                                show_download_button=False,
+                                elem_classes="metadata_name-logo",
+                            )
+
+                            name = textbox_create_ui(
+                                "First name",
+                                "text",
+                                "First name",
+                                None,
+                                None,
+                                1,
+                                True,
+                                False,
+                                False,
+                                False,
+                                1,
+                                False,
+                            )
+
+                        with gr.Row(
+                            visible=False,
+                            render=True,
+                            variant="default",
+                            elem_classes="surname-container",
+                        ) as surname_row:
+                            surname_logo = gr.Image(
+                                value="images/name.svg",
+                                container=False,
+                                interactive=False,
+                                show_label=False,
+                                visible=False,
+                                show_download_button=False,
+                                elem_classes="metadata_surname-logo",
+                            )
+
+                            surname = textbox_create_ui(
+                                "Last name",
+                                "text",
+                                "Last name",
+                                None,
+                                None,
+                                1,
+                                True,
+                                False,
+                                False,
+                                False,
+                                1,
+                                False,
+                            )
+                    with gr.Row(
+                        visible=False, render=True, variant="default"
+                    ) as metadata_2:
+                        with gr.Row(
+                            visible=False,
+                            render=True,
+                            variant="default",
+                            elem_classes="email-container",
+                        ) as email_row:
+                            email_logo = gr.Image(
+                                value="images/email.svg",
+                                container=False,
+                                interactive=False,
+                                show_label=False,
+                                visible=False,
+                                show_download_button=False,
+                                elem_classes="metadata_email-logo",
+                            )
+
+                            email = textbox_create_ui(
+                                "example@example.com",
+                                "email",
+                                "Email",
+                                None,
+                                None,
+                                1,
+                                True,
+                                False,
+                                False,
+                                False,
+                                1,
+                                False,
+                            )
+
+                        with gr.Row(
+                            visible=False,
+                            render=True,
+                            variant="default",
+                            elem_classes="phone-container",
+                        ) as phone_row:
+                            phone_logo = gr.Image(
+                                value="images/phone.svg",
+                                container=False,
+                                interactive=False,
+                                show_label=False,
+                                visible=False,
+                                show_download_button=False,
+                                elem_classes="metadata_phone-logo",
+                            )
+
+                            phone = textbox_create_ui(
+                                "+1 (555) 123-4567",
+                                "text",
+                                "Phone number",
+                                None,
+                                None,
+                                1,
+                                True,
+                                False,
+                                False,
+                                False,
+                                1,
+                                False,
+                            )
 
     practical_subtasks_selected = gr.JSON(
         value={
@@ -485,7 +622,23 @@ def app_tab():
         mbti_accordion,
         mbti_description,
         mbti_description_data,
+        video_sorted_column,
         video_sorted,
+        metadata,
+        metadata_1,
+        name_row,
+        name_logo,
+        name,
+        surname_row,
+        surname_logo,
+        surname,
+        metadata_2,
+        email_row,
+        email_logo,
+        email,
+        phone_row,
+        phone_logo,
+        phone,
         in_development,
     )
 

app/video_metadata.py

@@ -0,0 +1,25 @@
+"""
+File: video_metadata.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Utility functions for working with video metadata.
+License: MIT License
+"""
+
+import yaml
+from typing import List, Dict
+
+# Importing necessary components for the Gradio app
+
+
+def load_video_metadata(file_path: str) -> Dict[str, List]:
+    with open(file_path, "r") as file:
+        video_metadata = yaml.safe_load(file) or {}
+        result = {}
+        for key, value in video_metadata.get("video_metadata", {}).items():
+            alias = key.split("_")[0]
+            result[key] = value + [f"video{alias}"]
+        return result
+
+
+yaml_file_path = "./video_metadata.yaml"
+video_metadata = load_video_metadata(yaml_file_path)

config.toml

@@ -1,5 +1,5 @@
 [AppSettings]
-APP_VERSION = "0.8.2"
+APP_VERSION = "0.8.3"
 CSS_PATH = "app.css"
 
 [InformationMessages]
@@ -70,8 +70,8 @@ POTENTIAL_CANDIDATES = "potential_candidates.csv"
 MBTI_JOB = "mbti_job_match.csv"
 
 [Settings]
-LANGUAGES_EN = ["🇬🇧 English", "🇷🇺 Russian"]
-LANGUAGES_RU = ["🇬🇧 Английский", "🇷🇺 Русский"]
+LANGUAGES_EN = ["English", "Russian"]
+LANGUAGES_RU = ["Английский", "Русский"]
 SHORT_PROFESSIONAL_SKILLS = ["OPE", "CON", "EXT", "AGR", "NNEU"]
 DROPDOWN_PROFESSIONAL_SKILLS = ["Analytical", "Interactive", "Routine", "Non-Routine"]
 DROPDOWN_COLLEAGUES = ["major", "minor"]
@@ -95,6 +95,7 @@ DROPDOWN_MBTI = [
     "The Commander (ENTJ): Construction Supervisor, Health Services Administrator, Financial Accountant, Auditor, Lawyer, School Principal, Chemical Engineer, Database Manager, etc.",
 ]
 DROPDOWN_MBTI_DEL_COLS = ["EI", "SN", "TF", "JP", "Match"]
+SHOW_VIDEO_METADATA = true
 
 [Values]
 TARGET_SCORES = [0.527886, 0.522337, 0.458468, 0.51761, 0.444649]

video_metadata.yaml

@@ -0,0 +1,31 @@
+video_metadata:
+  1_9093a4ca3c0c834.mp4:
+    - Emily
+    - Taylor
+    - emily.taylor@example.com
+    - "+1 (555) 456-7890"
+  2_a6a198e51d073b0.mp4:
+    - Michael
+    - Brown
+    - michael.brown@example.com
+    - "+1 (555) 234-5678"
+  3_9987232dd677712.mp4:
+    - Jack
+    - Smith
+    - jack.smith@example.com
+    - "+1 (555) 123-4567"
+  4_6af8f60549cdf8d.mp4:
+    - Olivia
+    - Johnson
+    - olivia.johnson@example.com
+    - "+1 (555) 567-8901"
+  5_7b6dc9535953642.mp4:
+    - David
+    - Miller
+    - david.miller@example.com
+    - "+1 (555) 345-6789"
+  6_17a33049c100d3c.mp4:
+    - Sophia
+    - Wilson
+    - sophia.wilson@example.com
+    - "+1 (555) 678-9012"

videos/video1.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:1fc7060c6f5578d82b437f1e8eefdcb29bed3743de8b4d45f968b5906cda046f
-size 410879

videos/video2.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:65d8756146c1e9a55f8d5136e52c794e2a78ec48e5dcfc71772cc456a39137fd
-size 447193

videos/video3.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:740c54a4b06f143688e3d6edc6994e8c3da1cae4250f1c6c813e26539eda8c7f
-size 384493

videos/video4.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c594eb1f37acf257ba7f3c05e08cd685f00a16f20a1300a94221ab6e98a44806
-size 880016

videos/video5.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:efd5cf92f221a89b1417da7dcf2ad73720d165c37bf131bd4f225214a65daac7
-size 1060539

videos/video6.mp4

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b2c8159a5b28795f5255f8cb718244f74129394693844f54a3ce2fb35c73f65e
-size 474402