Summary

app.css

@@ -10,6 +10,11 @@ div.video-container {
     max-height: 350px;
 }
 
+div.video-sorted-container {
+    max-width: 640px;
+    max-height: 350px;
+}
+
 div.files-container {
     height: 350px;
     max-height: 350px;
@@ -95,6 +100,47 @@ div.files-container label[data-testid="block-label"] {
     max-width: fit-content;
 }
 
+.dropdown-language-container {
+    display: contents;
+}
+
 .dropdown-container > div > span[data-testid="block-info"] + div {
     min-width: max-content;
+}
+
+div.gradio-container > div.main > div.wrap > div.contain > #component-0 > div.form {
+    display: flex;
+    width: fit-content;
+    float: left;
+    right: 0px;
+    position: absolute;
+    z-index: 2;
+}
+
+div.gradio-container > div.main > div.wrap > div.contain > #component-0 > div.tabs {
+    margin-top: 20px;
+}
+
+div.dataframe span.wrapper_mbti {
+    display: inline-block;
+    border-radius: 2px;
+    overflow: hidden;
+}
+
+div.dataframe span.wrapper_mbti > span.true, div.dataframe span.wrapper_mbti > span.err {
+    color: #FFFFFF;
+    display: inline-block;
+    padding: 2px;
+}
+
+div.dataframe span.wrapper_mbti > span.true {
+    background-color: #006900;
+}
+
+div.dataframe span.wrapper_mbti > span.err {
+    background-color: #B42E2C;
+}
+
+div.mbti-dataframe div.table-wrap {
+    --cell-width-0: 260px !important;
 }

app.py

@@ -11,11 +11,24 @@ import gradio as gr
 from app.config import CONFIG_NAME, config_data, load_tab_creators
 from app.event_handlers.event_handlers import setup_app_event_handlers
 from app import tabs
+from app.components import dropdown_create_ui
 
 
 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],
+            visible=True,
+            show_label=False,
+            elem_classes="dropdown-language-container",
+            interactive=False,
+        )
+
         tab_results = {}
+        ts = []
 
         available_functions = {
             attr: getattr(tabs, attr)
@@ -26,11 +39,14 @@ def create_gradio_app() -> gr.Blocks:
         tab_creators = load_tab_creators(CONFIG_NAME, available_functions)
 
         for tab_name, create_tab_function in tab_creators.items():
-            with gr.Tab(tab_name):
+            with gr.Tab(tab_name) as tab:
                 app_instance = create_tab_function()
                 tab_results[tab_name] = app_instance
+                ts.append(tab)
 
-        setup_app_event_handlers(*tab_results[list(tab_results.keys())[0]])
+        setup_app_event_handlers(
+            *tab_results[list(tab_results.keys())[0]], *ts, languages
+        )
 
     return gradio_app
 

app/authors.py

@@ -12,16 +12,27 @@ AUTHORS = """
             <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Elena+Ryumina;Artificial+Intelligence+Researcher" alt="ElenaRyumina" />
         </a>
         <div style="display: flex; margin-bottom: 6px;">
-            <a href="https://www.scopus.com/authid/detail.uri?authorId=57220572427">
-                <img src="https://img.shields.io/badge/Scopus-%23E9711C.svg?&style=flat-square&logo=scopus&logoColor=white" alt="" style="margin-right: 6px;" />
+            <a href="https://www.webofscience.com/wos/author/record/ABY-9103-2022" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Web%20of%20Science-5D34BF??&style=flat-square&logo=clarivate&logoColor=white" alt="" />
             </a>
-            <a href="https://scholar.google.com/citations?user=DOBkQssAAAAJ">
-                <img src="https://img.shields.io/badge/Google%20Scholar-%234285F4.svg?&style=flat-square&logo=google-scholar&logoColor=white" alt="" style="margin-right: 6px;" />
+            <a href="https://www.scopus.com/authid/detail.uri?authorId=57220572427" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Scopus-%23E9711C.svg?&style=flat-square&logo=scopus&logoColor=white" alt="" />
+            </a>
+            <a href="https://scholar.google.com/citations?user=DOBkQssAAAAJ" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Google%20Scholar-%234285F4.svg?&style=flat-square&logo=google-scholar&logoColor=white" alt="" />
             </a>
             <a href="https://orcid.org/0000-0002-4135-6949">
                 <img src="https://img.shields.io/badge/ORCID-0000--0002--4135--6949-green.svg?&style=flat-square&logo=orcid&logoColor=white" alt="" />
             </a>
         </div>
+        <div style="display: flex; margin-bottom: 6px;">
+            <a href="https://huggingface.co/ElenaRyumina" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/🤗-Hugging%20Face-FFD21F.svg?style=flat-square&&logoColor=white" alt="" />
+            </a>
+            <a href="mailto:ryumina_ev@mail.ru">
+                <img src="https://img.shields.io/badge/-Email-red?style=flat-square&logo=gmail&logoColor=white" alt="" />
+            </a>
+        </div>
         <a href="https://github.com/ElenaRyumina" style="display: inline-block;">
             <img src="https://github-stats-alpha.vercel.app/api?username=ElenaRyumina&cc=3081F7&tc=FFFFFF&ic=FFFFFF&bc=FFFFFF" alt="" />
         </a>
@@ -35,20 +46,31 @@ AUTHORS = """
             <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Dr.+Dmitry+Ryumin;Artificial+Intelligence+Researcher" alt="DmitryRyumin" />
         </a>
         <div style="display: flex; margin-bottom: 6px;">
-            <a href="https://dmitryryumin.github.io">
-                <img src="https://img.shields.io/badge/Website-blue??&style=flat-square&logo=opsgenie&logoColor=white" alt="" style="margin-right: 6px;" />
+            <a href="https://dmitryryumin.github.io" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Website-blue??&style=flat-square&logo=opsgenie&logoColor=white" alt="" />
             </a>
-            <a href="https://www.scopus.com/authid/detail.uri?authorId=57191960214">
-                <img src="https://img.shields.io/badge/Scopus-%23E9711C.svg?&style=flat-square&logo=scopus&logoColor=white" alt="" style="margin-right: 6px;" />
+            <a href="https://www.webofscience.com/wos/author/record/K-7989-2018" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Web%20of%20Science-5D34BF??&style=flat-square&logo=clarivate&logoColor=white" alt="" />
             </a>
-            <a href="https://scholar.google.com/citations?user=LrTIp5IAAAAJ">
-                <img src="https://img.shields.io/badge/Google%20Scholar-%234285F4.svg?&style=flat-square&logo=google-scholar&logoColor=white" alt="" style="margin-right: 6px;" />
+            <a href="https://www.scopus.com/authid/detail.uri?authorId=57191960214" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Scopus-%23E9711C.svg?&style=flat-square&logo=scopus&logoColor=white" alt="" />
+            </a>
+            <a href="https://scholar.google.com/citations?user=LrTIp5IAAAAJ" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Google%20Scholar-%234285F4.svg?&style=flat-square&logo=google-scholar&logoColor=white" alt="" />
             </a>
             <a href="https://orcid.org/0000-0002-7935-0569">
-                <img src="https://img.shields.io/badge/ORCID-0000--0002--7935--0569-green.svg?&style=flat-square&logo=orcid&logoColor=white" alt="" style="margin-right: 6px;" />
+                <img src="https://img.shields.io/badge/ORCID-0000--0002--7935--0569-green.svg?&style=flat-square&logo=orcid&logoColor=white" alt="" />
+            </a>
+        </div>
+        <div style="display: flex; margin-bottom: 6px;">
+            <a href="https://huggingface.co/DmitryRyumin" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/🤗-Hugging%20Face-FFD21F.svg?style=flat-square&&logoColor=white" alt="" />
+            </a>
+            <a href="https://t.me/dmitry_ryumin" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Telegram-2CA5E0?style=flat-square&logo=telegram&logoColor=white" alt="" />
             </a>
             <a href="mailto:neweraairesearch@gmail.com">
-                <img src="https://img.shields.io/badge/-Email-red?style=flat-square&logo=gmail&logoColor=white" alt="" />
+                <img src="https://img.shields.io/badge/-Email-red?style=flat-square&logo=gmail&logoColor=white" alt=""/>
             </a>
         </div>
         <a href="https://github.com/DmitryRyumin" style="display: inline-block;">
@@ -60,4 +82,29 @@ AUTHORS = """
         </div>
     </div>
 </div>
+<div style="display: flex; justify-content: center; align-items: center; margin-top: 10px;">
+    <img src="https://hci.nw.ru/storage/employees/first/Karpov.jpg" alt="Professor Alexey Karpov" style="margin-right: 20px; border-radius: 50%; width: 80px; height: 80px; object-fit: cover;">
+    <div style="flex-basis: 40%;">
+        <a href="https://hci.nw.ru/en/employees/1" style="display: inline-block;">
+            <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Dr.Sc.+Alexey+Karpov;Supervisor" alt="AlexeyKarpov" />
+        </a>
+        <div style="display: flex; margin-bottom: 6px;">
+            <a href="https://www.webofscience.com/wos/author/record/A-8905-2012" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Web%20of%20Science-5D34BF??&style=flat-square&logo=clarivate&logoColor=white" alt="" />
+            </a>
+            <a href="https://www.scopus.com/authid/detail.uri?authorId=57219469958" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Scopus-%23E9711C.svg?&style=flat-square&logo=scopus&logoColor=white" alt="" />
+            </a>
+            <a href="https://scholar.google.com/citations?user=Q0C3f1oAAAAJ" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/Google%20Scholar-%234285F4.svg?&style=flat-square&logo=google-scholar&logoColor=white" alt="" />
+            </a>
+            <a href="https://orcid.org/0000-0003-3424-652X" style="margin-right: 6px;">
+                <img src="https://img.shields.io/badge/ORCID-0000--0003--3424--652X-green.svg?&style=flat-square&logo=orcid&logoColor=white" alt="" />
+            </a>
+            <a href="mailto:karpov@iias.spb.su">
+                <img src="https://img.shields.io/badge/-Email-red?style=flat-square&logo=gmail&logoColor=white" alt="" />
+            </a>
+        </div>
+    </div>
+</div>
 """

app/description.py

@@ -1,6 +1,6 @@
 """
 File: description.py
-Author: Dmitry Ryumin
+Author: Elena Ryumina and Dmitry Ryumin
 Description: Project description for the Gradio app.
 License: MIT License
 """

app/description_steps.py

@@ -1,7 +1,7 @@
 """
-File: description.py
-Author: Dmitry Ryumin
-Description: Project description for the Gradio app.
+File: description_steps.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Project steps description for the Gradio app.
 License: MIT License
 """
 

app/event_handlers/calculate_practical_tasks.py

@@ -6,11 +6,13 @@ License: MIT License
 """
 
 from app.oceanai_init import b5
+import re
 import gradio as gr
 from pathlib import Path
 
 # Importing necessary components for the Gradio app
 from app.config import config_data
+from app.mbti_description import MBTI_DESCRIPTION, MBTI_DATA
 from app.utils import (
     read_csv_file,
     apply_rounding_and_rename_columns,
@@ -31,10 +33,39 @@ def consumer_preferences(subtask):
     )
 
 
+def remove_parentheses(s):
+    return re.sub(r"\s*\([^)]*\)", "", s)
+
+
+def extract_text_in_parentheses(s):
+    result = re.search(r"\(([^)]+)\)", s)
+    if result:
+        return result.group(1)
+    else:
+        return None
+
+
+def compare_strings(original, comparison):
+    result = []
+    prev_class = None
+
+    for orig_char, comp_char in zip(original, comparison):
+        curr_class = "true" if orig_char == comp_char else "err"
+        if curr_class != prev_class:
+            result.append("</span>" if prev_class else "")
+            result.append(f"<span class='{curr_class}'>")
+            prev_class = curr_class
+        result.append(comp_char)
+
+    return f"<span class='wrapper_mbti'>{''.join(result + [f'</span>' if prev_class else ''])}</span>"
+
+
 def event_handler_calculate_practical_task_blocks(
     files,
     practical_subtasks,
     pt_scores,
+    dropdown_mbti,
+    threshold_mbti,
     threshold_professional_skills,
     dropdown_professional_skills,
     target_score_ope,
@@ -52,7 +83,79 @@ def event_handler_calculate_practical_task_blocks(
     number_agreeableness,
     number_non_neuroticism,
 ):
-    if practical_subtasks.lower() == "professional groups":
+    if practical_subtasks.lower() == "sixteen myers-briggs personality type indicators":
+        df_correlation_coefficients = read_csv_file(config_data.Links_MBTI)
+
+        pt_scores_copy = pt_scores.iloc[:, 1:].copy()
+
+        preprocess_scores_df(pt_scores_copy, "Person ID")
+
+        b5._professional_match(
+            df_files=pt_scores_copy,
+            correlation_coefficients=df_correlation_coefficients,
+            personality_type=remove_parentheses(dropdown_mbti),
+            threshold=threshold_mbti,
+            out=False,
+        )
+
+        df = apply_rounding_and_rename_columns(b5.df_files_MBTI_job_match_)
+
+        df_hidden = df.drop(
+            columns=config_data.Settings_SHORT_PROFESSIONAL_SKILLS
+            + config_data.Settings_DROPDOWN_MBTI_DEL_COLS
+        )
+
+        df_hidden.to_csv(config_data.Filenames_MBTI_JOB)
+
+        df_hidden.reset_index(inplace=True)
+
+        person_id = int(df_hidden.iloc[0]["Person ID"]) - 1
+
+        short_mbti = extract_text_in_parentheses(dropdown_mbti)
+        mbti_values = df_hidden["MBTI"].tolist()
+
+        df_hidden["MBTI"] = [compare_strings(short_mbti, mbti) for mbti in mbti_values]
+
+        return (
+            gr.Row(visible=True),
+            gr.Column(visible=True),
+            dataframe(
+                headers=df_hidden.columns.tolist(),
+                values=df_hidden.values.tolist(),
+                visible=True,
+            ),
+            files_create_ui(
+                config_data.Filenames_MBTI_JOB,
+                "single",
+                [".csv"],
+                config_data.OtherMessages_EXPORT_MBTI,
+                True,
+                False,
+                True,
+                "csv-container",
+            ),
+            gr.Accordion(
+                label=config_data.Labels_NOTE_MBTI_LABEL,
+                open=False,
+                visible=True,
+            ),
+            gr.HTML(value=MBTI_DESCRIPTION, visible=True),
+            dataframe(
+                headers=MBTI_DATA.columns.tolist(),
+                values=MBTI_DATA.values.tolist(),
+                visible=True,
+                elem_classes="mbti-dataframe",
+            ),
+            video_create_ui(
+                value=files[person_id],
+                file_name=Path(files[person_id]).name,
+                label="Best Person ID - " + str(person_id + 1),
+                visible=True,
+                elem_classes="video-sorted-container",
+            ),
+            html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
+        )
+    elif practical_subtasks.lower() == "professional groups":
         sum_weights = sum(
             [
                 number_openness,
@@ -80,6 +183,9 @@ def event_handler_calculate_practical_task_blocks(
                     False,
                     "csv-container",
                 ),
+                gr.Accordion(visible=False),
+                gr.HTML(visible=False),
+                dataframe(visible=False),
                 video_create_ui(visible=False),
                 html_message(
                     config_data.InformationMessages_SUM_WEIGHTS.format(sum_weights),
@@ -126,11 +232,15 @@ def event_handler_calculate_practical_task_blocks(
                     True,
                     "csv-container",
                 ),
+                gr.Accordion(visible=False),
+                gr.HTML(visible=False),
+                dataframe(visible=False),
                 video_create_ui(
                     value=files[person_id],
                     file_name=Path(files[person_id]).name,
                     label="Best Person ID - " + str(person_id + 1),
                     visible=True,
+                    elem_classes="video-sorted-container",
                 ),
                 html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
             )
@@ -185,11 +295,15 @@ def event_handler_calculate_practical_task_blocks(
                 True,
                 "csv-container",
             ),
+            gr.Accordion(visible=False),
+            gr.HTML(visible=False),
+            dataframe(visible=False),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
                 label="Best Person ID - " + str(person_id + 1),
                 visible=True,
+                elem_classes="video-sorted-container",
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
@@ -247,27 +361,34 @@ def event_handler_calculate_practical_task_blocks(
                 True,
                 "csv-container",
             ),
+            gr.Accordion(visible=False),
+            gr.HTML(visible=False),
+            dataframe(visible=False),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
                 label="Best Person ID - " + str(person_id + 1),
                 visible=True,
+                elem_classes="video-sorted-container",
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
     elif (
         practical_subtasks.lower() == "car characteristics"
         or practical_subtasks.lower() == "mobile device application categories"
+        or practical_subtasks.lower() == "clothing style correlation"
     ):
         if practical_subtasks.lower() == "car characteristics":
             df_correlation_coefficients = read_csv_file(
                 config_data.Links_CAR_CHARACTERISTICS,
                 ["Style and performance", "Safety and practicality"],
             )
-        if practical_subtasks.lower() == "mobile device application categories":
+        elif practical_subtasks.lower() == "mobile device application categories":
             df_correlation_coefficients = read_csv_file(
                 config_data.Links_MDA_CATEGORIES
             )
+        elif practical_subtasks.lower() == "clothing style correlation":
+            df_correlation_coefficients = read_csv_file(config_data.Links_CLOTHING_SC)
 
         pt_scores_copy = pt_scores.iloc[:, 1:].copy()
 
@@ -316,11 +437,15 @@ def event_handler_calculate_practical_task_blocks(
                 True,
                 "csv-container",
             ),
+            gr.Accordion(visible=False),
+            gr.HTML(visible=False),
+            dataframe(visible=False),
             video_create_ui(
                 value=files[person_id],
                 file_name=Path(files[person_id]).name,
                 label="Best Person ID - " + str(person_id + 1),
                 visible=True,
+                elem_classes="video-sorted-container",
             ),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
         )
@@ -341,6 +466,9 @@ def event_handler_calculate_practical_task_blocks(
                 False,
                 "csv-container",
             ),
+            gr.Accordion(visible=False),
+            gr.HTML(visible=False),
+            dataframe(visible=False),
             video_create_ui(visible=False),
             html_message(config_data.InformationMessages_NOTI_IN_DEV, False, True),
         )

app/event_handlers/calculate_pt_scores_blocks.py

@@ -90,6 +90,27 @@ def event_handler_calculate_pt_scores_blocks(files, evt_data: gr.EventData):
             render=True,
         ),
         gr.Column(visible=True),
+        dropdown_create_ui(
+            label=f"Potential candidates by Myers-Briggs Personality Type Indicators ({len(config_data.Settings_DROPDOWN_MBTI)})",
+            info=config_data.InformationMessages_DROPDOWN_MBTI_INFO,
+            choices=config_data.Settings_DROPDOWN_MBTI,
+            value=config_data.Settings_DROPDOWN_MBTI[0],
+            visible=True,
+            elem_classes="dropdown-container",
+        ),
+        number_create_ui(
+            value=0.5,
+            minimum=0.0,
+            maximum=1.0,
+            step=0.01,
+            label=config_data.Labels_THRESHOLD_MBTI_LABEL,
+            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(0, 1.0),
+            show_label=True,
+            interactive=True,
+            visible=True,
+            render=True,
+            elem_classes="number-container",
+        ),
         number_create_ui(visible=False),
         dropdown_create_ui(visible=False),
         number_create_ui(visible=False),
@@ -101,89 +122,12 @@ def event_handler_calculate_pt_scores_blocks(files, evt_data: gr.EventData):
         number_create_ui(visible=False),
         number_create_ui(visible=False),
         number_create_ui(visible=False),
-        dropdown_create_ui(
-            label=f"Potential candidates by professional responsibilities ({len(config_data.Settings_DROPDOWN_CANDIDATES)})",
-            info=config_data.InformationMessages_DROPDOWN_CANDIDATES_INFO,
-            choices=config_data.Settings_DROPDOWN_CANDIDATES,
-            value=config_data.Settings_DROPDOWN_CANDIDATES[0],
-            visible=True,
-            elem_classes="dropdown-container",
-        ),
-        number_create_ui(
-            value=weights_professions[0],
-            minimum=config_data.Values_0_100[0],
-            maximum=config_data.Values_0_100[1],
-            step=1,
-            label=config_data.Labels_NUMBER_IMPORTANCE_OPE_LABEL,
-            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(
-                config_data.Values_0_100[0], config_data.Values_0_100[1]
-            ),
-            show_label=True,
-            interactive=interactive_professions,
-            visible=True,
-            render=True,
-            elem_classes="number-container",
-        ),
-        number_create_ui(
-            value=weights_professions[1],
-            minimum=config_data.Values_0_100[0],
-            maximum=config_data.Values_0_100[1],
-            step=1,
-            label=config_data.Labels_NUMBER_IMPORTANCE_CON_LABEL,
-            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(
-                config_data.Values_0_100[0], config_data.Values_0_100[1]
-            ),
-            show_label=True,
-            interactive=interactive_professions,
-            visible=True,
-            render=True,
-            elem_classes="number-container",
-        ),
-        number_create_ui(
-            value=weights_professions[2],
-            minimum=config_data.Values_0_100[0],
-            maximum=config_data.Values_0_100[1],
-            step=1,
-            label=config_data.Labels_NUMBER_IMPORTANCE_EXT_LABEL,
-            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(
-                config_data.Values_0_100[0], config_data.Values_0_100[1]
-            ),
-            show_label=True,
-            interactive=interactive_professions,
-            visible=True,
-            render=True,
-            elem_classes="number-container",
-        ),
-        number_create_ui(
-            value=weights_professions[3],
-            minimum=config_data.Values_0_100[0],
-            maximum=config_data.Values_0_100[1],
-            step=1,
-            label=config_data.Labels_NUMBER_IMPORTANCE_AGR_LABEL,
-            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(
-                config_data.Values_0_100[0], config_data.Values_0_100[1]
-            ),
-            show_label=True,
-            interactive=interactive_professions,
-            visible=True,
-            render=True,
-            elem_classes="number-container",
-        ),
-        number_create_ui(
-            value=weights_professions[4],
-            minimum=config_data.Values_0_100[0],
-            maximum=config_data.Values_0_100[1],
-            step=1,
-            label=config_data.Labels_NUMBER_IMPORTANCE_NNEU_LABEL,
-            info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(
-                config_data.Values_0_100[0], config_data.Values_0_100[1]
-            ),
-            show_label=True,
-            interactive=interactive_professions,
-            visible=True,
-            render=True,
-            elem_classes="number-container",
-        ),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
         button(
             config_data.OtherMessages_CALCULATE_PRACTICAL_TASK,
             True,
@@ -204,6 +148,9 @@ def event_handler_calculate_pt_scores_blocks(files, evt_data: gr.EventData):
             False,
             "csv-container",
         ),
+        gr.Accordion(visible=False),
+        gr.HTML(visible=False),
+        dataframe(visible=False),
         video_create_ui(visible=False),
         html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
     )

app/event_handlers/clear_blocks.py

@@ -76,6 +76,8 @@ def event_handler_clear_blocks():
             render=True,
         ),
         gr.Column(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
         number_create_ui(visible=False),
         dropdown_create_ui(visible=False),
         number_create_ui(visible=False),
@@ -106,6 +108,9 @@ def event_handler_clear_blocks():
             False,
             "csv-container",
         ),
+        gr.Accordion(visible=False),
+        gr.HTML(visible=False),
+        dataframe(visible=False),
         video_create_ui(visible=False),
         html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
     )

app/event_handlers/event_handlers.py

@@ -8,6 +8,7 @@ License: MIT License
 import gradio as gr
 
 # Importing necessary components for the Gradio app
+from app.event_handlers.languages import event_handler_languages
 from app.event_handlers.files import (
     event_handler_files,
     event_handler_files_select,
@@ -39,6 +40,8 @@ def setup_app_event_handlers(
     practical_tasks,
     practical_subtasks,
     settings_practical_tasks,
+    dropdown_mbti,
+    threshold_mbti,
     threshold_professional_skills,
     dropdown_professional_skills,
     target_score_ope,
@@ -63,10 +66,23 @@ def setup_app_event_handlers(
     sorted_videos_column,
     practical_task_sorted,
     csv_practical_task_sorted,
+    mbti_accordion,
+    mbti_description,
+    mbti_description_data,
     video_sorted,
     in_development,
+    tab1,
+    tab2,
+    tab3,
+    languages,
 ):
     # Events
+    languages.select(
+        fn=event_handler_languages,
+        inputs=[languages],
+        outputs=[languages, tab1, tab2, tab3],
+        queue=True,
+    )
     files.change(
         event_handler_files,
         [files],
@@ -95,6 +111,8 @@ def setup_app_event_handlers(
             practical_subtasks,
             practical_subtasks_selected,
             settings_practical_tasks,
+            dropdown_mbti,
+            threshold_mbti,
             threshold_professional_skills,
             dropdown_professional_skills,
             target_score_ope,
@@ -117,6 +135,9 @@ def setup_app_event_handlers(
             sorted_videos_column,
             practical_task_sorted,
             csv_practical_task_sorted,
+            mbti_accordion,
+            mbti_description,
+            mbti_description_data,
             video_sorted,
             in_development,
         ],
@@ -147,6 +168,8 @@ def setup_app_event_handlers(
             practical_subtasks,
             practical_subtasks_selected,
             settings_practical_tasks,
+            dropdown_mbti,
+            threshold_mbti,
             threshold_professional_skills,
             dropdown_professional_skills,
             target_score_ope,
@@ -168,6 +191,9 @@ def setup_app_event_handlers(
             sorted_videos_column,
             practical_task_sorted,
             csv_practical_task_sorted,
+            mbti_accordion,
+            mbti_description,
+            mbti_description_data,
             video_sorted,
             in_development,
         ],
@@ -185,6 +211,8 @@ def setup_app_event_handlers(
         [
             practical_subtasks_selected,
             settings_practical_tasks,
+            dropdown_mbti,
+            threshold_mbti,
             threshold_professional_skills,
             dropdown_professional_skills,
             target_score_ope,
@@ -223,6 +251,8 @@ def setup_app_event_handlers(
             files,
             practical_subtasks,
             pt_scores,
+            dropdown_mbti,
+            threshold_mbti,
             threshold_professional_skills,
             dropdown_professional_skills,
             target_score_ope,
@@ -245,6 +275,9 @@ def setup_app_event_handlers(
             sorted_videos_column,
             practical_task_sorted,
             csv_practical_task_sorted,
+            mbti_accordion,
+            mbti_description,
+            mbti_description_data,
             video_sorted,
             in_development,
         ],

app/event_handlers/languages.py

@@ -0,0 +1,39 @@
+"""
+File: languages.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Selected language event handlers for Gradio app.
+License: MIT License
+"""
+
+import gradio as gr
+
+# Importing necessary components for the Gradio app
+from app.config import config_data
+from app.components import dropdown_create_ui
+
+
+def event_handler_languages(languages):
+    if languages.lower() == "english":
+        lang_id = 0
+        choices = config_data.Settings_LANGUAGES_EN
+    elif languages.lower() == "russian":
+        lang_id = 1
+        choices = config_data.Settings_LANGUAGES_RU
+    else:
+        lang_id = 0
+        choices = config_data.Settings_LANGUAGES_EN
+
+    return (
+        dropdown_create_ui(
+            label=None,
+            info=None,
+            choices=choices,
+            value=choices[lang_id],
+            visible=True,
+            show_label=False,
+            elem_classes="dropdown-language-container",
+        ),
+        gr.Tab(config_data.Labels_APP_LABEL[lang_id]),
+        gr.Tab(config_data.Labels_ABOUT_APP_LABEL[lang_id]),
+        gr.Tab(config_data.Labels_ABOUT_AUTHORS_LABEL[lang_id]),
+    )

app/event_handlers/practical_subtasks.py

@@ -18,7 +18,50 @@ def event_handler_practical_subtasks(
 ):
     practical_subtasks_selected[practical_tasks] = practical_subtasks
 
-    if practical_subtasks.lower() == "professional groups":
+    if practical_subtasks.lower() == "sixteen myers-briggs personality type indicators":
+        return (
+            practical_subtasks_selected,
+            gr.Column(visible=True),
+            dropdown_create_ui(
+                label=f"Potential candidates by Myers-Briggs Personality Type Indicators ({len(config_data.Settings_DROPDOWN_MBTI)})",
+                info=config_data.InformationMessages_DROPDOWN_MBTI_INFO,
+                choices=config_data.Settings_DROPDOWN_MBTI,
+                value=config_data.Settings_DROPDOWN_MBTI[0],
+                visible=True,
+                elem_classes="dropdown-container",
+            ),
+            number_create_ui(
+                value=0.5,
+                minimum=0.0,
+                maximum=1.0,
+                step=0.01,
+                label=config_data.Labels_THRESHOLD_MBTI_LABEL,
+                info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(0, 1.0),
+                show_label=True,
+                interactive=True,
+                visible=True,
+                render=True,
+                elem_classes="number-container",
+            ),
+            number_create_ui(visible=False),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+            number_create_ui(visible=False),
+        )
+    elif practical_subtasks.lower() == "professional groups":
         df_traits_priority_for_professions = read_csv_file(
             config_data.Links_PROFESSIONS
         )
@@ -30,6 +73,8 @@ def event_handler_practical_subtasks(
         return (
             practical_subtasks_selected,
             gr.Column(visible=True),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
             number_create_ui(visible=False),
             dropdown_create_ui(visible=False),
             number_create_ui(visible=False),
@@ -129,6 +174,8 @@ def event_handler_practical_subtasks(
         return (
             practical_subtasks_selected,
             gr.Column(visible=True),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
             number_create_ui(
                 value=0.5,
                 minimum=0.0,
@@ -173,6 +220,8 @@ def event_handler_practical_subtasks(
         return (
             practical_subtasks_selected,
             gr.Column(visible=True),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
             number_create_ui(visible=False),
             dropdown_create_ui(visible=False),
             number_create_ui(
@@ -266,6 +315,7 @@ def event_handler_practical_subtasks(
     elif (
         practical_subtasks.lower() == "car characteristics"
         or practical_subtasks.lower() == "mobile device application categories"
+        or practical_subtasks.lower() == "clothing style correlation"
     ):
         df_correlation_coefficients = read_csv_file(
             config_data.Links_CAR_CHARACTERISTICS,
@@ -275,6 +325,8 @@ def event_handler_practical_subtasks(
         return (
             practical_subtasks_selected,
             gr.Column(visible=True),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
             number_create_ui(visible=False),
             dropdown_create_ui(visible=False),
             number_create_ui(visible=False),
@@ -284,7 +336,7 @@ def event_handler_practical_subtasks(
             number_create_ui(visible=False),
             number_create_ui(visible=False),
             number_create_ui(
-                value=3,
+                value=1,
                 minimum=1,
                 maximum=df_correlation_coefficients.columns.size,
                 step=1,
@@ -299,7 +351,7 @@ def event_handler_practical_subtasks(
                 elem_classes="number-container",
             ),
             number_create_ui(
-                value=3,
+                value=1,
                 minimum=1,
                 maximum=5,
                 step=1,
@@ -335,6 +387,8 @@ def event_handler_practical_subtasks(
         return (
             practical_subtasks_selected,
             gr.Column(visible=False),
+            dropdown_create_ui(visible=False),
+            number_create_ui(visible=False),
             number_create_ui(visible=False),
             dropdown_create_ui(visible=False),
             number_create_ui(visible=False),

app/mbti_description.py

@@ -0,0 +1,29 @@
+"""
+File: mbti_description.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Personality dimensions description.
+License: MIT License
+"""
+
+import pandas as pd
+
+# Importing necessary components for the Gradio app
+
+MBTI_DATA = pd.DataFrame(
+    {
+        "Dimension description": [
+            "How we interact with the world and where we direct our energy",
+            "The kind of information we naturally notice",
+            "How we make decisions",
+            "Whether we prefer to live in a more structured way (making decisions) or in a more spontaneous way (taking in information)",
+        ],
+        "Dimension": [
+            "(E) Extraversion - Introversion (I)",
+            "(S) Sensing - Intuition (N)",
+            "(T) Thinking - Feeling (F)",
+            "(J) Judging  - Perceiving (P)",
+        ],
+    }
+)
+
+MBTI_DESCRIPTION = "<h4>The four human Personality Dimensions</h4>"

app/tabs.py

@@ -10,6 +10,7 @@ import gradio as gr
 # Importing necessary components for the Gradio app
 from app.description import DESCRIPTION
 from app.description_steps import STEP_1, STEP_2
+from app.mbti_description import MBTI_DESCRIPTION, MBTI_DATA
 from app.app import APP
 from app.authors import AUTHORS
 from app.config import config_data
@@ -96,6 +97,29 @@ def app_tab():
             variant="default",
             elem_classes="settings-container",
         ) as settings_practical_tasks:
+            dropdown_mbti = dropdown_create_ui(
+                label=f"Potential candidates by Myers-Briggs Personality Type Indicators ({len(config_data.Settings_DROPDOWN_MBTI)})",
+                info=config_data.InformationMessages_DROPDOWN_MBTI_INFO,
+                choices=config_data.Settings_DROPDOWN_MBTI,
+                value=config_data.Settings_DROPDOWN_MBTI[0],
+                visible=False,
+                elem_classes="dropdown-container",
+            )
+
+            threshold_mbti = number_create_ui(
+                value=0.5,
+                minimum=0.0,
+                maximum=1.0,
+                step=0.01,
+                label=config_data.Labels_THRESHOLD_MBTI_LABEL,
+                info=config_data.InformationMessages_VALUE_FROM_TO_INFO.format(0, 1.0),
+                show_label=True,
+                interactive=True,
+                visible=False,
+                render=True,
+                elem_classes="number-container",
+            )
+
             threshold_professional_skills = number_create_ui(
                 value=0.5,
                 minimum=0.0,
@@ -209,7 +233,7 @@ def app_tab():
             )
 
             number_priority = number_create_ui(
-                value=3,
+                value=1,
                 minimum=1,
                 maximum=df_correlation_coefficients.columns.size,
                 step=1,
@@ -225,7 +249,7 @@ def app_tab():
             )
 
             number_importance_traits = number_create_ui(
-                value=3,
+                value=1,
                 minimum=1,
                 maximum=5,
                 step=1,
@@ -365,6 +389,20 @@ def app_tab():
             with gr.Column(scale=1, visible=False, render=True) as sorted_videos_column:
                 practical_task_sorted = dataframe(visible=False)
 
+                with gr.Accordion(
+                    label=config_data.Labels_NOTE_MBTI_LABEL,
+                    open=False,
+                    visible=False,
+                ) as mbti_accordion:
+                    mbti_description = gr.HTML(value=MBTI_DESCRIPTION, visible=False)
+
+                    mbti_description_data = dataframe(
+                        headers=MBTI_DATA.columns.tolist(),
+                        values=MBTI_DATA.values.tolist(),
+                        visible=False,
+                        elem_classes="mbti-dataframe",
+                    )
+
                 csv_practical_task_sorted = files_create_ui(
                     None,
                     "single",
@@ -376,7 +414,9 @@ def app_tab():
                     "csv-container",
                 )
 
-            video_sorted = video_create_ui(visible=False)
+            video_sorted = video_create_ui(
+                visible=False, elem_classes="video-sorted-container"
+            )
 
     practical_subtasks_selected = gr.JSON(
         value={
@@ -404,6 +444,8 @@ def app_tab():
         practical_tasks,
         practical_subtasks,
         settings_practical_tasks,
+        dropdown_mbti,
+        threshold_mbti,
         threshold_professional_skills,
         dropdown_professional_skills,
         target_score_ope,
@@ -428,6 +470,9 @@ def app_tab():
         sorted_videos_column,
         practical_task_sorted,
         csv_practical_task_sorted,
+        mbti_accordion,
+        mbti_description,
+        mbti_description_data,
         video_sorted,
         in_development,
     )

config.toml

@@ -1,5 +1,5 @@
 [AppSettings]
-APP_VERSION = "0.7.0"
+APP_VERSION = "0.8.0"
 CSS_PATH = "app.css"
 
 [InformationMessages]
@@ -7,9 +7,11 @@ NOTI_VIDEOS = "Select the video(s)"
 PRACTICAL_TASKS_INFO = "Choose a practical task"
 PRACTICAL_SUBTASKS_INFO = "Choose a practical subtask"
 NOTI_IN_DEV = "In development"
+DROPDOWN_MBTI_INFO = "What personality type indicator are you interested in?"
 DROPDOWN_PROFESSIONAL_SKILLS_INFO = "What professional skill are you interested in?"
 DROPDOWN_DROPDOWN_COLLEAGUES_INFO = "What colleague are you interested in?"
 DROPDOWN_CANDIDATES_INFO = "What profession are you interested in?"
+DROPDOWN_LANGUAGES_INFO = "Select the language of the app"
 VALUE_FROM_TO_INFO = "Set value from {} to {}"
 SUM_WEIGHTS = "The sum of the weights of the personality traits should be 100, not {}"
 STEP_1 = "Step 1: Calculation of personality traits scores"
@@ -25,11 +27,16 @@ EXPORT_PG = "Export ranking professional groups results to a CSV file"
 EXPORT_PS = "Export ranking professional skill results to a CSV file"
 EXPORT_WT = "Export ranking effective work teams results to a CSV file"
 EXPORT_CP = "Export consumer preferences for industrial goods results to a CSV file"
+EXPORT_MBTI = "Export ranking personality type results to a CSV file"
 NOTI_CALCULATE = "You can calculate Big Five personality traits scores"
 
 [Labels]
+APP_LABEL = ["App", "Приложение"]
+ABOUT_APP_LABEL = ["About the App", "О приложении"]
+ABOUT_AUTHORS_LABEL = ["About the Authors", "Об авторах"]
 PRACTICAL_TASKS_LABEL = "Practical tasks"
 PRACTICAL_SUBTASKS_LABEL = "Practical subtasks"
+THRESHOLD_MBTI_LABEL = "Personality type indicator threshold"
 THRESHOLD_PROFESSIONAL_SKILLS_LABEL = "Polarity traits threshold"
 TARGET_SCORE_OPE_LABEL = "Openness target score"
 TARGET_SCORE_CON_LABEL = "Conscientiousness target score"
@@ -45,6 +52,8 @@ NUMBER_IMPORTANCE_EXT_LABEL = "Extraversion weight"
 NUMBER_IMPORTANCE_AGR_LABEL = "Agreeableness weight"
 NUMBER_IMPORTANCE_NNEU_LABEL = "Non-Neuroticism weight"
 THRESHOLD_CONSUMER_PREFERENCES_LABEL = "Polarity traits threshold"
+LANGUAGES_LABEL = "Languages"
+NOTE_MBTI_LABEL = "Note: What is MBTI?"
 
 [TabCreators]
 "App" = "app_tab"
@@ -58,12 +67,34 @@ COLLEAGUE_RANKING = "_colleague_ranking.csv"
 CAR_CHARACTERISTICS = "auto_characteristics_priorities.csv"
 MDA_CATEGORIES = "divice_characteristics_priorities.csv"
 POTENTIAL_CANDIDATES = "potential_candidates.csv"
+MBTI_JOB = "mbti_job_match.csv"
 
 [Settings]
+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"]
 DROPDOWN_CANDIDATES = ["Managers/executives", "Entrepreneurship", "Social/Non profit making professions", "Public sector professions", "Scientists/researchers, and engineers", "Custom"]
+DROPDOWN_MBTI = [
+    "The Inspector (ISTJ): Accountant, Auditor, Budget Analyst, Financial Manager, Developer, Systems Analyst, Librarian etc.",
+    "The Protector (ISFJ): Nurse, Doctor, Veterinarian or Veterinary Nurse/Assistant, Social Worker, Agricultural or Food Scientist, Secretary, Driver, etc.",
+    "The Counselor (INFJ): Psychologist, Human Resources Professional, Office Manager, Training Specialist, Graphic Designer, etc.",
+    "The Mastermind (INTJ): Animator, Architect, Content Writer, Photographer, TV Journalist, Video Editor, Business Development, Executive, Professor, etc.",
+    "The Crafter (ISTP): Engineer, Technician, Construction Worker, Inspector, Forensic Scientist, Software Engineer, Computer Programmer, etc.",
+    "The Composer (ISFP): Marketing Assistant, Dancer, Chef, Office Administrator, Artist, Interior Designer, Legal Secretary, Nurse, etc.",
+    "The Healer (INFP): Writer, Multimedia Designer, Customer Relations Manager, Special Education Teacher, Coach, Editor, Fashion Designer, etc.",
+    "The Architect (INTP): Technical Writer, Web Developer, Information Security Analyst, Researcher, Scientist, Lawyer, etc.",
+    "The Promoter (ESTP): Customer Care Specialist, Actor, Personal Trainer, Brand Ambassador, Manager, Entrepreneur, Creative Director, Police Officer, Marketing Officer, Manufacturer, etc.",
+    "The Performer (ESFP): Flight Attendant, Entertainer, Teacher, Public Relations Manager, Sales Representative, Event Planner, etc.",
+    "The Champion (ENFP): Healthcare Professional, Producer, Retail Sales Associate, Customer Service; Screenwriter; TV/Radio Host, etc.",
+    "The Visionary (ENTP): Engineer, Market Researcher, Social Media Manager, Management Analyst, Digital Marketing Executive, Business Consultant, Game Designer/Developer, Sales Manager, etc.",
+    "The Supervisor (ESTJ): Managing Director, Hotel Manager, Finance Officer, Judge, Real Estate Agent, Chief Executive Officer, Chef, Business Development Manager, Telemarketer, etc.",
+    "The Provider (ESFJ): Technical Support Specialist, Account Manager, College Professor, Medical Researcher, Bookkeeper, Photojournalist, etc.",
+    "The Teacher (ENFJ): Public Relations Manager, Sales Manager, Human Resource Director, Art Director, Counselor, etc.",
+    "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"]
 
 [Values]
 TARGET_SCORES = [0.527886, 0.522337, 0.458468, 0.51761, 0.444649]
@@ -74,4 +105,6 @@ PROFESSIONAL_SKILLS = "https://download.sberdisk.ru/download/file/478678231?toke
 FINDING_COLLEAGUE = "https://download.sberdisk.ru/download/file/478675819?token=LuB7L1QsEY0UuSs&filename=colleague_ranking.csv"
 CAR_CHARACTERISTICS = "https://download.sberdisk.ru/download/file/478675818?token=EjfLMqOeK8cfnOu&filename=auto_characteristics.csv"
 MDA_CATEGORIES = "https://download.sberdisk.ru/download/file/478676690?token=7KcAxPqMpWiYQnx&filename=divice_characteristics.csv"
-PROFESSIONS = "https://download.sberdisk.ru/download/file/478675798?token=fF5fNZVpthQlEV0&filename=traits_priority_for_professions.csv"
+CLOTHING_SC = "https://download.sberdisk.ru/download/file/493644097?token=KGtSGMxjZtWXmBz&filename=df_%D1%81lothing_style_correlation.csv"
+PROFESSIONS = "https://download.sberdisk.ru/download/file/478675798?token=fF5fNZVpthQlEV0&filename=traits_priority_for_professions.csv"
+MBTI = "https://download.sberdisk.ru/download/file/493644095?token=EX7hFxNJhMoLumI&filename=df_mbti_correlation.csv"

practical_tasks.yaml

@@ -1,5 +1,6 @@
 - task: "Ranking potential candidates by professional responsibilities"
   subtasks:
+    - "Sixteen Myers-Briggs Personality Type Indicators"
     - "Professional groups"
     - "Professional skills"
 - task: "Forming effective work teams"
@@ -9,4 +10,5 @@
 - task: "Predicting consumer preferences for industrial goods"
   subtasks:
     - "Car characteristics"
-    - "Mobile device application categories"
+    - "Mobile device application categories"
+    - "Clothing style correlation"

requirements.txt

@@ -2,6 +2,6 @@ gradio==4.23.0
 requests==2.31.0
 PyYAML==6.0.1
 toml==0.10.2
-oceanai==1.0.0a27
+oceanai==1.0.0a28
 tf-keras==2.16.0
 pandas==2.2.1