v0.8.8 (#18)

- Summary (2d3271b2c465f4c15cf5b60cc69be097f4220d6d)


Co-authored-by: Dmitry Ryumin <DmitryRyumin@users.noreply.huggingface.co>

app.css

@@ -5,6 +5,10 @@
     color: #006900;
 }
 
+h1 > a {
+    display: contents;
+}
+
 div.app-flex-container {
     display: flex;
     gap: 6px;
@@ -132,6 +136,7 @@ div.languages-container_wrapper {
     width: auto;
     position: absolute;
     right: 0px;
+    z-index: 10;
 }
 
 div.languages-container {

app.py

@@ -13,7 +13,7 @@ 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/"])
+gr.set_static_paths(paths=[config_data.StaticPaths_IMAGES])
 
 
 def create_gradio_app() -> gr.Blocks:
@@ -31,7 +31,8 @@ def create_gradio_app() -> gr.Blocks:
                 elem_classes="languages-container",
             ) as languages_row:
                 country_flags = gr.Image(
-                    value="images/UK.png",
+                    value=config_data.StaticPaths_IMAGES
+                    + config_data.Images_LANGUAGES[0],
                     container=False,
                     interactive=False,
                     show_label=False,
@@ -48,7 +49,7 @@ def create_gradio_app() -> gr.Blocks:
                     visible=True,
                     show_label=False,
                     elem_classes="dropdown-language-container",
-                    interactive=False,
+                    interactive=True,
                 )
 
         tab_results = {}

app/description.py

@@ -8,11 +8,24 @@ License: MIT License
 # Importing necessary components for the Gradio app
 from app.config import config_data
 
-DESCRIPTION = f"""\
-<h1><a href="https://github.com/aimclub/OCEANAI" target="_blank">OCEAN-AI</a> is an open-source framework for Big Five personality traits assessment and HR-processes automatization.</h1>
+TEMPLATE = """\
+<h1><a href="https://github.com/aimclub/OCEANAI" target="_blank">OCEAN-AI</a> {description}.</h1>
 
 <div class="app-flex-container">
-    <img src="https://img.shields.io/badge/version-v{config_data.AppSettings_APP_VERSION}-rc0" alt="Version">
+    <img src="https://img.shields.io/badge/version-v{version}-rc0" alt="{version_label}">
     <a href='https://github.com/DmitryRyumin/OCEANAI' target='_blank'><img src='https://img.shields.io/github/stars/DmitryRyumin/OCEANAI?style=flat' alt='GitHub' /></a>
 </div>
 """
+
+DESCRIPTIONS = [
+    TEMPLATE.format(
+        description=config_data.InformationMessages_DESCRIPTIONS[0],
+        version=config_data.AppSettings_APP_VERSION,
+        version_label="Version",
+    ),
+    TEMPLATE.format(
+        description=config_data.InformationMessages_DESCRIPTIONS[1],
+        version=config_data.AppSettings_APP_VERSION,
+        version_label="Версия",
+    ),
+]

app/description_steps.py

@@ -8,10 +8,24 @@ License: MIT License
 # Importing necessary components for the Gradio app
 from app.config import config_data
 
-STEP_1 = f"""\
-<h2 align="center">{config_data.InformationMessages_STEP_1}</h2>
+STEPS_TEMPLATE = """\
+<h2 align="center">{text}</h2>
 """
 
-STEP_2 = f"""\
-<h2 align="center">{config_data.InformationMessages_STEP_2}</h2>
-"""
+STEP_1 = [
+    STEPS_TEMPLATE.format(
+        text=config_data.InformationMessages_STEP_1[0],
+    ),
+    STEPS_TEMPLATE.format(
+        text=config_data.InformationMessages_STEP_1[1],
+    ),
+]
+
+STEP_2 = [
+    STEPS_TEMPLATE.format(
+        text=config_data.InformationMessages_STEP_2[0],
+    ),
+    STEPS_TEMPLATE.format(
+        text=config_data.InformationMessages_STEP_2[1],
+    ),
+]

app/event_handlers/event_handlers.py

@@ -28,6 +28,8 @@ from app.event_handlers.practical_task_sorted import event_handler_practical_tas
 
 
 def setup_app_event_handlers(
+    description,
+    step_1,
     notifications,
     files,
     video,
@@ -98,8 +100,18 @@ def setup_app_event_handlers(
     # Events
     languages.select(
         fn=event_handler_languages,
-        inputs=[languages],
-        outputs=[languages, tab1, tab2, tab3],
+        inputs=[languages, files],
+        outputs=[
+            description,
+            step_1,
+            country_flags,
+            languages,
+            tab1,
+            tab2,
+            tab3,
+            tab4,
+            files,
+        ],
         queue=True,
     )
     files.change(

app/event_handlers/languages.py

@@ -8,11 +8,16 @@ License: MIT License
 import gradio as gr
 
 # Importing necessary components for the Gradio app
+from app.description import DESCRIPTIONS
+from app.description_steps import STEP_1
 from app.config import config_data
-from app.components import dropdown_create_ui
+from app.components import (
+    files_create_ui,
+    dropdown_create_ui,
+)
 
 
-def event_handler_languages(languages):
+def event_handler_languages(languages, files):
     if languages.lower() == "english":
         lang_id = 0
         choices = config_data.Settings_LANGUAGES_EN
@@ -24,6 +29,11 @@ def event_handler_languages(languages):
         choices = config_data.Settings_LANGUAGES_EN
 
     return (
+        gr.Markdown(value=DESCRIPTIONS[lang_id]),
+        gr.HTML(value=STEP_1[lang_id]),
+        gr.Image(
+            value=config_data.StaticPaths_IMAGES + config_data.Images_LANGUAGES[lang_id]
+        ),
         dropdown_create_ui(
             label=None,
             info=None,
@@ -36,4 +46,13 @@ def event_handler_languages(languages):
         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]),
+        gr.Tab(config_data.Labels_REQUIREMENTS_LABEL[lang_id]),
+        files_create_ui(
+            value=files,
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[lang_id],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+        ),
     )

app/tabs.py

@@ -8,7 +8,7 @@ License: MIT License
 import gradio as gr
 
 # Importing necessary components for the Gradio app
-from app.description import DESCRIPTION
+from app.description import DESCRIPTIONS
 from app.description_steps import STEP_1, STEP_2
 from app.mbti_description import MBTI_DESCRIPTION, MBTI_DATA
 from app.app import APP
@@ -31,14 +31,18 @@ from app.components import (
 
 
 def app_tab():
-    gr.Markdown(value=DESCRIPTION)
+    description = gr.Markdown(
+        value=DESCRIPTIONS[config_data.AppSettings_DEFAULT_LANG_ID]
+    )
 
-    gr.HTML(value=STEP_1)
+    step_1 = gr.HTML(value=STEP_1[config_data.AppSettings_DEFAULT_LANG_ID])
 
     with gr.Row():
         files = files_create_ui(
             label="{} ({})".format(
-                config_data.OtherMessages_VIDEO_FILES,
+                config_data.OtherMessages_VIDEO_FILES[
+                    config_data.AppSettings_DEFAULT_LANG_ID
+                ],
                 ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
             ),
             file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
@@ -588,6 +592,8 @@ def app_tab():
     )
 
     return (
+        description,
+        step_1,
         notifications,
         files,
         video,

config.toml

@@ -1,8 +1,13 @@
 [AppSettings]
-APP_VERSION = "0.8.7"
+APP_VERSION = "0.8.8"
 CSS_PATH = "app.css"
+DEFAULT_LANG_ID = 0
 
 [InformationMessages]
+DESCRIPTIONS = [
+    "is an open-source framework for Big Five personality traits assessment and HR-processes automatization",
+    "- библиотека с открытым исходным кодом для оценивания большой пятерки качеств личности человека и автоматизации HR-процессов",
+]
 NOTI_VIDEOS = "Select the video(s)"
 PRACTICAL_TASKS_INFO = "Choose a practical task"
 PRACTICAL_SUBTASKS_INFO = "Choose a practical subtask"
@@ -14,11 +19,17 @@ 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"
-STEP_2 = "Step 2: Solving practical task"
+STEP_1 = [
+    "Step 1: Calculation of personality traits scores",
+    "Шаг 1: Вычисление оценок персональных качеств личности человека",
+]
+STEP_2 = [
+    "Step 2: Solving practical task",
+    "Шаг 2: Решение практической задачи",
+]
 
 [OtherMessages]
-VIDEO_FILES = "Video Files"
+VIDEO_FILES = ["Video Files", "Видеофайлы"]
 CALCULATE_PT_SCORES = "Calculation of Big Five personality traits scores"
 CALCULATE_PT_SCORES_ERR = "Personality traits scores have not been calculated. Try uploading a different file(s)"
 CALCULATE_PRACTICAL_TASK = "Solving practical task"
@@ -73,13 +84,26 @@ MDA_CATEGORIES = "divice_characteristics_priorities.csv"
 POTENTIAL_CANDIDATES = "potential_candidates.csv"
 MBTI_JOB = "mbti_job_match.csv"
 
+[Images]
+LANGUAGES = ["UK.png", "RU.png"]
+
+[StaticPaths]
+IMAGES = "images/"
+
 [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_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.",