refactor(frontend): finally trim i18n messages, refactor and DRY older frontend code, general cleanup and component breakdown
This commit is contained in:
parent
dc20f8bf0a
commit
45b2c3eef0
109
package-lock.json
generated
109
package-lock.json
generated
|
|
@ -881,6 +881,45 @@
|
||||||
"url": "https://github.com/sponsors/nzakas"
|
"url": "https://github.com/sponsors/nzakas"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@inquirer/external-editor": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-yy9cOoBnx58TlsPrIxauKIFQTiyH+0MK4e97y4sV9ERbI+zDxw7i2hxHLCIEGIE/8PPvDxGhgzIOTSOWcs6/MQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"chardet": "^2.1.0",
|
||||||
|
"iconv-lite": "^0.7.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=18"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@types/node": ">=18"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@types/node": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@inquirer/external-editor/node_modules/iconv-lite": {
|
||||||
|
"version": "0.7.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
|
||||||
|
"integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"safer-buffer": ">= 2.1.2 < 3.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/express"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@inquirer/figures": {
|
"node_modules/@inquirer/figures": {
|
||||||
"version": "1.0.13",
|
"version": "1.0.13",
|
||||||
"resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.13.tgz",
|
"resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.13.tgz",
|
||||||
|
|
@ -2990,9 +3029,9 @@
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/axios": {
|
"node_modules/axios": {
|
||||||
"version": "1.11.0",
|
"version": "1.12.2",
|
||||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
|
"resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz",
|
||||||
"integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
|
"integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"follow-redirects": "^1.15.6",
|
"follow-redirects": "^1.15.6",
|
||||||
|
|
@ -3459,9 +3498,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/chardet": {
|
"node_modules/chardet": {
|
||||||
"version": "0.7.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.0.tgz",
|
||||||
"integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
|
"integrity": "sha512-bNFETTG/pM5ryzQ9Ad0lJOTa6HWD/YsScAR3EnCPZRPlQh77JocYktSHOUHelyhm8IARL+o4c4F1bP5KVOjiRA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
|
@ -5016,34 +5055,6 @@
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/external-editor": {
|
|
||||||
"version": "3.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
|
|
||||||
"integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"chardet": "^0.7.0",
|
|
||||||
"iconv-lite": "^0.4.24",
|
|
||||||
"tmp": "^0.0.33"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/external-editor/node_modules/tmp": {
|
|
||||||
"version": "0.0.33",
|
|
||||||
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
|
|
||||||
"integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"os-tmpdir": "~1.0.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.6.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/extract-zip": {
|
"node_modules/extract-zip": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
|
||||||
|
|
@ -5923,16 +5934,16 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/inquirer": {
|
"node_modules/inquirer": {
|
||||||
"version": "9.3.7",
|
"version": "9.3.8",
|
||||||
"resolved": "https://registry.npmjs.org/inquirer/-/inquirer-9.3.7.tgz",
|
"resolved": "https://registry.npmjs.org/inquirer/-/inquirer-9.3.8.tgz",
|
||||||
"integrity": "sha512-LJKFHCSeIRq9hanN14IlOtPSTe3lNES7TYDTE2xxdAy1LS5rYphajK1qtwvj3YmQXvvk0U2Vbmcni8P9EIQW9w==",
|
"integrity": "sha512-pFGGdaHrmRKMh4WoDDSowddgjT1Vkl90atobmTeSmcPGdYiwikch/m/Ef5wRaiamHejtw0cUUMMerzDUXCci2w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@inquirer/external-editor": "^1.0.2",
|
||||||
"@inquirer/figures": "^1.0.3",
|
"@inquirer/figures": "^1.0.3",
|
||||||
"ansi-escapes": "^4.3.2",
|
"ansi-escapes": "^4.3.2",
|
||||||
"cli-width": "^4.1.0",
|
"cli-width": "^4.1.0",
|
||||||
"external-editor": "^3.1.0",
|
|
||||||
"mute-stream": "1.0.0",
|
"mute-stream": "1.0.0",
|
||||||
"ora": "^5.4.1",
|
"ora": "^5.4.1",
|
||||||
"run-async": "^3.0.0",
|
"run-async": "^3.0.0",
|
||||||
|
|
@ -7526,16 +7537,6 @@
|
||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/os-tmpdir": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/ospath": {
|
"node_modules/ospath": {
|
||||||
"version": "1.2.2",
|
"version": "1.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
|
"resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
|
||||||
|
|
@ -9448,9 +9449,9 @@
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/tmp": {
|
"node_modules/tmp": {
|
||||||
"version": "0.2.3",
|
"version": "0.2.5",
|
||||||
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
|
||||||
"integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==",
|
"integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
|
|
@ -9805,9 +9806,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/vite": {
|
"node_modules/vite": {
|
||||||
"version": "6.3.5",
|
"version": "6.3.6",
|
||||||
"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
|
"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
|
||||||
"integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
|
"integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
||||||
|
|
@ -24,12 +24,18 @@
|
||||||
background: #00ff260c;
|
background: #00ff260c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body--dark {
|
div.q-dark {
|
||||||
--q-secondary: #0f1114;
|
|
||||||
color: $grey-2;
|
color: $grey-2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.q-light {
|
||||||
|
color: $grey-8;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.body--dark {
|
||||||
|
--q-secondary: #0f1114;
|
||||||
|
}
|
||||||
|
|
||||||
.body--light {
|
.body--light {
|
||||||
--q-dark: #FFF;
|
--q-dark: #FFF;
|
||||||
color: $grey-8;
|
|
||||||
}
|
}
|
||||||
|
|
@ -12,19 +12,25 @@
|
||||||
// to match your app's branding.
|
// to match your app's branding.
|
||||||
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
||||||
|
|
||||||
$primary: #019547;
|
$primary : #019547;
|
||||||
$secondary: #DAE0E7;
|
$secondary : #DAE0E7;
|
||||||
$accent: #AAD5C4;
|
$accent : #AAD5C4;
|
||||||
|
|
||||||
$verdigris: #6EBAB0;
|
$dark-shadow-color : #019547;
|
||||||
$mint: #56B586;
|
|
||||||
|
|
||||||
$dark-font: #1f3a1f;
|
$elevation-dark-umbra : rgba($dark-shadow-color, 0.4);
|
||||||
$dark: #333;
|
$elevation-dark-penumbra : rgba($dark-shadow-color, 0);
|
||||||
$dark-page: #343434;
|
$elevation-dark-ambient : rgba($dark-shadow-color, 0);
|
||||||
|
|
||||||
$positive: #21ba45;
|
$dark-shadow-2 : 0 3px 5px -1px $elevation-dark-umbra, 0 5px 8px $elevation-dark-penumbra, 0 1px 14px $elevation-dark-ambient;
|
||||||
$negative: #e6364b;
|
|
||||||
$info: #6bb9e7;
|
$layout-shadow-dark : 0 0 10px 5px rgba($dark-shadow-color, 0.5);
|
||||||
$warning: #e4a944;
|
|
||||||
$white: white;
|
$dark : #333;
|
||||||
|
$dark-page : #343434;
|
||||||
|
|
||||||
|
$positive : #21ba45;
|
||||||
|
$negative : #e6364b;
|
||||||
|
$info : #6bb9e7;
|
||||||
|
$warning : #e4a944;
|
||||||
|
$white : white;
|
||||||
|
|
|
||||||
|
|
@ -1,449 +1,218 @@
|
||||||
export default {
|
export default {
|
||||||
footerLayout: {
|
employee_list: {
|
||||||
title: `Targo Communications, 2005 - 2025)}. All rights reserved.`,
|
page_header: "Employee Directory",
|
||||||
|
table: {
|
||||||
|
first_name: "First name",
|
||||||
|
last_name: "Last name",
|
||||||
|
email: "Email",
|
||||||
|
phone_number: "Phone number",
|
||||||
|
role: "Role",
|
||||||
|
supervisor: "Supervisor",
|
||||||
|
company: "Company",
|
||||||
},
|
},
|
||||||
helpPage: {
|
|
||||||
title_1: 'Contact Us',
|
|
||||||
title_2:
|
|
||||||
'Please complete the form below and we’ll get back to you as soon as possible.',
|
|
||||||
fullName: 'Full name*',
|
|
||||||
email: 'Email address*',
|
|
||||||
phoneNumber: 'Phone number*',
|
|
||||||
message:
|
|
||||||
'How can we help you? Please use this area to provide a detailed message, Thank you!*',
|
|
||||||
//form validation
|
|
||||||
fullNameValidation: 'Full name must be filled in.',
|
|
||||||
emailValidation: 'Email must be a valid email.',
|
|
||||||
phoneNumberValidation: 'Phone number must be filled in.',
|
|
||||||
messageValidation: 'Message must be a valid email.',
|
|
||||||
submit: 'Send',
|
|
||||||
},
|
},
|
||||||
mainLayout: {
|
|
||||||
backButton: 'Back to home',
|
login: {
|
||||||
clearFilter: 'Clear filter',
|
page_header: "account login",
|
||||||
|
email: "e-mail",
|
||||||
|
password: "password",
|
||||||
|
button: {
|
||||||
|
connect: "connect",
|
||||||
|
employee: "employee",
|
||||||
|
facebook:"Facebook",
|
||||||
|
remember_me: "remember me",
|
||||||
},
|
},
|
||||||
navBar: {
|
tooltip: {
|
||||||
userMenuHome: 'Homepage',
|
coming_soon: "coming soon!",
|
||||||
userMenuEmployeeList: 'Employee Directory',
|
|
||||||
userMenuShiftValidation: 'Timesheet Approval',
|
|
||||||
userMenuTimesheetTemp: 'Timesheet',
|
|
||||||
userMenuProfile: 'Profile',
|
|
||||||
userMenuHelp: 'Help',
|
|
||||||
userMenuLogout: 'Log Out',
|
|
||||||
userMenuTimesheet: 'Timesheet',
|
|
||||||
userMenuCalendar: 'Calendar',
|
|
||||||
},
|
},
|
||||||
notFoundPage: {
|
|
||||||
pageText: 'We cannot seem to find the page you are looking for, sorry!',
|
|
||||||
backButton: 'Take me back!',
|
|
||||||
},
|
},
|
||||||
loginPage: {
|
|
||||||
title: 'Log in to Targo',
|
nav_bar: {
|
||||||
forgotPassword: 'Forgot Password?',
|
home: "homepage",
|
||||||
signUp: 'Don’t have an account yet?',
|
employee_list: "employee directory",
|
||||||
email: 'Email',
|
timesheet_approvals: "timesheet approvals",
|
||||||
password: 'Password',
|
timesheet: "timesheet",
|
||||||
submit: 'Connect',
|
profile: "profile",
|
||||||
employeeLoginButton: 'Employee',
|
help: "help",
|
||||||
facebookLoginButton:'Connect with Facebook',
|
logout: "log out",
|
||||||
tooltipComingSoon: 'Coming soon!',
|
|
||||||
loginOrSeparator: 'OR',
|
|
||||||
emailValidation: 'Email must be a valid email.',
|
|
||||||
passwordValidation: 'Password must be a valid email.',
|
|
||||||
rememberMe: 'Remember me',
|
|
||||||
},
|
},
|
||||||
signUpPage: {
|
|
||||||
title: 'Create a new account',
|
profile: {
|
||||||
firstName: 'First name',
|
personal: {
|
||||||
lastName: 'Last name',
|
tab_title: "personal",
|
||||||
email: 'Email',
|
first_name: "first name",
|
||||||
phoneNumber: 'Phone number',
|
last_name: "last name",
|
||||||
password: 'New password',
|
phone_number: "phone number",
|
||||||
confirmedPassword: 'Confirm your password',
|
address: "address",
|
||||||
signIn: 'Already have an account?',
|
address_hint: "# address, city, region, country",
|
||||||
submit: 'Sign up',
|
birthdate: "birthdate",
|
||||||
firstNameValidation: 'First Name must be filled in.',
|
|
||||||
lastNameValidation: 'Last Name must be filled in.',
|
|
||||||
emailValidation: 'Email must be a valid email.',
|
|
||||||
phoneNumberValidation: 'Phone number must be filled in.',
|
|
||||||
passwordValidationTitle: 'Password Criteria :',
|
|
||||||
passwordValidation: 'Password must meet all criteria.',
|
|
||||||
passwordLengthValidation: 'Must be at least 8 characters long.',
|
|
||||||
passwordCapitalValidation: 'Must contain at least one capital letter.',
|
|
||||||
passwordNumberValidation: 'Must contain at least one number.',
|
|
||||||
passwordSpecialCharacterValidation:
|
|
||||||
'Must contain at least one special character: !@#$%^&*()-_+=',
|
|
||||||
confirmPasswordValidation: 'Password must match new Password.',
|
|
||||||
},
|
},
|
||||||
forgotPage: {
|
employee: {
|
||||||
title:
|
tab_title: "career",
|
||||||
'Please enter your email to search for your account and send a verification code.',
|
email: "e-mail",
|
||||||
email: 'Email',
|
job_title: "job title",
|
||||||
emailValidation: 'Email must be a valid email.',
|
company: "company",
|
||||||
submit: 'Send Code',
|
supervisor: "supervisor",
|
||||||
cancel: 'Cancel',
|
hired_date: "hiring date",
|
||||||
},
|
|
||||||
resetPage: {
|
|
||||||
title: 'Reset your password',
|
|
||||||
code: 'code',
|
|
||||||
codeValidation: 'Code must be filled in with 4 digits.',
|
|
||||||
newPassword: 'New Password',
|
|
||||||
confirmedPassword: 'Confirm New Password',
|
|
||||||
newPasswordValidation: 'Password must meet all criteria.',
|
|
||||||
newPasswordLengthValidation: 'Must be at least 8 characters long.',
|
|
||||||
newPasswordCapitalValidation: 'Must contain at least one capital letter.',
|
|
||||||
newPasswordNumberValidation: 'Must contain at least one number.',
|
|
||||||
newPasswordSpecialCharacterValidation:
|
|
||||||
'Must contain at least one special character: !@#$%^&*()-_+=',
|
|
||||||
confirmNewPasswordValidation: 'Password must match new Password.',
|
|
||||||
submit: 'Send',
|
|
||||||
cancel: 'Cancel',
|
|
||||||
},
|
|
||||||
accountDialog: {
|
|
||||||
title: 'More',
|
|
||||||
item_1: 'Language',
|
|
||||||
item_2: 'Profil',
|
|
||||||
item_3: 'Log Out',
|
|
||||||
item_4: 'Time Sheet',
|
|
||||||
item_5: 'Annual calendar',
|
|
||||||
},
|
|
||||||
notificationDialog: {
|
|
||||||
notice: 'Notice',
|
|
||||||
markAllRead: 'Mark all read',
|
|
||||||
deleteAll: 'Delete all',
|
|
||||||
close: 'Close',
|
|
||||||
},
|
|
||||||
profilePage: {
|
|
||||||
personalInfo: {
|
|
||||||
title: 'PERSONAL',
|
|
||||||
firstName: 'FIRST NAME',
|
|
||||||
lastName: 'LAST NAME',
|
|
||||||
phoneNumber: 'PHONE NUMBER',
|
|
||||||
address: 'ADDRESS',
|
|
||||||
addressPlaceholder: '# address, city, region, country',
|
|
||||||
birthDate: 'DATE OF BIRTH',
|
|
||||||
},
|
|
||||||
employeeInfo: {
|
|
||||||
title: 'CAREER',
|
|
||||||
workEmail: 'E-MAIL',
|
|
||||||
jobTitle: 'JOB TITLE',
|
|
||||||
companyName: 'COMPANY',
|
|
||||||
supervisorName: 'SUPERVISOR',
|
|
||||||
hiredDate: 'HIRING DATE',
|
|
||||||
},
|
},
|
||||||
preferences: {
|
preferences: {
|
||||||
title: 'PREFERENCES',
|
tab_title: "preferences",
|
||||||
display_options: "display options",
|
display_options: "display options",
|
||||||
language_options: "language options",
|
language_options: "language options",
|
||||||
dark_mode: 'dark',
|
dark_mode: "dark",
|
||||||
light_mode: 'light',
|
light_mode: "light",
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
mustEnterBirthdate: 'You must enter a valid birthdate',
|
must_enter_birthdate: "You must enter a valid birthdate",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
indexAdminPage: {
|
|
||||||
card_1: 'Administrators',
|
|
||||||
card_2: 'Technicians',
|
|
||||||
card_3: 'Dealer',
|
|
||||||
card_4: 'Customers',
|
|
||||||
},
|
|
||||||
usersListPage: {
|
|
||||||
tableHeader: 'Employee Directory',
|
|
||||||
searchInput: 'Search',
|
|
||||||
userListFirstName: 'First name',
|
|
||||||
userListLastName: 'Last name',
|
|
||||||
userListEmail: 'Email',
|
|
||||||
userListPhone: 'Phone number',
|
|
||||||
userListRole: 'Role',
|
|
||||||
userListSupervisor: 'Supervisor',
|
|
||||||
userListCompany: 'Company',
|
|
||||||
addButton: 'Add Employee',
|
|
||||||
customer: 'Customer',
|
|
||||||
dealer: 'Dealer',
|
|
||||||
employee: 'Employee',
|
|
||||||
technician: 'Technician',
|
|
||||||
admin: 'Administrator',
|
|
||||||
support: 'Support',
|
|
||||||
},
|
|
||||||
shared:{
|
shared:{
|
||||||
searchBar: 'Search',
|
error: {
|
||||||
loading: 'Obtaining data...',
|
no_data_found: "no data found",
|
||||||
failedToLoad: 'No data to show',
|
no_search_results: "no results matching search",
|
||||||
failedToSearch: 'No data matching search',
|
|
||||||
languageLabel: 'Language',
|
|
||||||
},
|
},
|
||||||
editUserPage: {
|
label: {
|
||||||
title: 'Edit Account',
|
search: "search",
|
||||||
passwordTitle: 'Reset Password',
|
loading: "loading...",
|
||||||
firstName: 'First name',
|
language: "Language",
|
||||||
lastName: 'Last name',
|
add: "ajouter",
|
||||||
email: 'Email',
|
save: "save",
|
||||||
phoneNumber: 'Phone number',
|
remove: "remove",
|
||||||
type: 'Select a type',
|
cancel: "cancel",
|
||||||
role: 'Select a role',
|
update: "update",
|
||||||
job_title: 'Job title',
|
modify: "modify",
|
||||||
company: 'Company',
|
|
||||||
supervisor: 'Supervisor',
|
|
||||||
isSupervisor: 'Is supervisor',
|
|
||||||
hours_bank_max: 'Hours bank maximum',
|
|
||||||
address: 'Address',
|
|
||||||
verifiedAccountStatus: 'Verified Account',
|
|
||||||
unVerifiedAccountStatus: 'UnVerified Account',
|
|
||||||
password: 'New password',
|
|
||||||
confirmedPassword: 'Confirm your password',
|
|
||||||
submit: 'Update Account',
|
|
||||||
//Form Validation
|
|
||||||
firstNameValidation: 'First Name must be filled in.',
|
|
||||||
lastNameValidation: 'Last Name must be filled in.',
|
|
||||||
emailValidation: 'Email must be a valid email.',
|
|
||||||
phoneNumberValidation: 'Phone number must be filled in.',
|
|
||||||
typeValidation: 'Type must be filled in.',
|
|
||||||
roleValidation: 'Role must be filled in.',
|
|
||||||
job_titleValidation: 'Job title must be filled in.',
|
|
||||||
companyValidation: 'Company must be filled in.',
|
|
||||||
supervisorValidation: 'Supervisor must be filled in.',
|
|
||||||
hours_bank_maxValidation: 'Hours bank maximum must be filled in.',
|
|
||||||
addressValidation: 'Address must be filled in.',
|
|
||||||
passwordValidation: 'Password must meet all criteria.',
|
|
||||||
confirmPasswordValidation: 'Password must match new Password.',
|
|
||||||
},
|
},
|
||||||
addUserPage: {
|
misc: {
|
||||||
title: 'Create User',
|
or: "or",
|
||||||
firstName: 'First name',
|
and: "and",
|
||||||
lastName: 'Last name',
|
to: "to",
|
||||||
email: 'Email',
|
from: "from",
|
||||||
phoneNumber: 'Phone number',
|
yes: "yes",
|
||||||
type: 'Select a type',
|
no: "no",
|
||||||
role: 'Select a role',
|
|
||||||
job_title: 'Job title',
|
|
||||||
company: 'Company',
|
|
||||||
supervisor: 'Supervisor',
|
|
||||||
isSupervisor: 'Is supervisor',
|
|
||||||
hours_bank_max: 'Hours bank maximum',
|
|
||||||
onboarding: 'Onboarding date',
|
|
||||||
offboarding: 'Offboarding date',
|
|
||||||
employee_number: 'Employee number (Employer D number)',
|
|
||||||
regular_hours_day: 'regular number of hours per day',
|
|
||||||
address: 'Address',
|
|
||||||
verifiedAccountStatus: 'Verified Account',
|
|
||||||
unVerifiedAccountStatus: 'UnVerified Account',
|
|
||||||
password: 'Password',
|
|
||||||
confirmedPassword: 'Confirm your password',
|
|
||||||
submit: 'Create',
|
|
||||||
//Form Validaiton
|
|
||||||
firstNameValidation: 'First Name must be filled in.',
|
|
||||||
lastNameValidation: 'Last Name must be filled in.',
|
|
||||||
emailValidation: 'Email must be a valid email.',
|
|
||||||
phoneNumberValidation: 'Phone number must be filled in.',
|
|
||||||
typeValidation: 'Type must be filled in.',
|
|
||||||
roleValidation: 'Role must be filled in.',
|
|
||||||
job_titleValidation: 'Job title must be filled in.',
|
|
||||||
companyValidation: 'Company must be filled in.',
|
|
||||||
supervisorValidation: 'Supervisor must be filled in.',
|
|
||||||
hours_bank_maxValidation: 'Hours bank maximum must be filled in.',
|
|
||||||
onboardingValidation: 'Onboarding date must be filled in.',
|
|
||||||
employee_numberValidation: 'Employee number must be filled in.',
|
|
||||||
regular_hours_dayValidation:
|
|
||||||
'regular number of hours per day must be filled in.',
|
|
||||||
addressValidation: 'Address must be filled in.',
|
|
||||||
passwordValidation: 'Password must meet all criteria.',
|
|
||||||
confirmPasswordValidation: 'Password must match new Password.',
|
|
||||||
},
|
},
|
||||||
pageTitles: {
|
shift_type: {
|
||||||
employeeDirectory: 'Employee Directory',
|
regular: "regular",
|
||||||
newUsers: 'New user',
|
evening: "evening",
|
||||||
updateUsers: 'Update user',
|
emergency: "emergency",
|
||||||
timeSheets: 'Time sheet',
|
overtime: "overtime",
|
||||||
timeSheetValidations: 'Time sheet approvals',
|
holiday: "holiday",
|
||||||
|
vacation: "vacation",
|
||||||
|
sick: "sick",
|
||||||
|
remote: "remote work",
|
||||||
},
|
},
|
||||||
|
weekday: {
|
||||||
|
sunday: "dimanche",
|
||||||
|
monday: "lundi",
|
||||||
|
tuesday: "mardi",
|
||||||
|
wednesday: "mercredi",
|
||||||
|
thursday: "jeudi",
|
||||||
|
friday: "vendredi",
|
||||||
|
saturday: "samedi",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
timesheet: {
|
timesheet: {
|
||||||
title:'Timesheet',
|
page_header:"Timesheet",
|
||||||
date_ranges_to:'to',
|
|
||||||
days: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
|
|
||||||
nav_button: {
|
nav_button: {
|
||||||
calendar_date_picker:'Calendar',
|
calendar_date_picker:"Calendar",
|
||||||
current_week:'This week',
|
current_week:"This week",
|
||||||
next_week:'Next week',
|
next_week:"Next week",
|
||||||
previous_week:'Previous week',
|
previous_week:"Previous week",
|
||||||
},
|
},
|
||||||
save_button:'Save',
|
save_button:"Save",
|
||||||
cancel_button:'Cancel',
|
cancel_button:"Cancel",
|
||||||
remote_button: 'Remote work',
|
remote_button: "Remote work",
|
||||||
delete_button: 'Delete',
|
delete_button: "Delete",
|
||||||
shift: {
|
shift: {
|
||||||
actions: {
|
actions: {
|
||||||
add:'Add Shift',
|
add:"Add Shift",
|
||||||
edit: 'Edit shift',
|
edit: "Edit shift",
|
||||||
delete: 'Delete shift',
|
delete: "Delete shift",
|
||||||
delete_confirmation_msg: 'Do you want to delete this shift completly?',
|
delete_confirmation_msg: "Do you want to delete this shift completly?",
|
||||||
},
|
},
|
||||||
types: {
|
types: {
|
||||||
label: 'Shift`s Type',
|
label: "Shift`s Type",
|
||||||
EMERGENCY: 'Emergency',
|
EMERGENCY: "Emergency",
|
||||||
EVENING: 'Evening',
|
EVENING: "Evening",
|
||||||
HOLIDAY: 'Holiday',
|
HOLIDAY: "Holiday",
|
||||||
OVERTIME: 'Overtime',
|
OVERTIME: "Overtime",
|
||||||
REGULAR: 'Regular',
|
REGULAR: "Regular",
|
||||||
SICK: 'Sick Leave',
|
SICK: "Sick Leave",
|
||||||
VACATION: 'Vacation',
|
VACATION: "Vacation",
|
||||||
REMOTE: 'Remote work',
|
REMOTE: "Remote work",
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
not_found:'Shift not found',
|
not_found:"Shift not found",
|
||||||
overlap:'An overlaps occured between 2 or more shifts',
|
overlap:"An overlaps occured between 2 or more shifts",
|
||||||
invalid:'Invalid shift`s entry',
|
invalid:"Invalid shift`s entry",
|
||||||
unknown:'Unknown error',
|
unknown:"Unknown error",
|
||||||
comment_required:'A comment is required',
|
comment_required:"A comment is required",
|
||||||
comment_too_long:'Your comment is too long',
|
comment_too_long:"Your comment is too long",
|
||||||
},
|
},
|
||||||
fields: {
|
fields: {
|
||||||
start:'Start (HH:mm)',
|
start:"Start (HH:mm)",
|
||||||
end:'End (HH:mm)',
|
end:"End (HH:mm)",
|
||||||
header_comment:'Shift`s comment',
|
header_comment:"Shift`s comment",
|
||||||
textarea_comment: 'Leave a comment here',
|
textarea_comment: "Leave a comment here",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
expense: {
|
expense: {
|
||||||
add_expense:'Add Expense',
|
add_expense:"Add Expense",
|
||||||
amount:'Amount',
|
amount:"Amount",
|
||||||
date:'Date',
|
date:"Date",
|
||||||
empty_list:'No registered expenses',
|
empty_list:"No registered expenses",
|
||||||
errors: {
|
errors: {
|
||||||
date_required_or_invalid:'the date is missing or invalid',
|
date_required_or_invalid:"the date is missing or invalid",
|
||||||
comment_required:'A comment required',
|
comment_required:"A comment required",
|
||||||
comment_too_long:'Your comment is too long',
|
comment_too_long:"Your comment is too long",
|
||||||
amount_must_be_positive:'the amount cannot be under 0$',
|
amount_must_be_positive:"the amount cannot be under 0$",
|
||||||
mileave_must_be_positive:'the mileage cannot be under 0',
|
mileave_must_be_positive:"the mileage cannot be under 0",
|
||||||
amount_xor_mileage:'you cannot enter an amount and a mileage for the same expense',
|
amount_xor_mileage:"you cannot enter an amount and a mileage for the same expense",
|
||||||
mileage_required_for_type:'you need to enter a value for mileage when you enter an expense of that type',
|
mileage_required_for_type:"you need to enter a value for mileage when you enter an expense of that type",
|
||||||
amount_required_for_type:'you need to enter a value for amount when you enter an expense of that type',
|
amount_required_for_type:"you need to enter a value for amount when you enter an expense of that type",
|
||||||
},
|
},
|
||||||
hints: {
|
hints: {
|
||||||
amount_or_mileage:'Either amount or mileage, not both',
|
amount_or_mileage:"Either amount or mileage, not both",
|
||||||
comment_required:'A comment required',
|
comment_required:"A comment required",
|
||||||
},
|
},
|
||||||
mileage:'Mileage',
|
mileage:"mileage",
|
||||||
open_btn:'List of expenses',
|
open_btn:"list of expenses",
|
||||||
title:'List of all expenses',
|
title:"List of all expenses",
|
||||||
total_amount:'Total amount',
|
total_amount:"Total amount",
|
||||||
total_mileage:'Total mileage',
|
total_mileage:"Total mileage",
|
||||||
type:'Type',
|
type:"Type",
|
||||||
types: {
|
types: {
|
||||||
PER_DIEM:'Per Diem',
|
PER_DIEM:"Per Diem",
|
||||||
EXPENSES:'expense',
|
EXPENSES:"expense",
|
||||||
MILEAGE:'mileage',
|
MILEAGE:"mileage",
|
||||||
PRIME_GARDE:'on-call allowance',
|
PRIME_GARDE:"on-call allowance",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
timeSheetValidations: {
|
|
||||||
tableColumnLabelFullname: 'Full name',
|
timesheet_approvals: {
|
||||||
tableColumnLabelEmail: 'email address',
|
page_title: "Validation cartes de temps",
|
||||||
tableColumnLabelRegularHours: 'regular hours',
|
|
||||||
tableColumnLabelEveningHours: 'evening',
|
|
||||||
tableColumnLabelEmergencyHours: 'emergency',
|
|
||||||
tableColumnLabelOvertime: 'overtime',
|
|
||||||
tableColumnLabelExpenses: 'expenses',
|
|
||||||
tableColumnLabelMileage: 'mileage',
|
|
||||||
actionTitle: 'Please save the changes made.',
|
|
||||||
actionButton: 'Save',
|
|
||||||
timeSheetStatusVerified: 'approved',
|
|
||||||
timeSheetStatusUnverified: 'pending',
|
|
||||||
timeSheetStatusPartial: 'partially approved',
|
|
||||||
timeSheetStatusComplete: 'complete',
|
|
||||||
timeSheetStatusEmpty: 'empty',
|
|
||||||
timeSheetStatusBlocked: 'blocked',
|
|
||||||
showAllCheckbox: 'Show all',
|
|
||||||
accumulatedSicknessTotal: 'Accumulated illnesses',
|
|
||||||
consumedSicknessTotal: 'Consumed with illnesses',
|
|
||||||
accumulatedVacationTotal: 'Accumulated vacation',
|
|
||||||
consumedVacationTotal: 'Consumed with vacation',
|
|
||||||
maxVacationPerYear: 'Maximum vacation per year',
|
|
||||||
accumulatedSicknessTotalValidation:
|
|
||||||
'Accumulated illnesses must be positive.',
|
|
||||||
consumedSicknessTotalValidation:
|
|
||||||
'Consumed with illnesses must be positive.',
|
|
||||||
accumulatedVacationTotalValidation:
|
|
||||||
'Accumulated vacation must be positive.',
|
|
||||||
consumedVacationTotalValidation: 'Consumed with vacation must be positive.',
|
|
||||||
maxVacationPerYearValidation: 'Max Vacation Per Year must be positive.',
|
|
||||||
resteVacationTotal: 'Rest of vacation',
|
|
||||||
hoursWorkedChartTitle: 'Hours worked',
|
|
||||||
hoursWorkedRegular: 'regular',
|
|
||||||
hoursWorkedEvening: 'evening',
|
|
||||||
hoursWorkedEmergency: 'emergency',
|
|
||||||
hoursWorkedOvertime: 'overtime',
|
|
||||||
tooltipTimeline: 'Daily breakdown',
|
|
||||||
tooltipTimesheet: 'Open timesheet',
|
|
||||||
reportFilterCategoryCompany: 'Company',
|
|
||||||
reportFilterCategoryType: 'Data type',
|
|
||||||
reportFilterShifts: 'Shifts',
|
|
||||||
reportFilterExpenses: 'Expenses',
|
|
||||||
reportFilterHoliday: 'Holiday',
|
|
||||||
reportFilterVacation: 'Vacation',
|
|
||||||
},
|
|
||||||
shiftColumns: {
|
|
||||||
title: 'shifts',
|
|
||||||
labelType: 'type',
|
|
||||||
labelIn: 'start',
|
|
||||||
labelOut: 'end',
|
|
||||||
labelComment: 'comment',
|
|
||||||
labelState: 'state',
|
|
||||||
labelSupervisorReport: 'supervisor report',
|
|
||||||
},
|
|
||||||
expenseColumns: {
|
|
||||||
title: 'Expenses',
|
|
||||||
column_1: 'Type',
|
|
||||||
column_2: 'Amount',
|
|
||||||
column_3: 'Attachment',
|
|
||||||
column_4: 'Description',
|
|
||||||
column_5: 'Status',
|
|
||||||
column_6: 'Supervisor’s report',
|
|
||||||
},
|
|
||||||
table: {
|
table: {
|
||||||
recordsTitle: 'Records per page:',
|
full_name: "full name",
|
||||||
noResultsLabel: 'The filter didn’t uncover any results',
|
email: "email address",
|
||||||
noDataLabel: 'I didn’t find anything for you',
|
expenses: "expenses",
|
||||||
|
mileage: "mileage",
|
||||||
|
verified: "approved",
|
||||||
|
unverified: "pending",
|
||||||
},
|
},
|
||||||
autoLogout: {
|
chart: {
|
||||||
title: 'Alert',
|
hours_worked_title: "hours worked",
|
||||||
message_start: 'Attention: You will be automatically logged out in',
|
expenses_title: "expenses accrued",
|
||||||
message_end: 'seconds if you do not interact with the screen.',
|
|
||||||
},
|
},
|
||||||
weekdays: {
|
print_report: {
|
||||||
Sunday: ' Sunday',
|
company: "company",
|
||||||
Monday: 'Monday',
|
type: "type",
|
||||||
Tuesday: 'Tuesday',
|
shifts: "shifts",
|
||||||
Wednesday: 'Wednesday',
|
expenses: "expenses",
|
||||||
Thursday: 'Thursday',
|
},
|
||||||
Friday: 'Friday',
|
tooltip: {
|
||||||
Saturday: 'Saturday',
|
button_detailed_view: "detailed view",
|
||||||
},
|
},
|
||||||
shiftsTemplate: {
|
|
||||||
tabTitle1: 'Shifts',
|
|
||||||
tabTitle2: 'Templates for shifts',
|
|
||||||
saveButton: 'Save',
|
|
||||||
emptyShiftsMessage: 'No shifts available.',
|
|
||||||
emptyTemplateMessage: 'No template available.',
|
|
||||||
selectTemplate: 'Select a template',
|
|
||||||
selectTemplateNoResult: 'No template available.',
|
|
||||||
selectDay: 'Day',
|
|
||||||
startTime: 'Start time',
|
|
||||||
endTime: 'End time',
|
|
||||||
templateTitle: 'Title',
|
|
||||||
templateDescription: 'Description',
|
|
||||||
createButton: 'Create',
|
|
||||||
updateButton: 'Update',
|
|
||||||
deleteButton: 'Delete',
|
|
||||||
resetButton: 'Reset',
|
|
||||||
dayValidation: 'Day must be filled in.',
|
|
||||||
startTimeValidation: 'Start time must be filled in.',
|
|
||||||
endTimeValidation: 'End time must be filled in.',
|
|
||||||
startTimeAfterEndTimeValidation:
|
|
||||||
'The end time cannot be before or equal the start time',
|
|
||||||
endTimeBeforeStartTimeValidation:
|
|
||||||
'The end time cannot be before or equal the start time',
|
|
||||||
existingTimeShift: 'This time is already in use',
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
@ -1,451 +1,218 @@
|
||||||
export default {
|
export default {
|
||||||
accountDialog: {
|
employee_list: {
|
||||||
title: 'Plus',
|
page_header: "Répertoire du personnel",
|
||||||
item_1: 'Langue',
|
table: {
|
||||||
item_2: 'Profile',
|
first_name: "prénom",
|
||||||
item_3: 'Déconnexion',
|
last_name: "nom de famille",
|
||||||
item_4: 'Carte de temps',
|
email: "courriel",
|
||||||
item_5: 'Calendrier annuel',
|
phone_number: "# téléphone",
|
||||||
|
role: "rôle",
|
||||||
|
supervisor: "superviseur",
|
||||||
|
company: "Compagnie",
|
||||||
},
|
},
|
||||||
addUserPage: {
|
|
||||||
title: 'Créer un utilisateur',
|
|
||||||
firstName: 'Prénom',
|
|
||||||
lastName: 'Nom de famille',
|
|
||||||
email: 'Email',
|
|
||||||
phoneNumber: 'Numéro de téléphone',
|
|
||||||
type: 'Choisir un type',
|
|
||||||
role: 'Choisir un role',
|
|
||||||
job_title: 'Titre d’emploi',
|
|
||||||
company: 'Entreprise',
|
|
||||||
supervisor: 'Superviseur',
|
|
||||||
isSupervisor: 'Est un superviseur',
|
|
||||||
hours_bank_max: 'Maximum de banque d’heures ',
|
|
||||||
onboarding: 'Date d’embauche',
|
|
||||||
offboarding: 'date de départ',
|
|
||||||
employee_number: 'Numéro d’employé (Matricule employeur D)',
|
|
||||||
regular_hours_day: 'nombre régulier d’heures par jour',
|
|
||||||
address: 'Adresse',
|
|
||||||
verifiedAccountStatus: 'Compte vérifié',
|
|
||||||
unVerifiedAccountStatus: 'Compte non vérifié',
|
|
||||||
password: 'Nouveau mot de passe',
|
|
||||||
confirmedPassword: 'Confirmez votre mot de passe',
|
|
||||||
submit: 'Créer',
|
|
||||||
//Form Validaiton
|
|
||||||
firstNameValidation: 'Le prénom doit être rempli.',
|
|
||||||
lastNameValidation: 'Le nom de famille doit être rempli.',
|
|
||||||
emailValidation: 'Email doit être un e-mail valide.',
|
|
||||||
phoneNumberValidation: 'Numéro de téléphone doit être rempli.',
|
|
||||||
typeValidation: 'Type doit être rempli.',
|
|
||||||
roleValidation: 'Role doit être rempli.',
|
|
||||||
job_titleValidation: 'Le Titre d’emploi doit être rempli.',
|
|
||||||
companyValidation: 'Entreprise doit être rempli.',
|
|
||||||
supervisorValidation: 'Superviseur doit être rempli.',
|
|
||||||
hours_bank_maxValidation: 'Maximum de banque d’heures doit être rempli.',
|
|
||||||
onboardingValidation: 'Date d’embauche doit être rempli.',
|
|
||||||
employee_numberValidation: 'Numéro d’employé doit être rempli.',
|
|
||||||
regular_hours_dayValidation:
|
|
||||||
'nombre régulier d’heures par jour doit être rempli.',
|
|
||||||
addressValidation: 'Adresse doit être rempli.',
|
|
||||||
passwordValidation: 'Le mot de passe doit répondre à tous les critères.',
|
|
||||||
confirmPasswordValidation:
|
|
||||||
'Le mot de passe doit correspondre au nouveau mot de passe.',
|
|
||||||
},
|
},
|
||||||
autoLogout: {
|
|
||||||
title: 'Alerte',
|
login: {
|
||||||
message_start: 'Attention : vous serez automatiquement déconnecté dans',
|
page_header: "connexion au compte",
|
||||||
message_end: 'secondes si vous n’interagissez pas avec l’écran.',
|
email: "courriel",
|
||||||
|
password: "mot de passe",
|
||||||
|
button: {
|
||||||
|
connect: "connecter",
|
||||||
|
employee: "employé",
|
||||||
|
facebook:"Facebook",
|
||||||
|
remember_me: "rester connecté",
|
||||||
},
|
},
|
||||||
weekdays: {
|
tooltip: {
|
||||||
Sunday: 'dimanche',
|
coming_soon: "à venir!",
|
||||||
Monday: 'lundi',
|
|
||||||
Tuesday: 'mardi',
|
|
||||||
Wednesday: 'mercredi',
|
|
||||||
Thursday: 'jeudi',
|
|
||||||
Friday: 'vendredi',
|
|
||||||
Saturday: 'samedi',
|
|
||||||
},
|
},
|
||||||
editUserPage: {
|
|
||||||
title: 'Modifier le compte',
|
|
||||||
passwordTitle: 'Réinitialiser le mot de passe',
|
|
||||||
firstName: 'Prénom',
|
|
||||||
lastName: 'Nom de famille',
|
|
||||||
email: 'Email',
|
|
||||||
phoneNumber: 'Numéro de téléphone',
|
|
||||||
type: 'Choisir un type',
|
|
||||||
role: 'Choisir un role',
|
|
||||||
job_title: 'Titre d’emploi',
|
|
||||||
company: 'Entreprise',
|
|
||||||
supervisor: 'Superviseur',
|
|
||||||
isSupervisor: 'Est un superviseur',
|
|
||||||
hours_bank_max: 'Maximum de banque d’heures ',
|
|
||||||
address: 'Adresse',
|
|
||||||
verifiedAccountStatus: 'Compte vérifié',
|
|
||||||
unVerifiedAccountStatus: 'Compte non vérifié',
|
|
||||||
password: 'Nouveau mot de passe',
|
|
||||||
confirmedPassword: 'Confirmez votre mot de passe',
|
|
||||||
submit: 'Modifier le compte',
|
|
||||||
//Form Validaiton
|
|
||||||
firstNameValidation: 'Le prénom doit être rempli.',
|
|
||||||
lastNameValidation: 'Le nom de famille doit être rempli.',
|
|
||||||
emailValidation: 'Email doit être un e-mail valide.',
|
|
||||||
phoneNumberValidation: 'Numéro de téléphone doit être rempli.',
|
|
||||||
typeValidation: 'Type doit être rempli.',
|
|
||||||
roleValidation: 'Role doit être rempli.',
|
|
||||||
job_titleValidation: 'Le Titre d’emploi doit être rempli.',
|
|
||||||
companyValidation: 'Entreprise doit être rempli.',
|
|
||||||
supervisorValidation: 'Superviseur doit être rempli.',
|
|
||||||
hours_bank_maxValidation: 'Maximum de banque d’heures doit être rempli.',
|
|
||||||
addressValidation: 'Adresse doit être rempli.',
|
|
||||||
passwordValidation: 'Le mot de passe doit répondre à tous les critères.',
|
|
||||||
confirmPasswordValidation:
|
|
||||||
'Le mot de passe doit correspondre au nouveau mot de passe.',
|
|
||||||
},
|
},
|
||||||
expenseColumns: {
|
|
||||||
title: 'Dépenses',
|
nav_bar: {
|
||||||
column_1: 'Type',
|
home: "accueil",
|
||||||
column_2: 'Montant',
|
employee_list: "répertoire employés",
|
||||||
column_3: 'Attachement',
|
timesheet_approvals: "valider les heures",
|
||||||
column_4: 'Description',
|
timesheet: "carte de temps",
|
||||||
column_5: 'État',
|
profile: "profil",
|
||||||
column_6: 'Rapport du superviseur',
|
help: "aide",
|
||||||
|
logout: "déconnecter",
|
||||||
},
|
},
|
||||||
footerLayout: {
|
|
||||||
title: `Targo Canada, 2005 - 2025. Tous droits réservés.`,
|
profile: {
|
||||||
|
personal: {
|
||||||
|
tab_title: "personnelle",
|
||||||
|
first_name: "prénom",
|
||||||
|
last_name: "nom de famille",
|
||||||
|
phone_number: "numéro de téléphone",
|
||||||
|
address: "adresse",
|
||||||
|
address_hint: "# addresse, ville, région, pays",
|
||||||
|
birthdate: "date de naissance",
|
||||||
},
|
},
|
||||||
forgotPage: {
|
employee: {
|
||||||
title:
|
tab_title: "carrière",
|
||||||
'Veuillez saisir votre e-mail pour rechercher votre compte et envoyer un code de vérification.',
|
email: "courriel",
|
||||||
email: 'Email',
|
job_title: "poste",
|
||||||
emailValidation: 'Email doit être un e-mail valide.',
|
company: "compagnie",
|
||||||
submit: 'Envoyer code',
|
supervisor: "nom du superviseur",
|
||||||
cancel: 'Annuler',
|
hired_date: "date d'embauche",
|
||||||
},
|
|
||||||
helpPage: {
|
|
||||||
title_1: 'Contactez-nous',
|
|
||||||
title_2:
|
|
||||||
'Veuillez remplir le formulaire ci-dessous et nous vous communiquerons dès que possible.',
|
|
||||||
fullName: 'Nom complet*',
|
|
||||||
email: 'Adresse e-mail*',
|
|
||||||
phoneNumber: 'Numéro de téléphone*',
|
|
||||||
message:
|
|
||||||
'Comment pouvons-nous vous aider? S’il vous plaît utiliser cette zone pour fournir un message détaillé, Merci!*',
|
|
||||||
//form validation
|
|
||||||
fullNameValidation: 'Le nom complet doit être rempli.',
|
|
||||||
emailValidation: 'L’e-mail doit être un e-mail valide.',
|
|
||||||
phoneNumberValidation: 'Le numéro de téléphone doit être rempli.',
|
|
||||||
messageValidation: 'Message doit être rempli.',
|
|
||||||
submit: 'Envoyer',
|
|
||||||
},
|
|
||||||
indexAdminPage: {
|
|
||||||
card_1: 'Administrateurs',
|
|
||||||
card_2: 'Techniciens',
|
|
||||||
card_3: 'Marchand',
|
|
||||||
card_4: 'Clients',
|
|
||||||
},
|
|
||||||
loginPage: {
|
|
||||||
title: 'Se connecter à Targo',
|
|
||||||
forgotPassword: 'Mot de passe oublié?',
|
|
||||||
signUp: 'Vous n’avez pas encore de compte?',
|
|
||||||
email: 'Email',
|
|
||||||
password: 'Mot de passe',
|
|
||||||
submit: 'Connecter',
|
|
||||||
employeeLoginButton: 'Employé',
|
|
||||||
facebookLoginButton:'Facebook',
|
|
||||||
tooltipComingSoon: 'À venir!',
|
|
||||||
loginOrSeparator: 'OU',
|
|
||||||
emailValidation: 'Email doit être un e-mail valide.',
|
|
||||||
passwordValidation: 'Mot de passe doit être rempli.',
|
|
||||||
rememberMe: 'Rester connecté',
|
|
||||||
},
|
|
||||||
mainLayout: {
|
|
||||||
backButton: 'Retour à la page d’accueil',
|
|
||||||
clearFilter: 'Effacer le filtre',
|
|
||||||
},
|
|
||||||
navBar: {
|
|
||||||
userMenuHome: 'Accueil',
|
|
||||||
userMenuEmployeeList: 'Répertoire employés',
|
|
||||||
userMenuShiftValidation: 'Valider les heures',
|
|
||||||
userMenuTimesheetTemp: 'Carte de temps',
|
|
||||||
userMenuProfile: 'Profil',
|
|
||||||
userMenuHelp: 'Aide',
|
|
||||||
userMenuLogout: 'Déconnexion',
|
|
||||||
userMenuTimesheet: 'Carte de temps',
|
|
||||||
userMenuCalendar: 'Calendrier annuel',
|
|
||||||
},
|
|
||||||
notFoundPage: {
|
|
||||||
pageText: 'On ne semble pas trouver la page que vous cherchez, désolé!',
|
|
||||||
backButton: 'Je veux retourner en arrière!',
|
|
||||||
},
|
|
||||||
notificationDialog: {
|
|
||||||
notice: 'Notification',
|
|
||||||
markAllRead: 'Marquer tout comme lu',
|
|
||||||
deleteAll: 'Supprimer tout',
|
|
||||||
close: 'Fermer',
|
|
||||||
},
|
|
||||||
pageTitles: {
|
|
||||||
employeeDirectory: 'Répertoire des Employés',
|
|
||||||
newUsers: 'Nouvel utilisateur',
|
|
||||||
updateUsers: 'Mettre à jour l’utilisateur',
|
|
||||||
timeSheets: 'Carte de temps',
|
|
||||||
timeSheetValidations: 'Validation cartes de temps',
|
|
||||||
},
|
|
||||||
profilePage: {
|
|
||||||
personalInfo: {
|
|
||||||
title: 'PERSONNELLE',
|
|
||||||
firstName: 'PRENOM',
|
|
||||||
lastName: 'NOM DE FAMILLE',
|
|
||||||
phoneNumber: 'NUMERO DE TELEPHONE',
|
|
||||||
address: 'ADRESSE',
|
|
||||||
addressPlaceholder: '# addresse, ville, région, pays',
|
|
||||||
birthDate: 'DATE DE NAISSANCE',
|
|
||||||
},
|
|
||||||
employeeInfo: {
|
|
||||||
title: 'CARRIÈRE',
|
|
||||||
workEmail: 'COURRIEL',
|
|
||||||
jobTitle: 'POSTE',
|
|
||||||
companyName: 'COMPAGNIE',
|
|
||||||
supervisorName: 'NOM DU SUPERVISEUR',
|
|
||||||
hiredDate: 'DATE EMBAUCHE',
|
|
||||||
},
|
},
|
||||||
preferences: {
|
preferences: {
|
||||||
title: 'PRÉFÉRENCES',
|
tab_title: "préférences",
|
||||||
display_options: "Options d'affichage",
|
display_options: "Options d'affichage",
|
||||||
language_options: "Options de langue",
|
language_options: "Options de langue",
|
||||||
dark_mode: 'sombre',
|
dark_mode: "sombre",
|
||||||
light_mode: 'clair',
|
light_mode: "clair",
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
mustEnterBirthdate: 'Vous devez entrer une date de naissance valide',
|
must_enter_birthdate: "Vous devez entrer une date de naissance valide",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
resetPage: {
|
|
||||||
title: 'Réinitialiser votre mot de passe',
|
shared: {
|
||||||
code: 'code',
|
error: {
|
||||||
codeValidation: 'Le code doit être rempli avec 4 chiffres.',
|
no_data_found: 'aucune donnée à afficher',
|
||||||
newPassword: 'Nouveau mot de passe',
|
no_search_results: 'aucun résultat ne correspond à la recherche',
|
||||||
confirmedPassword: 'Confirmez votre mot de passe',
|
|
||||||
newPasswordValidation: 'Le mot de passe doit répondre à tous les critères.',
|
|
||||||
newPasswordLengthValidation: 'Doit être d’au moins 8 caractères de long.',
|
|
||||||
newPasswordCapitalValidation:
|
|
||||||
'Doit contenir au moins une lettre majuscule.',
|
|
||||||
newPasswordNumberValidation: 'Doit contenir au moins un numéro.',
|
|
||||||
newPasswordSpecialCharacterValidation:
|
|
||||||
'Doit contenir au moins un caractère spécial : !@#$%^&*()-_+=',
|
|
||||||
confirmNewPasswordValidation:
|
|
||||||
'Le mot de passe doit correspondre au nouveau mot de passe.',
|
|
||||||
submit: 'Envoyer',
|
|
||||||
cancel: 'Annuler',
|
|
||||||
},
|
},
|
||||||
shared:{
|
label: {
|
||||||
searchBar: 'Rechercher',
|
search: 'recherche',
|
||||||
loading: 'Téléchargement des données en cours...',
|
loading: 'chargement en cours...',
|
||||||
failedToLoad: 'Aucune donnée à afficher',
|
language: 'langue',
|
||||||
failedToSearch: 'Aucun résultat de recherche obtenu',
|
add: "ajouter",
|
||||||
languageLabel: 'Langue',
|
save: "sauvegarder",
|
||||||
|
remove: "supprimer",
|
||||||
|
cancel: "annuler",
|
||||||
|
update: "mettre à jour",
|
||||||
|
modify: "modifier",
|
||||||
},
|
},
|
||||||
shiftColumns: {
|
misc: {
|
||||||
title: 'Quarts de travail',
|
or: "ou",
|
||||||
labelType: 'type',
|
and: "et",
|
||||||
labelIn: 'entrée',
|
to: "au",
|
||||||
labelOut: 'sortie',
|
from: "de",
|
||||||
labelComment: 'commentaire',
|
yes: "oui",
|
||||||
labelState: 'état',
|
no: "non",
|
||||||
labelSupervisorReport: 'rapport du superviseur',
|
|
||||||
},
|
},
|
||||||
shiftsTemplate: {
|
shift_type: {
|
||||||
tabTitle1: 'Quarts de travail',
|
regular: "régulier",
|
||||||
tabTitle2: 'Modèles de quarts de travail',
|
evening: "soir",
|
||||||
saveButton: 'Enregistrer',
|
emergency: "urgence",
|
||||||
emptyShiftsMessage: 'Aucun modèle disponible.',
|
overtime: "supplémentaire",
|
||||||
emptyTemplateMessage: 'Aucun quarts de travail disponible.',
|
holiday: "férié",
|
||||||
selectTemplate: 'Sélectionnez un modèle',
|
vacation: "vacances",
|
||||||
selectTemplateNoResult: 'Aucun modele disponible.',
|
sick: "maladie",
|
||||||
selectDay: 'Jour',
|
remote: "télétravail",
|
||||||
startTime: 'Heure de début',
|
|
||||||
endTime: 'Heure de fin',
|
|
||||||
templateTitle: 'Titre',
|
|
||||||
templateDescription: 'Description',
|
|
||||||
createButton: 'Créer',
|
|
||||||
updateButton: 'Mettre à jour',
|
|
||||||
deleteButton: 'Supprimer',
|
|
||||||
resetButton: 'Réinitialiser',
|
|
||||||
dayValidation: 'Jour doit être rempli.',
|
|
||||||
startTimeValidation: 'Heure de début doit être rempli.',
|
|
||||||
endTimeValidation: 'Heure de fin doit être rempli.',
|
|
||||||
startTimeAfterEndTimeValidation:
|
|
||||||
'L’heure de début ne peut pas être après l’heure de fin',
|
|
||||||
endTimeBeforeStartTimeValidation:
|
|
||||||
'L’heure de fin ne peut pas être précédente à l’heure de debut',
|
|
||||||
existingTimeShift: 'Ce temps est déjà utilisé',
|
|
||||||
},
|
},
|
||||||
signUpPage: {
|
weekday: {
|
||||||
title: 'Créer un nouveau compte',
|
sunday: "dimanche",
|
||||||
firstName: 'Prénom',
|
monday: "lundi",
|
||||||
lastName: 'Nom de famille',
|
tuesday: "mardi",
|
||||||
email: 'Email',
|
wednesday: "mercredi",
|
||||||
phoneNumber: 'Numéro de téléphone',
|
thursday: "jeudi",
|
||||||
password: 'Nouveau mot de passe',
|
friday: "vendredi",
|
||||||
confirmedPassword: 'Confirmez votre mot de passe',
|
saturday: "samedi",
|
||||||
signIn: 'Vous avez déjà un compte?',
|
|
||||||
submit: 'S’inscrire',
|
|
||||||
firstNameValidation: 'Le prénom doit être rempli.',
|
|
||||||
lastNameValidation: 'Le nom de famille doit être rempli.',
|
|
||||||
emailValidation: 'Email doit être un e-mail valide.',
|
|
||||||
phoneNumberValidation: 'Numéro de téléphone doit être rempli.',
|
|
||||||
passwordValidationTitle: 'Critères de mot de passe :',
|
|
||||||
passwordValidation: 'Le mot de passe doit répondre à tous les critères.',
|
|
||||||
passwordLengthValidation: 'Doit être d’au moins 8 caractères de long.',
|
|
||||||
passwordCapitalValidation: 'Doit contenir au moins une lettre majuscule.',
|
|
||||||
passwordNumberValidation: 'Doit contenir au moins un numéro.',
|
|
||||||
passwordSpecialCharacterValidation:
|
|
||||||
'Doit contenir au moins un caractère spécial : !@#$%^&*()-_+=',
|
|
||||||
confirmPasswordValidation:
|
|
||||||
'Le mot de passe doit correspondre au nouveau mot de passe.',
|
|
||||||
},
|
},
|
||||||
table: {
|
|
||||||
recordsTitle: 'Enregistrements par page:',
|
|
||||||
noResultsLabel: 'Le filtre n’a révélé aucun résultat',
|
|
||||||
noDataLabel: 'Je n’ai rien trouvé pour toi',
|
|
||||||
},
|
},
|
||||||
|
|
||||||
timesheet: {
|
timesheet: {
|
||||||
title:'Carte de temps',
|
page_header:"Carte de temps",
|
||||||
date_ranges_to:'au',
|
|
||||||
days: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
|
|
||||||
nav_button: {
|
nav_button: {
|
||||||
calendar_date_picker:'Calendrier',
|
calendar_date_picker:"Calendrier",
|
||||||
current_week:'Semaine actuelle',
|
current_week:"Semaine actuelle",
|
||||||
next_week:'Prochaine semaine',
|
next_week:"Prochaine semaine",
|
||||||
previous_week:'Semaine précédente',
|
previous_week:"Semaine précédente",
|
||||||
},
|
},
|
||||||
save_button:'Enregistrer',
|
save_button:"Enregistrer",
|
||||||
cancel_button:'Annuler',
|
cancel_button:"Annuler",
|
||||||
remote_button: 'Télétravail',
|
remote_button: "Télétravail",
|
||||||
delete_button: 'Supprimer',
|
delete_button: "Supprimer",
|
||||||
shift: {
|
shift: {
|
||||||
actions: {
|
actions: {
|
||||||
add:'Ajouter un Quart',
|
add:"Ajouter un Quart",
|
||||||
edit: 'Modifier un Quart',
|
edit: "Modifier un Quart",
|
||||||
delete: 'Supprimer un Quart',
|
delete: "Supprimer un Quart",
|
||||||
delete_confirmation_msg: 'Voulez-vous complètement supprimer ce quart?',
|
delete_confirmation_msg: "Voulez-vous complètement supprimer ce quart?",
|
||||||
},
|
},
|
||||||
types: {
|
types: {
|
||||||
label: 'Type de Quart',
|
label: "Type de Quart",
|
||||||
EMERGENCY: 'Urgence',
|
EMERGENCY: "Urgence",
|
||||||
EVENING: 'Soir',
|
EVENING: "Soir",
|
||||||
HOLIDAY: 'Férié',
|
HOLIDAY: "Férié",
|
||||||
OVERTIME: 'Supplémentaire',
|
OVERTIME: "Supplémentaire",
|
||||||
REGULAR: 'Régulier',
|
REGULAR: "Régulier",
|
||||||
SICK: 'Maladie',
|
SICK: "Maladie",
|
||||||
VACATION: 'Vacance',
|
VACATION: "Vacance",
|
||||||
REMOTE: 'Télétravail',
|
REMOTE: "Télétravail",
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
not_found:'Aucun quart trouvé',
|
not_found:"Aucun quart trouvé",
|
||||||
overlap:'Il y a un chevauchement entre deux ou plusieurs quarts',
|
overlap:"Il y a un chevauchement entre deux ou plusieurs quarts",
|
||||||
invalid:'Entrée du quart invalide',
|
invalid:"Entrée du quart invalide",
|
||||||
unknown:'Erreur inconnue',
|
unknown:"Erreur inconnue",
|
||||||
comment_required:'un commentaire est requis',
|
comment_required:"un commentaire est requis",
|
||||||
comment_too_long:'votre commentaire est trop long',
|
comment_too_long:"votre commentaire est trop long",
|
||||||
},
|
},
|
||||||
fields: {
|
fields: {
|
||||||
start:'Début (HH:mm)',
|
start:"Début (HH:mm)",
|
||||||
end:'Fin (HH:mm)',
|
end:"Fin (HH:mm)",
|
||||||
header_comment:'Commentaire du Quart',
|
header_comment:"Commentaire du Quart",
|
||||||
textarea_comment: 'Laissez votre commentaire ici',
|
textarea_comment: "Laissez votre commentaire ici",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
expense: {
|
expense: {
|
||||||
add_expense:'Ajouter une dépense',
|
add_expense:"Ajouter une dépense",
|
||||||
amount:'Montant',
|
amount:"Montant",
|
||||||
date:'Date',
|
date:"Date",
|
||||||
empty_list:'Aucun dépense enregistrée',
|
empty_list:"Aucun dépense enregistrée",
|
||||||
errors: {
|
errors: {
|
||||||
date_required_or_invalid:'La date est manquante ou invalide',
|
date_required_or_invalid:"La date est manquante ou invalide",
|
||||||
comment_required:'un commentaire est requis',
|
comment_required:"un commentaire est requis",
|
||||||
comment_too_long:'votre commentaire est trop long',
|
comment_too_long:"votre commentaire est trop long",
|
||||||
amount_must_be_positive:'le montant doit être suppérieur à 0$',
|
amount_must_be_positive:"le montant doit être suppérieur à 0$",
|
||||||
mileave_must_be_positive:'le kilométrage doit être suppérieur à 0',
|
mileave_must_be_positive:"le kilométrage doit être suppérieur à 0",
|
||||||
amount_xor_mileage:'Vous ne pouvez pas saisir un montant et un kilométrage pour une même dépense',
|
amount_xor_mileage:"Vous ne pouvez pas saisir un montant et un kilométrage pour une même dépense",
|
||||||
mileage_required_for_type:'Vous devez entrer une valeur en kilométrage pour ce type de dépense',
|
mileage_required_for_type:"Vous devez entrer une valeur en kilométrage pour ce type de dépense",
|
||||||
amount_required_for_type:'Vous devez entrer une valeur en montant $ pour ce type de dépense',
|
amount_required_for_type:"Vous devez entrer une valeur en montant $ pour ce type de dépense",
|
||||||
},
|
},
|
||||||
hints: {
|
hints: {
|
||||||
amount_or_mileage:'Soit dépense ou kilométrage, pas les deux',
|
amount_or_mileage:"Soit dépense ou kilométrage, pas les deux",
|
||||||
comment_required:'un commentaire est requis',
|
comment_required:"un commentaire est requis",
|
||||||
},
|
},
|
||||||
mileage:'Kilométrage',
|
mileage:"Kilométrage",
|
||||||
open_btn:'Liste des Dépenses',
|
open_btn:"Liste des Dépenses",
|
||||||
title:'Liste des dépenses',
|
title:"Liste des dépenses",
|
||||||
total_amount:'Montant total',
|
total_amount:"Montant total",
|
||||||
total_mileage:'Kilométrage total',
|
total_mileage:"Kilométrage total",
|
||||||
type:'Type',
|
type:"Type",
|
||||||
types: {
|
types: {
|
||||||
PER_DIEM:'Per diem',
|
PER_DIEM:"Per diem",
|
||||||
EXPENSES:'dépense',
|
EXPENSES:"dépense",
|
||||||
MILEAGE:'kilométrage',
|
MILEAGE:"kilométrage",
|
||||||
PRIME_GARDE:'Prime de garde',
|
PRIME_GARDE:"Prime de garde",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
timeSheetValidations: {
|
|
||||||
tableColumnLabelFullname: 'nom complet',
|
timesheet_approvals: {
|
||||||
tableColumnLabelEmail: 'courriel',
|
page_title: "Validation cartes de temps",
|
||||||
tableColumnLabelRegularHours: 'heures régulières',
|
table: {
|
||||||
tableColumnLabelEveningHours: 'soir',
|
full_name: "nom complet",
|
||||||
tableColumnLabelEmergencyHours: 'urgence',
|
email: "courriel",
|
||||||
tableColumnLabelOvertime: 'supplémentaires',
|
expenses: "dépenses",
|
||||||
tableColumnLabelExpenses: 'dépenses',
|
mileage: "kilométrage",
|
||||||
tableColumnLabelMileage: 'kilométrage',
|
verified: "approuvé",
|
||||||
actionTitle: 'Veuillez enregistrer les changements effectués.',
|
unverified: "à vérifier",
|
||||||
actionButton: 'Enregistrer',
|
},
|
||||||
timeSheetStatusVerified: 'validé',
|
chart: {
|
||||||
timeSheetStatusUnverified: 'à valider',
|
hours_worked_title: "heures travaillées",
|
||||||
timeSheetStatusPartial: 'partiellement validé',
|
expenses_title: "dépenses encourues"
|
||||||
timeSheetStatusComplete: 'complet',
|
},
|
||||||
timeSheetStatusEmpty: 'vide',
|
print_report: {
|
||||||
timeSheetStatusBlocked: 'bloqué',
|
company: "compagnie",
|
||||||
showAllCheckbox: 'Afficher tous',
|
type: "types de données",
|
||||||
accumulatedSicknessTotal: 'Accumulées de maladies',
|
shifts: "quarts de travail",
|
||||||
consumedSicknessTotal: 'Consommées de maladies',
|
expenses: "dépenses",
|
||||||
accumulatedVacationTotal: 'Accumulées de vacances',
|
},
|
||||||
consumedVacationTotal: 'Consommées de vacances',
|
tooltip: {
|
||||||
maxVacationPerYear: 'Maximum de vacances par année',
|
button_detailed_view: "vue détaillée",
|
||||||
accumulatedSicknessTotalValidation: 'Cumulatif maladie doit être positif',
|
|
||||||
consumedSicknessTotalValidation: 'Maladie utilisé doit être positif',
|
|
||||||
accumulatedVacationTotalValidation: 'Cumulatif vacances doit être positif',
|
|
||||||
consumedVacationTotalValidation: 'Vacances utilisées doit être positif',
|
|
||||||
maxVacationPerYearValidation: 'Maximum vacances annuel doit être positif.',
|
|
||||||
resteVacationTotal: 'Reste des vacances',
|
|
||||||
hoursWorkedChartTitle: 'Heures travaillées',
|
|
||||||
hoursWorkedRegular: 'régulier',
|
|
||||||
hoursWorkedEvening: 'soir',
|
|
||||||
hoursWorkedEmergency: 'urgence',
|
|
||||||
hoursWorkedOvertime: 'supplémentaire',
|
|
||||||
tooltipTimeline: 'Vue journalière',
|
|
||||||
tooltipTimesheet: 'Feuille de temps',
|
|
||||||
reportFilterCategoryCompany: 'Compagnie',
|
|
||||||
reportFilterCategoryType: 'Types de données',
|
|
||||||
reportFilterShifts: 'Quarts de travail',
|
|
||||||
reportFilterExpenses: 'Dépenses',
|
|
||||||
reportFilterHoliday: 'Jours Fériés',
|
|
||||||
reportFilterVacation: 'Vacances',
|
|
||||||
},
|
},
|
||||||
usersListPage: {
|
|
||||||
tableHeader: 'Répertoire du personnel',
|
|
||||||
searchInput: 'rechercher',
|
|
||||||
userListFirstName: 'prénom',
|
|
||||||
userListLastName: 'nom de famille',
|
|
||||||
userListEmail: 'courriel',
|
|
||||||
userListPhone: '# téléphone',
|
|
||||||
userListRole: 'rôle',
|
|
||||||
userListSupervisor: 'superviseur',
|
|
||||||
userListCompany: 'Compagnie',
|
|
||||||
addButton: 'Ajouter employé',
|
|
||||||
customer: 'Client',
|
|
||||||
dealer: 'Marchand',
|
|
||||||
employee: 'Employé',
|
|
||||||
technician: 'Technicien',
|
|
||||||
admin: 'Administrateur',
|
|
||||||
support: 'Support',
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
100
src/modules/auth/components/login-connection-panel.vue
Normal file
100
src/modules/auth/components/login-connection-panel.vue
Normal file
|
|
@ -0,0 +1,100 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, ref } from 'vue';
|
||||||
|
import { useAuthApi } from 'src/modules/auth/composables/use-auth-api';
|
||||||
|
|
||||||
|
const auth_api = useAuthApi();
|
||||||
|
|
||||||
|
const email = defineModel<string>('email', { default: '', });
|
||||||
|
const is_remembered = ref<boolean>(false);
|
||||||
|
const is_employee_email = computed( () => email.value.includes('@targ'));
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<q-card class="rounded-15">
|
||||||
|
<q-card-section class="text-center bg-primary q-pa-lg">
|
||||||
|
<q-img src="/src/assets/logo-targo-white.svg" ratio="4.6" fit="contain" />
|
||||||
|
</q-card-section>
|
||||||
|
|
||||||
|
<div class="q-pt-sm q-px-xl q-pb-lg">
|
||||||
|
<q-card-section class="text-center text-uppercase">
|
||||||
|
<div class="text-h6 text-weight-bold">
|
||||||
|
{{ $t('login.page_header') }}
|
||||||
|
</div>
|
||||||
|
</q-card-section>
|
||||||
|
|
||||||
|
<q-form @submit="auth_api.login">
|
||||||
|
<q-input
|
||||||
|
v-model="email"
|
||||||
|
dense
|
||||||
|
outlined
|
||||||
|
label-color="primary"
|
||||||
|
:label="$t('login.email')"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<q-card-section class="q-ma-none q-pa-none text-uppercase text-caption text-weight-medium">
|
||||||
|
<q-toggle
|
||||||
|
v-model="is_remembered"
|
||||||
|
color="primary"
|
||||||
|
:label="$t('login.button.remember_me')"
|
||||||
|
/>
|
||||||
|
</q-card-section>
|
||||||
|
|
||||||
|
<q-card-actions>
|
||||||
|
<q-btn
|
||||||
|
push
|
||||||
|
rounded
|
||||||
|
disabled
|
||||||
|
type="submit"
|
||||||
|
color="primary"
|
||||||
|
:label="$t('login.button.connect')"
|
||||||
|
class="full-width"
|
||||||
|
/>
|
||||||
|
</q-card-actions>
|
||||||
|
|
||||||
|
<!-- A implémenter plus tard sans doute, pour les clients. A revoir avec Authentik API pour création de users -->
|
||||||
|
<!-- <q-card-section class="text-center q-pa-none q-mt-none">
|
||||||
|
<RouterLink disabled class="text-primary" to="/signup">{{ $t('loginPage.signUp') }}</RouterLink>
|
||||||
|
</q-card-section> -->
|
||||||
|
</q-form>
|
||||||
|
|
||||||
|
<q-card-section class="row q-pt-sm">
|
||||||
|
<q-separator color="primary" class="col self-center"/>
|
||||||
|
<span class="col text-primary text-weight-bolder text-center text-uppercase self-center">{{ $t('shared.misc.or') }}</span>
|
||||||
|
<q-separator color="primary" class="col self-center"/>
|
||||||
|
</q-card-section>
|
||||||
|
|
||||||
|
<q-card-section class="column q-px-sm q-pt-none">
|
||||||
|
<q-btn
|
||||||
|
rounded
|
||||||
|
push
|
||||||
|
disabled
|
||||||
|
color="fb-blue"
|
||||||
|
icon="img:src/assets/Facebook-f_Logo-White-Logo.wine.svg"
|
||||||
|
:label="$t('login.button.facebook')"
|
||||||
|
class="full-width row q-mb-sm"
|
||||||
|
>
|
||||||
|
<q-tooltip anchor="top middle" class="bg-primary">{{$t('login.tooltip.coming_soon')}}</q-tooltip>
|
||||||
|
</q-btn>
|
||||||
|
<q-slide-transition>
|
||||||
|
<div v-if="is_employee_email">
|
||||||
|
<transition
|
||||||
|
slow
|
||||||
|
enter-active-class="animated zoomIn"
|
||||||
|
leave-active-class="animated zoomOut"
|
||||||
|
>
|
||||||
|
<q-btn
|
||||||
|
push
|
||||||
|
rounded
|
||||||
|
color="primary"
|
||||||
|
icon="img:src/assets/logo-targo-simple.svg"
|
||||||
|
:label="$t('login.button.employee')"
|
||||||
|
class="full-width row"
|
||||||
|
@click="auth_api.oidcLogin"
|
||||||
|
/>
|
||||||
|
</transition>
|
||||||
|
</div>
|
||||||
|
</q-slide-transition>
|
||||||
|
</q-card-section>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
33
src/modules/auth/components/login-dev-bypass.vue
Normal file
33
src/modules/auth/components/login-dev-bypass.vue
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { useAuthApi } from '../composables/use-auth-api';
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
|
||||||
|
const auth_api = useAuthApi();
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
const setBypassUser = (bypassRole: string) => {
|
||||||
|
auth_api.setUser(bypassRole);
|
||||||
|
|
||||||
|
router.push({ name: 'dashboard' }).catch( err => {
|
||||||
|
console.error('Router navigation failed: ', err);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<q-card class="absolute-bottom-right q-ma-sm">
|
||||||
|
<q-card-section class="q-pa-sm text-uppercase text-center"> impersonate </q-card-section>
|
||||||
|
<q-card-actions vertical>
|
||||||
|
<q-btn
|
||||||
|
v-for="role, index in [ 'supervisor', 'accounting', 'human_resources', 'employee' ]"
|
||||||
|
:key="index"
|
||||||
|
push
|
||||||
|
color="primary"
|
||||||
|
text-color="white"
|
||||||
|
:label="role"
|
||||||
|
class="text-uppercase"
|
||||||
|
@click="setBypassUser(role)"
|
||||||
|
/>
|
||||||
|
</q-card-actions>
|
||||||
|
</q-card>
|
||||||
|
</template>
|
||||||
|
|
@ -1,25 +1,6 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, watch } from 'vue';
|
import LoginConnectionPanel from 'src/modules/auth/components/login-connection-panel.vue';
|
||||||
import { useAuthApi } from '../composables/use-auth-api';
|
import LoginDevBypass from 'src/modules/auth/components/login-dev-bypass.vue';
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
|
|
||||||
const authApi = useAuthApi();
|
|
||||||
const email = ref('');
|
|
||||||
const isShowingEmployeeLoginButton = ref(false);
|
|
||||||
const isRemembered = ref(false);
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const setBypassUser = (bypassRole: string) => {
|
|
||||||
authApi.setUser(bypassRole);
|
|
||||||
|
|
||||||
router.push({ name: 'dashboard' }).catch( err => {
|
|
||||||
console.error('Router navigation failed: ', err);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
watch(email, (value) => {
|
|
||||||
isShowingEmployeeLoginButton.value = value.includes('@targ');
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -28,71 +9,11 @@
|
||||||
<q-img src="src/assets/village.png" fit="cover" position="50% 100%" class="absolute-full" />
|
<q-img src="src/assets/village.png" fit="cover" position="50% 100%" class="absolute-full" />
|
||||||
<q-page class="flex flex-center">
|
<q-page class="flex flex-center">
|
||||||
<transition appear slow enter-active-class="animated zoomIn" leave-active-class="animated zoomOut">
|
<transition appear slow enter-active-class="animated zoomIn" leave-active-class="animated zoomOut">
|
||||||
<q-card class="rounded-20">
|
<LoginConnectionPanel />
|
||||||
<q-card-section class="text-center bg-primary q-pa-lg">
|
|
||||||
<q-img src="/src/assets/logo-targo-white.svg" ratio="4.6" fit="contain" />
|
|
||||||
</q-card-section>
|
|
||||||
|
|
||||||
<div class="q-pt-sm q-px-xl q-pb-lg">
|
|
||||||
<q-card-section class="text-center">
|
|
||||||
<div class="text-h6 text-weight-bold">
|
|
||||||
{{ $t('loginPage.title') }}
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
|
||||||
|
|
||||||
<q-form class="q-gutter-sm" @submit="authApi.login">
|
|
||||||
<q-input dense outlined label-color="primary" v-model="email" :label="$t('loginPage.email')" />
|
|
||||||
|
|
||||||
<q-card-section class="q-ma-none q-pa-none">
|
|
||||||
<q-toggle v-model="isRemembered" :label="$t('loginPage.rememberMe')" color="primary" />
|
|
||||||
</q-card-section>
|
|
||||||
|
|
||||||
<q-card-actions>
|
|
||||||
<q-btn disabled rounded push :label="$t('loginPage.submit')" type="submit" color="primary" class="full-width" />
|
|
||||||
</q-card-actions>
|
|
||||||
|
|
||||||
<!-- A implémenter plus tard sans doute, pour les clients. A revoir avec Authentik API pour création de users -->
|
|
||||||
<!-- <q-card-section class="text-center q-pa-none q-mt-none">
|
|
||||||
<RouterLink disabled class="text-primary" to="/signup">{{ $t('loginPage.signUp') }}</RouterLink>
|
|
||||||
</q-card-section> -->
|
|
||||||
</q-form>
|
|
||||||
|
|
||||||
<q-card-section class="row q-pt-sm">
|
|
||||||
<q-separator color="primary" class="col self-center"/>
|
|
||||||
<span class="col text-primary text-weight-bolder text-center vertical-align self-center">{{$t('loginPage.loginOrSeparator')}}</span>
|
|
||||||
<q-separator color="primary" class="col self-center"/>
|
|
||||||
</q-card-section>
|
|
||||||
|
|
||||||
<q-card-section class="column q-px-sm q-pt-none">
|
|
||||||
<q-btn disabled rounded push :label="$t('loginPage.facebookLoginButton')" color="fb-blue" class="full-width row q-mb-sm" icon="img:src/assets/Facebook-f_Logo-White-Logo.wine.svg">
|
|
||||||
<q-tooltip anchor="top middle" class="bg-primary">{{$t('loginPage.tooltipComingSoon')}}</q-tooltip>
|
|
||||||
</q-btn>
|
|
||||||
<q-slide-transition>
|
|
||||||
<div v-if="isShowingEmployeeLoginButton">
|
|
||||||
<transition slow enter-active-class="animated zoomIn" leave-active-class="animated zoomOut">
|
|
||||||
<q-btn rounded push color="primary" @click="authApi.oidcLogin" :label="$t('loginPage.employeeLoginButton')" class="full-width row" icon="img:src/assets/logo-targo-simple.svg" />
|
|
||||||
</transition>
|
|
||||||
</div>
|
|
||||||
</q-slide-transition>
|
|
||||||
</q-card-section>
|
|
||||||
</div>
|
|
||||||
</q-card>
|
|
||||||
</transition>
|
</transition>
|
||||||
|
|
||||||
<!-- DEV TOOLS -->
|
<!-- DEV TOOLS -->
|
||||||
<q-card class="absolute-bottom-right q-ma-sm">
|
<LoginDevBypass />
|
||||||
<q-card-section class="q-pa-sm text-primary"> BYPASS LOGIN WITH: </q-card-section>
|
|
||||||
<q-separator color="primary" />
|
|
||||||
<q-card-section>
|
|
||||||
<q-btn-group push rounded>
|
|
||||||
<q-btn push color="primary" text-color="white" label="ACCOUNTING" icon="attach_money" @click="setBypassUser('accounting')"/>
|
|
||||||
<q-btn push color="primary" text-color="white" label="SUPERVISOR" icon="supervisor_account" @click="setBypassUser('supervisor')"/>
|
|
||||||
<q-btn push color="primary" text-color="white" label="HR" icon="diversity_3" @click="setBypassUser('human_resources')"/>
|
|
||||||
<q-btn push color="primary" text-color="white" label="EMPLOYEE" icon="support_agent" @click="setBypassUser('employee')"/>
|
|
||||||
</q-btn-group>
|
|
||||||
</q-card-section>
|
|
||||||
|
|
||||||
</q-card>
|
|
||||||
</q-page>
|
</q-page>
|
||||||
</q-page-container>
|
</q-page-container>
|
||||||
</q-layout>
|
</q-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,12 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
/* eslint-disable */
|
|
||||||
import type { EmployeeListTableItem } from 'src/modules/employee-list/types/employee-list-table-interface';
|
import type { EmployeeListTableItem } from 'src/modules/employee-list/types/employee-list-table-interface';
|
||||||
|
|
||||||
const getEmployeeAvatar = (first_name: string, last_name: string) => {
|
// const getEmployeeAvatar = (first_name: string, last_name: string) => {
|
||||||
// add logic here to see if user has an avatar image and return that instead of initials
|
// // add logic here to see if user has an avatar image and return that instead of initials
|
||||||
return first_name.charAt(0) + last_name.charAt(0);
|
// return first_name.charAt(0) + last_name.charAt(0);
|
||||||
};
|
// };
|
||||||
|
|
||||||
const props = defineProps<{
|
const { row } = defineProps<{
|
||||||
row: EmployeeListTableItem
|
row: EmployeeListTableItem
|
||||||
}>()
|
}>()
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
|
|
@ -18,30 +17,35 @@
|
||||||
<template>
|
<template>
|
||||||
<q-card
|
<q-card
|
||||||
v-ripple
|
v-ripple
|
||||||
class="rounded-15 col-xs-6 col-sm-4 col-md-3 col-lg-2 column no-wrap cursor-pointer q-ma-sm"
|
class="column col-xs-6 col-sm-4 col-md-3 col-lg-2 no-wrap rounded-15 cursor-pointer q-ma-sm"
|
||||||
style="max-width: 230px;"
|
style="max-width: 230px;"
|
||||||
@click="emit('onProfileClick', props.row.email)"
|
@click="emit('onProfileClick', row.email)"
|
||||||
|
>
|
||||||
|
<q-card-section class="col-6 text-center">
|
||||||
|
<q-avatar
|
||||||
|
color="primary"
|
||||||
|
size="8em"
|
||||||
|
class="shadow-3"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="src/assets/targo-default-avatar.png"
|
||||||
|
alt="employee avatar"
|
||||||
|
class="q-pa-xs"
|
||||||
>
|
>
|
||||||
<q-card-section class="text-center col-5">
|
|
||||||
<q-avatar color="primary" size="8em">
|
|
||||||
<img src="src/assets/targo-default-avatar.png" alt="employee avatar" class="q-pa-xs">
|
|
||||||
</q-avatar>
|
</q-avatar>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section class="text-center text-h6 text-primary text-weight-medium text-uppercase q-pb-none col-2 content-end" style="line-height: 0.7em;">
|
|
||||||
<div class="ellipsis">
|
<q-card-section
|
||||||
{{ props.row.first_name }} {{ props.row.last_name }}
|
class="col-grow text-center text-h6 text-weight-medium text-uppercase q-pb-none"
|
||||||
</div>
|
style="line-height: 0.8em;"
|
||||||
</q-card-section>
|
>
|
||||||
|
<div class="ellipsis text-primary"> {{ row.first_name }} {{ row.last_name }} </div>
|
||||||
<q-separator color="primary" class="q-mx-sm q-mt-xs" />
|
<q-separator color="primary" class="q-mx-sm q-mt-xs" />
|
||||||
<q-card-section class="text-caption text-body2 text-uppercase q-pt-none text-center col content-start" style="min-height: 5em;">
|
<div class=" ellipsis-2-lines text-caption"> {{ row.job_title }} </div>
|
||||||
<div class=" ellipsis-2-lines">
|
|
||||||
{{ props.row.job_title }}
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
||||||
<q-card-section class="bg-primary text-white text-caption text-center q-py-none col-2 content-center ">
|
<q-card-section class="bg-primary text-white text-caption text-center q-py-none col-2 content-center ">
|
||||||
<div>
|
<div> {{ row.email }} </div>
|
||||||
{{ props.row.email }}
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -8,28 +8,28 @@
|
||||||
import type { EmployeeListTableItem } from '../../types/employee-list-table-interface';
|
import type { EmployeeListTableItem } from '../../types/employee-list-table-interface';
|
||||||
import type { QTableColumn } from 'quasar';
|
import type { QTableColumn } from 'quasar';
|
||||||
|
|
||||||
const employeeListApi = useEmployeeListApi();
|
const employee_list_api = useEmployeeListApi();
|
||||||
const employeeStore = useEmployeeStore();
|
const employee_store = useEmployeeStore();
|
||||||
const isLoadingList = ref<boolean>(true);
|
const is_loading_list = ref<boolean>(true);
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const filter = ref("");
|
const filter = ref("");
|
||||||
const isGridMode = ref(true);
|
const is_grid_mode = ref(true);
|
||||||
const pagination = ref({ rowsPerPage: 0 });
|
const pagination = ref({ rowsPerPage: 0 });
|
||||||
|
|
||||||
const employeeListColumns = computed((): QTableColumn<EmployeeListTableItem>[] => [
|
const employee_list_columns = computed((): QTableColumn<EmployeeListTableItem>[] => [
|
||||||
{name: 'first_name', label: t('usersListPage.userListFirstName'), field: 'first_name', align: 'left'},
|
{name: 'first_name', label: t('employee_list.table.first_name'), field: 'first_name', align: 'left'},
|
||||||
{name: 'last_name', label: t('usersListPage.userListLastName'), field: 'last_name', align: 'left'},
|
{name: 'last_name', label: t('employee_list.table.last_name'), field: 'last_name', align: 'left'},
|
||||||
{name: 'email', label: t('usersListPage.userListEmail'), field: 'email', align: 'left'},
|
{name: 'email', label: t('employee_list.table.email'), field: 'email', align: 'left'},
|
||||||
{name: 'supervisor_full_name', label: t('usersListPage.userListSupervisor'), field: 'supervisor_full_name', align: 'left'},
|
{name: 'supervisor_full_name', label: t('employee_list.table.supervisor'), field: 'supervisor_full_name', align: 'left'},
|
||||||
{name: 'company_name', label: t('usersListPage.userListCompany'), field: 'company_name', align: 'left'},
|
{name: 'company_name', label: t('employee_list.table.company'), field: 'company_name', align: 'left'},
|
||||||
{name: 'job_title', label: t('usersListPage.userListRole'), field: 'job_title', align: 'left'},
|
{name: 'job_title', label: t('employee_list.table.role'), field: 'job_title', align: 'left'},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
onMounted( async () => {
|
onMounted( async () => {
|
||||||
isLoadingList.value = true;
|
is_loading_list.value = true;
|
||||||
await employeeListApi.getEmployeeList();
|
await employee_list_api.getEmployeeList();
|
||||||
isLoadingList.value = false;
|
is_loading_list.value = false;
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -42,23 +42,23 @@
|
||||||
virtual-scroll
|
virtual-scroll
|
||||||
title=" "
|
title=" "
|
||||||
card-style="max-height: 70vh;"
|
card-style="max-height: 70vh;"
|
||||||
:rows="employeeStore.employeeList"
|
:rows="employee_store.employeeList"
|
||||||
:columns="employeeListColumns"
|
:columns="employee_list_columns"
|
||||||
row-key="name"
|
row-key="name"
|
||||||
v-model:pagination="pagination"
|
v-model:pagination="pagination"
|
||||||
:rows-per-page-options="[0]"
|
:rows-per-page-options="[0]"
|
||||||
:filter="filter"
|
:filter="filter"
|
||||||
class="q-pa-md bg-transparent"
|
class="q-pa-md bg-transparent"
|
||||||
:class="isGridMode ? '': 'my-sticky-header-table'"
|
:class="is_grid_mode ? '': 'my-sticky-header-table'"
|
||||||
:table-class="$q.dark.isActive ? 'q-px-md q-py-none q-mx-md rounded-10 bg-dark' : 'q-px-md q-py-none q-mx-md rounded-10 bg-white'"
|
:table-class="$q.dark.isActive ? 'q-px-md q-py-none q-mx-md rounded-10 bg-dark' : 'q-px-md q-py-none q-mx-md rounded-10 bg-white'"
|
||||||
color="primary"
|
color="primary"
|
||||||
table-header-class="text-primary text-uppercase"
|
table-header-class="text-primary text-uppercase"
|
||||||
card-container-class="justify-center"
|
card-container-class="justify-center"
|
||||||
:grid="isGridMode"
|
:grid="is_grid_mode"
|
||||||
:loading="isLoadingList"
|
:loading="is_loading_list"
|
||||||
:no-data-label="$t('shared.failedToLoad')"
|
:no-data-label="$t('shared.error.no_data_found')"
|
||||||
:no-results-label="$t('shared.failedToSearch')"
|
:no-results-label="$t('shared.error.no_search_results')"
|
||||||
:loading-label="$t('shared.loading')"
|
:loading-label="$t('shared.label.loading')"
|
||||||
@row-click="() => console.log('click!')"
|
@row-click="() => console.log('click!')"
|
||||||
>
|
>
|
||||||
<template v-slot:item="props">
|
<template v-slot:item="props">
|
||||||
|
|
@ -67,25 +67,43 @@
|
||||||
|
|
||||||
<template v-slot:top>
|
<template v-slot:top>
|
||||||
<div class="row full-width q-mb-sm">
|
<div class="row full-width q-mb-sm">
|
||||||
<q-btn push icon="person_add" color="primary" :label="$t('usersListPage.addButton')"/>
|
<q-btn
|
||||||
|
push
|
||||||
|
color="primary"
|
||||||
|
icon="person_add"
|
||||||
|
:label="$t('shared.label.add')"
|
||||||
|
class="text-uppercase"
|
||||||
|
/>
|
||||||
|
|
||||||
<q-space />
|
<q-space />
|
||||||
|
|
||||||
<q-btn-toggle push class="q-mr-md" color="white" text-color="primary" toggle-color="primary" v-model="isGridMode"
|
<q-btn-toggle
|
||||||
|
v-model="is_grid_mode"
|
||||||
|
push
|
||||||
|
color="white"
|
||||||
|
text-color="primary"
|
||||||
|
toggle-color="primary"
|
||||||
|
class="q-mr-md"
|
||||||
:options="[
|
:options="[
|
||||||
{icon: 'grid_view', value: true},
|
{icon: 'grid_view', value: true},
|
||||||
{icon: 'view_list', value: false},
|
{icon: 'view_list', value: false},
|
||||||
]"/>
|
]"
|
||||||
|
/>
|
||||||
<q-input
|
<q-input
|
||||||
|
v-model="filter"
|
||||||
outlined
|
outlined
|
||||||
dense
|
dense
|
||||||
rounded
|
rounded
|
||||||
v-model="filter"
|
color="primary"
|
||||||
:label="$t('shared.searchBar')"
|
bg-color="white"
|
||||||
label-color="primary" bg-color="white" color="primary"
|
label-color="primary"
|
||||||
|
:label="$t('shared.label.search')"
|
||||||
>
|
>
|
||||||
<template v-slot:append>
|
<template v-slot:append>
|
||||||
<q-icon name="search" color="primary"/>
|
<q-icon
|
||||||
|
name="search"
|
||||||
|
color="primary"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</q-input>
|
</q-input>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -97,7 +115,10 @@
|
||||||
<span class="text-h6 q-mt-xl">
|
<span class="text-h6 q-mt-xl">
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</span>
|
</span>
|
||||||
<q-icon size="4em" :name="filter ? 'filter_alt_off' : 'error_outline'" />
|
<q-icon
|
||||||
|
size="4em"
|
||||||
|
:name="filter ? 'filter_alt_off' : 'error_outline'"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</q-table>
|
</q-table>
|
||||||
|
|
|
||||||
|
|
@ -6,8 +6,8 @@
|
||||||
<template>
|
<template>
|
||||||
<q-page>
|
<q-page>
|
||||||
<EmployeeListAddModifyDialog />
|
<EmployeeListAddModifyDialog />
|
||||||
<div class="text-h4 row justify-center q-py-sm q-mt-lg text-uppercase text-weight-bolder text-grey-8">
|
<div class="text-h4 row justify-center q-py-sm q-mt-lg text-uppercase text-weight-bolder">
|
||||||
{{ $t('pageTitles.employeeDirectory') }}
|
{{ $t('employee_list.page_header') }}
|
||||||
</div>
|
</div>
|
||||||
<SupervisorCrewTable />
|
<SupervisorCrewTable />
|
||||||
</q-page>
|
</q-page>
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
<q-icon name="home" color="primary" />
|
<q-icon name="home" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuHome') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.home') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -47,7 +47,7 @@
|
||||||
<q-icon name="event_available" color="primary" />
|
<q-icon name="event_available" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuShiftValidation') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.timesheet_approvals') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
<q-icon name="view_list" color="primary" />
|
<q-icon name="view_list" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuEmployeeList') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.employee_list') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -69,7 +69,7 @@
|
||||||
<q-icon name="punch_clock" color="primary" />
|
<q-icon name="punch_clock" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuTimesheetTemp') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.timesheet') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -79,7 +79,7 @@
|
||||||
<q-icon name="account_box" color="primary" />
|
<q-icon name="account_box" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuProfile') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.profile') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -89,7 +89,7 @@
|
||||||
<q-icon name="contact_support" color="primary" />
|
<q-icon name="contact_support" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuHelp') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.help') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
</q-list>
|
</q-list>
|
||||||
|
|
@ -100,7 +100,7 @@
|
||||||
<q-icon name="exit_to_app" color="primary" />
|
<q-icon name="exit_to_app" color="primary" />
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label class="text-uppercase text-weight-bold">{{ $t('navBar.userMenuLogout') }}</q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold">{{ $t('nav_bar.logout') }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
</q-scroll-area>
|
</q-scroll-area>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ const emit = defineEmits<{
|
||||||
dense
|
dense
|
||||||
rounded
|
rounded
|
||||||
debounce="300"
|
debounce="300"
|
||||||
:label="$t('shared.searchBar')"
|
:label="$t('shared.label.search')"
|
||||||
label-color="primary"
|
label-color="primary"
|
||||||
bg-color="white"
|
bg-color="white"
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|
|
||||||
|
|
@ -7,27 +7,16 @@
|
||||||
value: unknown;
|
value: unknown;
|
||||||
};
|
};
|
||||||
|
|
||||||
type CardButton = {
|
const { cols, row, initialState } = defineProps<{
|
||||||
icon: string;
|
|
||||||
label: string;
|
|
||||||
onClick: () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
const props = defineProps<{
|
|
||||||
cols: TableColumn[];
|
cols: TableColumn[];
|
||||||
row: PayPeriodOverviewEmployee;
|
row: PayPeriodOverviewEmployee;
|
||||||
initialState: boolean;
|
initialState: boolean;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
clickDetails: [email: string];
|
clickDetails: [ email: string ];
|
||||||
updateApproval: [ value: boolean ];
|
updateApproval: [ value: boolean ];
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const card_buttons: CardButton[] = [
|
|
||||||
{ icon: 'work_history', label: 'timeSheetValidations.tooltipTimeline', onClick: () => emit('clickDetails', props.row.email) },
|
|
||||||
{ icon: 'open_in_new', label: 'timeSheetValidations.tooltipTimesheet', onClick: () => emit('clickDetails', props.row.email) }
|
|
||||||
];
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -39,7 +28,7 @@
|
||||||
class="q-py-none q-pl-md relative"
|
class="q-py-none q-pl-md relative"
|
||||||
>
|
>
|
||||||
<div class="text-primary text-h5 text-weight-bolder q-pt-xs overflow-hidden">
|
<div class="text-primary text-h5 text-weight-bolder q-pt-xs overflow-hidden">
|
||||||
{{ props.row.employee_name }}
|
{{ row.employee_name }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<q-space />
|
<q-space />
|
||||||
|
|
@ -47,22 +36,20 @@
|
||||||
<!-- Buttons to view detailed shifts or view employee timesheet -->
|
<!-- Buttons to view detailed shifts or view employee timesheet -->
|
||||||
<q-btn
|
<q-btn
|
||||||
flat
|
flat
|
||||||
unelevated
|
|
||||||
square
|
|
||||||
dense
|
dense
|
||||||
v-for="(button, index) in card_buttons"
|
square
|
||||||
:key="index"
|
unelevated
|
||||||
class="q-py-none q-my-xs"
|
class="q-py-none q-my-xs"
|
||||||
color="primary"
|
color="primary"
|
||||||
:icon="button.icon"
|
icon="work_history"
|
||||||
@click="button.onClick"
|
@click="emit('clickDetails', row.email)"
|
||||||
>
|
>
|
||||||
<q-tooltip
|
<q-tooltip
|
||||||
anchor="top middle"
|
anchor="top middle"
|
||||||
self="center middle"
|
self="center middle"
|
||||||
class="bg-primary text-uppercase text-weight-bold"
|
class="bg-primary text-uppercase text-weight-bold"
|
||||||
>
|
>
|
||||||
{{$t(button.label)}}
|
{{ $t('timesheet_approvals.tooltip.button_detailed_view') }}
|
||||||
</q-tooltip>
|
</q-tooltip>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
@ -84,10 +71,10 @@
|
||||||
:class="$q.screen.lt.md ? 'col' : 'col-8'"
|
:class="$q.screen.lt.md ? 'col' : 'col-8'"
|
||||||
>
|
>
|
||||||
<q-item-label class="text-weight-bold text-primary q-pa-none text-uppercase text-caption">
|
<q-item-label class="text-weight-bold text-primary q-pa-none text-uppercase text-caption">
|
||||||
{{ props.cols.find(c => c.name === 'regular_hours')?.label }}
|
{{ cols.find(c => c.name === 'regular_hours')?.label }}
|
||||||
</q-item-label>
|
</q-item-label>
|
||||||
<q-item-label class="text-weight-bolder text-h3 q-py-none">
|
<q-item-label class="text-weight-bolder text-h3 q-py-none">
|
||||||
{{ props.cols.find(c => c.name === 'regular_hours')?.value }}
|
{{ cols.find(c => c.name === 'regular_hours')?.value }}
|
||||||
</q-item-label>
|
</q-item-label>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
|
|
@ -98,7 +85,7 @@
|
||||||
<q-item
|
<q-item
|
||||||
dense
|
dense
|
||||||
class="column ellipsis "
|
class="column ellipsis "
|
||||||
v-for="col in props.cols.slice(3, 6)"
|
v-for="col in cols.slice(3, 6)"
|
||||||
:key="col.label"
|
:key="col.label"
|
||||||
>
|
>
|
||||||
<q-item-label
|
<q-item-label
|
||||||
|
|
@ -124,7 +111,7 @@
|
||||||
<q-item
|
<q-item
|
||||||
dense
|
dense
|
||||||
class="column"
|
class="column"
|
||||||
v-for="col in props.cols.slice(6, )"
|
v-for="col in cols.slice(6, )"
|
||||||
:key="col.label"
|
:key="col.label"
|
||||||
>
|
>
|
||||||
<q-item-label
|
<q-item-label
|
||||||
|
|
@ -150,9 +137,9 @@
|
||||||
<q-card-section
|
<q-card-section
|
||||||
horizontal
|
horizontal
|
||||||
class="q-pa-sm text-weight-bold"
|
class="q-pa-sm text-weight-bold"
|
||||||
:class="props.initialState ? 'text-white bg-primary' : 'bg-dark'"
|
:class="initialState ? 'text-white bg-primary' : 'bg-dark'"
|
||||||
>
|
>
|
||||||
<q-item-label class="text-uppercase text-h6 q-ml-sm text-weight-bolder"> {{ props.row.total_hours + 'h' }} </q-item-label>
|
<q-item-label class="text-uppercase text-h6 q-ml-sm text-weight-bolder"> {{ row.total_hours + ' h' }} </q-item-label>
|
||||||
<q-item-label class="text-uppercase text-weight-bold q-ml-xs"> total </q-item-label>
|
<q-item-label class="text-uppercase text-weight-bold q-ml-xs"> total </q-item-label>
|
||||||
<q-space />
|
<q-space />
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
|
|
@ -161,10 +148,10 @@
|
||||||
size="lg"
|
size="lg"
|
||||||
checked-icon="lock"
|
checked-icon="lock"
|
||||||
unchecked-icon="lock_open"
|
unchecked-icon="lock_open"
|
||||||
:color="props.initialState ? 'white' : 'primary'" keep-color
|
:color="initialState ? 'white' : 'primary'" keep-color
|
||||||
:model-value="props.initialState"
|
:model-value="initialState"
|
||||||
@update:model-value="val => emit('updateApproval', val)"
|
@update:model-value="val => emit('updateApproval', val)"
|
||||||
:label="props.initialState ? $t('timeSheetValidations.timeSheetStatusVerified') : $t('timeSheetValidations.timeSheetStatusUnverified')"
|
:label="initialState ? $t('timesheet_approvals.table.verified') : $t('timesheet_approvals.table.unverified')"
|
||||||
class="text-uppercase"
|
class="text-uppercase"
|
||||||
/>
|
/>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
|
||||||
|
|
@ -26,65 +26,68 @@
|
||||||
const columns = computed((): QTableColumn<PayPeriodOverviewEmployee>[] => [
|
const columns = computed((): QTableColumn<PayPeriodOverviewEmployee>[] => [
|
||||||
{
|
{
|
||||||
name: 'employee_name',
|
name: 'employee_name',
|
||||||
label: t('timeSheetValidations.tableColumnLabelFullname'),
|
label: t('timesheet_approvals.table.full_name'),
|
||||||
field: 'employee_name',
|
field: 'employee_name',
|
||||||
sortable: true
|
sortable: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'email',
|
name: 'email',
|
||||||
label: t('timeSheetValidations.tableColumnLabelEmail'),
|
label: t('timesheet_approvals.table.email'),
|
||||||
field: 'email',
|
field: 'email',
|
||||||
sortable: true,
|
sortable: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'regular_hours',
|
name: 'regular_hours',
|
||||||
label: t('timeSheetValidations.tableColumnLabelRegularHours'),
|
label: t('shared.shift_type.regular'),
|
||||||
field: 'regular_hours',
|
field: 'regular_hours',
|
||||||
sortable: true
|
sortable: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'evening_hours',
|
name: 'evening_hours',
|
||||||
label: t('timeSheetValidations.tableColumnLabelEveningHours'),
|
label: t('shared.shift_type.evening'),
|
||||||
field: 'evening_hours'
|
field: 'evening_hours'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'emergency_hours',
|
name: 'emergency_hours',
|
||||||
label: t('timeSheetValidations.tableColumnLabelEmergencyHours'),
|
label: t('shared.shift_type.emergency'),
|
||||||
field: 'emergency_hours'
|
field: 'emergency_hours'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'overtime_hours',
|
name: 'overtime_hours',
|
||||||
label: t('timeSheetValidations.tableColumnLabelOvertime'),
|
label: t('shared.shift_type.overtime'),
|
||||||
field: 'overtime_hours'
|
field: 'overtime_hours'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'expenses',
|
name: 'expenses',
|
||||||
label: t('timeSheetValidations.tableColumnLabelExpenses'),
|
label: t('timesheet_approvals.table.expenses'),
|
||||||
field: 'expenses',
|
field: 'expenses',
|
||||||
sortable: true
|
sortable: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'mileage',
|
name: 'mileage',
|
||||||
label: t('timeSheetValidations.tableColumnLabelMileage'),
|
label: t('timesheet_approvals.table.mileage'),
|
||||||
field: 'mileage',
|
field: 'mileage',
|
||||||
sortable: true
|
sortable: true
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
const has_changes = computed(() => {
|
// const has_changes = computed(() => {
|
||||||
return timesheet_store.pay_period_overview_employees.some(emp => {
|
// return timesheet_store.pay_period_overview_employees.some(emp => {
|
||||||
return emp.is_approved !== original_approvals.value[emp.email];
|
// return emp.is_approved !== original_approvals.value[emp.email];
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
const is_not_enough_filters = computed(() => {
|
const is_not_enough_filters = computed(() => {
|
||||||
return report_filter_company.value.filter(val => val === true).length < 1 ||
|
return report_filter_company.value.filter(val => val === true).length < 1 ||
|
||||||
report_filter_type.value.filter(val => val === true).length < 1;
|
report_filter_type.value.filter(val => val === true).length < 1;
|
||||||
})
|
});
|
||||||
|
|
||||||
const filter_types_labels = [
|
const filter_types_labels = [
|
||||||
t('timeSheetValidations.reportFilterShifts'),
|
t('timesheet_approvals.print_report.shifts'),
|
||||||
t('timeSheetValidations.reportFilterExpenses'),
|
t('timesheet_approvals.print_report.expenses'),
|
||||||
t('timeSheetValidations.reportFilterHoliday'),
|
t('shared.shift_type.holiday'),
|
||||||
t('timeSheetValidations.reportFilterVacation'),
|
t('shared.shift_type.vacation'),
|
||||||
]
|
];
|
||||||
|
|
||||||
const is_calendar_limit = computed( () => {
|
const is_calendar_limit = computed( () => {
|
||||||
return timesheet_store.current_pay_period.pay_year === 2024 &&
|
return timesheet_store.current_pay_period.pay_year === 2024 &&
|
||||||
timesheet_store.current_pay_period.pay_period_no <= 1;
|
timesheet_store.current_pay_period.pay_period_no <= 1;
|
||||||
|
|
@ -152,6 +155,7 @@
|
||||||
:update-key="update_key"
|
:update-key="update_key"
|
||||||
/>
|
/>
|
||||||
</q-dialog>
|
</q-dialog>
|
||||||
|
|
||||||
<div class="q-pa-md">
|
<div class="q-pa-md">
|
||||||
<q-table
|
<q-table
|
||||||
:rows="timesheet_store.pay_period_overview_employees"
|
:rows="timesheet_store.pay_period_overview_employees"
|
||||||
|
|
@ -165,9 +169,9 @@
|
||||||
:rows-per-page-options="[0]"
|
:rows-per-page-options="[0]"
|
||||||
card-container-class="justify-center"
|
card-container-class="justify-center"
|
||||||
:loading="timesheet_store.is_loading"
|
:loading="timesheet_store.is_loading"
|
||||||
:no-data-label="$t('shared.failedToLoad')"
|
:no-data-label="$t('shared.error.no_data_found')"
|
||||||
:no-results-label="$t('shared.failedToSearch')"
|
:no-results-label="$t('shared.error.no_search_results')"
|
||||||
:loading-label="$t('shared.loading')"
|
:loading-label="$t('shared.label.loading')"
|
||||||
>
|
>
|
||||||
<!-- Top Bar that contains Date Picker, Search, Filters, Print Report, etc -->
|
<!-- Top Bar that contains Date Picker, Search, Filters, Print Report, etc -->
|
||||||
<template #top>
|
<template #top>
|
||||||
|
|
@ -202,7 +206,7 @@
|
||||||
<q-list>
|
<q-list>
|
||||||
<q-item>
|
<q-item>
|
||||||
<q-item-section row no-wrap>
|
<q-item-section row no-wrap>
|
||||||
<p class="text-weight-bolder text-primary q-ma-none q-pa-none text-uppercase">{{$t('timeSheetValidations.reportFilterCategoryCompany')}}</p>
|
<p class="text-weight-bolder text-primary q-ma-none q-pa-none text-uppercase">{{$t('timesheet_approvals.print_report.company')}}</p>
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
v-for="label, index in ['Targo', 'Solucom']"
|
v-for="label, index in ['Targo', 'Solucom']"
|
||||||
v-model="report_filter_company[index]"
|
v-model="report_filter_company[index]"
|
||||||
|
|
@ -215,7 +219,7 @@
|
||||||
<q-separator color="primary" class="q-mx-md"/>
|
<q-separator color="primary" class="q-mx-md"/>
|
||||||
<q-item>
|
<q-item>
|
||||||
<q-item-section row no-wrap>
|
<q-item-section row no-wrap>
|
||||||
<p class="text-weight-bolder text-primary q-ma-none q-pa-none text-uppercase">{{$t('timeSheetValidations.reportFilterCategoryType')}}</p>
|
<p class="text-weight-bolder text-primary q-ma-none q-pa-none text-uppercase">{{$t('timesheet_approvals.print_report.type')}}</p>
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
v-for="label, index in filter_types_labels"
|
v-for="label, index in filter_types_labels"
|
||||||
v-model="report_filter_type[index]"
|
v-model="report_filter_type[index]"
|
||||||
|
|
|
||||||
|
|
@ -3,28 +3,20 @@
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { useTimesheetStore } from 'src/stores/timesheet-store';
|
import { useTimesheetStore } from 'src/stores/timesheet-store';
|
||||||
import { date } from 'quasar';
|
|
||||||
|
|
||||||
const { locale } = useI18n();
|
const { d } = useI18n();
|
||||||
const timesheet_store = useTimesheetStore();
|
const timesheet_store = useTimesheetStore();
|
||||||
const date_options: Intl.DateTimeFormatOptions = {
|
|
||||||
day: 'numeric',
|
|
||||||
month: "long",
|
|
||||||
year: 'numeric',
|
|
||||||
};
|
|
||||||
|
|
||||||
const pay_period_label = computed(() => {
|
const pay_period_label = computed(() => {
|
||||||
const dates = timesheet_store.current_pay_period.label.split('.');
|
const dates = timesheet_store.current_pay_period.label.split('.');
|
||||||
const start_date = new Intl.DateTimeFormat(locale.value, date_options).format(date.extractDate(dates[0] as string, 'YYYY-MM-DD'));
|
|
||||||
const end_date = new Intl.DateTimeFormat(locale.value, date_options).format(date.extractDate(dates[1] as string, 'YYYY-MM-DD'));
|
|
||||||
|
|
||||||
if ( dates.length === 1 ) {
|
if ( dates.length < 2 ) {
|
||||||
return {
|
return { start_date: '—', end_date: '—' }
|
||||||
start_date: '—',
|
|
||||||
end_date: '—'
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const start_date = d(new Date(dates[0] as string), { day: 'numeric', month: 'long', year: 'numeric', });
|
||||||
|
const end_date = d(new Date(dates[1] as string), { day: 'numeric', month: 'long', year: 'numeric', });
|
||||||
|
|
||||||
return { start_date, end_date };
|
return { start_date, end_date };
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -32,31 +24,22 @@
|
||||||
<template>
|
<template>
|
||||||
<q-page
|
<q-page
|
||||||
padding
|
padding
|
||||||
class="q-pa-md bg-secondary"
|
class="q-pa-md bg-secondary "
|
||||||
>
|
|
||||||
<div class="text-h4 row justify-center text-center q-mt-lg text-uppercase text-weight-bolder text-grey-8">
|
|
||||||
{{ $t('pageTitles.timeSheetValidations') }}
|
|
||||||
</div>
|
|
||||||
<div class="row items-center justify-center q-py-none q-my-none">
|
|
||||||
<div
|
|
||||||
class="text-primary text-uppercase text-weight-bold"
|
|
||||||
:class="$q.screen.lt.md ? '' : 'text-h6'"
|
|
||||||
>
|
>
|
||||||
|
<div class="column q-mt-lg text-uppercase text-center text-weight-bolder text-h4">
|
||||||
|
{{ $t('timesheet_approvals.page_title') }}
|
||||||
|
<div class="col row items-center justify-center full-width q-py-none q-my-none">
|
||||||
|
<div class="text-primary text-weight-bold text-h6">
|
||||||
{{ pay_period_label.start_date }}
|
{{ pay_period_label.start_date }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="text-body2 q-mx-md text-weight-medium">
|
||||||
class="text-grey-8 text-uppercase q-mx-md"
|
{{ $t('shared.misc.to') }}
|
||||||
:class="$q.screen.lt.md ? 'text-weight-medium text-caption' : 'text-weight-bold'"
|
|
||||||
>
|
|
||||||
{{ $t('timesheet.dateRangesTo') }}
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="text-primary text-weight-bold text-h6">
|
||||||
class="text-primary text-uppercase text-center text-weight-bold"
|
|
||||||
:class="$q.screen.lt.md ? '' : 'text-h6'"
|
|
||||||
>
|
|
||||||
{{ pay_period_label.end_date }}
|
{{ pay_period_label.end_date }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<TimesheetApprovalEmployeeOverviewList />
|
<TimesheetApprovalEmployeeOverviewList />
|
||||||
</q-page>
|
</q-page>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user