feat(help): added more assets and ajusted path and description-place-holders

src/i18n/en-ca/index.ts

@@ -7,6 +7,8 @@ export default {
         tutorial: {
             dashboard: {
                 title: "Home Page",
+                news_feed: "News Feed",
+                chat_bot: "Technical chat-bot"
             },
             personal_profile: {
                 title: "Section << Personnal Profile >>",
@@ -18,9 +20,11 @@ export default {
                 create_shift: "Add a new shift",
                 update_shift: "Update an existing shift",
                 delete_shift: "Removing a shift from the timesheet",
+                comment_shift: "Commenting a shift",
                 create_expense: "Add a new expense",
                 update_expense: "Update an existing expense",
                 delete_expense: "Removing an expense from the list",
+                
             },
             employee_list: {
                 title: "Section << Employee List >>",
@@ -32,16 +36,19 @@ export default {
                 update_employee: "Updating an existing employee's informations",
                 module_access: "App managing access tool",
                 schedule_preset: "Schedule preset management",
-                terminate_employee: "terminate an employee",
+                terminating_employee: "terminate an employee",
             },
             timesheets_approval: {
                 title: "Section << Timesheets approval >>",
                 approval: "timesheet approvals",
                 inspect: "Inspect timesheets",
+                comment_expense: "Commenting an expense",
             },
             shared: {
                 search: "Advance search",
-                display: "Display mode",
+                preferences: "Display mode",
+                calendar: "Navigation using the calendar",
+                display: "Display as cards or as a list"
             },
         },
     },

src/i18n/fr-ca/index.ts

@@ -7,6 +7,9 @@ export default {
         tutorial: {
             dashboard: {
                 title: "Page d'accueil",
+                menu: "Menu Principal",
+                news_feed: "Fil d'actualités",
+                chat_bot: "Robot conversationnel d'aide technique"
             },
             personal_profile: {
                 title: "Section << Profil >>",
@@ -18,6 +21,7 @@ export default {
                 create_shift: "Inscrire un nouveau quart de travail",
                 update_shift: "Modifier un quart de travail existant",
                 delete_shift: "Supprimer un quart de travail de la carte de temps",
+                comment_shift: "Commenter un quart de travail",
                 create_expense: "Inscrire une dépense",
                 update_expense: "Modifier une dépense",
                 delete_expense: "Supprimer une dépense",
@@ -32,16 +36,19 @@ export default {
                 update_employee: "Modifier les informations d'un employé",
                 module_access: "Outils de gestion des accès de l'application",
                 schedule_preset: "Gestion des horaires prédéterminés",
-                terminate_employee: "Rendre un employé inactif",
+                terminating_employee: "Rendre un employé inactif",
             },
             timesheets_approval: {
                 title: "Section << Validation de Carte de temps >>",
                 approval: "Validation des cartes de temps",
                 inspect: "Inspect timesheets",
+                comment_expense: "Commenter une dépense",
             },
             shared: {
                 search: "Recherche avancée",
-                display: "Mode d'affichage",
+                preferences: "Options de préférences d'affichage",
+                calendar: "Navigation avec l'aide du calendrier",
+                display: "Affichage par Cartes ou par Liste"
             },
         },
     },

src/modules/help/models/help-module.model.ts

@@ -1,10 +1,70 @@
-import approvalsBanner from 'src/assets/approvals-banner.png';
+import calendar from 'src/assets/help-ss/calendar.png';
+import employee_list_display from 'src/assets/help-ss/employee-list.png';
+import search_bar from 'src/assets/help-ss/employee-list.png';
 
+import dashboard from 'src/assets/help-ss/dashboard.png';
+
+import personal_info from 'src/assets/help-ss/personal_infos.png';
+import professionnal_info from 'src/assets/help-ss/professionnal_infos.png';
+import preferences from 'src/assets/help-ss/preferences.png';
+
+import create_shift from 'src/assets/help-ss/timesheets.png';
+import update_shift from 'src/assets/help-ss/timesheets.png';
+import delete_shift from 'src/assets/help-ss/delete-shift.png';
+import comment_shift from 'src/assets/help-ss/commenting-shift.png';
+import create_expense from 'src/assets/help-ss/expenses.png';
+import delete_expense from 'src/assets/help-ss/delete-expense.png';
+import update_expense from 'src/assets/help-ss/update-expense.png';
+
+import timesheets_approval from 'src/assets/help-ss/timesheet-approvals.png';
+import timesheet_details from 'src/assets/help-ss/timesheet-details.png';
+import timesheet_approval_display from 'src/assets/help-ss/timesheet-approvals.png';
+
+import terminated_employee_display from 'src/assets/help-ss/employee-list.png';
+import terminating_employee from 'src/assets/help-ss/employee-list.png';
+import create_employee from 'src/assets/help-ss/create-employee.png';
+import update_employee from 'src/assets/help-ss/update-employee.png';
+import access_management from 'src/assets/help-ss/access-management.png';
+import schedule_preset from 'src/assets/help-ss/schedule-preset-management.png';
+import comment_expense from 'src/assets/help-ss/timesheet-details.png';
+
+const menu_desc = "Description du menu";
+const news_feed_desc = "Description du news feed";
+const chat_bot_desc = "description du chat_bot";
+
+const personal_infos_desc = "Description du profil personnel";
+const professional_info_desc = "Description du profil professionnel";
+const preferences_details_desc = "description des préférences";
+
+const create_shift_desc = "Description create shift";
+const update_shift_desc = "Description create shift";
+const delete_shift_desc = "Description create shift";
+const comment_shift_desc = "Description create shift";
+const create_expense_desc = "Description create shift";
+const update_expense_desc = "Description create shift";
+const delete_expense_desc = "Description create shift";
+const comment_expense_desc = "Description create shift";
+
+const terminated_employee_desc = "Description de l'option d'affichage des employés qui ne sont plus à l'emploie";
+const terminating_employee_desc = "Description on to how to terminate an employee";
+const create_employee_desc = "Description pour la création d'un employé";
+const update_employee_desc = "Description pour la mise à jour d'un employé";
+const calendar_nav_desc = "Description du calendrier de navigation";
+
+
+const display_desc = "Description de l'option d'affichage de carte ou liste";
+const search_bar_desc = "Decsription des options de recherche";
+const module_access_desc = "Description d'attribution des accès";
+const schedule_preset_desc = "Description d'attribution d'horaire prédéfinit";
+
+const timesheets_approval_desc = "Description de la page de validation de quart";
+const timesheets_approval_inspect_desc = "Description du modal de détails";
 
 export type HelpModuleOptions = {
     label: string;
     path: string;
     description: string;
+    icon: string;
 };
 
 export type HelpModuleKey =
@@ -17,49 +77,52 @@ export type HelpModuleKey =
 
 export type Options = Record<HelpModuleKey, HelpModuleOptions[]>;
 
-const personal_infos = "bonjour";
-const professional_info = "Are you chinese?";
 
 export const dashboard_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.personal_profile.personal_info', path: approvalsBanner, description: personal_infos },
-    { label: 'help.tutorial.personal_profile.professional_info', path: approvalsBanner, description: professional_info },
+    { label: 'help.tutorial.dashboard.menu', path: dashboard, description: menu_desc, icon: 'menu' },
+    { label: 'help.tutorial.dashboard.news_feed', path: dashboard, description: news_feed_desc, icon: 'newspaper' },
+    { label: 'help.tutorial.dashboard.chat_bot', path: dashboard, description: chat_bot_desc, icon: 'smart_toy' },
 ];
 
 export const profile_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.personal_profile.personal_info', path: approvalsBanner, description: personal_infos },
-    { label: 'help.tutorial.personal_profile.professional_info', path: approvalsBanner, description: professional_info },
-    { label: 'help.tutorial.shared.display', path: approvalsBanner, description: '' },
+    { label: 'help.tutorial.personal_profile.personal_info', path: personal_info, description: personal_infos_desc, icon: 'contact_page' },
+    { label: 'help.tutorial.personal_profile.professional_info', path: professionnal_info, description: professional_info_desc, icon: 'badge' },
+    { label: 'help.tutorial.shared.preferences', path: preferences, description: preferences_details_desc, icon: '' },
 ];
 
 export const timesheets_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.timesheets.create_shift', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets.update_shift', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets.delete_shift', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets.create_shift', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets.update_shift', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets.delete_shift', path: approvalsBanner, description: '' },
+    { label: 'help.tutorial.timesheets.create_shift', path: create_shift, description: create_shift_desc, icon: 'add' },
+    { label: 'help.tutorial.timesheets.update_shift', path: update_shift, description: update_shift_desc, icon: 'create' },
+    { label: 'help.tutorial.timesheets.delete_shift', path: delete_shift, description: delete_shift_desc, icon: 'cancel' },
+    { label: 'help.tutorial.timesheets.comment_shift', path: comment_shift, description: comment_shift_desc, icon: 'chat_bubble_outline' },
+    { label: 'help.tutorial.timesheets.create_expense', path: create_expense, description: create_expense_desc, icon: 'add' },
+    { label: 'help.tutorial.timesheets.update_expense', path: update_expense, description: update_expense_desc, icon: 'create' },
+    { label: 'help.tutorial.timesheets.delete_expense', path: delete_expense, description: delete_expense_desc, icon: 'cancel' },
+    { label: 'help.tutorial.shared.calendar', path: calendar, description: calendar_nav_desc, icon: 'calendar_month' },
 ];
 
 export const employee_list_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.employee_list.terminated_employees', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.display', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.search', path: approvalsBanner, description: '' },
+    { label: 'help.tutorial.employee_list.terminated_employees', path: terminated_employee_display, description: terminated_employee_desc, icon: 'work_off' },
+    { label: 'help.tutorial.shared.display', path: employee_list_display, description: display_desc, icon: 'display_settings' },
+    { label: 'help.tutorial.shared.search', path: search_bar, description: search_bar_desc, icon: 'search' },
 ];
 
 export const employee_management_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.employee_list.terminated_employees', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.employee_management.create_employee', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.employee_management.update_employee', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.employee_management.module_access', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.employee_management.schedule_preset', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.employee_management.terminate_employee', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.display', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.search', path: approvalsBanner, description: '' },
+    { label: 'help.tutorial.employee_list.terminated_employees', path: terminated_employee_display, description: terminated_employee_desc, icon: 'work_off' },
+    { label: 'help.tutorial.employee_management.create_employee', path: create_employee, description: create_employee_desc, icon: 'person_add' },
+    { label: 'help.tutorial.employee_management.update_employee', path: update_employee, description: update_employee_desc, icon: 'las la-id-card' },
+    { label: 'help.tutorial.employee_management.module_access', path: access_management, description: module_access_desc, icon: 'las la-key' },
+    { label: 'help.tutorial.employee_management.schedule_preset', path: schedule_preset, description: schedule_preset_desc, icon: 'calendar_month' },
+    { label: 'help.tutorial.employee_management.terminating_employee', path: terminating_employee, description: terminating_employee_desc, icon: 'work_off' },
+    { label: 'help.tutorial.shared.display', path: employee_list_display, description: display_desc, icon: 'display_settings' },
+    { label: 'help.tutorial.shared.search', path: search_bar, description: search_bar_desc, icon: 'search' },
 ];
 
 export const timesheets_approval_options: HelpModuleOptions[] = [
-    { label: 'help.tutorial.timesheets_approval.approval', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.timesheets_approval.inspect', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.display', path: approvalsBanner, description: '' },
-    { label: 'help.tutorial.shared.search', path: approvalsBanner, description: '' },
+    { label: 'help.tutorial.timesheets_approval.approval', path: timesheets_approval, description: timesheets_approval_desc, icon: 'verified' },
+    { label: 'help.tutorial.timesheets_approval.inspect', path: timesheet_details, description: timesheets_approval_inspect_desc, icon: 'work_history' },
+    { label: 'help.tutorial.timesheets_approval.comment_expense', path: comment_expense, description: comment_expense_desc, icon: 'chat_bubble_outline' },
+    { label: 'help.tutorial.shared.display', path: timesheet_approval_display, description: display_desc, icon: 'display_settings' },
+    { label: 'help.tutorial.shared.search', path: search_bar, description: search_bar_desc, icon: 'search' },
+    { label: 'help.tutorial.shared.calendar', path: calendar, description: calendar_nav_desc, icon: 'calendar_month' },
 ]