\n <>\n 
\n {error &&
);\n}\n\nexport default LoginForm;","import * as React from \"react\";\n\nimport LoginForm from \"../../../components/auth/login\";\n\nconst LoginPage : React.FC = () => {\n return (\n \n {error}\n
}\n \n \n Mot de passe oublié\n \n \n \n
\n );\n}\n\nexport default LoginPage;","import { get, post } from \"../xhr\";\n\nexport function list(requestData: { query: string, offset: number }) {\n return post('sellsy/contact/list', requestData);\n}\n\nexport function getContactById(requestData: { sellsyId: number }) {\n return post('sellsy/contact/data', requestData);\n}\n\nexport function listContactCompanies(requestData: { contactId: number }) {\n return post('sellsy/contact/companies/list', requestData);\n}\n\nexport function getModelsList() {\n return get('sellsy/models/list');\n}","import './loader.css'\nimport React from \"react\";\n\n\nexport const Loader: React.FC<{type?: \"border\"|\"grow\"}> = (props) => {\n\n const {type} = props;\n\n return (\n \n
\n )\n}\n\nexport default Loader;","import React, {useEffect, useState} from \"react\";\nimport * as api from \"../../../../adapters/sellsy\"\nimport Loader from \"../../../../utils/loader\";\n\nconst SellsyContactListModal = ({email, setContact}: {email: string, setContact: (contact: {\n id: number,\n email: string,\n first_name: string,\n last_name: string\n }) => void}) => {\n\n const [payload, setPayload] = useState<{\n \"pagination\": {\n \"limit\": number,\n \"total\": number,\n \"count\": number,\n \"offset\": number\n },\n data: {\n id: number,\n email: string,\n first_name: string,\n last_name: string\n }[]\n }>({data: [], pagination: {count: 0, total: 0, offset: 0, limit: 0}});\n\n const [fetchParams, setFetchParams] = useState<{query: string, offset: number}>({query: email, offset: 0});\n const [loading, setLoading] = useState(true)\n\n useEffect(() => {\n setLoading(true)\n api.list(fetchParams)\n .then(r => setPayload(r.data))\n .then(() => setLoading(false))\n }, [fetchParams])\n\n\n let timer: any;\n function handleQueryChange(e: React.ChangeEvent\n
\n \n Loading...\n
\n \n
\n\n}\n\nexport default SellsyContactListModal;","export const setPageTitle = (pageTitle: string, pageUnderTitle?: string) => {\n return {\n type: 'SET_PAGE_TITLE',\n pageTitle: pageTitle,\n pageUnderTitle: pageUnderTitle\n }\n};\n\nexport const setHelpProductSheetIds = (productSheetIds: number[]) => {\n return {\n type: 'SET_HELP_PRODUCT_SHEET_IDS',\n helpProductSheetIds: productSheetIds\n }\n};","import {post, get} from \"../xhr\";\nimport * as models from \"../../models/companies\";\n\nexport interface requestPayload {\n query?: string,\n offset?: number,\n ids?: number[];\n salaries?: (number|undefined)[];\n}\n\nexport function list(requestData?: requestPayload){\n return post('company/list', requestData || {});\n}\n\nexport function listBilling(){\n return get('company/list-billing');\n}\n\nexport function edit(requestData: any, id: number){\n return post('company/edit/' + id, requestData);\n}\n\nexport function create(requestData: any){\n return post('company/create', requestData);\n}\n\nexport function show(id: number){\n return get('company/show/' + id);\n}\n\nexport function generateTimeClockToken(id: number){\n return get('company/token/' + id);\n}\nexport function updateTimezone(requestData: {timezone: string}, id: number){\n return post('company/timezone/' + id, requestData);\n}\n\nexport function activate(id: number){\n return get('company/activate/' + id);\n}\n\nexport function deactivate(id: number){\n return get('company/deactivate/' + id);\n}","import {post, get, MULTIPART_FORM_DATA, Options} from \"../xhr\";\nimport * as models from \"../../models/salary\";\n\nexport interface requestPayload {\n query?: string,\n offset?: number,\n accessRight?: string,\n salaries?: (number|undefined)[],\n companies?: number[],\n activated?: boolean,\n jobs?: number[],\n}\n\nexport function list(requestData?: requestPayload, optionalHeader?: Options){\n return post('salary/list', requestData || {}, optionalHeader);\n}\n\nexport function choiceList(requestData?: requestPayload, optionalHeader?: Options){\n return post('salary/choice_list', requestData || {}, optionalHeader);\n}\n\nexport function available(requestData: {beginAt: string, endAt: string, query?: string, options?: {companies?: number[], jobs?: number[]}}){\n return post('salary/available', requestData);\n}\n\nexport function edit(requestData: {\n firstname: string,\n lastname: string,\n tel: string,\n email: string,\n birthdate: Date,\n companies: number[],\n address: {\n address: string,\n city: string,\n zip: number\n },\n}, id: number){\n return post('salary/edit/' + id, requestData);\n}\nexport function updateAccess(id: number, accessRightId: number){\n return get('salary/edit/' + id + '/access/' + accessRightId);\n}\n\nexport function checkEmailAvailable(requestData: { email: string }){\n return post('salary/check-email-available', requestData);\n}\n\nexport function create(requestData: models.Salary){\n return post('salary/create', requestData);\n}\n\nexport function show(id: number){\n return get('salary/show/' + id);\n}\nexport function qr(id: number){\n return get('salary/'+ id +'/qr');\n}\n\nexport function feed(requestData: {start: string, end: string}, signal : AbortSignal){\n return post('salary/feed', requestData, {signal: signal});\n}\n\nexport function _export(){\n return get('salary/export', {responseType: \"blob\"});\n}\n\nexport function _import(requestData: FormData){\n return post('salary/import', requestData, {headers: [MULTIPART_FORM_DATA], responseType: \"json\"});\n}\nexport function importFile(){\n return get('salary/import/file', {responseType: \"blob\"});\n}\n\nexport function confirm(id: number){\n return get('salary/confirm/' + id);\n}\n\nexport function validateToken(id: number, token: number){\n return get(`salary/${id}/validate-token/${token}`);\n}\n\nexport function setToken(id: number, token: number){\n return get(`salary/${id}/update-token/${token}`);\n}","import * as groupModels from \"../../models/companyGroup\";\nimport {get, post} from \"../xhr\";\nimport * as models from \"../../models/job\";\nimport * as xhr from \"../xhr\";\n\ninterface listPayload {\n offset?: number,\n query?: string,\n\n type?: number,\n status?: number,\n}\n\nexport function list(requestData?: listPayload){\n return post('job/list', requestData || {});\n}\n\nexport function edit(requestData: models.Job, id: number){\n return post('job/edit/' + id, requestData);\n}\n\nexport function create(requestData: models.Job){\n return post('job/create', requestData);\n}\n\nexport function show(id: string){\n return get('job/show/' + id);\n}\n\nexport function order(requestData: {id: number, position: number}[]){\n return xhr.post('job/order', requestData);\n}\n\nexport function activate(id: number){\n return xhr.get(`job/${id}/activate`);\n}\n\nexport function deactivate(id: number){\n return xhr.get(`job/${id}/deactivate`);\n}\n","import {post, get} from \"../xhr\";\nimport * as models from \"../../models/taskGroup\";\n\ninterface listPayload {\n offset?: number,\n query?: string\n}\nexport function list(requestData?: listPayload){\n return post('task/group/list', requestData || {});\n}\n\nexport function edit(requestData: models.TaskGroup, id: number){\n return post('task/group/edit/' + id, requestData);\n}\n\nexport function create(requestData: models.TaskGroup){\n return post('task/group/create', requestData);\n}\n\nexport function show(id: string){\n return get('task/group/show/' + id);\n}\nexport function deactivate(id: number){\n return get('task/group/deactivate/' + id);\n}","import * as xhr from \"../xhr\";\nimport * as models from \"../../models/accessLevel\";\n\ninterface listPayload {\n offset?: number,\n query?: string\n}\n\nexport function select(requestData?: listPayload){\n return xhr.post('access_level/list', requestData || {});\n}\n\nexport function patch(requestData: any, id: number){\n return xhr.post('access_level/edit/' + id, requestData);\n}\n\nexport function put(requestData: any){\n return xhr.post('access_level/create', requestData);\n}\n\nexport function accessRight(requestData: {underscoreCase: string}, id: number){\n return xhr.post(`access_level/${id}/access_right`, requestData);\n}\n\nexport function get(id: string){\n return xhr.get('access_level/show/' + id);\n}","import * as xhr from \"../xhr\";\nimport * as models from \"../../models/localisation\";\n\nexport interface requestPayload {\n query?: string,\n offset?: number,\n activated?: boolean,\n companies?: number[],\n}\n\nexport function select(requestData?: requestPayload){\n return xhr.post('localisation/list', requestData || {});\n}\n\nexport function patch(requestData: models.Localisation, id: number){\n return xhr.post('localisation/edit/' + id, requestData);\n}\n\nexport function put(requestData: models.Localisation){\n return xhr.post('localisation/create', requestData);\n}\n\nexport function get(id: string){\n return xhr.get('localisation/show/' + id);\n}\n\nexport function order(requestData: {id: number, position: number}[]){\n return xhr.post('localisation/order', requestData);\n}\n\nexport function activate(id: number){\n return xhr.get(`localisation/${id}/activate`);\n}\nexport function deactivate(id: number){\n return xhr.get(`localisation/${id}/deactivate`);\n}","import * as xhr from \"../xhr\";\nimport * as models from \"../../models/activity\";\n\nexport interface requestPayload {\n query?: string,\n offset?: number,\n companies?: number[],\n}\n\nexport function select(requestData?: requestPayload){\n return xhr.post('activity/list', requestData || {});\n}\n\nexport function patch(requestData: models.Activity, id: number){\n return xhr.post('activity/edit/' + id, requestData);\n}\n\nexport function put(requestData: any){\n return xhr.post('activity/create', requestData);\n}\n\nexport function order(requestData: {id: number, position: number}[]){\n return xhr.post('activity/order', requestData);\n}\n\nexport function get(id: string){\n return xhr.get('activity/show/' + id);\n}\n\nexport function activate(id: number){\n return xhr.get(`activity/${id}/activate`);\n}\nexport function deactivate(id: number){\n return xhr.get(`activity/${id}/deactivate`);\n}\n","import * as xhr from \"../xhr\";\n\ninterface ListPayload {\n offset? : number,\n query? : string,\n}\n\nexport function list(requestData: ListPayload, signal?: AbortSignal){\n return xhr.post('team/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: any, id: number){\n return xhr.post('team/edit/' + id, requestData);\n}\n\nexport function show(id: number){\n return xhr.get('team/show/' + id);\n}\n\nexport function create(requestData: any, options?:xhr.Options){\n return xhr.post('team/create', requestData, options);\n}\n\nexport function setSalaries(requestData: { salaries: string[] }, id: number){\n return xhr.post(`team/${id}/salaries`, requestData);\n}\n\nexport function removeSalary(id: number, salaryId: number){\n return xhr.get(`team/${id}/salaries/remove/${salaryId}`);\n}\n\nexport function get(id: string){\n return xhr.get('team/show/' + id);\n}\n\nexport function remove(id: number){\n return xhr.get('team/delete/' + id);\n}\n","import {get, post} from \"../xhr\";\n\nexport function list(id: number){\n return get(`timetable/list/${id}`);\n}\n\nexport function show(id: number){\n return get(`timetable/${id}/show`);\n}\n\nexport function copy(id: number, target: number){\n return get(`timetable/${id}/copy/${target}`);\n}\n\nexport function copyEvents(id: number, week: number, targets: number[]){\n return post(`timetable/${id}/copy_events/${week}`, {targets: targets});\n}\n\nexport function clean(id: number, week: number){\n return get(`timetable/${id}/clean_events/${week}`);\n}\n\nexport function deactivate( id: number){\n return get(`timetable/${id}/deactivate`);\n}\n\nexport function create(requestData: {title: string, start: Date, end?: Date, salary: number}){\n return post(`timetable/create`, requestData);\n}\n\nexport function duplicate(requestData: {title: string, start: Date, end?: Date, salary: number}, id: number){\n return post(`timetable/${id}/duplicate`, requestData);\n}\n\nexport function edit(requestData: {title: string}, id: number){\n return post(`timetable/${id}/edit`, requestData);\n}\n\nexport function workingTime(id: number, week: number){\n return get(`timetable/${id}/working_time/${week}`);\n}","import {get, post} from \"../../xhr\";\n\nexport function list(id: number){\n return get(`salary/template/list/${id}`);\n}\n\nexport function show(id: number){\n return get(`salary/template/${id}/show`);\n}\n\nexport function copy(id: number, target: number){\n return get(`salary/template/${id}/copy/${target}`);\n}\n\nexport function copyEvents(id: number, week: number, targets: number[]){\n return post(`salary/template/${id}/copy_events/${week}`, {targets: targets});\n}\n\nexport function clean(id: number, week: number){\n return get(`salary/template/${id}/clean_events/${week}`);\n}\n\nexport function deactivate( id: number){\n return get(`salary/template/${id}/deactivate`);\n}\n\nexport function create(requestData: {title: string, start: Date, end?: Date, salary: number}){\n return post(`salary/template/create`, requestData);\n}\n\nexport function duplicate(requestData: {title: string, start: Date, end?: Date, salary: number}, id: number){\n return post(`salary/template/${id}/duplicate`, requestData);\n}\n\nexport function edit(requestData: {title: string}, id: number){\n return post(`salary/template/${id}/edit`, requestData);\n}\n\nexport function workingTime(id: number, week: number){\n return get(`salary/template/${id}/working_time/${week}`);\n}","import React, {forwardRef, useEffect, useRef, useState} from \"react\";\nimport * as companyApi from \"../../adapters/company\";\nimport * as salaryApi from \"../../adapters/salary\";\nimport * as jobApi from \"../../adapters/job\";\nimport * as taskGroupApi from \"../../adapters/taskGroup\";\nimport * as accessLevelApi from \"../../adapters/accessLevel\";\nimport * as localisationApi from \"../../adapters/localisation\";\nimport * as activityApi from \"../../adapters/activity\";\nimport * as teamApi from \"../../adapters/team\";\nimport * as timetableApi from \"../../adapters/timetable\";\nimport * as templateApi from \"../../adapters/salary/template\";\nimport {Companies} from \"../../models/companies\";\nimport {Salaries} from \"../../models/salary\";\nimport {Jobs} from \"../../models/job\";\nimport {Localisation, Localisations} from \"../../models/localisation\";\nimport {Activities, Activity} from \"../../models/activity\";\nimport {PAGINATION} from \"../../constants/global\";\n\ninterface Choice {\n label: string,\n value: string|number,\n icon?: string\n}\nexport type Choices = Choice[];\n\ninterface BootstrapSelectInterface {\n label?: string;\n onTouch?: (touched: boolean) => void;\n placeholder?: string;\n name?: string;\n labelIcon?: string;\n className?:string;\n id?:string;\n required?: boolean;\n disabled?: boolean;\n enableReinitialize?: boolean;\n notFloating?: true,\n displayValue?: boolean,\n onChangeObject?: (val: any|null) => void;\n initialObjectsValues?: any[];\n}\n\ntype FetchParamsType = any\n// type FetchParamsType = salaryApi.requestPayload & companyApi.requestPayload & localisationApi.requestPayload\n\ntype BootstrapSelectOptions = | {\n options: Choices|undefined;\n fetchEntity?: never;\n fetchParams?: never;\n} | {\n options?: never;\n fetchEntity: \"salary\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"timetable\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"template\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"company\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"billingCompany\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"localisation\"|\"activity\";\n fetchParams?: FetchParamsType;\n} | {\n options?: never;\n fetchEntity: \"job\"|\"accessLevel\"|\"team\"|\"taskGroup\";\n fetchParams?: undefined\n}\n\ntype BootstrapSelectProps = BootstrapSelectInterface & BootstrapSelectOptions & (\n | {\n isMultiple?: false;\n values?: never;\n value?: Choice;\n onChange: (val: Choice|any|null) => void;\n onChangeMultiple?: never;\n }\n | {\n isMultiple: true;\n values?: Choices;\n value?: never;\n onChangeMultiple: (val: Choices) => void;\n onChange?: never;\n })\n\nconst BootstrapSelect:React.FC\n
\n \n
\n \n
\n Contacts sellsy
\n \n\n
\n - \n
- \n \n\n\n \n\n \n \n {loading &&
- \n \n setContact(contact)} className=\"form-check-input\" type=\"radio\" id={contact.email} />\n \n\n )}\n
\n
}\n {payload.data.map(contact => \n
\n \n}\n\nexport default BootstrapSelect;","import React from \"react\";\nimport {FormikErrors, FormikTouched, getIn} from \"formik\";\n\nexport default function validationClass(errors: FormikErrors\n {[<>\n {!isMenuOpen && {\n e.stopPropagation()\n if (isMultiple && isMenuOpen && !!_values?.length){\n setIsMenuOpen(false);\n }\n }}\n onChange={(e) => setQuery(e.currentTarget.value)}\n defaultValue={query}\n type=\"text\"\n placeholder={'Recherchez une option'}\n className={`form-select ${className} search-input ${isLoading && 'is-loading'}`}\n />}\n , <>\n \n ].sort((e, i) => {\n return notFloating ? 1 : 0;\n })}\n
\n {\n e.stopPropagation()\n if (!disabled) {\n setIsMenuOpen(true)\n if (onTouch){\n onTouch(true)\n }\n }\n }}>\n {\n isMultiple ? (_values?.length ? _values.map(choice =>\n {e.stopPropagation()}} className={'me-2'}>{choice.label}\n removeValue(choice)} className={'bg-light'}>\n \n \n ) :\n (placeholder !== undefined ? placeholder : 'Séléctionnez des options')) :\n (_value && displayValue !== false ? {e.stopPropagation()}} className={'me-2'}>\n {_value.label}\n {!required && removeValue(_value)} className={'bg-light'}>\n \n }\n : (placeholder !== undefined ? placeholder : 'Séléctionnez une option'))\n }\n
}\n {isMenuOpen && - \n {filteredOptions.length ? filteredOptions.map((option, index) =>
- clickItem(option)} className={'list-group-item px-1 list-group-item-action'}>\n {(_values?.find(v => v.value === option.value) || _value === option) && displayValue !== false && }\n {option.label}\n ) : (
- {isLoading ? \"Chargement des options\" : \"Aucune option disponible\"} )}\n {filteredOptions.length > 0 && isLoading &&
- \n \n Chargement ...\n\n\n }\n
\n \n \n
\n \n})\n\nexport default DateCustomInput;","import { useEffect, useState } from \"react\";\nimport { RootStateOrAny, useDispatch, useSelector } from \"react-redux\";\nimport { useFormik } from 'formik';\nimport * as Yup from 'yup';\n\nimport DatePicker from \"react-datepicker\";\nimport SellsyContactListModal from \"./sellsy\";\n\nimport { register } from \"../../../adapters/auth\";\nimport { setPageTitle } from \"../../../actions/header\";\n\nimport BootstrapSelect from \"../../../utils/bootstrapSelect\";\nimport validationClass from \"../../../utils/validationClass\";\nimport FormError from \"../../../utils/formError\";\nimport DateCustomInput from \"../../../utils/customInput\";\n\nconst RegisterForm = () => {\n const dispatch = useDispatch();\n\n const state = useSelector((state: RootStateOrAny) => state);\n\n const [error, setError] = useState\n
\n )\n }\n\n return (\n \n
\n \n \n Félicitation.\n \n Le compte Sivan de {title} à bien été créé\n \n
\n \n Un email a été envoyé à l'adresse email : {email}\n \n Veuillez suivre les instructions préciser dans ce mail pour activer le compte.\n
\n \n\n \n\n setContact(c)} email={formik.values.email} />\n
\n )\n}\n\nexport default RegisterForm;","import * as React from \"react\";\n\nimport RegisterForm from \"../../../components/auth/register\";\n\nconst RegisterPage : React.FC = () => {\n return (\n \n
\n}\n\nexport default CompaniesList;","import { format } from 'date-fns'\nimport fr from 'date-fns/locale/fr'\n\nconst locales = {fr}\n\n// by providing a default string of 'PP' or any of its variants for `formatStr`\n// it will format dates in whichever way is appropriate to the locale\nexport default function (date: Date, formatStr = \"E dd MMMM uuuu\") {\n return format(date, formatStr, {\n locale: locales[\"fr\"] // or global.__localeId__\n })\n}\n","import {ModuleSettings} from \"../../models/companyGroup\";\n\nconst HasModule = (module: \"timeClock\"|\"task\"|\"accounting\"|\"payroll\"|\"slotExchange\"|\"team\"|\"label\"|\"bookingOffer\"|\"document\"|\"expense\"|\"smsNotifications\"|string) => {\n let user = localStorage.getItem('user')\n\n if (user){\n let data = JSON.parse(user)\n \n if (!data.currentSalary){\n return false;\n }\n\n const modules: ModuleSettings = data.currentSalary.companyGroup.modules;\n \n switch (module){\n case \"timeClock\":\n return modules.timeClock;\n case \"task\":\n return modules.task;\n case \"accounting\":\n return modules.accounting;\n case \"payroll\":\n return modules.payroll;\n case \"slotExchange\":\n return modules.slotExchange;\n case \"team\":\n return modules.team;\n case \"label\":\n return modules.label;\n case \"bookingOffer\":\n return modules.bookingOffer;\n case \"document\":\n return modules.document;\n case \"expense\":\n return modules.expense;\n case \"smsNotifications\":\n return modules.smsNotifications;\n default:\n return false;\n }\n }\n\n return false;\n}\n\nexport default HasModule;","import React, {useState} from \"react\";\nimport * as accessRights from \"../../../../constants/accessRight\";\nimport {openSidebar} from \"../../../../actions/rightSidebar\";\nimport {FORM_EDIT_COMPANY} from \"../../../../constants/rightSidebar\";\nimport format from \"../../../../utils/locale\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport Loader from \"../../../../utils/loader\";\nimport HasModule from \"../../../../security/hasModule\";\nimport {Company} from \"../../../../models/companies\";\nimport * as api from \"../../../../adapters/company\";\nimport * as actions from \"../../../../actions/companies\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport {Granted, GrantedAny} from \"../../../../security/granted\";\nimport {AxiosError} from \"axios\";\n\nconst CompanyInformation:React.FC = () => {\n\n const state = useSelector((state: RootStateOrAny) => state.companies)\n const company: Company = useSelector((state: RootStateOrAny) => state.companies.single)\n const [isGeneratingToken, setIsGeneratingToken] = useState\n {Granted(accessRights.EDIT_COMPANY) &&
\n {state.payload.length ? state.payload.map((company: models.Company, index: number) => ([\n \n {company.title}\n \n ]))\n :\n !isLoading && \n }\n\n {isLoading && }\n \n \n
}\n \n
\n \n \n {isFiltering ?
\n \n Loading...\n
: }\n \n {\n setQuery(e.target.value)\n }} className=\"form-control border-0 bg-white\" placeholder=\"Rechercher...\" aria-describedby=\"search-addon\" />\n \n \n \n
\n
\n \n}\n\nexport default CompanyInformation;","import React from \"react\";\nimport Loader from \"../../loader\";\n\ninterface BgProps {\n showLoader?: boolean,\n hasId?: boolean,\n}\n\nconst BgSingle:React.FC\n
\n \n
\n {GrantedAny([accessRights.EDIT_COMPANY, accessRights.DELETE_COMPANY]) && \n Informations\n
\n\n {Granted(accessRights.EDIT_COMPANY) && }\n {company.activated && Granted(accessRights.DELETE_COMPANY) && }\n {!company.activated && Granted(accessRights.DELETE_COMPANY) && }\n
}\n | \n Nom de l'entreprise\n | \n\n {company.title}\n | \n
| \n Tél\n | \n\n {company.tel}\n | \n
| \n Email\n | \n\n {company.email}\n | \n
| \n Ville\n | \n\n {company.address.city}\n | \n
| \n Code postal\n | \n\n {company.address.zip}\n | \n
| \n Adresse\n | \n\n {company.address.address}\n | \n
| \n Ouverture\n | \n\n {format(new Date(company.timesheet.openAt), 'HH:mm')}\n | \n
| \n Fermeture\n | \n\n {format(new Date(company.timesheet.closeAt), 'HH:mm')}\n | \n
| \n Pause\n | \n\n {company.timesheet.breakStart && company.timesheet.breakFinish ? format(new Date(company.timesheet.breakStart), 'HH:mm') + \" - \" + format(new Date(company.timesheet.breakFinish), 'HH:mm') : \"Non renseigné\"}\n | \n
| \n Récurrence des semaines\n | \n\n {company.timesheet.recurrence}\n | \n
| \n Semaine en cours\n | \n\n {company.timesheet.currentWeek}\n | \n
| \n Lien badgeuse\n | \n\n {company.timeClockToken ? <>\n \n https://timeclock.sivan.io/{company.timeClockToken.substring(0,7)}...\n \n | \n
| \n Timezone\n | \n\n | \n
\n \n {showLoader &&
\n}\n\nexport default BgSingle;","import React, {useEffect, useState} from \"react\";\nimport {useParams} from \"react-router-dom\";\nimport * as actions from \"../../../actions/companies\";\nimport {setPageTitle} from \"../../../actions/header\";\nimport * as api from \"../../../adapters/company\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {Company} from \"../../../models/companies\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport * as types from \"../../../constants/companyGroup\";\nimport {Link} from \"react-router-dom\";\nimport CompanyInformation from \"./information\";\nimport CompanyFlow from \"./flow\";\nimport {axiosError} from \"../../../actions/axios\";\nimport BgSingle from \"../../../utils/background/single\";\nimport {Granted} from \"../../../security/granted\";\n\nconst CompanyShow: React.FC = () => {\n\n let params: {id: string} = useParams()\n const dispatch = useDispatch();\n const [currentTab, setCurrentTab] = useState\n
\n }\n\n return - \n
- \n \n \n {Granted(accessRights.LIST_CUSTOMER_FLOW) && false &&
- \n \n }\n
\n
\n}\n\nexport default CompanyShow;","import * as React from \"react\";\n\nimport CompaniesList from \"../../components/companies/list\";\nimport CompanyShow from \"../../components/companies/show\";\n\nconst CompaniesPage : React.FC = () => {\n return (\n \n {currentTab === 'info' &&
\n \n
\n );\n}\n\nexport default CompaniesPage;","import React, {useEffect} from \"react\";\nimport {setPageTitle} from \"../../../actions/header\";\nimport {useDispatch} from \"react-redux\";\n\nconst Error404 : React.FC = () => {\n\n const dispatch = useDispatch();\n\n useEffect(() => {\n dispatch(setPageTitle(\"Erreur 404\"))\n }, [])\n\n return (\n \n
\n );\n}\n\nexport default Error404;","import React, {useEffect, useState} from \"react\";\nimport {Link, useParams} from \"react-router-dom\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as actions from \"../../../actions/auth\"\nimport * as api from \"../../../adapters/auth\";\n\nconst Confirmation: React.FC = () => {\n\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state.auth);\n const params: {token: string, redirect?: string} = useParams();\n const [isConfirm, setIsConfirm] = useState\n \n
\n \n 404, cette page n'existe pas !\n
\n\n
\n \n }\n\n if (state.isLoading){\n return <>\n \n
\n \n
\n \n {state.error}\n
\n \n
\n \n }\n\n if (isConfirm){\n return <>\n \n
\n \n
\n \n
\n \n Loading...\n
Verification du token en cours\n \n
\n \n }\n\n return <>\n}\n\nexport default Confirmation;","import * as React from \"react\";\n\nimport Confirmation from \"../../../components/auth/confirmation\";\n\nconst ConfirmationPage : React.FC = () => {\n return (\n \n
\n \n
\n \n Votre compte est activé !\n
\n \n
\n \n }\n\n return <>\n \n
\n \n
\n \n
\n \n Loading...\n
Récupération des informations\n \n
\n \n}\n\nexport default PasswordConfirmation;","import * as React from \"react\";\n\nimport PasswordConfirmation from \"../../../components/auth/passwordConfirmation\";\n\nconst PasswordConfirmationPage : React.FC = () => {\n return (\n \n
\n \n {state.error &&
\n \n {state.error}\n
}\n {email && <>\n \n Choisissez votre mot de passe pour confirmer votre compte\n
\n \n }\n\n
\n )\n}\n\nexport default AccessLevelList;","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {useParams} from \"react-router-dom\";\nimport * as actions from \"../../../actions/accessLevel\";\nimport * as api from \"../../../adapters/accessLevel\";\nimport '../../../utils/checkboxAndRadios/index.scss'\nimport {setPageTitle} from \"../../../actions/header\";\nimport {AccessLevel} from \"../../../models/accessLevel\";\nimport * as accessRightsConstants from \"../../../constants/accessRight\";\nimport {Granted} from \"../../../security/granted\";\nimport {Link} from \"react-router-dom\";\nimport {editAccessLevelSuccess} from \"../../../actions/accessLevel\";\nimport BgSingle from \"../../../utils/background/single\";\nimport HasModule from \"../../../security/hasModule\";\n\nexport const AccessLevelShow: React.FC = (props) => {\n\n const dispatch = useDispatch();\n const params: {id: string} = useParams();\n const state = useSelector((state: RootStateOrAny) => state.accessLevel)\n const accessLevel: AccessLevel = useSelector((state: RootStateOrAny) => state.accessLevel.payload.find((a: AccessLevel) => a.id!.toString() === params.id))\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n setIsLoading(!!params.id)\n if (accessLevel){\n dispatch((actions.showAccessLevelSuccess(accessLevel)))\n dispatch(setPageTitle('Droits d\\'accès', accessLevel.title))\n setIsLoading(false)\n }else if(params.id){\n api.get(params.id).then(data => {\n actions.showAccessLevelSuccess(data.data)\n dispatch(setPageTitle('Droits d\\'accès', data.data.title))\n setIsLoading(false)\n })\n }\n }, [params.id])\n\n\n const addOrRemove = (underscoreCase: string) => {\n setIsLoading(true);\n api.accessRight({underscoreCase: underscoreCase}, accessLevel.id).then(data => {\n dispatch(editAccessLevelSuccess(data.data))\n setIsLoading(false);\n })\n }\n\n if (!accessLevel || !params.id){\n return \n \n
\n\n {state.payload.length ? state.payload.map((accessLevel: models.AccessLevel) => ([\n \n {accessLevel.title}\n \n ]))\n :\n \n }\n \n
\n}\n\nexport default AccessLevelShow;","import * as React from \"react\";\n\nimport AccessLevelList from \"../../components/accessLevel/list\";\nimport AccessLevelShow from \"../../components/accessLevel/show\";\n\nconst AccessLevelPage : React.FC = () => {\n return (\n \n
\n \n \n Retour\n \n
\n \n
\n \n {Object.entries(accessRightsConstants.availableAccessRight).map(([key, obj], index) => {\n\n if (obj.module !== \"\"){\n if (!HasModule(obj.module)){\n return <>\n }\n }\n\n return <>\n \n {obj.title}\n \n \n })}\n
\n \n \n
\n )\n}\n\nexport default AccessLevelPage;","export const ADD_ABSENCE = 'ADD_ABSENCE';\nexport const ADD_ABSENCE_SUCCESS = 'ADD_ABSENCE_SUCCESS';\nexport const ADD_ABSENCE_FAILURE = 'ADD_ABSENCE_FAILURE';\n\nexport const EDIT_ABSENCE = 'EDIT_ABSENCE';\nexport const EDIT_ABSENCE_SUCCESS = 'EDIT_ABSENCE_SUCCESS';\nexport const EDIT_ABSENCE_FAILURE = 'EDIT_ABSENCE_FAILURE';\n\nexport const FETCH_ABSENCES = 'FETCH_ABSENCES';\nexport const FETCH_ABSENCES_SUCCESS = 'FETCH_ABSENCES_SUCCESS';\nexport const FETCH_ABSENCES_FAILURE = 'FETCH_ABSENCES_FAILURE';\n\nexport const SHOW_ABSENCE = 'SHOW_ABSENCE';\nexport const SHOW_ABSENCE_SUCCESS = 'SHOW_ABSENCE_SUCCESS';\nexport const SHOW_ABSENCE_FAILURE = 'SHOW_ABSENCE_FAILURE';\n\nexport const CANCEL_ABSENCE_SUCCESS = 'CANCEL_ABSENCE_SUCCESS';\n\nexport const TYPE_CP = 1;\nexport const TYPE_RTT = 2;\nexport const TYPE_CSS = 3;\nexport const TYPE_REPOS = 4;\nexport const TYPE_MALADIE = 5;\nexport const TYPE_EVENT = 6;\nexport const TYPE_CT = 7;\nexport const TYPE_FORM = 8;\nexport const TYPE_MAT = 9;\nexport const TYPE_PAT = 10;\nexport const TYPE_PAR = 11;\nexport const TYPE_CHILD_DISEASE = 12;\nexport const TYPE_WORK_ACCIDENT = 13;\nexport const TYPE_UNJUSTIFIED = 14;\nexport const TYPE_PROTECTIVE_LAYOFF = 15;\nexport const TYPE_DISCIPLINARY_DISMISSAL = 16;\nexport const TYPE_TRAVEL_ACCIDENT = 17;\n\nexport const TYPE_NAMES = {\n 1: 'Congé payé',\n 2: 'RTT',\n 3: 'Congé sans solde',\n 4: 'Repos',\n 5: 'Arrêt maladie',\n 6: 'Évènement exceptionnel',\n 8: 'Formation',\n 9: 'Congé maternité',\n 10: 'Congé paternité',\n 11: 'Congé parental',\n 12: 'Enfant malade',\n 13: 'Accident de travail',\n 14: 'Absence non justifiée',\n 15: 'Mise à pied conservatoire',\n 16: 'Mise à pied disciplinaire',\n 17: 'Accident de trajet'\n};\n\nexport const COMPLEMENT_ALL_DAY = 1;\nexport const COMPLEMENT_MORNING = 2;\nexport const COMPLEMENT_AFTERNOON = 3;\n\nexport const COMPLEMENT_NAMES = {\n 1: 'Toute la journée',\n 2: 'Matin',\n 3: 'Après midi',\n}\n\nexport const EVENT_TYPE_WEDDING = 1;\nexport const EVENT_TYPE_BIRTH = 2;\nexport const EVENT_TYPE_DEATH = 3;\nexport const EVENT_TYPE_ELSE = 4;\n\nexport const EVENT_TYPE_NAMES = {\n 1: 'Mariage/Pacs',\n 2: 'Naissance/Adoption',\n 3: 'Décés',\n 4: 'Autre',\n}\n\nexport const STATUS_PENDING = 1;\nexport const STATUS_ACCEPTED = 2;\nexport const STATUS_REFUSED = 3;\n\nexport const STATUS_NAMES = {\n 1: 'En attente',\n 2: 'Accepté',\n 3: 'Refusé',\n}\n\nexport const EVENT_TYPE_PRECISION_WEDDING_WEDDING_SALARY = 1;\nexport const EVENT_TYPE_PRECISION_WEDDING_PACS_SALARY = 2;\nexport const EVENT_TYPE_PRECISION_WEDDING_WEDDING_CHILD = 3;\nexport const EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING = 4;\nexport const EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING_IN_LAW = 5;\nexport const EVENT_TYPE_PRECISION_WEDDING_ASCENDANT = 6;\nexport const EVENT_TYPE_PRECISION_WEDDING_GRANDCHILD = 7;\n\nlet eventPrecisionWedding: number[] = [\n EVENT_TYPE_PRECISION_WEDDING_WEDDING_SALARY,\n EVENT_TYPE_PRECISION_WEDDING_PACS_SALARY,\n EVENT_TYPE_PRECISION_WEDDING_WEDDING_CHILD,\n EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING,\n EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING_IN_LAW,\n EVENT_TYPE_PRECISION_WEDDING_ASCENDANT,\n EVENT_TYPE_PRECISION_WEDDING_GRANDCHILD\n];\n\nlet eventPrecisionWeddingName: string[] = [];\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_WEDDING_SALARY] = \"Mariage du salarié\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_PACS_SALARY] = \"Pacs du salarié\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_WEDDING_CHILD] = \"Mariage d'un enfant\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING] = \"Mariage d'un frère ou d'une soeur\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_WEDDING_SIBLING_IN_LAW] = \"Marage d'un beau frère ou d'une belle soeur\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_ASCENDANT] = \"Mariage d'un ascendant\";\neventPrecisionWeddingName[EVENT_TYPE_PRECISION_WEDDING_GRANDCHILD] = \"Mariage d'un petit-enfant\";\n\nexport const getEventPrecisionChoices = (eventType: number) => {\n switch (eventType){\n case EVENT_TYPE_WEDDING:\n return [...eventPrecisionWedding.map((val => {return {value: val, label: eventPrecisionWeddingName[val]}}))]\n case EVENT_TYPE_BIRTH:\n return [...eventPrecisionBirth.map((val => {return {value: val, label: eventPrecisionBirthName[val]}}))]\n case EVENT_TYPE_DEATH:\n return [...eventPrecisionDeath.map((val => {return {value: val, label: eventPrecisionDeathName[val]}}))]\n case EVENT_TYPE_ELSE:\n return [...eventPrecisionElse.map((val => {return {value: val, label: eventPrecisionElseName[val]}}))]\n default:\n return [\n {label: \"Aucune option\", value: 0}\n ]\n }\n}\n\nexport const getTypeChoices = () => {\n return [\n {value: TYPE_CP, label: TYPE_NAMES[TYPE_CP]},\n {value: TYPE_RTT, label: TYPE_NAMES[TYPE_RTT]},\n {value: TYPE_CSS, label: TYPE_NAMES[TYPE_CSS]},\n {value: TYPE_REPOS, label: TYPE_NAMES[TYPE_REPOS]},\n {value: TYPE_MALADIE, label: TYPE_NAMES[TYPE_MALADIE]},\n {value: TYPE_EVENT, label: TYPE_NAMES[TYPE_EVENT]},\n {value: TYPE_FORM, label: TYPE_NAMES[TYPE_FORM]},\n {value: TYPE_MAT, label: TYPE_NAMES[TYPE_MAT]},\n {value: TYPE_PAT, label: TYPE_NAMES[TYPE_PAT]},\n {value: TYPE_PAR, label: TYPE_NAMES[TYPE_PAR]},\n {value: TYPE_CHILD_DISEASE, label: TYPE_NAMES[TYPE_CHILD_DISEASE]},\n {value: TYPE_WORK_ACCIDENT, label: TYPE_NAMES[TYPE_WORK_ACCIDENT]},\n {value: TYPE_UNJUSTIFIED, label: TYPE_NAMES[TYPE_UNJUSTIFIED]},\n {value: TYPE_PROTECTIVE_LAYOFF, label: TYPE_NAMES[TYPE_PROTECTIVE_LAYOFF]},\n {value: TYPE_DISCIPLINARY_DISMISSAL, label: TYPE_NAMES[TYPE_DISCIPLINARY_DISMISSAL]},\n {value: TYPE_TRAVEL_ACCIDENT, label: TYPE_NAMES[TYPE_TRAVEL_ACCIDENT]}\n ]\n}\n\nexport const getTypeChoice = (choice: number) => {\n return getTypeChoices().find(c => c.value === choice)!\n}\n\nexport const getComplementChoices = () => {\n return [\n {value: COMPLEMENT_ALL_DAY, label: COMPLEMENT_NAMES[COMPLEMENT_ALL_DAY]},\n {value: COMPLEMENT_MORNING, label: COMPLEMENT_NAMES[COMPLEMENT_MORNING]},\n {value: COMPLEMENT_AFTERNOON, label: COMPLEMENT_NAMES[COMPLEMENT_AFTERNOON]},\n ];\n}\n\nexport const getEventTypeChoices = () => {\n return [\n {value: EVENT_TYPE_WEDDING, label: EVENT_TYPE_NAMES[EVENT_TYPE_WEDDING]},\n {value: EVENT_TYPE_BIRTH, label: EVENT_TYPE_NAMES[EVENT_TYPE_BIRTH]},\n {value: EVENT_TYPE_DEATH, label: EVENT_TYPE_NAMES[EVENT_TYPE_DEATH]},\n {value: EVENT_TYPE_ELSE, label: EVENT_TYPE_NAMES[EVENT_TYPE_ELSE]},\n ];\n}\n\nexport const getStatusChoices = () => {\n return [\n {value: STATUS_PENDING, label: STATUS_NAMES[STATUS_PENDING]},\n {value: STATUS_ACCEPTED, label: STATUS_NAMES[STATUS_ACCEPTED]},\n {value: STATUS_REFUSED, label: STATUS_NAMES[STATUS_REFUSED]},\n ];\n}\n\nexport const EVENT_TYPE_PRECISION_BIRTH_BIRTH = 1;\nexport const EVENT_TYPE_PRECISION_BIRTH_ADOPTION = 2;\n\nlet eventPrecisionBirth: number[] = [\n EVENT_TYPE_PRECISION_BIRTH_BIRTH,\n EVENT_TYPE_PRECISION_BIRTH_ADOPTION\n]\n\nlet eventPrecisionBirthName: string[] = [];\neventPrecisionBirthName[EVENT_TYPE_PRECISION_BIRTH_BIRTH] = \"Naissance\";\neventPrecisionBirthName[EVENT_TYPE_PRECISION_BIRTH_ADOPTION] = \"Adoption\";\n\n\nexport const EVENT_TYPE_PRECISION_DEATH_PARENT_IN_LAW = 1;\nexport const EVENT_TYPE_PRECISION_DEATH_PARTNER = 2;\nexport const EVENT_TYPE_PRECISION_DEATH_CHILD = 3;\nexport const EVENT_TYPE_PRECISION_DEATH_SIBLING = 4;\nexport const EVENT_TYPE_PRECISION_DEATH_GRAND_PARENTS = 5;\nexport const EVENT_TYPE_PRECISION_DEATH_PARENTS = 6;\nexport const EVENT_TYPE_PRECISION_DEATH_SIBLING_IN_LAW = 7;\nexport const EVENT_TYPE_PRECISION_DEATH_CHILD_IN_LAW = 8;\nexport const EVENT_TYPE_PRECISION_DEATH_GRANDCHILD = 9;\n\nlet eventPrecisionDeath: number[] = [\n EVENT_TYPE_PRECISION_DEATH_PARENT_IN_LAW,\n EVENT_TYPE_PRECISION_DEATH_PARTNER,\n EVENT_TYPE_PRECISION_DEATH_CHILD,\n EVENT_TYPE_PRECISION_DEATH_SIBLING,\n EVENT_TYPE_PRECISION_DEATH_GRAND_PARENTS,\n EVENT_TYPE_PRECISION_DEATH_PARENTS,\n EVENT_TYPE_PRECISION_DEATH_SIBLING_IN_LAW,\n EVENT_TYPE_PRECISION_DEATH_CHILD_IN_LAW,\n EVENT_TYPE_PRECISION_DEATH_GRANDCHILD\n]\n\nlet eventPrecisionDeathName: string[] = [];\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_PARENT_IN_LAW] = \"Décès du beau père ou de la belle mère\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_PARTNER] = \"Décès du conjoint, concubin ou du partenaire lié par un PACS\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_CHILD] = \"Décès d’un enfant\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_SIBLING] = \"Décès d’un frère ou d’une sœur\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_GRAND_PARENTS] = \"Décès d'un grand-parent\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_PARENTS] = \"Décès du père ou de la mère\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_SIBLING_IN_LAW] = \"Décès d'un beau-frère ou d'une belle-soeur\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_CHILD_IN_LAW] = \"Décès d'un gendre ou d'une belle-fille\";\neventPrecisionDeathName[EVENT_TYPE_PRECISION_DEATH_GRANDCHILD] = \"Décès d'un petit-enfant\";\n\nexport const EVENT_TYPE_PRECISION_ELSE_CHILD_HANDICAP = 1;\nexport const EVENT_TYPE_PRECISION_ELSE_MOVE = 2;\nexport const EVENT_TYPE_PRECISION_ELSE_CALL_OF_DUTY = 3;\nexport const EVENT_TYPE_PRECISION_ELSE_PARTNER_DISEASE = 4;\nexport const EVENT_TYPE_PRECISION_ELSE_PROFESSIONAL_EXAM = 5;\nexport const EVENT_TYPE_PRECISION_ELSE_CHILD_CEREMONY = 6;\n\nlet eventPrecisionElse: number[] = [\n EVENT_TYPE_PRECISION_ELSE_CHILD_HANDICAP,\n EVENT_TYPE_PRECISION_ELSE_MOVE,\n EVENT_TYPE_PRECISION_ELSE_CALL_OF_DUTY,\n EVENT_TYPE_PRECISION_ELSE_PARTNER_DISEASE,\n EVENT_TYPE_PRECISION_ELSE_PROFESSIONAL_EXAM,\n EVENT_TYPE_PRECISION_ELSE_CHILD_CEREMONY,\n]\n\nlet eventPrecisionElseName: string[] = [];\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_CHILD_HANDICAP] = \"Handicap survenant chez un enfant\";\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_MOVE] = \"Déménagement\";\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_CALL_OF_DUTY] = \"Appel de préparation à la défense\";\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_PARTNER_DISEASE] = \"Conjoint malade ou hospitalisé\";\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_PROFESSIONAL_EXAM] = \"Examen professionnel consécutif à une période de formation continue\";\neventPrecisionElseName[EVENT_TYPE_PRECISION_ELSE_CHILD_CEREMONY] = \"Cérémonie d'un enfant (communion solennelle...)\";\n\n","import * as types from \"../../constants/absence\";\nimport * as models from \"../../models/absence\";\n\nexport const addAbsence = () => {\n return {\n type: types.ADD_ABSENCE,\n }\n}\n\nexport const addAbsenceSuccess = (absence: models.Absence) => {\n return {\n type: types.ADD_ABSENCE_SUCCESS,\n absence: absence,\n }\n}\n\nexport const addAbsenceFailure = (error: string) => {\n return {\n type: types.ADD_ABSENCE_FAILURE,\n absence: null,\n absences: null,\n error: error\n }\n}\n\nexport const editAbsence = () => {\n return {\n type: types.EDIT_ABSENCE,\n }\n}\n\nexport const cancelAbsenceSuccess = (absence: models.Absence) => {\n return {\n type: types.CANCEL_ABSENCE_SUCCESS,\n absence: absence\n }\n}\n\nexport const editAbsenceSuccess = (absence: models.Absence) => {\n return {\n type: types.EDIT_ABSENCE_SUCCESS,\n absence: absence\n }\n}\n\nexport const editAbsenceFailure = (error: string) => {\n return {\n type: types.EDIT_ABSENCE_FAILURE,\n absence: null,\n absences: null,\n error: error\n }\n}\n\nexport const fetchAbsences = () => {\n return {\n type: types.FETCH_ABSENCES,\n }\n}\n\nexport const fetchAbsencesFailure = (error: string) => {\n return {\n type: types.FETCH_ABSENCES_FAILURE,\n absence: null,\n absences: [],\n error: error\n }\n}\n\nexport const fetchAbsencesSuccess = (absences: models.Absences) => {\n return {\n type: types.FETCH_ABSENCES_SUCCESS,\n absence: null,\n absences: absences\n }\n}\n\n\nexport const showAbsence = () => {\n return {\n type: types.SHOW_ABSENCE,\n }\n}\nexport const showAbsenceSuccess = (absence: models.Absence) => {\n return {\n type: types.SHOW_ABSENCE_SUCCESS,\n absence: absence\n }\n}\nexport const showAbsenceFailure = (error: string) => {\n return {\n type: types.SHOW_ABSENCE_FAILURE,\n absence: null,\n absences: null,\n error: error\n }\n}","import * as xhr from \"../xhr\";\n\ninterface listPayload {\n offset? : number,\n status? : string[],\n types? : string[],\n dates? : [string|null, string|null],\n salaries?: number[],\n companies?: number[],\n}\n\nexport function list(requestData: listPayload, signal: AbortSignal){\n return xhr.post('absence/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: any, id: number){\n return xhr.post('absence/edit/' + id.toString(), requestData);\n}\n\nexport function editStatus(requestData: { status: 1|2|3 }, id: number){\n return xhr.post(`absence/edit/${id}/status`, requestData);\n}\n\nexport function create(requestData: any, options?:xhr.Options){\n return xhr.post('absence/create', requestData, options);\n}\n\nexport function get(id: string){\n return xhr.get('absence/show/' + id);\n}\n\nexport function listForSalary(id: number, filters: { offset: number, limit: number }){\n return xhr.post('absence/list_salary/' + id, filters);\n}\n\nexport function counter(id: string){\n return xhr.get('absence/counter/' + id);\n}\n\nexport function balance(absence: {start: string, end: string}, salary: number, signal: AbortSignal){\n return xhr.post('absence/balance/' + salary, absence, {signal: signal});\n}\n\nexport function cancel(id: number){\n return xhr.get('absence/delete/' + id);\n}\n\nexport function downloadFile(id: string, options?:xhr.Options){\n return xhr.get('absence/justification/'+ id +'/download', options);\n}\n\nexport function days(id: string){\n return xhr.get('absence/days/'+ id);\n}","import moment from \"moment\";\n\nexport const FETCH_EVENTS = 'FETCH_EVENTS';\nexport const FETCH_EVENTS_SUCCESS = 'FETCH_EVENTS_SUCCESS';\nexport const FETCH_ALL_EVENTS_SUCCESS = 'FETCH_ALL_EVENTS_SUCCESS';\nexport const FETCH_EVENTS_FAILURE = 'FETCH_EVENTS_FAILURE';\n\nexport const FETCH_PRESENCE_EVENTS_SUCCESS = 'FETCH_PRESENCE_EVENTS_SUCCESS';\n\nexport const FETCH_NEED_EVENTS_SUCCESS = 'FETCH_NEED_EVENTS_SUCCESS';\n\nexport const FETCH_TASKS_SUCCESS = 'FETCH_TASKS_SUCCESS';\n\nexport const FETCH_RESOURCES = 'FETCH_RESOURCES';\nexport const FETCH_RESOURCES_SUCCESS = 'FETCH_RESOURCES_SUCCESS';\nexport const FETCH_RESOURCES_FAILURE = 'FETCH_RESOURCES_FAILURE';\n\nexport const FETCH_WORKING_TIMES = 'FETCH_WORKING_TIMES';\nexport const FETCH_WORKING_TIMES_SUCCESS = 'FETCH_WORKING_TIMES_SUCCESS';\nexport const FETCH_WORKING_TIMES_FAILURE = 'FETCH_WORKING_TIMES_FAILURE';\n\nexport const FETCH_TITLE_SUCCESS = 'FETCH_TITLE_SUCCESS';\nexport const FETCH_PAYROLL_SUCCESS = 'FETCH_TITLE_SUCCESS';\n\nexport const SET_EVENT_CLICK_ARG = 'SET_EVENT_CLICK_ARG';\n\nexport const SHOW_EVENT_POP = 'SHOW_EVENT_POP';\nexport const HIDE_EVENT_POP = 'HIDE_EVENT_POP';\n\nexport const SHOW_EVENT_POPUP = 'SHOW_EVENT_POPUP';\nexport const HIDE_EVENT_POPUP = 'HIDE_EVENT_POPUP';\n\nexport const SHOW_TEMPLATE_EVENT_POP = 'SHOW_TEMPLATE_EVENT_POP';\nexport const HIDE_TEMPLATE_EVENT_POP = 'HIDE_TEMPLATE_EVENT_POP';\n\nexport const SHOW_RESOURCE_ACTIONS = 'SHOW_RESOURCE_ACTIONS';\nexport const HIDE_RESOURCE_ACTIONS = 'HIDE_RESOURCE_ACTIONS';\n\nexport const CANCEL_EVENT = 'CANCEL_EVENT';\nexport const CANCEL_EVENTS = 'CANCEL_EVENTS';\n\nexport const REFRESH = 'REFRESH';\nexport const SET_COMPANIES = 'SET_COMPANIES';\nexport const SET_TEAMS = 'SET_TEAMS';\nexport const SET_JOB = 'SET_JOB';\nexport const SET_GROUP_BY = 'SET_GROUP_BY';\nexport const SET_VIEW = 'SET_VIEW';\n\nexport const SET_GENERATED = \"SET_GENERATED\";\n\nexport const CANCEL_BOOKING_OFFER = 'CANCEL_BOOKING_OFFER';\nexport const ADD_BOOKING_OFFER = 'ADD_BOOKING_OFFER';\nexport const FETCH_BOOKING_OFFERS_EVENT = 'FETCH_BOOKING_OFFERS_EVENT';\nexport const FETCH_BOOKING_OFFERS_EVENT_SUCCESS = 'FETCH_BOOKING_OFFERS_EVENT_SUCCESS';\nexport const FETCH_BOOKING_OFFERS_EVENT_FAILURE = 'FETCH_BOOKING_OFFERS_EVENT_FAILURE';\n\nexport const REFRESH_RESOURCE = 'REFRESH_RESOURCE';\nexport const REFRESH_RESOURCE_SUCCESS = 'REFRESH_RESOURCE_SUCCESS';\nexport const REFRESH_RESOURCE_FAILURE = 'REFRESH_RESOURCE_FAILURE';\n\nexport const EVENT_EDIT = 'EVENT_EDIT';\nexport const EVENT_EDIT_ABORT = 'EVENT_EDIT_ABORT';\nexport const EVENT_EDIT_VALIDATE = 'EVENT_EDIT_VALIDATE';\n\nexport const CALENDAR_EVENTS_GLOBAL = \"CALENDAR_EVENTS_GLOBAL\";\nexport const CALENDAR_EVENTS_SINGLE = \"CALENDAR_EVENTS_SINGLE\";\nexport const CALENDAR_SIGNED_GLOBAL = \"CALENDAR_SIGNED_GLOBAL\";\nexport const CALENDAR_SIGNED_REPORTING = \"CALENDAR_SIGNED_REPORTING\";\nexport const CALENDAR_SIGNED_SINGLE = \"CALENDAR_SIGNED_SINGLE\";\nexport const CALENDAR_ABSENCE = \"CALENDAR_ABSENCE\";\nexport const CALENDAR_TASK = \"CALENDAR_TASK\";\nexport const CALENDAR_TIME_SHEET = \"CALENDAR_TIME_SHEET\";\nexport const CALENDAR_REPORT_TIME_SHEET = \"CALENDAR_TIME_SHEET\";\n\nexport const RESOURCE_TIMELINE_DAY_VIEW = \"resourceTimelineDay\";\nexport const RESOURCE_TIMELINE_VIEW = \"resourceTimeline\";\nexport const RESOURCE_TIMELINE_WEEK_VIEW = \"resourceTimelineWeek\";\nexport const RESOURCE_TIMELINE_MONTH_VIEW = \"resourceTimelineMonth\";\n\nexport const LIST_DAY_VIEW = \"listDay\";\nexport const LIST_WEEK_VIEW = \"listWeek\";\nexport const LIST_MONTH_VIEW = \"listMonth\";\n\nexport const TIME_GRID_DAY_VIEW = \"timeGridDay\";\nexport const TIME_GRID_WEEK_VIEW = \"timeGridWeek\";\nexport const DAY_GRID_MONTH_VIEW = \"dayGridMonth\";\n\nexport const RESOURCE_TYPE_EVENT = 'TYPE_EVENT';\nexport const RESOURCE_TYPE_SIGNED = 'TYPE_SIGNED';\nexport const RESOURCE_TYPE_KEEP_NOTE = 'TYPE_KEEP_NOTE';\nexport const RESOURCE_TYPE_TASK = 'TYPE_TASK';\nexport const RESOURCE_TYPE_TEMPLATE = 'TYPE_TEMPLATE';\nexport const RESOURCE_TYPE_TEMPLATE_APPLIED = 'TYPE_TEMPLATE_APPLIED';\n\nexport const RESOURCE_HIERARCHY_GROUP = 'group';\nexport const RESOURCE_HIERARCHY_PARENT = 'parent';\nexport const RESOURCE_HIERARCHY_CHILD = 'child';\nexport const RESOURCE_HIERARCHY_GRAND_CHILD = 'grandChild';\n\nexport const EVENT_TYPE_EVENT = 'event';\nexport const EVENT_TYPE_EVENT_EXCEPTION = 'eventException';\nexport const EVENT_TYPE_BACKGROUND = 'eventBackground';\nexport const EVENT_TYPE_OUTER = 'outerEvent';\n\nexport const EVENT_TYPE_TIME_CLOCK = 'timeClock';\nexport const EVENT_TYPE_TIME_CLOCK_EXCEPTION = 'timeClockException';\n\nexport const EVENT_TYPE_TIME_CLOCK_MISSING = 'timeClockMissing';\nexport const EVENT_TYPE_ABSENCE = 'absence';\n\nexport const EVENT_TYPE_BOOKING = 'booking';\nexport const EVENT_TYPE_BOOKING_OUTER = 'bookingOuter';\nexport const EVENT_TYPE_BOOKING_EXCEPTION = 'bookingException';\n\nexport const EVENT_TYPE_TEMPLATE_EVENT = 'templateEvent';\nexport const EVENT_TYPE_TEMPLATE_EVENT_EXCEPTION = 'templateEventException';\nexport const EVENT_TYPE_TEMPLATE_APPLIED_EVENT_EXCEPTION = 'templateAppliedEventException';\n\nexport const EVENT_TYPE_TEMPLATE_APPLIED_EVENT = 'templateAppliedEvent';\nexport const EVENT_TYPE_TEMPLATE_EVENT_APPLIED_EXCEPTION = 'templateAppliedEventException';\nexport const EVENT_TYPE_TEMPLATE_APPLIED_EVENT_APPLIED_EXCEPTION = 'templateAppliedEventAppliedException';\n\nexport const EVENT_TYPE_OFFER_PENDING = 'eventOfferPending';\nexport const EVENT_TYPE_OFFER_VALIDATED = 'eventOfferValidated';\n\nexport const EVENT_TYPE_PRESENCE = 'presence';\nexport const EVENT_TYPE_PRESENCE_GLOBAL = 1;\nexport const EVENT_TYPE_PRESENCE_BY_JOB = 2;\n\nexport const EVENT_TYPE_KEEP_NOTE = 'keepNote';\n\nexport const EVENT_TYPE_TASK = 'task';\nexport const EVENT_TYPE_TASK_EXCEPTION = 'taskException';\n\n\nexport const SORT_BY_JOB = 1;\nexport const SORT_BY_LOCALISATION = 2;\nexport const SORT_BY_ACTIVITY = 3;\nexport const SORT_TASK_BY_GROUP = 2;\n\nexport const PRECISION_FIFTEEN_MINUTES = '{\"minutes\": 15}';\nexport const PRECISION_THIRTY_MINUTES = '{\"minutes\": 30}';\nexport const PRECISION_ONE_HOUR = '{\"hour\": 1}';\nexport const PRECISION_THREE_HOUR = '{\"hour\": 3}';\nexport const PRECISION_ONE_DAY = '{\"day\": 1}';\n\nexport const getCalendarTypesChoices = () => [\n {label: 'Planifié', value: CALENDAR_EVENTS_GLOBAL},\n {label: 'Taches', value: CALENDAR_TASK},\n]\n\nexport const getCalendarTypesChoice = (calendar: string) => getCalendarTypesChoices().find(c => c.value === calendar) || {label: 'Planifié', value: CALENDAR_EVENTS_GLOBAL}\n\nexport const getSortByTypeChoices = () => [\n {label: 'Collaborateurs', value: SORT_BY_JOB},\n {label: 'Emplacements', value: SORT_BY_LOCALISATION},\n {label: 'Activités', value: SORT_BY_ACTIVITY},\n]\nexport const getSortByTypeChoice = (choice: number) => getSortByTypeChoices().find(c => c.value === choice)!\n\n// This permit to find the date of specifics labour days\nfunction getEasterDate(year: number) {\n const f = Math.floor;\n const G = year % 19;\n const C = f(year / 100);\n const H = (C - f(C / 4) - f((8 * C + 13) / 25) + 19 * G + 15) % 30;\n const I = H - f(H / 28) * (1 - f(29 / (H + 1)) * f((21 - G) / 11));\n const J = (year + f(year / 4) + I + 2 - C + f(C / 4)) % 7;\n const L = I - J;\n const month = 3 + f((L + 40) / 44);\n const day = L + 28 - 31 * f(month / 4);\n return new Date(year, month - 1, day);\n}\n\nfunction getMovableHolidays(year: number) {\n const easter = getEasterDate(year);\n const lundiPaques = new Date(easter);\n lundiPaques.setDate(easter.getDate() + 1);\n \n const ascension = new Date(easter);\n ascension.setDate(easter.getDate() + 39);\n\n const pentecote = new Date(easter);\n pentecote.setDate(easter.getDate() + 49);\n\n return [\n moment(lundiPaques).format('MM-DD'),\n moment(ascension).format('MM-DD'),\n moment(pentecote).format('MM-DD')\n ];\n}\n\nexport const getLabourDaysDatesTab = (year: number) => {\n return [\n '01-01',\n '05-01',\n '05-08',\n '07-14',\n '08-15',\n '11-01',\n '11-11',\n '12-25',\n ...getMovableHolidays(year)\n ]\n}","import * as types from \"../../constants/calendar\";\nimport * as models from \"../../models/calendar\";\nimport {EventClickArg, EventDropArg} from \"@fullcalendar/react\";\nimport {NeedEvents, ResourceLabelContentArg, WorkingTimes} from \"../../models/calendar\";\nimport React from \"react\";\nimport {Companies} from \"../../models/companies\";\nimport {Salary} from \"../../models/salary\";\nimport {Teams} from \"../../models/team\";\nimport {BookingOffer, BookingOffers} from \"../../models/booking/offer\";\nimport {Tasks} from \"../../models/task\";\nimport {EventResizeDoneArg} from \"@fullcalendar/interaction\";\n\nexport const fetchEvents = () => {\n return {\n type: types.FETCH_EVENTS,\n }\n}\n\nexport const fetchEventsSuccess = (events: any[], workingTimes: models.WorkingTimes) => {\n return {\n type: types.FETCH_EVENTS_SUCCESS,\n events: events,\n workingTimes: workingTimes\n }\n}\n\nexport const fetchAllEventsSuccess = (events: any[], presenceEvents: models.PresenceEvents, needEvents: models.NeedEvents, workingTimes: models.WorkingTimes, tasks: Tasks, bookingOffers: BookingOffers) => {\n return {\n type: types.FETCH_ALL_EVENTS_SUCCESS,\n events: events,\n presenceEvents: presenceEvents,\n needEvents: needEvents,\n workingTimes: workingTimes,\n tasks: tasks,\n bookingOffers: bookingOffers,\n }\n}\n\nexport const fetchPresenceEventsSuccess = (events: any[]) => {\n return {\n type: types.FETCH_PRESENCE_EVENTS_SUCCESS,\n presenceEvents: events,\n }\n}\n\nexport const fetchNeedEventsSuccess = (needEvents: NeedEvents) => {\n return {\n type: types.FETCH_NEED_EVENTS_SUCCESS,\n needEvents: needEvents,\n }\n}\n\nexport const fetchEventTasksSuccess = (tasks: any[]) => {\n return {\n type: types.FETCH_TASKS_SUCCESS,\n tasks: tasks,\n }\n}\n\nexport const fetchResources = () => {\n return {\n type: types.FETCH_RESOURCES,\n }\n}\n\nexport const fetchResourcesSuccess = (resources: any[]) => {\n return {\n type: types.FETCH_RESOURCES_SUCCESS,\n resources: resources\n }\n}\nexport const fetchBookingOffersSuccess = (bookingOffers: any[]) => {\n return {\n type: types.FETCH_BOOKING_OFFERS_EVENT_SUCCESS,\n bookingOffers: bookingOffers\n }\n}\n\nexport const fetchTitleSuccess = (title: string, start: Date, end: Date) => {\n return {\n type: types.FETCH_TITLE_SUCCESS,\n title: title,\n start: start,\n end: end,\n }\n}\n\nexport const showEventPop = (eventClickArg: EventClickArg, resourceId?: string, parentId?: string) => {\n return {\n type: types.SHOW_EVENT_POP,\n eventClickArg: eventClickArg,\n resourceId: resourceId,\n parentId: parentId\n }\n}\n\nexport const showEventPopup = (eventClickArg: EventClickArg, resourceId?: string, parentId?: string) => {\n return {\n type: types.SHOW_EVENT_POPUP,\n eventClickArg: eventClickArg,\n resourceId: resourceId,\n parentId: parentId\n }\n}\n\nexport const hideEventPop = () => {\n return {\n type: types.HIDE_EVENT_POP,\n }\n}\n\nexport const hideEventPopup = () => {\n return {\n type: types.HIDE_EVENT_POPUP,\n }\n}\n\nexport const showTemplateEventPop = (eventClickArg: EventClickArg, resourceId?: string, parentId?: string) => {\n return {\n type: types.SHOW_TEMPLATE_EVENT_POP,\n eventClickArg: eventClickArg,\n resourceId: resourceId,\n parentId: parentId\n }\n}\n\nexport const hideTemplateEventPop = () => {\n return {\n type: types.HIDE_TEMPLATE_EVENT_POP,\n }\n}\n\nexport const showResourceActions = (resourceLabelContentArg: ResourceLabelContentArg, e: React.MouseEvent\n \n \n \n
\n });\n\n const CalendarTitle = () => {\n return \n
\n}\n\nexport default AbsenceCalendar;","import * as React from \"react\";\n\nimport AbsenceCalendar from \"../../../components/absence/calendar\";\n\nconst AbsenceCalendarPage : React.FC = () => {\n return (\n \n
\n \n \n Liste\n \n
\n \n
\n \n
\n \n setCompanies(choices?.map(choice => Number(choice.value)) || [])}\n options={state.auth.user.currentSalary.companies.map((c: Company) => ({label: c.title, value: c.id}))}\n />\n \n \n
\n \n (calendarRef.current?.getApi().updateSize())}\n editable={Granted(accessRights.EDIT_ABSENCE)}\n ref={calendarRef}\n schedulerLicenseKey={'GPL-My-Project-Is-Open-Source'}\n resourceOrder={'orderBy1, orderBy2'}\n height={'parent'}\n resourceAreaWidth={\"20%\"}\n plugins={[ resourceTimeline, interactionPlugin ]}\n initialView={\"resourceTimelineMonth\"}\n resourceAreaHeaderContent={() => <>{absences.length} absences}\n resourceLabelContent={(e) => {\n let count = 0;\n absences.filter((absence: Absence) => absence.salary.id === parseInt(e.resource.id)).map((absence: Absence) => count += absence.nbDays!);\n return <>\n \n \n \n \n \n \n \n {e.resource.title}\n \n {count} jour(s)\n \n \n dispatch(openSidebar(FORM_NEW_ABSENCE, {salary: e.resource.extendedProps.salary}))} className={'btn btn-light text-primary'}>\n \n \n \n \n \n }}\n eventClick={(e) => {\n if (Granted(accessRights.EDIT_ABSENCE, e.event.extendedProps.item.salary.id)){\n dispatch(openSidebar(FORM_EDIT_ABSENCE, e.event.extendedProps.item))\n }\n }}\n locales={allLocales}\n locale={'fr'}\n stickyHeaderDates={true}\n stickyFooterScrollbar={true}\n displayEventTime={false}\n headerToolbar={false}\n slotDuration={{day: 1}}\n resources={absences.map((absence: Absence) => {\n return {\n id: absence.salary!.lastname!,\n title: absence.salary.title,\n salary: absence.salary,\n jobColor: absence.salary.information?.job.color,\n orderBy1: absence.salary.information?.job.id,\n orderBy2: absence.salary.lastname\n }\n })}\n events={absences.map((absence: Absence) => {\n\n let end = new Date(absence.end);\n end.setDate(end.getDate() + 1);\n\n return {\n id: absence.id,\n title: absence.typeName + ' - ' + absence.nbDays + ' jour(s)',\n start: absence.start,\n end: format(end, 'uuuu-MM-dd'),\n resourceId: absence.salary?.lastname,\n item: absence,\n backgroundColor: absence.color,\n borderColor: absence.color,\n classNames: ['fc-timeline-event', 'shadow']\n }\n })}\n handleWindowResize={true}\n progressiveEventRendering={true}\n />\n
\n \n
\n\n \n
\n {state.payload.length ? state.payload.filter((localisation: models.Localisation) => !query || localisation.title.toLowerCase().includes(query.toLowerCase())).map((localisation: models.Localisation, index: number) => ([\n \n \n
\n {Granted(accessRights.EDIT_LOCALISATION) && \n
\n \n \n \n \n {\n setQuery(e.target.value)\n }} className=\"form-control bg-white border-0\" placeholder=\"Rechercher...\" aria-describedby=\"search-addon\" />\n
\n \n
}\n \n
\n \n \n
\n \n \n
\n \n
\n \n ]))\n :\n \n }\n \n {localisation.title}\n \n
\n \n {localisation.company.title}\n
\n \n
\n \n
\n \n {localisation.icon ? : ''}\n
\n \n
\n \n
\n \n}\n\nexport default LocalisationList;","import {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {Localisation, LocalisationNeed, LocalisationNeeds} from \"../../../../models/localisation\";\nimport * as api from \"../../../../adapters/localisation/needs\";\nimport React, {BaseSyntheticEvent, useEffect, useState} from \"react\";\nimport Loader from \"../../../../utils/loader\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport {editLocalisationSuccess} from \"../../../../actions/localisation\";\nimport {Job} from \"../../../../models/job\";\nimport {openSidebar} from \"../../../../actions/rightSidebar\";\nimport {LOCALISATION_NEED_ADD} from \"../../../../constants/rightSidebar\";\nimport * as accessRights from \"../../../../constants/accessRight\";\nimport {axiosError} from \"../../../../actions/axios\";\nimport {Granted} from \"../../../../security/granted\";\n\nconst LocalisationNeedTable = () => {\n\n const dispatch = useDispatch();\n let localisation: Localisation = useSelector((state: RootStateOrAny) => state.localisation.single)\n const [needs, setNeeds] = useState\n
\n \n
\n \n
\n Filtrer
\n \n\n
\n \n
\n \n Statut\n
\n\n setActivated(e.target.checked)} type=\"radio\" name=\"status\" id=\"statusActivated\" />\n \n
\n \n setActivated(!e.target.checked)} type=\"radio\" name=\"status\" id=\"statusDeactivated\" />\n \n
\n \n \n
\n \n
\n {isLoading ? \n {Granted(accessRights.EDIT_LOCALISATION) &&
\n \n
}\n {Granted(accessRights.EDIT_LOCALISATION) && \n \n \n
\n \n \n \n
\n \n \n
}\n {Granted(accessRights.EDIT_LOCALISATION) && localisation.needType === 2 && \n {\n setIsLoading(true)\n api.jobs(localisation.id!, choices).then(data => {\n dispatch(editLocalisationSuccess(data.data))\n setIsLoading(false)\n }).catch(error => dispatch(axiosError(error)))\n }}\n values={localisation.needJobs ?\n localisation.needJobs.map(job => ({label: job.title, value: job.id!}))\n : []}\n />\n
}\n \n \n \n
}\n \n )\n}\n\nexport default LocalisationNeedTable;","import * as xhr from \"../../xhr\";\nimport {Choices} from \"../../../utils/bootstrapSelect\";\n\nexport function posts(id: number, requestData: {day: number, time: string, val: number, job?: number}){\n return xhr.post('localisation/'+ id +'/need', requestData);\n}\n\nexport function postsMany(id: number, requestData: {days: number[], start: string, end: string, val: number, job?: number}){\n return xhr.post('localisation/'+ id +'/many_needs', requestData);\n}\n\nexport function jobs(id: number, requestData: Choices){\n return xhr.post('localisation/'+ id +'/need_jobs', requestData);\n}\n\nexport function type(id: number, type: number){\n return xhr.get('localisation/'+ id +'/need_type/' + type);\n}\n\n","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {useParams} from \"react-router-dom\";\nimport * as actions from \"../../../actions/localisation\";\nimport * as api from \"../../../adapters/localisation\";\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {FORM_EDIT_LOCALISATION} from \"../../../constants/rightSidebar\";\nimport LocalisationNeedTable from \"./need\";\nimport {setPageTitle} from \"../../../actions/header\";\nimport {Localisation} from \"../../../models/localisation\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {axiosError} from \"../../../actions/axios\";\nimport BgSingle from \"../../../utils/background/single\";\nimport {Granted} from \"../../../security/granted\";\n\nexport const LocalisationShow: React.FC = () => {\n\n const dispatch = useDispatch();\n const params: {id: string} = useParams();\n const state = useSelector((state: RootStateOrAny) => state.localisation)\n\n useEffect(() => {\n dispatch(actions.showLocalisation())\n if (state.payload.find((l: Localisation) => l.id === Number(params.id)) && params.id){\n dispatch(actions.showLocalisationSuccess(state.payload.find((l: Localisation) => l.id === Number(params.id))))\n dispatch(setPageTitle('Emplacements', state.payload.find((l: Localisation) => l.id === Number(params.id)).title))\n }else if(params.id){\n api.get(params.id).then(data => {\n dispatch((actions.showLocalisationSuccess(data.data)))\n dispatch(setPageTitle('Emplacements', data.data.title))\n }).catch(error => dispatch(axiosError(error)))\n }\n }, [params.id])\n\n function activate(){\n api.activate(Number(params.id)).then(resp => dispatch((actions.showLocalisationSuccess(resp.data))))\n }\n function deactivate(){\n api.deactivate(Number(params.id)).then(resp => dispatch((actions.showLocalisationSuccess(resp.data))))\n }\n\n if (!state.single || !params.id){\n return | Heure | \n {localisation.needType === 2 &&Métiers | }\nLun. | \nMar. | \nMer. | \nJeu. | \nVen. | \nSam. | \nDim. | \n
|---|---|---|---|---|---|---|---|---|
| \n \n {time}\n \n | \n {[1,2,3,4,5,6,7].map((day: number) => {\n\n let item = needs.find((need: LocalisationNeed) => (need.day === day && need.time === time && !need.job))\n let val = item?.val;\n\n return (\n\n \n {Granted(accessRights.EDIT_LOCALISATION) && \n | \n )\n })}\n |||||||
| \n \n {time}\n \n | \n\n
| \n\n {[1,2,3,4,5,6,7].map((day: number) => {\n\n let items = needs.filter((need: LocalisationNeed) => (need.day === day && need.time === time))\n\n return (\n \n
| )}\n )}\n
\n
\n}\n\nexport default LocalisationShow;","import * as React from \"react\";\n\nimport LocalisationList from \"../../components/localisation/list\";\nimport LocalisationShow from \"../../components/localisation/show\";\n\nconst LocalisationPage : React.FC = () => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n {state.single.company.title}\n \n \n \n {state.single.description}\n \n
\n {Granted(accessRights.EDIT_LOCALISATION) && \n \n
}\n {Granted(accessRights.DELETE_LOCALISATION) && \n {state.single.activated ? :\n }\n
}\n \n
\n );\n}\n\nexport default LocalisationPage;","import {post} from \"../xhr\";\nimport * as xhr from \"../xhr\";\n\ninterface FetchData {\n start: string,\n end: string,\n options?: {\n view?: string,\n explodeRecurrence?: boolean,\n isSingle?: boolean,\n resources?: boolean,\n workingTime?: boolean,\n isGenerated?: boolean,\n companies?: number[],\n sortBy?: number,\n jobs?: number[],\n job?: number,\n presence?: boolean,\n salaries?: number[],\n teams?: number[],\n isBookingOffer?: boolean,\n }\n}\n\ninterface FetchCalendarData {\n start: string,\n end: string,\n calendar: string,\n options?: {\n view?: string,\n timePrecision?: string,\n explodeRecurrence?: boolean,\n isSingle?: boolean,\n resources?: boolean,\n workingTime?: boolean,\n isGenerated?: boolean,\n companies?: number[],\n sortBy?: number,\n jobs?: number[],\n job?: number,\n presence?: boolean,\n salaries?: number[],\n salary?: number,\n year?: number,\n month?: number,\n teams?: number[],\n outerEvents?: boolean,\n isBookingOffer?: boolean,\n isNightTime?: boolean,\n disableDemarcation?: boolean\n }\n}\n\nexport function fetchCalendar(requestData: FetchData, signal?: AbortSignal){\n return post('calendar/fetch', requestData, {signal: signal});\n}\n\nexport function test(requestData: FetchCalendarData, signal?: AbortSignal){\n return post(`calendar/test`, requestData, {signal: signal});\n}\n\nexport function downloadTest(requestData: any, options?:xhr.Options){\n return post(`calendar/download_test`, requestData, options);\n}\n\nexport function publish(requestData: any){\n return post(`calendar/publish`, requestData);\n}\n\nexport function fetch(requestData: FetchData, signal?: AbortSignal){\n return post('calendar/events', requestData, {signal: signal});\n}\n\ninterface downloadPayload {\n type: number,\n year: number,\n week?: number,\n month?: number,\n company: number,\n format: number,\n job: number|string,\n jobs?: number[]\n}\nexport function download(requestData: downloadPayload, options?:xhr.Options){\n return post('calendar/download', requestData, options);\n}\n\nexport function setting(requestData: { setting: string, value: any }){\n return post('calendar/setting', requestData);\n}\n\nexport function send(requestData: {start: string, end: string}, salaryId: number){\n return post(`calendar/send/${salaryId}`, requestData);\n}","export const FETCH_EVENTS = 'TASK_FETCH_EVENTS';\nexport const FETCH_EVENTS_SUCCESS = 'TASK_FETCH_EVENTS_SUCCESS';\nexport const FETCH_EVENTS_FAILURE = 'TASK_FETCH_EVENTS_FAILURE';\n\nexport const FETCH_RESOURCES = 'TASK_FETCH_RESOURCES';\nexport const FETCH_RESOURCES_SUCCESS = 'TASK_FETCH_RESOURCES_SUCCESS';\nexport const FETCH_RESOURCES_FAILURE = 'TASK_FETCH_RESOURCES_FAILURE';\n\nexport const FETCH_WORKING_TIMES = 'TASK_FETCH_WORKING_TIMES';\nexport const FETCH_WORKING_TIMES_SUCCESS = 'TASK_FETCH_WORKING_TIMES_SUCCESS';\nexport const FETCH_WORKING_TIMES_FAILURE = 'TASK_FETCH_WORKING_TIMES_FAILURE';\n\nexport const FETCH_TITLE_SUCCESS = 'TASK_FETCH_TITLE_SUCCESS';\nexport const FETCH_PAYROLL_SUCCESS = 'TASK_FETCH_TITLE_SUCCESS';\n\nexport const SET_EVENT_CLICK_ARG = 'TASK_SET_EVENT_CLICK_ARG';\n\nexport const SHOW_EVENT_POP = 'TASK_SHOW_EVENT_POP';\nexport const HIDE_EVENT_POP = 'TASK_HIDE_EVENT_POP';\n\nexport const SHOW_RESOURCE_ACTIONS = 'TASK_SHOW_RESOURCE_ACTIONS';\nexport const HIDE_RESOURCE_ACTIONS = 'TASK_HIDE_RESOURCE_ACTIONS';\n\nexport const CANCEL_EVENT = 'TASK_CANCEL_EVENT';\nexport const CANCEL_EVENTS = 'TASK_CANCEL_EVENTS';\n\nexport const REFRESH = 'TASK_REFRESH';\n\n","import * as types from \"../../../constants/task/calendar\";\nimport * as models from \"../../../models/task/calendar\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport {ResourceLabelContentArg} from \"../../../models/task/calendar\";\nimport React from \"react\";\n\nexport const fetchEvents = () => {\n return {\n type: types.FETCH_EVENTS,\n }\n}\n\nexport const fetchEventsSuccess = (events: any[]) => {\n return {\n type: types.FETCH_EVENTS_SUCCESS,\n events: events,\n }\n}\n\nexport const fetchResources = () => {\n return {\n type: types.FETCH_RESOURCES,\n }\n}\n\nexport const fetchResourcesSuccess = (resources: any[]) => {\n return {\n type: types.FETCH_RESOURCES_SUCCESS,\n resources: resources\n }\n}\n\nexport const fetchTitleSuccess = (title: string) => {\n return {\n type: types.FETCH_TITLE_SUCCESS,\n title: title\n }\n}\n\nexport const showEventPop = (eventClickArg: EventClickArg) => {\n return {\n type: types.SHOW_EVENT_POP,\n eventClickArg: eventClickArg\n }\n}\n\nexport const hideEventPop = () => {\n return {\n type: types.HIDE_EVENT_POP,\n }\n}\n\nexport const showResourceActions = (resourceLabelContentArg: ResourceLabelContentArg, e: React.MouseEvent\n
\n {e.event.extendedProps.labourDay && <>\n \n {e.event.extendedProps.labourDay.title}\n
\n\n setLabourDayWorked(e, ev.target.checked)}\n defaultChecked={e.event.extendedProps.labourDayWorked}\n className=\"form-check-input\" type=\"checkbox\" id=\"labourDay\" />\n \n
\n \n }\n {e.event.extendedProps.isSlotExchange && <>\n
\n
\n
\n }\n \n
\n \n
\n \n Échange de créneau\n
\n\n \n
\n \n {e.event.extendedProps.slotExchange.description}\n \n Le {format(new Date(e.event.extendedProps.slotExchangeDecodedInstance.beginAt), 'dd/MM HH:mm')} {format(new Date(e.event.extendedProps.slotExchangeDecodedInstance.endAt), 'HH:mm')}\n
\n\n {e.event.extendedProps.bookingGroupId &&
\n \n
}\n \n Emploi du temps\n
\n\n
\n\n \n {e.event.extendedProps.bookingGroupTitle}\n
\n \n \n
\n \n
\n
\n {e.event.extendedProps.substitute && !e.event.extendedProps.substitution && <>\n \n Collaborateur\n
\n\n {e.event.extendedProps.salary.firstname} {e.event.extendedProps.salary.lastname}\n \n
\n \n
\n {e.event.extendedProps.salary.tel}\n \n {e.event.extendedProps.salary.information.job.title}\n
\n \n
\n \n
\n \n
\n \n\n
\n \n
\n
\n }\n \n
\n\n \n
\n \n Remplacant\n
\n\n \n
\n \n {e.event.extendedProps.substitute.firstname} {e.event.extendedProps.substitute.lastname}\n \n
\n \n
\n {e.event.extendedProps.substitute.tel}\n \n {e.event.extendedProps.substitute.information.job.title}\n
\n \n
\n \n
\n \n
\n \n\n
\n \n
\n \n \n {e.event.extendedProps.localisation?.title || ''}\n \n \n {e.event.extendedProps.activity?.title || ''}\n \n {e.event.extendedProps.description && \n {e.event.extendedProps.description}\n }\n
\n \n Lieu et activité\n
\n {e.event.extendedProps.company.title}\n\n
\n \n {e.event.extendedProps.accountingType && {getAccountingTypeChoice(e.event.extendedProps.accountingType)?.label}}\n \n {e.event.extendedProps.recurrence.description}\n
\n {e.event.extendedProps.absence && <>\n \n Horaire\n
\n \n {e.event.extendedProps.beginAt} - {e.event.extendedProps.endAt} - {e.event.extendedProps.timeCaption}\n \n\n
\n \n
}\n \n }else{\n return <>\n }\n }\n\n if (!e) return <>\n\n return \n Absence\n
\n\n
\n {e.event.extendedProps.absence.typeName}
\n \n \n
\n \n Du {format(new Date(e.event.extendedProps.absence.start)) + ' au ' + format(new Date(e.event.extendedProps.absence.end))}\n
\n\n {isLoading ?\n
\n}\n\nexport default EventPop;","import {post, get} from \"../xhr\";\n\nexport function match(requestData: {isSameDuration: boolean, start: string, end: string, startDate: string, endDate: string, jobs: number[], salaries: number[] }, salary: number){\n return post(`slot_exchange/match/${salary}`, requestData || {});\n}\n\nexport function create(requestData: {\n exchange: number,\n exchangeInstanceToken: string,\n exchanged: number,\n exchangedInstanceToken: string,\n accountingType: number,\n}){\n return post(`slot_exchange/create`, requestData);\n}\nexport function cancel(id: number){\n return get(`slot_exchange/cancel/${id}`);\n}","const getVersion = () => {\n let user = localStorage.getItem('user')\n\n if (user){\n let data = JSON.parse(user)\n\n if (!data.currentSalary){\n return false;\n }\n\n return data.currentSalary.companyGroup.version;\n }\n\n return 0;\n}\n\nexport default getVersion;","import React, {useEffect, useRef} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {ResourceLabelContentArg} from \"../../models/calendar\";\nimport {openSidebar} from \"../../actions/rightSidebar\";\nimport {\n FORM_EVENT_ADD,\n FORM_NEW_ABSENCE,\n FORM_NEW_BOOKING,\n FORM_NEW_TASK,\n LIST_BOOKING_GROUP,\n LIST_DEFAULT_BOOKING, LIST_SALARY_TEMPLATE\n} from \"../../constants/rightSidebar\";\nimport {hideResourceActions} from \"../../actions/calendar\";\nimport getVersion from \"../../security/getVersion\";\n\nconst ResourceActions:React.FC = () => {\n\n const dispatch = useDispatch();\n const e:ResourceLabelContentArg = useSelector((state:RootStateOrAny) => state.calendar.resourceLabelContentArg)\n const displayResourceActions:boolean = useSelector((state:RootStateOrAny) => state.calendar.displayResourceActions)\n const resourceActionButton:React.MouseEvent\n
\n : \n Loading...\n
\n - \n {getVersion() !== 1 && }\n {getVersion() === 1 && }\n \n {getVersion() !== 1 && }\n {getVersion() === 1 && }\n \n \n
\n
\n\n}\n\nexport default ResourceActions;","export const SHOW_ALERT_SUCCESS = 'SHOW_ALERT_SUCCESS';\nexport const SHOW_ALERT_INFO = 'SHOW_ALERT_INFO';\nexport const SHOW_ALERT_WARNING = 'SHOW_ALERT_WARNING';\nexport const SHOW_ALERT_DANGER = 'SHOW_ALERT_DANGER';\nexport const HIDE_ALERT = 'HIDE_ALERT';\n\nexport const ALERT_SUCCESS = 'ALERT_SUCCESS';\nexport const ALERT_INFO = 'ALERT_INFO';\nexport const ALERT_WARNING = 'ALERT_WARNING';\nexport const ALERT_DANGER = 'ALERT_DANGER';","import React from \"react\";\nimport * as types from \"../../constants/alert\";\n\nexport const showAlertSuccess = ( value: string) => {\n return {\n type: types.SHOW_ALERT_SUCCESS,\n value\n }\n};\nexport const showAlertInfo = (value: string) => {\n return {\n type: types.SHOW_ALERT_INFO,\n value\n }\n};\nexport const showAlertWarning = (value: string) => {\n return {\n type: types.SHOW_ALERT_WARNING,\n value\n }\n};\nexport const showAlertDanger = (value: string = \"Une erreur s’est produite\") => {\n return {\n type: types.SHOW_ALERT_DANGER,\n value\n }\n};\n\nexport const hideAlert = () => {\n return {\n type: types.HIDE_ALERT\n }\n};","import {post, get} from \"../xhr\";\nimport * as models from \"../../models/task\";\n\ninterface listPayload {\n query?: string,\n offset?: number\n}\nexport function list(requestData: listPayload, taskGroupId: string){\n return post('task/list/' + taskGroupId, requestData || {});\n}\n\nexport function edit(requestData: models.Task, id: number){\n return post('task/edit/' + id, requestData);\n}\n\nexport function create(requestData: models.PostTask){\n return post('task/create', requestData);\n}\n\nexport function createException(requestData: models.PostTask, taskId: number){\n return post(`task/exception/create/${taskId}`, requestData);\n}\n\nexport function editException(requestData: models.PostTask, taskId: number){\n return post(`task/exception/edit/${taskId}`, requestData);\n}\n\nexport function show(id: string){\n return get('task/show/' + id);\n}\n\nexport function cancel(id: string){\n return get('task/cancel/' + id);\n}\n\nexport function cancelOnce(id: string, exDate: string){\n return post( `task/exception/cancel_once/${id}`, {exDate: exDate});\n}\n","import React, {useEffect, useRef, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport {openSidebar} from \"../../actions/rightSidebar\";\nimport {\n FORM_EDIT_TASK\n} from \"../../constants/rightSidebar\";\nimport format from \"../locale\";\nimport {hideEventPop, refresh} from \"../../actions/task/calendar\";\nimport {showAlertSuccess} from \"../../actions/alert\";\nimport * as API from \"../../adapters/task\";\nimport {Salary} from \"../../models/salary\";\nimport * as statusApi from \"../../adapters/task/status\";\n\nconst TaskEventPop:React.FC = () => {\n\n const e:EventClickArg = useSelector((state: RootStateOrAny) => state.taskCalendar.eventClickArg)\n const displayEventPop:boolean = useSelector((state: RootStateOrAny) => state.taskCalendar.displayEventPop)\n const eventPopRef = useRef\n
\n \n
\n \n
\n \n \n {e.event.title}\n \n
\n \n
\n \n \n
\n - \n {e.event.extendedProps.status?.val && e.event.extendedProps.status.val !== 1 &&
- \n \n }\n {e.event.extendedProps.status?.val !== 2 &&
- \n \n }\n {e.event.extendedProps.status?.val !== 3 &&
- \n \n }\n
\n {e.event.allDay && \"Toute la journée - \" + format(e.event.start!)}\n {!e.event.allDay && format(e.event.start!, 'dd MMM uuuu HH:mm') + ' - ' + format(e.event.end!, 'HH:mm')}\n \n {e.event.extendedProps.task.recurrence.description}\n
\n \n {e.event.extendedProps.salaries &&
\n \n }else{\n return <>\n }\n }\n\n const cancelBooking = () => {\n\n setIsLoading(true);\n\n if (e.event.extendedProps.task.recurrence.type === 1){\n API.cancel(e.event.extendedProps.task.id).then(() => cancelValidation())\n }else{\n switch (cancelType){\n case 1:\n API.cancelOnce(e.event.extendedProps.task.id, e.event.extendedProps.initialStart).then(() => cancelValidation())\n break;\n case 2:\n API.cancel(e.event.extendedProps.task.id).then(() => cancelValidation())\n break;\n }\n }\n }\n\n const cancelValidation = () => {\n dispatch(hideEventPop())\n dispatch(refresh());\n dispatch(showAlertSuccess('Tâche supprimé'))\n setIsLoading(false);\n }\n\n const CancelConfirmation = () => {\n return <>\n - \n {e.event.extendedProps.salaries.map((salary: Salary) =>
- {salary.firstname} {salary.lastname} )}\n
\n \n
\n \n }\n\n if (!e) return <>\n\n return \n Êtes vous sûr de vouloir supprimer la tâche suivante ?\n
\n \n {e.event.title}\n
\n {e.event.extendedProps.task.recurrence.type > 1 && <>\n \n {e.event.allDay && \"Toute la journée - \" + format(e.event.start!)}\n {!e.event.allDay && format(e.event.start!, 'dd MMM uuuu HH:mm') + ' ' + format(e.event.end!, 'dd MMM uuuu HH:mm')}\n
\n \n
\n }\n \n \n Tâche récurrente\n \n {e.event.extendedProps.task.recurrence.description}\n
\n- \n
- \n \n \n
- \n \n \n
\n
\n \n
\n \n \n
\n \n \n
\n \n {isLoading ?\n
\n}\n\nexport default TaskEventPop;","export const ADD_TEMPLATE_APPLIED = 'ADD_TEMPLATE_APPLIED';\nexport const ADD_TEMPLATE_APPLIED_SUCCESS = 'ADD_TEMPLATE_APPLIED_SUCCESS';\nexport const ADD_TEMPLATE_APPLIED_FAILURE = 'ADD_TEMPLATE_APPLIED_FAILURE';\n\nexport const ADD_TEMPLATE_APPLIED_INFORMATION = 'ADD_TEMPLATE_APPLIED_INFORMATION';\nexport const ADD_TEMPLATE_APPLIED_INFORMATION_SUCCESS = 'ADD_TEMPLATE_APPLIED_INFORMATION_SUCCESS';\nexport const ADD_TEMPLATE_APPLIED_INFORMATION_FAILURE = 'ADD_TEMPLATE_APPLIED_INFORMATION_FAILURE';\n\nexport const EDIT_TEMPLATE_APPLIED = 'EDIT_TEMPLATE_APPLIED';\nexport const EDIT_TEMPLATE_APPLIED_SUCCESS = 'EDIT_TEMPLATE_APPLIED_SUCCESS';\nexport const EDIT_TEMPLATE_APPLIED_FAILURE = 'EDIT_TEMPLATE_APPLIED_FAILURE';\n\nexport const FETCH_TEMPLATE_APPLIES = 'FETCH_TEMPLATE_APPLIES';\nexport const FETCH_TEMPLATE_APPLIES_SUCCESS = 'FETCH_TEMPLATE_APPLIES_SUCCESS';\nexport const FETCH_TEMPLATE_APPLIES_FAILURE = 'FETCH_TEMPLATE_APPLIES_FAILURE';\n\nexport const SHOW_TEMPLATE_APPLIED = 'SHOW_TEMPLATE_APPLIED';\nexport const SHOW_TEMPLATE_APPLIED_SUCCESS = 'SHOW_TEMPLATE_APPLIED_SUCCESS';\nexport const SHOW_TEMPLATE_APPLIED_FAILURE = 'SHOW_TEMPLATE_APPLIED_FAILURE';\n","import * as types from \"../../../constants/template/applied\";\nimport * as models from \"../../../models/template/applied\";\n\nexport const addTemplateApplied = () => {\n return {\n type: types.ADD_TEMPLATE_APPLIED,\n }\n}\n\nexport const addTemplateAppliedSuccess = (template: models.TemplateApplied) => {\n return {\n type: types.ADD_TEMPLATE_APPLIED_SUCCESS,\n template: template,\n }\n}\n\nexport const addTemplateAppliedFailure = (error: string) => {\n return {\n type: types.ADD_TEMPLATE_APPLIED_FAILURE,\n template: null,\n templates: null,\n error: error\n }\n}\n\nexport const editTemplateApplied = () => {\n return {\n type: types.EDIT_TEMPLATE_APPLIED,\n }\n}\n\nexport const editTemplateAppliedSuccess = (template: models.TemplateApplied) => {\n return {\n type: types.EDIT_TEMPLATE_APPLIED_SUCCESS,\n template: template,\n }\n}\n\nexport const fetchTemplatesApplies = () => {\n return {\n type: types.FETCH_TEMPLATE_APPLIES,\n }\n}\n\nexport const fetchTemplatesAppliesFailure = (error: string) => {\n return {\n type: types.FETCH_TEMPLATE_APPLIES_FAILURE,\n template: null,\n templates: [],\n error: error\n }\n}\n\nexport const fetchTemplatesAppliesSuccess = (templates: models.TemplateApplies) => {\n return {\n type: types.FETCH_TEMPLATE_APPLIES_SUCCESS,\n template: null,\n templates: templates\n }\n}\n\n\nexport const showTemplateApplied = () => {\n return {\n type: types.SHOW_TEMPLATE_APPLIED,\n }\n}\nexport const showTemplateAppliedSuccess = (template: models.TemplateApplied) => {\n return {\n type: types.SHOW_TEMPLATE_APPLIED_SUCCESS,\n template: template\n }\n}\nexport const showTemplateAppliedFailure = (error: string) => {\n return {\n type: types.SHOW_TEMPLATE_APPLIED_FAILURE,\n template: null,\n templates: null,\n error: error\n }\n}","export const TYPE_EVENT = 'event';\nexport const TYPE_EVENT_EXCEPTION = 'eventException';\n\nexport const TYPE_EVENT_RECURRING = 1;\nexport const TYPE_EVENT_WEEKLY = 2;\n\n","import React from \"react\";\nimport {EventClickArg, EventContentArg} from \"@fullcalendar/react\";\nimport format from \"../locale\";\nimport {ResourceApi} from \"@fullcalendar/resource-common\";\nimport {\n ACCOUNTING_TYPE_ABSENCE_ACCOUNTED, ACCOUNTING_TYPE_ABSENCE_UNACCOUNTED,\n ACCOUNTING_TYPE_WORK_ACCOUNTED,\n ACCOUNTING_TYPE_WORK_UNACCOUNTED,\n getAccountingTypeChoice\n} from \"../../constants/booking\";\nimport {PresenceEvent} from \"../../models/calendar\";\nimport {TYPE_EVENT_EXCEPTION, TYPE_EVENT_RECURRING} from \"../../constants/event\";\n\n\nexport function renderEvent(arg: EventContentArg) {\n switch (arg.event.extendedProps.eventType) {\n case 'timeClockBookingMissing':\n return <>\n {arg.event.extendedProps.accountingType === ACCOUNTING_TYPE_WORK_ACCOUNTED && }\n {arg.event.extendedProps.accountingType === ACCOUNTING_TYPE_WORK_UNACCOUNTED && }\n {arg.event.extendedProps.accountingType === ACCOUNTING_TYPE_ABSENCE_UNACCOUNTED && }\n {arg.event.extendedProps.accountingType === ACCOUNTING_TYPE_ABSENCE_ACCOUNTED && }\n {arg.timeText} - {arg.event.start && arg.event.end && format(new Date(arg.event.end.getTime() - arg.event.start.getTime() - (3600 * 1000)), 'HH:mm')}\n \n
\n : (displayCancelConfirmation ? \n Loading...\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.absence && {arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.absence && {arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n )\n case 'resourceTimelineMonth':\n return (\n <>\n {['templateBooking','templateBookingException'].includes(arg.event.extendedProps.eventType) && }\n {arg.event.extendedProps.timeCaption}\n \n )\n case 'timeGridWeek':\n case 'timeGridDay':\n return <>\n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {!arg.event.extendedProps.isException && arg.event.extendedProps.recurrence?.type > 1 && }\n {arg.timeText}\n \n {arg.event.start && arg.event.end && <>{format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}}\n \n \n {['templateBookingApplied', 'templateBookingAppliedException'].includes(arg.event.extendedProps.eventType) && }\n {arg.event.extendedProps.eventType === 'templateBookingAppliedException' && }\n {arg.event.extendedProps.eventType === 'bookingException' && }\n {arg.event.extendedProps.eventType === 'booking' && arg.event.extendedProps.recurrence.type !== 1 && !arg.event.extendedProps.isException && }\n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.isSlotExchange && }\n \n {arg.event.extendedProps.salary.title}\n \n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n }\n {arg.event.extendedProps.localisation && \n {arg.event.extendedProps.localisation.title}\n }\n {arg.event.extendedProps.activity && \n {arg.event.extendedProps.activity.title}\n }\n \n \n
\n \n }\n break;\n case 'event':\n case 'eventException':\n switch (arg.view.type){\n case 'resourceTimelineDay':\n return (\n \n \n {arg.event.extendedProps?.company?.title}\n
\n \n {arg.event.extendedProps.salary.information.job.title}\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.exchange && }\n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.absence && {arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.exchange && }\n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.absence && {arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n )\n case 'resourceTimelineMonth':\n return (\n <>\n {arg.event.extendedProps.timeCaption}\n \n )\n case 'timeGridWeek':\n case 'timeGridDay':\n return <>\n \n {arg.event.extendedProps.eventType === TYPE_EVENT_EXCEPTION && }\n {arg.event.extendedProps.type === TYPE_EVENT_RECURRING && }\n {arg.event.extendedProps.exchange && }\n {arg.event.extendedProps.substitution && }\n {arg.timeText}\n \n {format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}\n \n {arg.event.extendedProps.exchanged && <>{{arg.event.title}}}\n \n {arg.event.extendedProps.eventType === TYPE_EVENT_EXCEPTION && }\n {arg.event.extendedProps.type === TYPE_EVENT_RECURRING && }\n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.exchange && }\n \n {arg.event.extendedProps.salary.title}\n \n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n }\n {arg.event.extendedProps.localisation && \n {arg.event.extendedProps.localisation.title}\n }\n {arg.event.extendedProps.activity && \n {arg.event.extendedProps.activity.title}\n }\n \n \n
\n \n }\n break;\n case 'task':\n switch (arg.view.type){\n case 'resourceTimelineDay':\n case 'resourceTimelineWeek':\n return \n {arg.event.extendedProps?.company?.title}\n
\n \n {arg.event.extendedProps.salary.information.job.title}\n
\n {arg.event.extendedProps.accountingType !== ACCOUNTING_TYPE_WORK_ACCOUNTED && <>\n \n {getAccountingTypeChoice(arg.event.extendedProps.accountingType)?.label}\n
\n }\n {arg.timeText} {arg.event.title}
\n case 'resourceTimelineMonth':\n return \n
\n \n {arg.event.title}\n
\n \n
\n \n case 'resourceTimelineMonth':\n return \n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n
\n \n {arg.event.extendedProps.resource.job.title}\n
\n \n
\n \n case 'resourceTimelineWeek':\n return (\n <>\n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.recurrence.type > 1 && !arg.event.extendedProps.isException && }\n {arg.timeText} - {format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}\n
\n {arg.event.extendedProps.localisation && \n {\n \n }\n {arg.event.extendedProps.localisation?.title || ''}\n
}\n {arg.event.extendedProps.activity && \n {\n \n }\n {arg.event.extendedProps.activity.title || ''}\n
}\n \n
\n \n {arg.event.extendedProps.resource.job.title}\n
\n \n
\n \n )\n }\n break;\n }\n}\n\nexport function resourceLaneContent(e: { resource: ResourceApi }){\n if (e.resource.extendedProps.isTopLevel && e.resource.extendedProps.backgroundColor){\n let lane = document.querySelector(`.fc-timeline-lane.fc-resource[data-resource-id=\"${e.resource.id}\"]`) as HTMLTableColElement;\n if (lane){\n lane.style.backgroundColor = e.resource.extendedProps.backgroundColor;\n }\n }\n}","export const ADD_KEEP_NOTE = 'ADD_KEEP_NOTE';\nexport const ADD_KEEP_NOTE_SUCCESS = 'ADD_KEEP_NOTE_SUCCESS';\nexport const ADD_KEEP_NOTE_FAILURE = 'ADD_KEEP_NOTE_FAILURE';\n\nexport const REMOVE_KEEP_NOTE = 'REMOVE_KEEP_NOTE';\nexport const REMOVE_KEEP_NOTE_SUCCESS = 'REMOVE_KEEP_NOTE_SUCCESS';\nexport const REMOVE_KEEP_NOTE_FAILURE = 'REMOVE_KEEP_NOTE_FAILURE';\n\nexport const EDIT_KEEP_NOTE = 'EDIT_KEEP_NOTE';\nexport const EDIT_KEEP_NOTE_SUCCESS = 'EDIT_KEEP_NOTE_SUCCESS';\nexport const EDIT_KEEP_NOTE_FAILURE = 'EDIT_KEEP_NOTE_FAILURE';\n\nexport const FETCH_KEEP_NOTES = 'FETCH_KEEP_NOTES';\nexport const FETCH_KEEP_NOTES_SUCCESS = 'FETCH_KEEP_NOTES_SUCCESS';\nexport const FETCH_KEEP_NOTES_FAILURE = 'FETCH_KEEP_NOTES_FAILURE';\n\nexport const SHOW_KEEP_NOTE = 'SHOW_KEEP_NOTE';\nexport const SHOW_KEEP_NOTE_SUCCESS = 'SHOW_KEEP_NOTE_SUCCESS';\nexport const SHOW_KEEP_NOTE_FAILURE = 'SHOW_KEEP_NOTE_FAILURE';\n","import * as types from \"../../constants/keepNote\";\nimport * as models from \"../../models/keepNote\";\n\nexport const addKeepNote = () => {\n return {\n type: types.ADD_KEEP_NOTE,\n }\n}\n\nexport const addKeepNoteSuccess = (keepNote: models.KeepNote) => {\n return {\n type: types.ADD_KEEP_NOTE_SUCCESS,\n keepNote: keepNote,\n }\n}\n\nexport const addKeepNoteFailure = (error: string) => {\n return {\n type: types.ADD_KEEP_NOTE_FAILURE,\n keepNote: null,\n keepNotes: null,\n error: error\n }\n}\n\nexport const removeKeepNote = () => {\n return {\n type: types.REMOVE_KEEP_NOTE,\n }\n}\n\nexport const removeKeepNoteSuccess = (keepNote: models.KeepNote) => {\n return {\n type: types.REMOVE_KEEP_NOTE_SUCCESS,\n keepNote: keepNote,\n }\n}\n\nexport const removeKeepNoteFailure = (error: string) => {\n return {\n type: types.REMOVE_KEEP_NOTE_FAILURE,\n keepNote: null,\n keepNotes: null,\n error: error\n }\n}\n\nexport const editKeepNote = (keepNote: models.KeepNote) => {\n return {\n type: types.EDIT_KEEP_NOTE,\n keepNote: keepNote\n }\n}\n\n\n\nexport const editKeepNoteSuccess = (KeepNote: models.KeepNote) => {\n return {\n type: types.EDIT_KEEP_NOTE_SUCCESS,\n keepNote: KeepNote,\n }\n}\n\nexport const fetchKeepNotes = () => {\n return {\n type: types.FETCH_KEEP_NOTES,\n }\n}\n\nexport const fetchKeepNotesFailure = (error: string) => {\n return {\n type: types.FETCH_KEEP_NOTES_FAILURE,\n keepNote: null,\n keepNotes: [],\n error: error\n }\n}\n\nexport const fetchKeepNotesSuccess = (keepNotes: models.KeepNotes) => {\n return {\n type: types.FETCH_KEEP_NOTES_SUCCESS,\n keepNote: null,\n keepNotes: keepNotes\n }\n}\n\n\nexport const showKeepNote = () => {\n return {\n type: types.SHOW_KEEP_NOTE,\n }\n}\nexport const showKeepNoteSuccess = (keepNote: models.KeepNote) => {\n return {\n type: types.SHOW_KEEP_NOTE_SUCCESS,\n keepNote: keepNote\n }\n}\nexport const showKeepNoteFailure = (error: string) => {\n return {\n type: types.SHOW_KEEP_NOTE_FAILURE,\n keepNote: null,\n keepNotes: null,\n error: error\n }\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport {openSidebar} from \"../../actions/rightSidebar\";\nimport {\n FORM_EDIT_ABSENCE,\n FORM_NEW_TEMPLATE_APPLIED_BOOKING_EXCEPTION\n} from \"../../constants/rightSidebar\";\nimport format from \"../locale\";\nimport {hideEventPop, hideTemplateEventPop, refresh} from \"../../actions/calendar\";\nimport {showAlertSuccess} from \"../../actions/alert\";\nimport * as api from \"../../adapters/template/applied/exception\";\nimport {getAccountingTypeChoice} from \"../../constants/booking\";\nimport {calendarInitialStateInterface} from \"../../models/calendar\";\n\nconst EventAppliedPop:React.FC = () => {\n\n const e:EventClickArg = useSelector((state: RootStateOrAny) => state.calendar.eventClickArg)\n const displayEventPop:boolean = useSelector((state: RootStateOrAny) => state.calendar.displayTemplateEventPop)\n const eventPopRef = useRef\n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.recurrence.type > 1 && !arg.event.extendedProps.isException && }\n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n {e.event.extendedProps.absence.typeName}\n \n \n \n \n
}\n \n Du {format(new Date(e.event.extendedProps.absence.start)) + ' au ' + format(new Date(e.event.extendedProps.absence.end))}\n
\n\n
\n {e.event.extendedProps.labourDay && <>\n \n {e.event.extendedProps.labourDay.title}\n
\n\n setLabourDayWorked(e, ev.target.checked)}\n defaultChecked={e.event.extendedProps.labourDayWorked}\n className=\"form-check-input\" type=\"checkbox\" id=\"labourDay\" />\n \n
\n }\n \n
\n \n
\n \n {e.event.extendedProps.salary.title} | {e.event.extendedProps.salary.information.job.title}\n \n {e.event.extendedProps.templateTitle}\n {/**/}\n \n {e.event.extendedProps.description && \n {e.event.extendedProps.description}\n }\n \n {e.event.extendedProps.salary.tel}\n \n {e.event.extendedProps.company.title}\n \n \n {e.event.extendedProps.localisation?.title || ''}\n \n \n {e.event.extendedProps.activity?.title || ''}\n
\n \n
\n \n
\n \n\n
\n \n \n {e.event.extendedProps.beginAt} - {e.event.extendedProps.endAt} - {e.event.extendedProps.timeCaption}\n \n \n {e.event.extendedProps.accountingType && {getAccountingTypeChoice(e.event.extendedProps.accountingType)?.label}}\n \n {e.event.extendedProps.groupTitle && \n {e.event.extendedProps.groupTitle}\n }\n
\n \n }else{\n return <>\n }\n }\n\n const cancelBooking = () => {\n setIsLoading(true);\n // api.cancel(e.event.extendedProps.templateAppliedId, e.event.extendedProps.bookingInstanceId, e.event.extendedProps.exceptionInstanceId)\n // .then(() => {\n // dispatch(hideTemplateEventPop())\n // dispatch(refresh());\n // dispatch(showAlertSuccess('Créneau supprimé'))\n // setIsLoading(false);\n // })\n }\n\n const CancelConfirmation = () => {\n return <>\n \n \n
\n \n }\n\n if (!e) return <>\n\n return \n Êtes vous sûr de vouloir supprimer le créneau suivant ?\n
\n \n {e.event.extendedProps.salary.title}\n
\n \n {e.event.extendedProps.beginAt} - {e.event.extendedProps.endAt} - {e.event.extendedProps.timeCaption}\n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n {isLoading ?\n
\n}\n\nexport default EventAppliedPop;","import * as xhr from \"../../xhr\";\n\nexport function create(requestData: any, event: number){\n return xhr.post(`event/exception/create/${event}`, requestData);\n}\n\nexport function edit(requestData: any, exception: number){\n return xhr.post(`event/exception/edit/${exception}`, requestData);\n}\n\nexport function cancel(exception: number){\n return xhr.get(`event/exception/cancel/${exception}`);\n}\n\nexport function removeSub(exception: number){\n return xhr.get(`event/exception/remove_sub/${exception}`);\n}","import {post, get} from \"../xhr\";\n\nexport function match(requestData: {isSameDuration: boolean, start: string, end: string, startDate: string, endDate: string, jobs: number[], salaries: number[] }, salary: number){\n return post(`event_exchange/match/${salary}`, requestData || {});\n}\nexport function list(requestData: {\n isSameDuration: boolean,\n start: string,\n end: string,\n jobs: number[],\n event: {\n start: string,\n end: string,\n company: number,\n salary: number\n }}){\n return post(`event_exchange/list`, requestData);\n}\n\nexport function create(requestData: {\n event: number,\n exDate: string,\n target: number,\n targetExDate: string,\n}){\n return post(`event_exchange/create`, requestData);\n}\nexport function cancel(id: number){\n return get(`event_exchange/cancel/${id}`);\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {\n FORM_EDIT_ABSENCE,\n FORM_EDIT_BOOKING_SUBSTITUTE, FORM_EVENT_CANCEL, FORM_EVENT_EXCEPTION_ADD,\n FORM_EVENT_EXCEPTION_EDIT, FORM_NEW_EVENT_EXCHANGE,\n SHOW_SALARY_TEMPLATE\n} from \"../../../constants/rightSidebar\";\nimport format from \"../../locale\";\nimport {hideEventPopup, refresh, refreshResource} from \"../../../actions/calendar\";\nimport * as api from \"../../../adapters/booking\";\nimport * as exceptionApi from \"../../../adapters/event/exception\";\nimport * as eventExchangeApi from \"../../../adapters/eventExchange\";\nimport {BookingExceptionPayload} from \"../../../adapters/booking\";\nimport {getAccountingTypeChoice} from \"../../../constants/booking\";\nimport {calendarInitialStateInterface} from \"../../../models/calendar\";\nimport {Tooltip} from \"bootstrap\";\nimport {TYPE_EVENT, TYPE_EVENT_EXCEPTION} from \"../../../constants/event\";\nimport SmallLoader from \"../../loader/small\";\n\nconst EventPopup:React.FC = () => {\n\n const e:EventClickArg = useSelector((state: RootStateOrAny) => state.calendar.eventClickArg)\n const calendar: calendarInitialStateInterface = useSelector((state: RootStateOrAny) => state.calendar)\n const show:boolean = useSelector((state: RootStateOrAny) => state.calendar.showEventPopup)\n const eventPopRef = useRef\n
\n : (displayCancelConfirmation ? \n Loading...\n
\n \n
\n {e.event.extendedProps.labourDay && <>\n \n {e.event.extendedProps.labourDay.title}\n
\n\n setLabourDayWorked(e, ev.target.checked)}\n defaultChecked={e.event.extendedProps.labourDayWorked}\n className=\"form-check-input\" type=\"checkbox\" id=\"labourDay\" />\n \n
\n \n }\n {e.event.extendedProps.isSlotExchange && <>\n
\n
\n
\n }\n \n
\n \n
\n \n Échange de créneau\n
\n\n \n
\n \n {e.event.extendedProps.templateId &&
\n \n
}\n \n Emploi du temps : {e.event.extendedProps.templateTitle}\n
\n\n
\n \n {format(new Date(e.event.extendedProps.templateStart), \"dd/MM/uuuu\")} {e.event.extendedProps.templateEnd ? format(new Date(e.event.extendedProps.templateEnd), \"dd/MM/uuuu\") : <>Non renseigné}\n
\n \n \n
\n \n
\n
\n {e.event.extendedProps.substitute && !e.event.extendedProps.substitution && <>\n \n Collaborateur\n
\n\n {e.event.extendedProps.salary.firstname} {e.event.extendedProps.salary.lastname}\n \n
\n \n
\n {e.event.extendedProps.salary.tel}\n \n {e.event.extendedProps.salary.information.job.title}\n
\n \n
\n \n
\n \n
\n \n\n
\n \n
\n
\n }\n \n
\n \n
\n \n Remplacant\n
\n\n \n
\n \n {e.event.extendedProps.substitute.firstname} {e.event.extendedProps.substitute.lastname}\n \n
\n \n
\n {e.event.extendedProps.substitute.tel}\n \n {e.event.extendedProps.substitute.information.job.title}\n
\n \n
\n \n
\n \n
\n \n\n
\n \n
\n \n \n {e.event.extendedProps.localisation?.title || ''}\n \n \n {e.event.extendedProps.activity?.title || ''}\n \n {e.event.extendedProps.description && \n {e.event.extendedProps.description}\n }\n
\n \n Lieu et activité\n
\n {e.event.extendedProps.company.title}\n\n
\n \n {e.event.extendedProps.accountingType && {getAccountingTypeChoice(e.event.extendedProps.accountingType)?.label}}\n \n {e.event.extendedProps.description}\n
\n {e.event.extendedProps.absence && <>\n \n Horaire\n
\n \n {format(e.event.start!, \"HH:mm\")} - {format(e.event.end!, \"HH:mm\")} - {e.event.extendedProps.timeCaption}\n \n\n
\n \n
}\n \n }else{\n return <>\n }\n }\n\n if (!e) return <>\n\n return \n Absence\n
\n\n
\n {e.event.extendedProps.absence.typeName}
\n \n \n
\n \n Du {format(new Date(e.event.extendedProps.absence.start)) + ' au ' + format(new Date(e.event.extendedProps.absence.end))}\n
\n\n {isLoading ?\n
\n}\n\nexport default EventPopup;","import React, {forwardRef, useEffect, useState} from \"react\";\nimport FullCalendar, {\n CalendarApi,\n DateSelectArg,\n EventClickArg,\n EventDropArg, SlotLabelContentArg, ViewMountArg,\n VUIEvent\n} from \"@fullcalendar/react\";\nimport {Link} from \"react-router-dom\";\nimport resourceTimelinePlugin from \"@fullcalendar/resource-timeline\";\nimport listPlugin from \"@fullcalendar/list\";\nimport interactionPlugin, {EventResizeDoneArg} from \"@fullcalendar/interaction\";\nimport allLocales from \"@fullcalendar/core/locales-all\";\nimport * as action from \"../../actions/calendar\";\nimport * as api from \"../../adapters/calendar\";\nimport * as teamApi from \"../../adapters/team\";\nimport * as taskCalendarActions from \"../../actions/task/calendar\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {\n BOOKING_HISTORY,\n FORM_NEW_TEMPLATE_APPLIED_BOOKING_EXCEPTION,\n FORM_CALENDAR_DOWNLOAD,\n FORM_CALENDAR_RESOURCE_ORDER,\n FORM_CALENDAR_SETTINGS,\n FORM_EDIT_ACTIVITY,\n FORM_EDIT_BOOKING,\n FORM_EDIT_JOB,\n FORM_EDIT_LOCALISATION,\n FORM_KEEP_NOTE_ADD,\n FORM_KEEP_NOTE_LIST,\n FORM_NEW_ABSENCE,\n FORM_NEW_BOOKING,\n FORM_NEW_BOOKING_OFFER,\n FORM_NEW_LOCALISATION,\n FORM_NEW_SALARY,\n FORM_NEW_TASK,\n FORM_NEW_TEMPLATE_FROM_CALENDAR,\n LIST_TEMPLATES_APPLY,\n NEED_LIST,\n SHOW_BOOKING_OFFER,\n TEMPLATES_APPLY_EDIT,\n FORM_EVENT_ADD,\n FORM_EVENT_EXCEPTION_EDIT,\n FORM_EVENT_EXCEPTION_ADD,\n SHOW_EVENT_OFFER,\n FORM_NEW_EVENT_OFFER\n} from \"../../constants/rightSidebar\";\nimport {openSidebar} from \"../../actions/rightSidebar\";\nimport format from \"../../utils/locale/index\";\nimport DatePicker from \"react-datepicker\";\nimport {setPageTitle, setHelpProductSheetIds} from \"../../actions/header\";\nimport {\n fetchAllEventsSuccess,\n fetchResourcesSuccess,\n fetchTitleSuccess,\n refresh, refreshResourceSuccess, setCompanies,\n showEventPop, showEventPopup,\n showResourceActions, showTemplateEventPop\n} from \"../../actions/calendar\";\nimport {NeedEvent, PresenceEvent, ResourceLabelContentArg, WorkingTime} from \"../../models/calendar\";\nimport EventPop from \"../../utils/eventPop\";\nimport ResourceActions from \"../../utils/resourceActions\";\nimport TaskEventPop from \"../../utils/taskEventPop\";\nimport Loader from \"../../utils/loader\";\nimport {Tooltip} from \"bootstrap\";\nimport {TemplateApplied, TemplateApplies} from \"../../models/template\";\nimport {fetchTemplatesAppliesSuccess} from \"../../actions/template/applied\";\nimport {renderEvent, resourceLaneContent} from \"../../utils/calendar\";\nimport {fetchKeepNotesSuccess} from \"../../actions/keepNote\";\nimport {KeepNote} from \"../../models/keepNote\";\nimport {Granted, GrantedAny, GrantedMany} from \"../../security/granted\";\nimport * as accessRights from \"../../constants/accessRight\";\nimport {axiosError} from \"../../actions/axios\";\nimport HasModule from \"../../security/hasModule\";\nimport {Companies, Company} from \"../../models/companies\";\nimport {LIST_TIME_CLOCK} from \"../../constants/accessRight\";\nimport {Team, Teams} from \"../../models/team\";\nimport EventAppliedPop from \"../../utils/eventAppliedPop\";\nimport rrulePlugin from \"@fullcalendar/rrule\";\nimport {TYPE_EVENT, TYPE_EVENT_EXCEPTION} from \"../../constants/event\";\nimport EventPopup from \"../../utils/event/popup\";\nimport getVersion from \"../../security/getVersion\";\n\nconst CalendarShow :React.FC = () => {\n const dispatch = useDispatch();\n\n const state = useSelector((state: RootStateOrAny) => state)\n\n const defaultView = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.defaultView)\n const isPresence = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.isPresence)\n const defaultGroupBy = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.defaultGroupBy)\n const timePrecision = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.timePrecision)\n const timezone = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.timezone)\n const daysOfWeek = useSelector((state: RootStateOrAny) => state.auth.user.calendarSettings.daysOfWeek)\n\n const isRefresh = useSelector((state: RootStateOrAny) => state.calendar.refresh)\n const needEvents = useSelector((state: RootStateOrAny) => state.calendar.needEvents)\n const events = useSelector((state: RootStateOrAny) => state.calendar.events)\n const workingTimes = useSelector((state: RootStateOrAny) => state.calendar.workingTimes)\n const resources = useSelector((state: RootStateOrAny) => state.calendar.resources)\n const companies: Companies = useSelector((state: RootStateOrAny) => state.calendar.companies)\n const view = useSelector((state: RootStateOrAny) => state.calendar.view)\n const tasks = useSelector((state: RootStateOrAny) => state.calendar.tasks)\n const bookingOffers = useSelector((state: RootStateOrAny) => state.calendar.bookingOffers)\n const presenceEvents = useSelector((state: RootStateOrAny) => state.calendar.presenceEvents)\n const refreshResource = useSelector((state: RootStateOrAny) => state.calendar.refreshResource)\n const resourceSalary = useSelector((state: RootStateOrAny) => state.calendar.salary)\n const title = useSelector((state: RootStateOrAny) => state.calendar.title)\n const calendarRef = React.createRef\n
\n : \n Loading...\n
\n {\n\n if (arg.resource.extendedProps.preventDefault){\n return false;\n }\n\n if(Granted(accessRights.EDIT_BOOKING)){\n switch (groupBy) {\n case 1:\n dispatch(openSidebar(FORM_EDIT_JOB, arg.resource.extendedProps.job))\n break;\n case 2:\n let _localisation = arg.resource.extendedProps.localisation;\n _localisation.company = arg.resource.extendedProps.company\n dispatch(openSidebar(FORM_EDIT_LOCALISATION, _localisation))\n break;\n case 3:\n let _activity = arg.resource.extendedProps.activity;\n _activity.company = arg.resource.extendedProps.company\n dispatch(openSidebar(FORM_EDIT_ACTIVITY, _activity))\n break;\n }\n }\n }}\n >\n
\n \n \n case \"unclassified\":\n return <>Créneaux non classé\n default:\n return <>{arg.resource.title}\n }\n }\n\n if (!arg.resource.extendedProps.grouped){\n let workingTime = workingTimes?.find((workingTime: WorkingTime) => workingTime.salary.id === arg.resource.extendedProps.salary.id);\n\n return \n \n {arg.resource.extendedProps.icon && }\n
\n \n \n \n {Granted(accessRights.LIST_SALARY) ? {arg.resource.title} : <>{arg.resource.title}}\n \n \n {Granted(accessRights.EDIT_BOOKING) && \n \n \n \n {workingTime?.time || (isLoading ? : '00:00')}\n \n {arg.view.type === 'resourceTimelineWeek' && (!!workingTime?.diffTimestamp ?\n \n {workingTime.diffTimestamp > 0 ? :\n } {workingTime.diffInterval}\n : )}\n \n }\n \n {Granted(accessRights.EDIT_BOOKING) && arg.resource.extendedProps.showSalaryDropdown && \n \n }\n
\n \n }\n\n return <>\n }\n\n const renderResourceGroup = (arg: any) => {\n let array = arg.groupValue.split(':')\n return Sem.{array[array.length - 1]} {array[array.length - 3]} \n }\n\n const eventResize = (e: EventResizeDoneArg) => {\n dispatch(action.editEvent(e));\n if (Granted(accessRights.EDIT_BOOKING)){\n switch (e.event.extendedProps.eventType){\n case TYPE_EVENT:\n dispatch(openSidebar(FORM_EVENT_EXCEPTION_ADD, {\n eventId: e.event.extendedProps.eventId,\n salary: e.event.extendedProps.salary,\n start: e.event.start,\n initialStart: e.oldEvent.start,\n end: e.event.end,\n company: e.event.extendedProps.company,\n localisation: e.event.extendedProps.localisation,\n activity: e.event.extendedProps.activity,\n accountingType: e.event.extendedProps.accountingType,\n resourceId: e.event.extendedProps.longResourceId,\n parentId: e.event.extendedProps.resourceParentId,\n }))\n break;\n case TYPE_EVENT_EXCEPTION:\n dispatch(openSidebar(FORM_EVENT_EXCEPTION_EDIT, {\n eventId: e.event.extendedProps.eventId,\n exceptionId: e.event.extendedProps.exceptionId,\n salary: e.event.extendedProps.salary,\n start: e.event.start,\n initialStart: e.oldEvent.start,\n end: e.event.end,\n daysOfWeek: e.event.extendedProps.weekDays,\n company: e.event.extendedProps.company,\n localisation: e.event.extendedProps.localisation,\n activity: e.event.extendedProps.activity,\n resourceId: e.event.extendedProps.longResourceId,\n parentId: e.event.extendedProps.resourceParentId\n }))\n break;\n case 'templateBookingAppliedException':\n case 'templateBookingApplied':\n dispatch(openSidebar(FORM_NEW_TEMPLATE_APPLIED_BOOKING_EXCEPTION, {\n start: e.event.start,\n end: e.event.end,\n accountingType: e.event.extendedProps.accountingType,\n company: e.event.extendedProps.company,\n activity: e.event.extendedProps.activity,\n localisation: e.event.extendedProps.localisation,\n salary: e.event.extendedProps.salary,\n instanceToken: e.event.extendedProps.instanceToken,\n instanceId: e.event.extendedProps.instanceId,\n isAppliedException: e.event.extendedProps.isAppliedException,\n bookingInstanceId: e.event.extendedProps.bookingInstanceId,\n exceptionInstanceId: e.event.extendedProps.exceptionInstanceId,\n description: e.event.extendedProps.description,\n templateApplied: e.event.extendedProps.templateApplied,\n }))\n break;\n default:\n dispatch(openSidebar(FORM_EDIT_BOOKING, {\n start: e.event.start,\n end: e.event.end,\n company: e.event.extendedProps.company,\n activity: e.event.extendedProps.activity,\n localisation: e.event.extendedProps.localisation,\n accountingType: e.event.extendedProps.accountingType,\n salary: e.event.extendedProps.salary,\n instanceToken: e.event.extendedProps.instanceToken,\n instanceId: e.event.extendedProps.instanceId,\n isException: e.event.extendedProps.isException,\n exceptionInstanceId: e.event.extendedProps.exceptionInstanceId,\n bookingInstanceId: e.event.extendedProps.bookingInstanceId,\n bookingGroupId: e.event.extendedProps.bookingGroupId,\n bookingGroupTitle: e.event.extendedProps.bookingGroupTitle,\n description: e.event.extendedProps.description,\n recurrence: e.event.extendedProps.recurrence,\n resourceId: e.event.extendedProps.longResourceId,\n parentId: e.event.extendedProps.resourceParentId\n }))\n break;\n }\n }\n }\n\n const eventDrop = (e: EventDropArg) => {\n if (Granted(accessRights.EDIT_BOOKING)) {\n\n let target = e.newResource || e.event.getResources()[0];\n\n switch (e.event.extendedProps.eventType){\n case TYPE_EVENT:\n case TYPE_EVENT_EXCEPTION:\n dispatch(action.editEvent(e))\n dispatch(openSidebar(FORM_EVENT_ADD, {\n salary: target?.extendedProps.salary,\n start: e.event.start,\n end: e.event.end,\n daysOfWeek: e.event.extendedProps.weekDays,\n company: e.event.extendedProps.company,\n activity: e.event.extendedProps.activity,\n localisation: e.event.extendedProps.localisation,\n accountingType: e.event.extendedProps.accountingType,\n resourceId: target?.id,\n parentId: target?._resource.parentId\n }))\n break;\n case 'templateBookingAppliedException':\n case 'templateBookingApplied':\n dispatch(action.editEvent(e))\n dispatch(openSidebar(FORM_NEW_TEMPLATE_APPLIED_BOOKING_EXCEPTION, {\n start: e.event.start,\n end: e.event.end,\n accountingType: e.event.extendedProps.accountingType,\n company: e.event.extendedProps.company,\n activity: e.event.extendedProps.activity,\n localisation: e.event.extendedProps.localisation,\n salary: e.event.extendedProps.salary,\n instanceToken: e.event.extendedProps.instanceToken,\n instanceId: e.event.extendedProps.instanceId,\n isAppliedException: e.event.extendedProps.isAppliedException,\n bookingInstanceId: e.event.extendedProps.bookingInstanceId,\n exceptionInstanceId: e.event.extendedProps.exceptionInstanceId,\n description: e.event.extendedProps.description,\n templateApplied: e.event.extendedProps.templateApplied,\n resourceId: e.event.getResources()[0].id,\n parentId: e.event.getResources()[0]._resource.parentId\n }))\n break;\n case 'booking':\n case 'bookingException':\n dispatch(openSidebar(FORM_NEW_BOOKING, {\n beginAt: e.event.start,\n endAt: e.event.end,\n company: e.event.extendedProps.company,\n activity: e.event.extendedProps.activity,\n localisation: e.event.extendedProps.localisation,\n accountingType: e.event.extendedProps.accountingType,\n salary: e.newResource ? e.newResource?.extendedProps.salary : e.event.extendedProps.salary,\n instanceToken: e.event.extendedProps.instanceToken,\n instanceId: e.event.extendedProps.instanceId,\n isException: e.event.extendedProps.isException,\n exceptionInstanceId: e.event.extendedProps.exceptionInstanceId,\n bookingInstanceId: e.event.extendedProps.bookingInstanceId,\n description: e.event.extendedProps.description,\n recurrence: e.event.extendedProps.recurrence,\n resourceId: e.event.extendedProps.longResourceId,\n parentId: e.event.extendedProps.resourceParentId\n }))\n e.revert();\n break;\n default:\n e.revert();\n }\n }\n }\n\n const getMaxEnd = (e: DateSelectArg) => {\n if (e.resource){\n let resourceEvents = e.resource.getEvents().filter(ev => e.start?.getDay() === ev.end?.getDay());\n if (resourceEvents?.length && e.end){\n let maxEnd = Math.max.apply(null, [...resourceEvents.map(e => e.end!.getTime())]);\n if (maxEnd){\n return new Date(maxEnd);\n }\n }\n }\n\n return null;\n }\n\n const onSelect = (e: DateSelectArg) => {\n\n let _start: Date = e.start;\n let _end: Date = e.end;\n if (Granted(accessRights.EDIT_BOOKING) && e.resource?._resource.parentId){\n switch (e.view.type){\n case 'resourceTimelineMonth':\n let maxEnd = getMaxEnd(e);\n\n if (maxEnd){\n _start = new Date(maxEnd);\n _end = new Date(maxEnd.getTime() + (60 * 60 * 1000))\n }else{\n _start = new Date(e.start.getTime() + (9*60*60*1000))\n _end = new Date(e.start.getTime() + (10*60*60*1000))\n }\n\n break;\n case 'resourceTimelineWeek':\n if (timePrecision.replace(' ', '') === JSON.stringify({day: 1}).replace(' ', '')) {\n let maxEnd = getMaxEnd(e);\n\n if (maxEnd){\n _start = new Date(maxEnd);\n _end = new Date(maxEnd.getTime() + (60 * 60 * 1000))\n }else{\n _start = new Date(e.start.getTime() + (9*60*60*1000))\n _end = new Date(e.start.getTime() + (10*60*60*1000))\n }\n }\n break;\n }\n\n switch (getVersion()) {\n case 1:\n dispatch(openSidebar(FORM_EVENT_ADD, {\n salary: e.resource?.extendedProps.salary,\n start: _start,\n end: _end,\n company: e.resource?.extendedProps.company,\n localisation: e.resource?.extendedProps.localisation,\n activity: e.resource?.extendedProps.activity,\n resourceId: e.resource?.id,\n parentId: e.resource?._resource.parentId,\n }))\n break;\n default:\n dispatch(openSidebar(FORM_NEW_BOOKING, {\n salary: e.resource?.extendedProps.salary,\n beginAt: _start,\n endAt: _end,\n company: e.resource?.extendedProps.company,\n localisation: e.resource?.extendedProps.localisation,\n activity: e.resource?.extendedProps.activity,\n resourceId: e.resource?.id,\n parentId: e.resource?._resource.parentId,\n }))\n break;\n }\n }\n }\n\n type ButtonProps = JSX.IntrinsicElements[\"button\"];\n const ViewTitleContainer = forwardRef\n \n \n
\n )\n }\n\n const NavLinkDayClick = (date: Date, e: VUIEvent) => {\n let API = calendarRef.current?.getApi()\n if (API){\n switch (API.view.title) {\n case 'resourceTimelineMonth':\n API.changeView('resourceTimelineWeek', date)\n dispatch(action.setView('resourceTimelineWeek'));\n break;\n case 'resourceTimelineWeek':\n API.changeView('resourceTimelineDay', date)\n dispatch(action.setView('resourceTimelineDay'));\n break;\n }\n if (['resourceTimelineMonth','resourceTimelineWeek'].includes(API.view.title)){\n dispatch(fetchTitleSuccess(API.view.title, API.view.currentStart, API.view.currentEnd));\n dispatch(refresh());\n }\n }\n }\n\n const slotLabelContent = (e: SlotLabelContentArg) => {\n\n let labourDay = labourDays.find(ld => ld.date === format(e.date, 'uuuu-MM-dd'))\n\n if (e.level === 0 && e.view.type === 'resourceTimelineDay'){\n return {format(new Date(e.date.getTime()), 'HH:mm')}\n }\n if (e.level === 0 && e.view.type === 'resourceTimelineWeek'){\n return - \n {groupBy === 1 &&
- setIsOuter(prevState => !prevState)}>\n Afficher\n les créneaux sur un autre point de vente\n }\n {groupBy === 1 &&
- setIsAbsent(prevState => !prevState)}>\n Afficher\n les ETP sans créneau\n }\n
- setIsAbsence(prevState => !prevState)}>\n Afficher les créneaux absent\n \n {HasModule('bookingOffer') &&
- setIsBookingOffer(prevState => !prevState)}>\n Afficher\n les propositions de créneaux\n }\n
\n \n {format(e.date, 'EEEE dd')}\n \n \n {labourDay && <>\n \n \n {labourDay.title}\n \n }\n
\n }\n if (e.level === 0 && e.view.type === 'resourceTimelineMonth'){\n if (format(e.date, 'uuuu-MM-dd') === format(new Date(), 'uuuu-MM-dd')){\n return {e.text}\n }else{\n return {e.text}\n }\n }\n if (e.level === 1 && e.view.type === 'resourceTimelineWeek'){\n return {format(new Date(e.date.getTime()), 'HH:mm')}\n }\n return {e.text}\n }\n\n const handleCompanyChange = (company: Company) => {\n let _selectingCompanies = [...selectingCompanies]\n let index = selectingCompanies.findIndex(c => c.id === company.id);\n if (index !== -1){\n _selectingCompanies.splice(index, 1)\n setSelectingCompanies([..._selectingCompanies])\n }else{\n setSelectingCompanies([..._selectingCompanies, company]);\n }\n }\n\n return (\n <>\n \n {state.keepNote.payload.filter((keepNote: KeepNote) => format(new Date(keepNote.dueDate)) === format(e.date)).length > 0 && {\n ev.stopPropagation();\n dispatch(openSidebar(FORM_KEEP_NOTE_LIST, {dueDate: e.date}))\n }}>\n \n {state.keepNote.payload.filter((keepNote: KeepNote) => format(new Date(keepNote.dueDate)) === format(e.date)).length}\n \n }\n {\n ev.stopPropagation();\n dispatch(openSidebar(FORM_KEEP_NOTE_ADD, {dueDate: e.date}))\n }}>\n \n \n
\n \n
\n \n
\n \n
\n {Granted(accessRights.LIST_TEAM) && HasModule('team') && \n \n
\n - \n
- \n \n \n \n \n setCompanyQuery(e.target.value)} type=\"search\" className=\"form-control br-0\"/>\n\n \n {userCompanies.filter(c => {\n return !companyQuery || c.title.toLowerCase().includes(companyQuery.toLowerCase())\n }).map((c, i) =>
- \n \n handleCompanyChange(c)}\n type=\"checkbox\"\n defaultChecked={selectingCompanies.includes(c)}\n id=\"flexSwitchCheckDefault\" />\n \n\n )}\n
- \n \n \n
\n
}\n {Granted(accessRights.LIST_JOB) && \n \n
\n - \n
- \n Équipes\n \n
- \n \n \n \n \n setTeamQuery(e.target.value)} type=\"search\"\n className=\"form-control br-0\"/>\n\n \n {teams.filter(t => {\n return !teamQuery || t.title.toLowerCase().includes(teamQuery.toLowerCase())\n }).map(t =>
- {\n let index = selectedTeams.findIndex(_t => _t.id === t.id)\n if (index !== -1){\n let _selectedTeams = [...selectedTeams]\n _selectedTeams.splice(index, 1);\n setSelectedTeams([..._selectedTeams])\n }else{\n setSelectedTeams([...selectedTeams, t])\n }\n }}>\n {t.title} {selectedTeams?.map(_t => _t.id).includes(t.id) && }\n )}\n
- \n \n \n
\n
}\n \n \n
\n - \n
- setJob(0)}>\n {job === 0 && } Tous les métiers\n \n
- setJob(1)}>\n {job === 1 && } Front office\n \n
- setJob(2)}>\n {job === 2 && } Back office\n \n
\n
\n {['resourceTimelineDay', 'resourceTimelineWeek', 'listWeek'].includes((view || defaultView)) && \n \n \n
\n \n \n
}\n \n \n
\n - \n
- \n \n \n
- \n \n \n
- \n \n \n
\n
\n \n \n
\n \n\n
\n \n
\n \n \n \n \n
\n \n \n
\n \n setNightView(e.target.checked)} className=\"form-check-input\" type=\"checkbox\" id=\"flexSwitchCheckDefault\"/>\n
\n \n \n
\n \n {HasModule(\"timeClock\") && Granted(LIST_TIME_CLOCK) && <>\n \n \n \n }\n {Granted(accessRights.EDIT_BOOKING) && <>\n \n {[2, 3].includes(groupBy) &&\n }\n }\n {GrantedAny([accessRights.EDIT_TEMPLATE, accessRights.LIST_TEMPLATE]) && \n \n \n {templates.length > 0 && \n {templates.length}\n }\n \n \n \n \n }\n \n
\n - \n {GrantedMany([accessRights.EDIT_BOOKING, accessRights.LIST_TEMPLATE]) &&
- \n \n }\n {Granted(accessRights.EDIT_TEMPLATE) &&
- \n \n }\n
- Aucun template appliqué }\n
- \n {Granted(accessRights.EDIT_BOOKING) &&
- \n {getVersion() !== 1 ? : }\n }\n {Granted(accessRights.EDIT_TASK_GROUP) &&
- \n \n }\n {Granted(accessRights.EDIT_ABSENCE) &&
- \n \n }\n {Granted(accessRights.EDIT_LOCALISATION) &&
- \n \n }\n {Granted(accessRights.EDIT_ACTIVITY) &&
- \n \n }\n {Granted(accessRights.EDIT_SALARY) &&
- \n \n }\n {HasModule('bookingOffer') && Granted(accessRights.EDIT_BOOKING_OFFER) && <> {\n getVersion() !== 1 ?
- \n \n :
- \n \n } }\n
\n = 768 ? (view.length ? view : defaultView) : (viewType === 'list' ? 'listDay' : 'resourceTimelineDay')}\n resourceAreaWidth={\"20%\"}\n height={'100%'}\n eventMouseEnter={(e) => {\n let API = calendarRef.current?.getApi();\n if (API) {\n switch (e.event.extendedProps.eventType) {\n case 'presence':\n let event: any = e.event.extendedProps;\n event.children.map((c: any) => {\n let el = document.getElementById(c.instanceToken) as HTMLDivElement;\n if (el && el.parentElement) {\n if (el.parentElement.parentElement) {\n el.parentElement.parentElement.classList.toggle('fc-highlight-primary')\n }\n }\n })\n break;\n case 'booking':\n case 'bookingException':\n case 'templateBooking':\n case 'templateBookingException':\n case 'templateBookingAppliedException':\n case 'event':\n case 'eventException':\n let el = e.el.querySelector(`[id=\"title${e.event.id}\"]`) as HTMLSpanElement;\n if (el) {\n el.textContent = e.event.extendedProps.alternativeTitle\n }\n break;\n }\n }\n }}\n eventMouseLeave={(e) => {\n let API = calendarRef.current?.getApi();\n if (API) {\n switch (e.event.extendedProps.eventType) {\n case 'presence':\n let event: any = e.event.extendedProps;\n event.children.map((c: any) => {\n let el = document.getElementById(c.instanceToken) as HTMLDivElement;\n if (el && el.parentElement) {\n if (el.parentElement.parentElement) {\n el.parentElement.parentElement.classList.toggle('fc-highlight-primary')\n }\n }\n })\n break;\n case 'booking':\n case 'bookingException':\n case 'templateBooking':\n case 'templateBookingException':\n case 'templateBookingAppliedException':\n case 'event':\n case 'eventException':\n let el = e.el.querySelector(`[id=\"title${e.event.id}\"]`) as HTMLSpanElement;\n if (el) {\n el.textContent = e.event.title\n }\n break;\n }\n }\n }}\n editable={Granted(accessRights.EDIT_BOOKING)}\n select={onSelect}\n\n resourceOrder={'order1,order2,order3,order4'}\n eventOverlap={false}\n lazyFetching={false}\n resourceGroupLabelContent={renderResourceGroup}\n headerToolbar={false}\n views={{\n resourceTimelineDay: {\n slotDuration: {minutes: 30}\n },\n resourceTimelineWeek: {\n slotDuration: JSON.parse(timePrecision),\n },\n resourceTimelineMonth: {\n slotDuration: {day: 1}\n }\n }}\n hiddenDays={daysOfWeek}\n slotMinTime={timeRange.minTime}\n slotMaxTime={timeRange.maxTime}\n selectable={Granted(accessRights.EDIT_BOOKING)}\n eventClick={eventClick}\n eventResize={eventResize}\n eventDrop={eventDrop}\n locales={allLocales}\n locale={'fr'}\n stickyHeaderDates={true}\n displayEventTime={true}\n schedulerLicenseKey={'GPL-My-Project-Is-Open-Source'}\n stickyFooterScrollbar={true}\n expandRows={false}\n resourceAreaHeaderContent={() =>
\n \n
\n );\n}\n\nexport default CalendarPage;","import React, { useEffect } from \"react\";\nimport { RootStateOrAny, useDispatch, useSelector } from \"react-redux\";\n\nimport { Salary } from \"../../../models/salary\";\n\nimport { EDIT_PASSWORD_FORM } from \"../../../constants/rightSidebar\";\n\nimport { openSidebar } from \"../../../actions/rightSidebar\";\nimport { setPageTitle } from \"../../../actions/header\";\nimport * as actions from \"../../../actions/auth\";\n\nimport * as api from \"../../../adapters/auth\";\n\nconst ProfileShow:React.FC = () => {\n const state = useSelector((state: RootStateOrAny) => state.auth)\n const dispatch = useDispatch();\n\n useEffect(() => {\n dispatch(setPageTitle('Mon compte'))\n }, [])\n\n return (\n \n
\n )\n}\n\nexport default ProfileShow;","import * as React from \"react\";\n\nimport ProfileShow from \"../../../../components/profile/show/index\";\n\nconst ProfileShowPage : React.FC = () => {\n return (\n \n
\n \n
\n \n
\n \n \n \n
\n
\n | \n Nom d'utilisateur\n | \n\n {state.user.email}\n | \n
| \n Mot de passe\n | \n\n \n | \n
| \n Prénom\n | \n\n {state.user.information?.firstname}\n | \n
| \n Nom\n | \n\n {state.user.information?.lastname}\n | \n
| \n Tél\n | \n\n {state.user.information?.tel}\n | \n
\n
\n \n
\n \n Entreprise\n
\n\n {\n localStorage.removeItem('defaultCompanies')\n dispatch(actions.unselectAccount())\n }}\n >\n Quitter\n \n
\n {state.user.salaries.length > 1 && <>\n \n {state.user.currentSalary.companyGroup.title}\n
\n\n {state.user.salaries.map((salary: Salary) =>
\n }\n \n
)}\n \n {salary.companyGroup?.title}\n
\n \n\n
\n )\n}\n\nexport default ChannelList;","import * as types from \"../../constants/channel\";\nimport * as models from \"../../models/channel\";\n\nexport const addChannel = () => {\n return {\n type: types.ADD_CHANNEL,\n }\n}\n\nexport const addChannelInformation = () => {\n return {\n type: types.ADD_CHANNEL,\n }\n}\n\nexport const addChannelSuccess = (channel: models.Channel) => {\n return {\n type: types.ADD_CHANNEL_SUCCESS,\n channel: channel,\n }\n}\n\nexport const addChannelInformationSuccess = (channel: models.Channel) => {\n return {\n type: types.ADD_CHANNEL_INFORMATION_SUCCESS,\n channel: channel,\n }\n}\n\nexport const addChannelFailure = (error: string) => {\n return {\n type: types.ADD_CHANNEL_FAILURE,\n channel: null,\n channels: null,\n error: error\n }\n}\n\nexport const addChannelInformationFailure = (error: string) => {\n return {\n type: types.ADD_CHANNEL_INFORMATION_FAILURE,\n channel: null,\n channels: null,\n error: error\n }\n}\n\nexport const editChannel = () => {\n return {\n type: types.EDIT_CHANNEL,\n }\n}\n\nexport const editChannelSuccess = (channel: models.Channel) => {\n return {\n type: types.EDIT_CHANNEL_SUCCESS,\n channel: channel,\n }\n}\n\nexport const fetchChannels = () => {\n return {\n type: types.FETCH_CHANNELS,\n }\n}\n\nexport const fetchChannelsFailure = (error: string) => {\n return {\n type: types.FETCH_CHANNELS_FAILURE,\n channel: null,\n channels: [],\n error: error\n }\n}\n\nexport const fetchChannelsSuccess = (channels: models.Channels) => {\n return {\n type: types.FETCH_CHANNELS_SUCCESS,\n channel: null,\n channels: channels\n }\n}\n\n\nexport const showChannel = () => {\n return {\n type: types.SHOW_CHANNEL,\n }\n}\nexport const showChannelSuccess = (channel: models.Channel) => {\n return {\n type: types.SHOW_CHANNEL_SUCCESS,\n channel: channel\n }\n}\nexport const showChannelFailure = (error: string) => {\n return {\n type: types.SHOW_CHANNEL_FAILURE,\n channel: null,\n channels: null,\n error: error\n }\n}","import {post, get} from \"../xhr\";\nimport {Salaries} from \"../../models/salary\";\n\ninterface PostChannel {\n title: string,\n description: string|null,\n salaries: Salaries\n}\n\nexport function list(){\n return get('channel/list');\n}\n\nexport function edit(requestData: PostChannel, id: number){\n return post('channel/edit/' + id, requestData);\n}\n\nexport function create(requestData: PostChannel){\n return post('channel/create', requestData);\n}\n\nexport function show(id: string){\n return get('channel/show/' + id);\n}","import {post, get} from \"../../xhr\";\n\ninterface PostMessage {\n body: string,\n attachments?: string[]|null,\n}\n\nexport function list(channelId: string, offset?: number){\n return post('channel/'+ channelId +'/message/list', {offset: offset});\n}\n\nexport function create(requestData: PostMessage, channelId: string){\n return post('channel/'+ channelId +'/message/create', requestData);\n}\n\nexport function remove(channelId: string, messageId: number){\n return get('channel/'+ channelId +'/message/remove/' + messageId);\n}","import React, {useEffect, useState} from \"react\";\nimport {useParams} from \"react-router-dom\";\nimport Loader from \"../../../utils/loader\";\nimport * as messageApi from \"../../../adapters/channel/message\"\nimport * as api from \"../../../adapters/channel\"\nimport * as reactionApi from \"../../../adapters/channel/message/reaction\"\nimport {Channel, Message, MessageReaction, Messages} from \"../../../models/channel\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport './index.scss';\nimport {useFormik} from \"formik\";\nimport * as Yup from \"yup\";\nimport format from \"../../../utils/locale/index\";\nimport {Link} from \"react-router-dom\";\nimport {Tooltip} from \"bootstrap\";\nimport {setPageTitle} from \"../../../actions/header\";\nimport {CHANNEL_SUBSCRIBER, MERCURE_PUBLIC_URL, PAGINATION} from \"../../../constants/global\";\nimport {axiosError} from \"../../../actions/axios\";\n\nexport const ChannelShow:React.FC = () => {\n\n const param: {id: string} = useParams();\n const state = useSelector((state:RootStateOrAny) => state)\n const [isLoading, setIsLoading] = useState(false);\n const [offset, setOffset] = useState(0);\n const [scrollTop, setScrollTop] = useState(false);\n const [isLast, setIsLast] = useState(false);\n const [sent, setSent] = useState\n
\n \n
\n\n \n \n \n \n \n
\n \n \n
\n\n {state.payload.length ? state.payload.map((channel: models.Channel) => ([\n \n {channel.title}\n \n {channel.lastMessage &&\n \n {format(new Date(channel.lastMessage.createdAt), 'dd/MM HH:mm')} | {channel.lastMessage.body}\n }\n \n ]))\n :\n \n }\n '\n }else{\n reactionsTabTooltip[reaction.type] = reaction.owner.firstname + ' ' + reaction.owner.lastname + '
'\n }\n })\n\n return (\n <>\n {reactionsTab.includes(1) && ' + reactionsTabTooltip[1]}> }\n {reactionsTab.includes(2) && ' + reactionsTabTooltip[2]}> }\n {reactionsTab.includes(3) && ' + reactionsTabTooltip[3]}> }\n {reactionsTab.includes(4) && ' + reactionsTabTooltip[4]}> }\n {reactionsTab.includes(5) && ' + reactionsTabTooltip[5]}> }\n \n );\n }\n\n const [newEvent, setNewEvent] = useState
\n {isLoading &&
\n }\n\n return <>\n \n
\n \n}\n\nexport default ChannelShow;","import {post, get} from \"../../../xhr\";\n\ninterface PostReaction {\n type: number\n}\n\nexport function create(requestData: PostReaction, messageId: number){\n return post('channel/message/'+ messageId +'/reaction/create', requestData);\n}\n\nexport function edit(requestData: PostReaction, messageId: number, reactionId: number){\n return post('channel/message/'+ messageId +'/reaction/edit/' + reactionId, requestData);\n}\n\nexport function remove(messageId: number, reactionId: number){\n return get('channel/message/'+ messageId +'/reaction/remove/' + reactionId);\n}","import * as React from \"react\";\n\nimport ChannelList from \"../../components/channel/list\";\nimport ChannelShow from \"../../components/channel/show\";\n\nconst ChannelPage : React.FC = () => {\n return (\n \n
\n \n \n {channel.salaries.length}\n \n \n {channel?.description}\n \n \n Retour\n \n
\n \n {isLoadingMessages && \n \n )\n })}\n
\n \n \n
}\n {messages.slice(0).reverse().map((message: Message) => {\n\n let reverse = message.owner.id !== state.auth.user.currentSalary.id;\n let pending = message.pendingId && !sent.includes(message.pendingId);\n let error = message.pendingId && sentError.includes(message.pendingId);\n let reaction = message.messageReactions.find((reaction) => reaction.owner.id === state.auth.user.currentSalary.id)\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {message.id && \n \n
\n - \n handleReactionClick(1, message)}>\n \n \n handleReactionClick(2, message)}>\n \n \n handleReactionClick(3, message)}>\n \n \n handleReactionClick(4, message)}>\n \n \n handleReactionClick(5, message)}>\n \n \n
\n \n {message.messageReactions.length ?
\n \n {message.owner.id !== state.auth.user.currentSalary.id &&
\n \n {message.owner.firstname} {message.owner.lastname} | {format(new Date(message.createdAt), 'HH:mm')}\n
}\n \n {message.body}\n \n {pending && Envoi en cours...}\n {error && Message non distribué}\n
\n \n
: ''}\n \n
\n );\n}\n\nexport default ChannelPage;","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/auth\";\nimport * as actions from \"../../../actions/auth\";\nimport Loader from \"../../../utils/loader\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {Salary} from \"../../../models/salary\";\n\nconst AccountList : React.FC = () => {\n const state = useSelector((state: RootStateOrAny) => state);\n const [hasLoaded, setHasLoaded] = useState\n {!state.auth.user.salaries.length ?\n
);\n}\n\nexport default AccountList;","import * as React from \"react\";\n\nimport AccountList from \"../../../components/auth/account\";\n\nconst AccountListPage : React.FC = () => {\n return (\n Aucun compte trouvé
\n :\n \n
}\n Séléctionnez un compte
\n {state.auth.user.salaries.map((salary: Salary) => (\n\n
\n ))}\n \n
\n \n {salary.companyGroup!.title}\n
\n {!salary.companyGroup?.activated &&\n Compte désactivé\n
}\n \n \\n' +\n ' \\n' +\n ' \\n' +\n ' \\n' +\n '
'\n\n let resourceSearch = document.createElement('input') as HTMLInputElement;\n resourceSearch.type = 'text'\n resourceSearch.className = 'form-control'\n resourceSearch.placeholder = 'Rechercher un groupe, une tâche';\n resourceSearch.onkeyup = (e) => {\n let el = e.target as HTMLInputElement;\n let query = el.value;\n setResourcesQuery(query);\n }\n\n arg.el.getElementsByClassName('input-group')[0].append(resourceSearch);\n }\n\n const NavLinkDayClick = (date: Date, e: VUIEvent) => {\n let API = calendarRef.current?.getApi()\n if (API){\n switch (view) {\n case 'resourceTimelineMonth':\n API.changeView('resourceTimelineWeek', date)\n setView('resourceTimelineWeek')\n break;\n case 'resourceTimelineWeek':\n API.changeView('resourceTimelineDay', date)\n setView('resourceTimelineDay')\n break;\n }\n dispatch(fetchTitleSuccess(API.view.title))\n dispatch(refresh());\n }\n }\n\n return (\n \n
\n )\n}\n\nexport default TaskGroupCalendar;","import {post} from \"../../xhr\";\n\ninterface FetchData {\n start: string,\n end: string,\n options?: {\n salaries?: number[],\n taskGroups?: number[],\n }\n}\n\nexport function fetchResources(requestData: FetchData){\n return post('task/calendar/resources', requestData);\n}\n\nexport function fetchEvents(requestData: FetchData, signal: AbortSignal){\n return post('task/calendar/events', requestData, {signal: signal});\n}","import * as React from \"react\";\n\nimport TaskGroupCalendar from \"../../../components/taskGroup/calendar\";\n\nconst TaskGroupCalendarPage : React.FC = () => {\n return (\n \n
\n \n \n
\n \n \n Liste\n \n
\n \n setGroups(choices.map(c => Number(c.value)))}\n />\n
\n \n
\n \n \n
\n - \n
- \n calendarApiNavActions('resourceTimelineDay')}>\n Jour\n \n \n
- \n calendarApiNavActions('resourceTimelineWeek')}>\n Semaine\n \n \n
- \n calendarApiNavActions('resourceTimelineMonth')}>\n Mois\n \n \n
\n \n
\n \n \n \n
\n - \n
- \n \n \n
- \n \n \n
- \n \n \n
\n
\n \n
\n \n Loading...\n
\n \n
\n );\n}\n\nexport default TaskGroupCalendarPage;","import React from 'react';\nimport {useDropzone, DropzoneRootProps} from 'react-dropzone';\nimport styled from 'styled-components';\n\nconst getColor = (props: DropzoneRootProps) => {\n if (props.isDragAccept) {\n return '#00e676';\n }\n if (props.isDragReject) {\n return '#ff1744';\n }\n if (props.isDragActive) {\n return '#2196f3';\n }\n return '#eeeeee';\n}\n\nconst Container = styled.div\n {file.name}\n
\n ))}\n \n }\n\n return (\n\n \n \n {acceptedFiles.length ? \n
\n );\n}\n\nexport default StyledDropzone;","import React, {useEffect, useState} from \"react\";\n\ninterface colorPickerProps {\n onChange: (choice: string) => void,\n selected: string,\n colors?: string[]\n}\n\nconst ColorPicker:React.FCDéposez votre fichier ici ou cliquez pour séléctionner
}\n\n
\n )\n}\n\nexport default ColorPicker;","export default function arrayEquals(a?: any[], b?: any[]) {\n if (Array.isArray(a) &&\n Array.isArray(b)){\n return a.length === b.length &&\n a.every((val, index) => val === b[index]);\n }\n\n return a === b;\n}","import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport './index.scss';\n\nconst Scrollbar = ({\n children,\n className,\n ...props\n }: React.ComponentPropsWithoutRef<'div'> & {triggerResize: number, scrollBottom: (e: React.UIEvent\n {items.map((color, index) => {\n return
\n \n
\n })}\n onChange(color)}\n className={'m-1' + (color === selected ? ' shadow' : '')} style={{width: 28, height: 28, borderRadius: '50%', backgroundColor: color, color: \"white\", opacity: 0.8}}>\n {color === selected ? : ''}\n
\n \n
\n \n {children}\n
\n \n {\n e.preventDefault();\n handleScrollButton('up')\n }}\n >\n \n \n {\n e.preventDefault()\n handleThumbMousedown(e)\n }}\n style={{\n height: `${thumbHeight}px`,\n cursor: isDragging ? 'grabbing' : 'grab',\n }}\n >
\n \n {\n e.preventDefault()\n handleTrackClick(e)\n }}\n style={{ cursor: isDragging ? 'grabbing' : \"auto\" }}\n >
\n - \n {getUser().currentSalary.companies.map((c: Company) =>
\n
\n )}\n \n
\n \n {c.title}\n
\n\n
\n\n function addValue(salary: Salary)\n {\n setValues(prev => [...prev, salary])\n }\n\n function removeValue(salary: Salary)\n {\n setValues(prev => [...prev.filter(s => s.id !== salary.id)])\n }\n}\n\nfunction areEqual(prevProps: Interface & (WithOptions | WithoutOptions | Available) & (Multiple | (SingleRequired | SingleNotRequired)), nextProps: Interface & (WithOptions | WithoutOptions | Available) & (Multiple | (SingleRequired | SingleNotRequired))){\n\n let _companies = prevProps.fetchOptions ? prevProps.companies : undefined;\n let _jobs = prevProps.fetchOptions ? prevProps.jobs : undefined;\n let _options = !prevProps.fetchOptions ? prevProps.options : undefined;\n let _initialValue = prevProps.multiple ? prevProps.values : prevProps.value;\n let _beginAt = prevProps.fetchOptions && prevProps.available ? prevProps.beginAt : undefined;\n let _endAt = prevProps.fetchOptions && prevProps.available ? prevProps.endAt : undefined;\n\n let companies = nextProps.fetchOptions ? nextProps.companies : undefined;\n let jobs = nextProps.fetchOptions ? nextProps.jobs : undefined;\n let options = !nextProps.fetchOptions ? nextProps.options : undefined;\n let initialValue = nextProps.multiple ? nextProps.values : nextProps.value;\n let beginAt = nextProps.fetchOptions && nextProps.available ? nextProps.beginAt : undefined;\n let endAt = nextProps.fetchOptions && nextProps.available ? nextProps.endAt : undefined;\n\n return arrayEquals(_companies, companies) && _jobs === jobs && arrayEquals(_options, options) && isSame(_initialValue, initialValue) && beginAt === _beginAt && endAt === _endAt;\n}\n\nfunction isSame(value1: any, value2: any){\n if (Array.isArray(value1) && Array.isArray(value2)){\n return arrayEquals(value1, value2)\n }\n\n return value1?.id === value2?.id;\n}\n\nexport default React.memo(SalarySelector, areEqual);","import {Task} from \"../../../models/task\";\nimport {TaskGroupCustomField, TaskGroupCustomFieldValues} from \"../../../models/taskGroup/customField\";\nimport DatePicker from \"react-datepicker\";\nimport * as React from \"react\";\nimport {Field, FieldConfig, FieldProps, FormikValues} from \"formik\";\nimport StyledDropzone from \"../../../utils/fileUpload\";\nimport {FormEvent} from \"react\";\nimport ColorPicker from \"../../../utils/colorPicker\";\nimport {Salaries, Salary} from \"../../../models/salary\";\nimport format from \"../../../utils/locale\";\nimport BootstrapSelect from \"../../../utils/bootstrapSelect\";\nimport DateCustomInput from \"../../../utils/customInput\";\nimport SalarySelector from \"../../../components/salary/selector\";\nimport * as accessRights from \"../../accessRight\";\n\nexport const ADD_TASK_GROUP_CUSTOM_FIELD = 'ADD_TASK_GROUP_CUSTOM_FIELD';\nexport const ADD_TASK_GROUP_CUSTOM_FIELD_SUCCESS = 'ADD_TASK_GROUP_CUSTOM_FIELD_SUCCESS';\nexport const ADD_TASK_GROUP_CUSTOM_FIELD_FAILURE = 'ADD_TASK_GROUP_CUSTOM_FIELD_FAILURE';\n\nexport const EDIT_TASK_GROUP_CUSTOM_FIELD = 'EDIT_TASK_GROUP_CUSTOM_FIELD';\nexport const EDIT_TASK_GROUP_CUSTOM_FIELD_SUCCESS = 'EDIT_TASK_GROUP_CUSTOM_FIELD_SUCCESS';\nexport const EDIT_TASK_GROUP_CUSTOM_FIELD_FAILURE = 'EDIT_TASK_GROUP_CUSTOM_FIELD_FAILURE';\n\nexport const FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS = 'FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS';\nexport const FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS_SUCCESS = 'FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS_SUCCESS';\nexport const FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS_FAILURE = 'FETCH_TASK_GROUP_CUSTOM_FIELD_CUSTOM_FIELDS_FAILURE';\n\nexport const SHOW_TASK_GROUP_CUSTOM_FIELD = 'SHOW_TASK_GROUP_CUSTOM_FIELD';\nexport const SHOW_TASK_GROUP_CUSTOM_FIELD_SUCCESS = 'SHOW_TASK_GROUP_CUSTOM_FIELD_SUCCESS';\nexport const SHOW_TASK_GROUP_CUSTOM_FIELD_FAILURE = 'SHOW_TASK_GROUP_CUSTOM_FIELD_FAILURE';\n\ninterface CustomFieldValueProps{\n customFieldsValues?: TaskGroupCustomFieldValues,\n customField: TaskGroupCustomField\n}\n\nexport const CustomFieldValue:React.FC\n
\n setIsOpen(true)}\n >\n \n {props.multiple ? <>\n {values.length ? <>{values.slice(0, displayAllValues ? values.length : 3).map(v => {v.title}\n \n )} {values.length > 3 && (displayAllValues ? setDisplayAllValues(false)}> réduire : setDisplayAllValues(true)}> +{values.length - 3})} : <>Selectionner des options}\n : <>\n {value ? <>{value.title} {props.required && } : <>Séléctionner une option}\n }\n
\n {props.multiple && props.teams && \n {teamLoading &&
}\n \n \n }\n {displayFilter && !_companies &&
\n \n
\n {!displayFilter && \n
\n \n \n
\n - \n {loading &&
Chargement... }\n {options.map((salary) =>
\n
\n )}\n \n
\n \n {salary.title}\n
\n \n {salary.information?.job.title}\n \n\n {props.multiple &&
\n \n v.id === salary.id))}/>\n
}\n - {customFieldValue.value?.map((salary: Salary) =>\n
- {salary.firstname} {salary.lastname} \n )}
\n setFieldValue(`customFields.${customField.id}` , e.target.value)}\n type={'number'}\n className={'form-control'}\n defaultValue={values.customFields[customField.id!]||null}\n />\n \n
\n \n case 4: // DATE\n return \n
\n \n}\n\nexport default TaskEditForm;","import React, {useEffect} from \"react\";\nimport TaskEditForm from \"../../../task/edit/form\";\nimport * as calendarTypes from \"../../../../constants/calendar\";\nimport format from \"../../../../utils/locale\";\nimport {EventClickArg} from \"@fullcalendar/react\";\n\nconst TaskEdit:React.FC<{close: () => any, arg: EventClickArg, handleSubmitSuccess: (ev: any[]) => any}> = (props) => {\n\n const {handleSubmitSuccess, arg, close} = props;\n\n const handleSubmit = (ev: any) => {\n return Promise.all([\n handleSubmitSuccess(ev)\n ])\n .then(() => close())\n .then(() => true)\n }\n\n return <>\n \n \n
\n \n
\n Modifier une tâche
\n \n\n
\n \n}\n\nexport default TaskEdit;","export const ADD_TASK = 'ADD_TASK';\nexport const ADD_TASK_SUCCESS = 'ADD_TASK_SUCCESS';\nexport const ADD_TASK_FAILURE = 'ADD_TASK_FAILURE';\n\nexport const EDIT_TASK = 'EDIT_TASK';\nexport const EDIT_TASK_SUCCESS = 'EDIT_TASK_SUCCESS';\nexport const EDIT_TASK_FAILURE = 'EDIT_TASK_FAILURE';\nexport const FETCH_TASKS = 'FETCH_TASKS';\n\nexport const FETCH_TASKS_SUCCESS = 'FETCH_TASKS_SUCCESS';\nexport const FETCH_TASKS_FAILURE = 'FETCH_TASKS_FAILURE';\nexport const SHOW_TASK = 'SHOW_TASK';\n\nexport const SHOW_TASK_SUCCESS = 'SHOW_TASK_SUCCESS';\nexport const SHOW_TASK_FAILURE = 'SHOW_TASK_FAILURE';\nexport const EDIT_TASK_STATUS_SUCCESS = 'EDIT_TASK_STATUS_SUCCESS';\n\nexport const DELETE_TASK_SUCCESS = 'DELETE_TASK_SUCCESS';\n\n\nexport const STATUS_PENDING = 1;\nexport const STATUS_VALIDATED = 2;\nexport const STATUS_STUCK = 3;\n\nexport function getTaskStatusChoices(){\n return [\n {label: \"En attente\", value: STATUS_PENDING, icon: \"bi bi-clock-history text-warning\"},\n {label: \"Validé\", value: STATUS_VALIDATED, icon: \"bi bi-check2-circle text-success\"},\n {label: \"Bloqué\", value: STATUS_STUCK, icon: \"bi bi-exclamation-circle text-danger\"},\n ]\n}\n\nexport function getTaskStatusChoice(value?: number){\n return getTaskStatusChoices().find(s => s.value === value) || getTaskStatusChoices()[0]\n}","import {post} from \"../../xhr\";\n\nexport function edit(requestData: {exDate: string, status: number}, taskId: number, statusId: number){\n return post(`task/${taskId}/status/${statusId}/edit`, requestData);\n}\n\nexport function create(requestData: {exDate: string, status: number}, taskId: number){\n return post(`task/${taskId}/status/create`, requestData);\n}","import React, {useState} from \"react\";\nimport {getTaskStatusChoice, getTaskStatusChoices} from \"../../../constants/task\";\nimport {Task, TaskStatus} from \"../../../models/task\";\nimport * as statusApi from \"../../../adapters/task/status\";\nimport {AxiosResponse} from \"axios\";\n\nexport const StatusSelector:React.FC<{status?: TaskStatus, taskId: number, exDate: string, _handleChangeSuccess: (task: Task) => any, disabled?: boolean}> = (props) => {\n\n const {status, taskId, exDate, _handleChangeSuccess, disabled} = props;\n\n const [_status, _setStatus] = useState\n \n
\n}","import React, {useState} from \"react\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport format from \"../../../../utils/locale\"\nimport * as api from \"../../../../adapters/task\"\nimport {Salary} from \"../../../../models/salary\";\nimport {CustomFieldValue} from \"../../../../constants/taskGroup/customField\";\nimport {CalendarTaskSidebarInterface} from \"../sidebar\";\nimport {StatusSelector} from \"../../../task/utils\";\nimport SmallLoader from \"../../../../utils/loader/small\";\n\nconst TaskShow:React.FC<{close: () => any, handleSubmitSuccess: (ev: any) => any, arg: EventClickArg, setCalendarTaskSidebarProps: React.Dispatch- \n {getTaskStatusChoices().filter(s => s.value !== selected).map(s =>
- handleChange(s.value)}>\n {s.label}\n )}\n
\n
\n \n {arg.event.title}\n
\n \n\n\n \n \n
\n
\n \n}\n\nexport default TaskShow;","import React, {BaseSyntheticEvent, useEffect, useState} from \"react\";\nimport * as Yup from \"yup\";\nimport {useFormik} from \"formik\";\nimport * as taskGroupApi from \"../../../../adapters/taskGroup\";\nimport * as accessRights from \"../../../../constants/accessRight\";\nimport * as api from \"../../../../adapters/task\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport {useDispatch} from \"react-redux\";\nimport {TaskGroup, TaskGroups} from \"../../../../models/taskGroup\";\nimport DatePicker from \"react-datepicker\";\nimport {PostTask, TaskRecurrence} from \"../../../../models/task\";\nimport {TaskGroupCustomField} from \"../../../../models/taskGroup/customField\";\nimport Loader from \"../../../../utils/loader\";\nimport {CustomInput} from \"../../../../constants/taskGroup/customField\";\nimport format from '../../../../utils/locale'\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport FormError from \"../../../../utils/formError\";\nimport DateCustomInput from \"../../../../utils/customInput\";\nimport {axiosError} from \"../../../../actions/axios\";\nimport {Salaries} from \"../../../../models/salary\";\nimport SalarySelector from \"../../../salary/selector\";\nimport SmallLoader from \"../../../../utils/loader/small\";\n\nconst validationSchema =\n Yup.object().shape({\n task: Yup.object().shape({\n taskGroup: Yup.number().required('Veuillez choisir un groupe de tâche'),\n title: Yup.string().required('Veuillez préciser un titre'),\n description: Yup.string().nullable(),\n allDay: Yup.boolean().required(\"Champs requis\"),\n beginAt: Yup.date().required(\"Champs requis\"),\n endAt: Yup.date().required('Fin de créneau requis')\n .test(\"is-greater\", \"La fin doit être après le début\", function(value: any) {\n const { beginAt } = this.parent;\n return value && beginAt <= value\n }),\n salaries: Yup.array().of(Yup.number()).min(1, \"Veuillez ajouter au moins un collaborateur'\").required(\"Champs requis\"),\n recurrence: Yup.object().shape({\n type: Yup.number().required('Veuillez choisir un type de récurrence'),\n })\n }),\n customFields: Yup.object().shape({}),\n });\n\ninterface Interface {\n salaries: Salaries,\n start: Date,\n end: Date,\n handleSubmitSuccess: (ev: any) => any\n}\n\nconst TaskAddForm: React.FC| \n Group\n | \n\n {arg.event.extendedProps.group.title}\n | \n
| \n Statut\n | \n\n | \n
| \n Description\n | \n\n {arg.event.extendedProps.description}\n | \n
| \n Horaire\n | \n\n {arg.event.allDay ? format(arg.event.start!) + \" toute la journée\" : <>\n\n {format(arg.event.start!, \"E dd MMMM uuuu HH:mm\")} {format(arg.event.end || arg.event.start!, \"E dd MMMM uuuu HH:mm\")}\n }\n | \n
| \n Collaborateurs\n | \n\n
| \n
| \n {item.field.title}\n | \n\n | \n
\n
\n \n \n
\n \n \n
\n \n
\n Ajouter une tâche
\n \n\n
\n \n}\n\nexport default TaskAdd;","import React, {useEffect, useState} from \"react\";\nimport TaskAddForm from \"../../../../task/add/form\";\nimport {Salary} from \"../../../../../models/salary\";\nimport {DateSelectArg} from \"@fullcalendar/react\";\n\nconst TaskSelect:React.FC<{close: () => any, handleSubmitSuccess: (ev: any[]) => any, salary?: Salary, arg: DateSelectArg}> = (props) => {\n\n const {handleSubmitSuccess, salary, close, arg} = props;\n\n const [key, setKey] = useState\n
\n Ajouter une tâche
\n \n\n
\n \n}\n\nexport default TaskSelect;","import React, {useEffect, useState} from \"react\";\nimport {DateSelectArg, EventClickArg} from \"@fullcalendar/react\";\nimport CalendarTaskEdit from \"../edit\";\nimport CalendarTaskShow from \"../show\";\nimport CalendarTaskAdd from \"../add\";\nimport CalendarTaskSelect from \"../add/select\";\nimport {Salary} from \"../../../../models/salary\";\nimport {Offcanvas} from \"bootstrap\";\n\ninterface InterfaceTaskShow {\n sidebarType: 'TASK_SHOW',\n arg: EventClickArg,\n setCalendarTaskSidebarProps: React.Dispatch\n {isOpen &&
\n}\n\nfunction areEqual(prevProps: CalendarTaskSidebarInterface & {handleEventChange: any}, nextProps: CalendarTaskSidebarInterface & {handleEventChange: any}){\n return prevProps.trigger === nextProps.trigger;\n}\n\nexport default React.memo(CalendarTaskSidebar, areEqual);","import {Tooltip} from \"bootstrap\";\n\nexport default function onMouseEnterTooltip(e: EventTarget & any){\n let tooltip = new Tooltip(e, {trigger: \"hover\", html: true})\n tooltip.show();\n\n e.addEventListener('click', () => tooltip.hide());\n e.addEventListener('mouseleave', () => tooltip.hide());\n}","export const FETCH_COMPANY_GROUP = \"FETCH_COMPANY_GROUP\"\nexport const FETCH_COMPANY_GROUP_SUCCESS = \"FETCH_COMPANY_GROUP_SUCCESS\"\nexport const FETCH_COMPANY_GROUP_FAILURE = \"FETCH_COMPANY_GROUP_FAILURE\"\n\nexport const ADD_COMPANY_GROUP = \"ADD_COMPANY_GROUP\"\nexport const ADD_COMPANY_GROUP_SUCCESS = \"ADD_COMPANY_GROUP_SUCCESS\"\nexport const ADD_COMPANY_GROUP_FAILURE = \"ADD_COMPANY_GROUP_FAILURE\"\n\nexport const EDIT_COMPANY_GROUP = \"EDIT_COMPANY_GROUP\"\nexport const EDIT_COMPANY_GROUP_SUCCESS = \"EDIT_COMPANY_GROUP_SUCCESS\"\nexport const EDIT_COMPANY_GROUP_FAILURE = \"EDIT_COMPANY_GROUP_FAILURE\"\n\nexport const SELECT_COMPANY_GROUP = \"SELECT_COMPANY_GROUP\"\nexport const SELECT_COMPANY_GROUP_SUCCESS = \"SELECT_COMPANY_GROUP_SUCCESS\"\nexport const SELECT_COMPANY_GROUP_FAILURE = \"SELECT_COMPANY_GROUP_FAILURE\"\n\nexport const UNSELECT_COMPANY_GROUP = \"UNSELECT_COMPANY_GROUP\"\n\nexport const TYPE_PHARMACY = 1;\nexport const TYPE_DENTAL_CENTER = 2;\nexport const TYPE_MEDICAL_CENTER = 3;\nexport const TYPE_LABORATORY = 4;\nexport const TYPE_RESTORATION = 5;\nexport const TYPE_SPORTS_HALL = 6;\nexport const TYPE_BAKERY = 7;\nexport const TYPE_HOTEL = 8;\nexport const TYPE_FOOD_DISTRIBUTION = 9;\n\nexport const getVisibleUntilOptions = () => [\n {label: 'Aucune limitation', value: 0},\n {label: '1 semaine', value: 1},\n {label: '2 semaines', value: 2},\n {label: '3 semaines', value: 3},\n {label: '1 mois', value: 4},\n {label: '2 mois', value: 5},\n {label: '3 mois', value: 6},\n {label: '4 mois', value: 7},\n {label: '5 mois', value: 8},\n {label: '6 mois', value: 9},\n]\n\nexport const getVisibleUntilOption = (option?: number) => [\n {label: 'Aucune limitation', value: 0},\n {label: '1 semaine', value: 1},\n {label: '2 semaines', value: 2},\n {label: '3 semaines', value: 3},\n {label: '1 mois', value: 4},\n {label: '2 mois', value: 5},\n {label: '3 mois', value: 6},\n {label: '4 mois', value: 7},\n {label: '5 mois', value: 8},\n {label: '6 mois', value: 9},\n].find(o => o.value === (option || 0))\n\nexport const VISIBLE_UNTIL_NO_LIMITATION = 0;\nexport const VISIBLE_UNTIL_ONE_WEEK = 1;\nexport const VISIBLE_UNTIL_TWO_WEEK = 2;\nexport const VISIBLE_UNTIL_THREE_WEEK = 3;\nexport const VISIBLE_UNTIL_ONE_MONTH = 4;\nexport const VISIBLE_UNTIL_TWO_MONTH = 5;\nexport const VISIBLE_UNTIL_THREE_MONTH = 6;\nexport const VISIBLE_UNTIL_FOUR_MONTH = 7;\nexport const VISIBLE_UNTIL_FIVE_MONTH = 8;\nexport const VISIBLE_UNTIL_SIX_MONTH = 9;\n\nexport const BILLING_RATE_OPTIONS = [\n { label: \"Taux normal\", value: 1 },\n { label: \"Taux réduit\", value: 2 }\n];","import accessRightChecker from \"../accessRightChecker\";\nimport * as accessRights from \"../../constants/accessRight\";\nimport {GeneralSettings} from \"../../models/companyGroup\";\nimport * as types from \"../../constants/companyGroup\";\n\nconst getMaxVisibilityDate = () => {\n\n let user = localStorage.getItem('user')\n\n if (user){\n let data = JSON.parse(user)\n\n if (!data.currentSalary)\n {\n return undefined;\n }\n\n if (accessRightChecker.hasGlobalRight(accessRights.SHOW_ABOVE_MAX_VISIBILITY_DATE)){\n return undefined;\n }\n\n let currentDate = new Date();\n\n const settings:GeneralSettings = data.currentSalary.companyGroup.generalSettings;\n\n if (settings){\n switch (settings.visibleUntil)\n {\n case types.VISIBLE_UNTIL_NO_LIMITATION:\n return undefined;\n case types.VISIBLE_UNTIL_ONE_WEEK:\n return new Date(currentDate.setDate(currentDate.getDate() + 7));\n case types.VISIBLE_UNTIL_TWO_WEEK:\n return new Date(currentDate.setDate(currentDate.getDate() + 7 * 2));\n case types.VISIBLE_UNTIL_THREE_WEEK:\n return new Date(currentDate.setDate(currentDate.getDate() + 7 * 3));\n case types.VISIBLE_UNTIL_ONE_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 1));\n case types.VISIBLE_UNTIL_TWO_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 2));\n case types.VISIBLE_UNTIL_THREE_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 3));\n case types.VISIBLE_UNTIL_FOUR_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 4));\n case types.VISIBLE_UNTIL_FIVE_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 5));\n case types.VISIBLE_UNTIL_SIX_MONTH:\n return new Date(currentDate.setMonth(currentDate.getMonth() + 6));\n }\n }\n\n return undefined;\n }\n}\n\nexport default getMaxVisibilityDate;","import {setSeconds} from \"date-fns\";\n\nexport default function duration (start?: Date|null, end?: Date|null, breakDuration?: number|null){\n\n if (!end || !start) return '';\n\n setSeconds(end, 0)\n setSeconds(start, 0)\n\n let s = setSeconds(end, 0).getTime() - setSeconds(start, 0).getTime();\n let ms = s % 1000;\n s = (s - ms) / 1000;\n let secs = s % 60;\n s = (s - secs - (breakDuration || 0)) / 60;\n let min = s % 60;\n let h = (s - min) / 60;\n\n return String(h).padStart(2, '0') + ':' + String(min).padStart(2, '0');\n}","export default function timeFormat (duration: number, format?: \"hour\"|\"decimal\", addSign?: boolean){ \n if (!format){\n format = 'hour';\n }\n\n if (!duration) return \n\n let addMinus = duration < 0;\n\n duration = Math.abs(duration);\n\n let s = duration * 1000;\n let ms = s % 1000;\n s = (s - ms) / 1000;\n let secs = s % 60;\n s = (s - secs) / 60;\n let min = s % 60;\n let h = (s - min) / 60;\n\n if (format === 'decimal'){\n return Number(h + (min/60)).toFixed(2)\n }\n\n return <>{addMinus && (addSign || addSign === undefined) && <>-}{String(h).padStart(2, '0')}:{String(min).padStart(2, '0')};\n}","import React, {forwardRef, useState} from \"react\";\nimport {ResourceLabelContentArg} from \"../../../models/calendar\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {Link} from \"react-router-dom\";\nimport {EventContentArg} from \"@fullcalendar/react\";\nimport format from \"../../../utils/locale\";\nimport {ResourceApi} from \"@fullcalendar/resource-common\";\nimport {PresenceEvent} from \"../../../models/calendar\";\nimport {TYPE_EVENT_EXCEPTION, TYPE_EVENT_RECURRING} from \"../../../constants/event\";\nimport DatePicker from \"react-datepicker\";\nimport * as calendarTypes from \"../../../constants/calendar\";\nimport * as taskTypes from \"../../../constants/task\";\nimport onMouseEnterTooltip from \"../../../utils/mouseOverTooltip\";\nimport {RESOURCE_HIERARCHY_PARENT} from \"../../../constants/calendar\";\nimport SmallLoader from \"../../../utils/loader/small\";\nimport {TemplateResourceSidebarInterface} from \"../../template/resource/sidebar\";\nimport {Granted, GrantedAny} from \"../../../security/granted\";\nimport getVersion from \"../../../security/getVersion\";\nimport getMaxVisibilityDate from \"../../../security/getMaxDate\";\nimport duration from \"../../../utils/duration\";\nimport {setHours} from \"date-fns\";\nimport {Syntheses} from \"../../../models/synthesis\";\nimport timeFormat from \"../../../utils/timeFormat\";\n\nexport const renderResourceGroup = (arg: any) => {\n\n return '';\n\n let array = arg.groupValue.split(':')\n\n if (arg.groupValue === 'Notes')\n {\n return Notes\n }\n\n if (arg.groupValue.substring(0, 11) === 'taskGroupId'){\n return \n {arg.groupValue.substring(arg.groupValue.indexOf(\"title:\") + 6, arg.groupValue.length)}\n \n }\n\n return Sem.{array[array.length - 1]} {array[array.length - 3]} \n}\n\n// export const RenderTimeSheet:React.FC<{timeSheets: any, arg: ResourceLabelContentArg}> = (props) => {\nexport const RenderTimeSheet:React.FC<{timeSheets: Syntheses, arg: ResourceLabelContentArg}> = (props) => {\n const {timeSheets, arg} = props;\n\n // let timeSheet = timeSheets.find((t: any) => t.type === arg.resource.extendedProps.resourceType && t.salary.id === arg.resource.extendedProps.salary.id);\n let timeSheet = timeSheets.find((t: any) => t.id === arg.resource.extendedProps.salary.id);\n\n if (!timeSheet) return <>Not found\n\n return <>\n \n {/* {timeSheet.accountedWorkingTime}*/}\n {/*{arg.view.type === 'resourceTimelineWeek' && */}\n {/* {timeSheet.periodCounterDuration === 0 && }*/}\n {/* {timeSheet.periodCounterDuration !== 0 && <>*/}\n {/* {timeSheet.periodCounterDuration > 0 ? : } {timeSheet.periodCounter}*/}\n {/* }*/}\n {/*}*/}\n {timeFormat(timeSheet.accountedWorkingTime)}\n {arg.view.type === 'resourceTimelineWeek' && timeSheet.counter !== undefined && \n {timeSheet.counter === 0 && }\n {timeSheet.counter !== 0 && <>\n {timeSheet.counter > 0 ? : } {timeFormat(timeSheet.counter)}\n }\n }\n \n \n}\n\nexport const RenderTemplateResource:React.FC<{arg : ResourceLabelContentArg, sortBy: number, timeSheets: any[], removeResource: (resource: {id: number}) => any, setTemplateResourceSidebarProps: React.Dispatch\n
\n \n \n case calendarTypes.RESOURCE_HIERARCHY_CHILD:\n let timeSheet = timeSheets.find(t => Number(t.resource.id) === Number(arg.resource.id));\n\n return \n \n \n {arg.resource.title}\n {timeSheet && <>\n \n \n {timeFormat(timeSheet.accountedWorkingTime)}\n {arg.view.type === 'resourceTimelineWeek' && \n {timeSheet.counter === 0 && }\n {timeSheet.counter !== 0 && <>\n {timeSheet.counter > 0 ? : } {timeFormat(timeSheet.counter)}\n }\n }\n \n }\n {/*{timeSheet && <>*/}\n {/* */}\n {/* */}\n {/* {timeSheet.accountedWorkingTime}*/}\n {/* {arg.view.type === 'resourceTimelineWeek' && */}\n {/* {timeSheet.counter === 0 && }*/}\n {/* {timeSheet.counter !== 0 && <>*/}\n {/* {timeSheet.counter > 0 ? : } {timeFormat(timeSheet.counter)}*/}\n {/* }*/}\n {/* }*/}\n {/**/}\n {/*}*/}\n \n \n \n {!confirm && }\n {confirm && }\n \n \n \n \n \n }\n\n return <>{arg.resource.title}\n}\n\n// export const RenderResource:React.FC<{ arg: ResourceLabelContentArg, sortBy: number, timeSheets?: any, setCalendarEventSidebarProps?: React.Dispatch\n {arg.resource.extendedProps.icon && }\n
\n - \n {setCalendarSignedSidebarProps !== undefined && arg.resource.extendedProps.resourceType === 'TYPE_SIGNED' && Granted(accessRights.EDIT_TIME_CLOCK, arg.resource.extendedProps.salary.id) &&\n
- setCalendarSignedSidebarProps((prev: any) => ({\n sidebarType: \"SIGNED_ADD\",\n trigger: prev.trigger + 1,\n salary: arg.resource.extendedProps.salary,\n company: arg.resource.extendedProps.company\n }))}\n >\n Ajouter un badgeage\n }\n {setCalendarEventSidebarProps !== undefined && Granted(accessRights.EDIT_BOOKING, arg.resource.extendedProps.salary?.id) && getVersion() === 1 &&
- setCalendarEventSidebarProps((prev: any) => ({\n sidebarType: \"EVENT_ADD\",\n trigger: prev.trigger + 1,\n dt: setHours(arg.view.calendar.getDate(), (new Date()).getHours()),\n salary: arg.resource.extendedProps.salary,\n company: arg.resource.extendedProps.company,\n localisation: arg.resource.extendedProps.localisation,\n activity: arg.resource.extendedProps.activity\n }))}\n >\n Planifier un créneau\n }\n {setCalendarTimeTableProps !== undefined && Granted(accessRights.EDIT_BOOKING, arg.resource.extendedProps.salary.id) && getVersion() === 1 &&
- setCalendarTimeTableProps((prev: any) => ({\n salary: arg.resource.extendedProps.salary,\n date: arg.view.calendar.getDate(),\n }))}\n >\n Modifier la structure\n }\n {setCalendarAbsenceSidebarProps !== undefined && Granted(accessRights.EDIT_ABSENCE, arg.resource.extendedProps.salary.id) &&
- setCalendarAbsenceSidebarProps((prev: any) => ({\n sidebarType: \"ABSENCE_ADD\",\n trigger: prev.trigger + 1,\n salary: arg.resource.extendedProps.salary,\n }))}\n >\n Ajouter une absence\n }\n
\n
\n \n \n default:\n return <>{arg.resource.title}\n }\n case calendarTypes.RESOURCE_TYPE_KEEP_NOTE:\n return <>\n case calendarTypes.RESOURCE_TYPE_TASK:\n switch (sortBy){\n case 1:\n switch (arg.resource.extendedProps.hierarchy){\n case 'child':\n return \n \n {arg.resource.extendedProps.icon && }\n
\n \n \n \n {Granted(accessRights.LIST_SALARY, arg.resource.extendedProps.salary.id) ? {arg.resource.title} : <>{arg.resource.title}}\n \n \n
\n \n case 'parent':\n return \n \n {arg.resource.title}\n \n \n \n
\n \n \n }\n return <>{arg.resource.title}\n case 2:\n switch (arg.resource.extendedProps.hierarchy){\n case 'grandChild':\n return {arg.resource.title}\n case 'child':\n return {arg.resource.title}\n case 'parent':\n return {arg.resource.title}\n }\n }\n }\n\n return <>{arg.resource.title}\n}\n\nexport function renderEvent(arg: EventContentArg, displayEventTime?: boolean) { \n switch (arg.event.extendedProps.eventType) {\n case calendarTypes.EVENT_TYPE_TIME_CLOCK:\n case calendarTypes.EVENT_TYPE_TIME_CLOCK_MISSING:\n case calendarTypes.EVENT_TYPE_TIME_CLOCK_EXCEPTION:\n return \n {arg.resource.extendedProps.icon && }\n
\n \n \n {arg.event.extendedProps.files?.length > 0 && }\n {arg.event.extendedProps.eventType === calendarTypes.EVENT_TYPE_TIME_CLOCK_EXCEPTION && }\n {[calendarTypes.EVENT_TYPE_TIME_CLOCK, calendarTypes.EVENT_TYPE_TIME_CLOCK_EXCEPTION].includes(arg.event.extendedProps.eventType) && (arg.event.extendedProps._start || arg.event.extendedProps._end) && }\n {arg.event.title}\n \n \n \n {arg.event.extendedProps.isAnomaly && } {arg.timeText} | {duration(arg.event.start, arg.event.end)}\n \n \n {['timeGridWeek', 'timeGridDay'].includes(arg.view.type) && arg.event.extendedProps.description && \n {arg.event.extendedProps.description}\n }\n
\n case calendarTypes.EVENT_TYPE_PRESENCE:\n let className = '';\n switch (arg.event.extendedProps.presenceType){\n case calendarTypes.EVENT_TYPE_PRESENCE_GLOBAL:\n let counter = Number(arg.event.extendedProps.values.reduce((accumulator: number, object: PresenceEvent) => {\n return accumulator + object.value;\n }, 0));\n\n let need = Number(arg.event.extendedProps.need || 0);\n\n className = (need && need > counter ? ' badge text-danger ' : (need && need < counter ? ' badge text-primary ' : ' badge text-success '));\n\n return \n \n {counter}{!!need && <>/{need}}\n \n
\n case calendarTypes.EVENT_TYPE_PRESENCE_BY_JOB:\n let v: any[] = arg.event.extendedProps.values\n let n: any[] = arg.event.extendedProps.need\n\n let array = v.filter(_v => _v.id).map(_v => {\n let val = Number(_v.values.reduce((accumulator: number, object: PresenceEvent) => {\n return accumulator + object.value;\n }, 0))\n\n let need = (n ? (n[_v.id] || 0) : 0)\n\n if(val < need) return 0;\n if(val > need) return 2;\n\n return 1;\n })\n\n className = array.includes(0) ? 'text-danger' : (array.includes(2) ? 'text-primary' : 'text-success')\n let icon = array.includes(0) ? 'bi bi-x-lg text-danger' : (array.includes(2) ? 'bi bi-plus-lg text-primary' : 'bi bi-check-lg text-success')\n\n return ')}\n onMouseEnter={(e) => onMouseEnterTooltip(e.currentTarget)}\n className={'text-center w-100 badge btn-light ' + className}>\n \n \n \n \n }\n break;\n case calendarTypes.EVENT_TYPE_EVENT:\n case calendarTypes.EVENT_TYPE_EVENT_EXCEPTION: \n switch (arg.view.type){ \n case calendarTypes.RESOURCE_TIMELINE_DAY_VIEW:\n return \n
\n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n {arg.event.extendedProps.comment && }\n
\n \n
\n \n
\n \n {arg.event.extendedProps.localisation &&
\n \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n {arg.event.extendedProps.comment && }\n
\n \n
\n \n )\n case calendarTypes.RESOURCE_TIMELINE_VIEW:\n case calendarTypes.RESOURCE_TIMELINE_MONTH_VIEW:\n return {arg.event.extendedProps.absence ? <> {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} : (displayEventTime ? arg.timeText : duration(arg.event.start, arg.event.end))}\n case calendarTypes.TIME_GRID_DAY_VIEW:\n case calendarTypes.TIME_GRID_WEEK_VIEW:\n return <>\n \n {arg.event.extendedProps.eventType === TYPE_EVENT_EXCEPTION && }\n {arg.event.extendedProps.eventType === calendarTypes.EVENT_TYPE_EVENT && (arg.event.extendedProps.type === TYPE_EVENT_RECURRING ? : )}\n {arg.event.extendedProps.exchange && }\n {arg.event.extendedProps.substitution && }\n {arg.timeText}\n \n {(arg.event.end && arg.event.start) ? format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm') : arg.event.extendedProps.exceptionId}\n \n {arg.event.extendedProps.exchanged && <>{{arg.event.title}}}\n \n {arg.event.extendedProps.eventType === TYPE_EVENT_EXCEPTION && }\n {arg.event.extendedProps.eventType === calendarTypes.EVENT_TYPE_EVENT && (arg.event.extendedProps.type === TYPE_EVENT_RECURRING ? : )}\n {arg.timeText} | {duration(arg.event.start, arg.event.end)}\n
\n \n \n {arg.event.extendedProps.eventType === TYPE_EVENT_EXCEPTION && }\n {arg.event.extendedProps.eventType === calendarTypes.EVENT_TYPE_EVENT && (arg.event.extendedProps.type === TYPE_EVENT_RECURRING ? : )}\n {arg.event.extendedProps.exchange && }\n {arg.event.extendedProps.substitution && }\n {arg.timeText}\n \n {arg.event.extendedProps.exchanged && <>{{arg.event.title}}}\n \n {arg.event.extendedProps.company && <>\n {arg.event.extendedProps.company.title}\n \n }\n {arg.event.extendedProps.localisation && <>\n {arg.event.extendedProps.localisation.title}\n \n }\n {arg.event.extendedProps.activity && <>\n {arg.event.extendedProps.activity.title}\n \n }\n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n \n }\n {arg.event.extendedProps.comment && <>\n {arg.event.extendedProps.comment}\n \n }\n
\n case 'listDay':\n case 'listWeek':\n return <>\n \n {arg.event.extendedProps.comment && }\n {arg.event.extendedProps.substitution && }\n {arg.event.extendedProps.exchange && }\n \n {arg.event.extendedProps.salary.title}\n \n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n }\n {arg.event.extendedProps.localisation && \n {arg.event.extendedProps.localisation.title}\n }\n {arg.event.extendedProps.activity && \n {arg.event.extendedProps.activity.title}\n }\n \n \n
\n \n }\n break;\n case calendarTypes.EVENT_TYPE_BOOKING:\n case calendarTypes.EVENT_TYPE_BOOKING_EXCEPTION:\n case calendarTypes.EVENT_TYPE_BOOKING_OUTER:\n switch (arg.view.type){\n case calendarTypes.RESOURCE_TIMELINE_DAY_VIEW:\n return (\n \n \n {arg.event.extendedProps?.company?.title}\n
\n \n {arg.event.extendedProps.salary.information.job.title}\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n )\n case calendarTypes.RESOURCE_TIMELINE_VIEW:\n case calendarTypes.RESOURCE_TIMELINE_MONTH_VIEW:\n return (\n <>\n {displayEventTime ? arg.timeText : duration(arg.event.start, arg.event.end)}\n \n )\n case calendarTypes.DAY_GRID_MONTH_VIEW:\n return \n {arg.event.extendedProps.eventType === 'bookingException' && }\n {arg.event.extendedProps.eventType === 'booking' && arg.event.extendedProps.recurrence.type !== 1 && !arg.event.extendedProps.isException && }\n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {!arg.event.extendedProps.isException && arg.event.extendedProps.recurrence?.type > 1 && }\n {arg.timeText}\n \n {arg.event.extendedProps.exchanged && <>{{arg.event.title}}}\n \n {arg.event.extendedProps.company && <>\n {arg.event.extendedProps.company.title}\n \n }\n {arg.event.extendedProps.localisation && <>\n {arg.event.extendedProps.localisation.title}\n \n }\n {arg.event.extendedProps.activity && <>\n {arg.event.extendedProps.activity.title}\n \n }\n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n \n }\n {arg.event.extendedProps.comment && <>\n {arg.event.extendedProps.comment}\n \n }\n
\n case calendarTypes.TIME_GRID_DAY_VIEW:\n case calendarTypes.TIME_GRID_WEEK_VIEW:\n return <>\n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.isSlotExchange && }\n {arg.event.extendedProps.substitute && }\n {!arg.event.extendedProps.isException && arg.event.extendedProps.recurrence?.type > 1 && }\n {arg.timeText}\n \n {arg.event.start && arg.event.end && <>{format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}}\n \n \n {arg.event.extendedProps.substitute && }\n {arg.event.extendedProps.isSlotExchange && }\n \n {arg.event.extendedProps.salary.title}\n \n {arg.event.extendedProps.absence && <>\n {arg.event.extendedProps.absence.typeName}\n }\n {arg.event.extendedProps.localisation && \n {arg.event.extendedProps.localisation.title}\n }\n {arg.event.extendedProps.activity && \n {arg.event.extendedProps.activity.title}\n }\n \n \n
\n \n }\n break;\n case calendarTypes.EVENT_TYPE_OFFER_VALIDATED:\n case calendarTypes.EVENT_TYPE_OFFER_PENDING:\n switch (arg.view.type){\n case calendarTypes.TIME_GRID_WEEK_VIEW:\n case calendarTypes.TIME_GRID_DAY_VIEW:\n return <>\n \n {arg.timeText}\n \n {format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}\n \n \n {arg.event.extendedProps?.company?.title}\n
\n \n {arg.event.extendedProps.salary.information.job.title}\n
\n \n
\n \n
\n \n {arg.event.title}\n
\n \n
\n \n case calendarTypes.RESOURCE_TIMELINE_VIEW:\n case calendarTypes.RESOURCE_TIMELINE_MONTH_VIEW:\n return \n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n {arg.event.extendedProps.absence && Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) ? arg.event.extendedProps.absence.typeShortName : arg.timeText}
\n }\n break;\n case 'templateBookingException':\n case 'templateBooking':\n switch (arg.view.type){\n case 'resourceTimelineDay':\n return <>\n \n
\n \n {arg.event.extendedProps.resource.job.title}\n
\n \n
\n \n case 'resourceTimelineWeek':\n return (\n <>\n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.recurrence.type > 1 && !arg.event.extendedProps.isException && }\n {arg.timeText} - {format(new Date(arg.event.end!.getTime() - arg.event.start!.getTime() - (3600 * 1000)), 'HH:mm')}\n
\n {arg.event.extendedProps.localisation && \n {\n \n }\n {arg.event.extendedProps.localisation?.title || ''}\n
}\n {arg.event.extendedProps.activity && \n {\n \n }\n {arg.event.extendedProps.activity.title || ''}\n
}\n \n
\n \n {arg.event.extendedProps.resource.job.title}\n
\n \n
\n \n )\n }\n break;\n case calendarTypes.EVENT_TYPE_ABSENCE:\n return <>\n \n {arg.event.extendedProps.isException && }\n {arg.event.extendedProps.recurrence.type > 1 && !arg.event.extendedProps.isException && }\n {arg.timeText}\n
\n {arg.event.extendedProps.localisation && \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n
\n \n case calendarTypes.EVENT_TYPE_KEEP_NOTE:\n return <>\n {arg.event.extendedProps.private && }\n {arg.event.title}\n \n case calendarTypes.EVENT_TYPE_TASK:\n case calendarTypes.EVENT_TYPE_TASK_EXCEPTION:\n // switch (arg.view.type){\n //\n // }\n return <>\n {arg.timeText} {arg.event.title}\n \n case calendarTypes.EVENT_TYPE_TEMPLATE_APPLIED_EVENT:\n case calendarTypes.EVENT_TYPE_TEMPLATE_APPLIED_EVENT_EXCEPTION:\n case calendarTypes.EVENT_TYPE_TEMPLATE_APPLIED_EVENT_APPLIED_EXCEPTION:\n case calendarTypes.EVENT_TYPE_TEMPLATE_EVENT:\n case calendarTypes.EVENT_TYPE_TEMPLATE_EVENT_EXCEPTION:\n switch (arg.view.type){\n case calendarTypes.RESOURCE_TIMELINE_WEEK_VIEW:\n return \n \n
\n \n {arg.event.title}\n
\n\n {format(new Date(arg.event.extendedProps.absence.start))} {format(new Date(arg.event.extendedProps.absence.end))}\n
\n \n
\n \n }\n
\n \n {arg.event.extendedProps.localisation &&
\n \n \n
}\n {arg.event.extendedProps.activity && \n \n
}\n \n {arg.event.title}\n
\n {arg.event.extendedProps.substitution && \n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n
\n \n
\n \n case calendarTypes.RESOURCE_TIMELINE_DAY_VIEW:\n return \n \n {arg.event.extendedProps.eventType === calendarTypes.EVENT_TYPE_TEMPLATE_APPLIED_EVENT_APPLIED_EXCEPTION && }\n {arg.timeText} | {duration(arg.event.start, arg.event.end)}\n
\n \n }\n
\n \n {arg.event.title}\n
\n \n {arg.event.extendedProps.absence && {Granted(accessRights.LIST_ABSENCE, arg.event.extendedProps.absence) && arg.event.extendedProps.absence.typeShortName} }\n
\n {arg.event.extendedProps.substitution && - \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
\n onMouseEnterTooltip(e.currentTarget)}\n className={'btn btn-light rounded-circle shadow flex-grow-0 shadow-sm'}\n onClick={() => prevClick()}\n >\n \n \n onMouseEnterTooltip(e.currentTarget)}\n style={{maxWidth: 250}}\n className=\"btn dropdown-toggle text-capitalize flex-grow-1 text-primary\"\n onClick={onClick}\n ref={ref}\n >\n {viewTitle}\n \n onMouseEnterTooltip(e.currentTarget)}\n className={'btn btn-light rounded-circle flex-grow-0 shadow-sm'}\n onClick={() => nextClick()}\n disabled={maxDate && maxDate <= endDate}\n >\n \n \n onMouseEnterTooltip(e.currentTarget)}\n className={'btn btn-light flex-grow-0 ms-2 shadow-sm'}\n onClick={() => handlePickedDateChange(new Date())}\n >\n \n \n
\n )\n});\n\nexport const CalendarTitle: React.FC<{pickerDate: Date, handlePickerDateChange: (pickerDate: Date) => void, title: string, prevClick: () => void, nextClick: () => void, endDate: Date}> = (props) => {\n const { handlePickerDateChange, pickerDate, title, prevClick, nextClick, endDate } = props;\n\n return (\n \n
\n \n onMouseEnterTooltip(e.currentTarget)}\n title={\"Ajouter une tâche\"}\n >\n \n
\n }\n \n
\n \n Tâches\n
\n\n
\n {Granted(accessRights.EDIT_TASK) &&\n \n \n
\n - \n
- changeView('listDay')}>\n Jour\n \n
- changeView('listWeek')}>\n Semaine\n \n
\n
\n \n )\n }\n\n return (\n \n
\n \n
\n \n {props.type === 'UNCONTROLLED' &&\n
\n )\n}\n\nexport default CalendarTaskList;","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/absence\"\nimport * as actions from \"../../../actions/absence\"\nimport Loader from \"../../../utils/loader\";\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {FORM_NEW_ABSENCE, PENDING_ABSENCE_LIST} from \"../../../constants/rightSidebar\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {Absence} from \"../../../models/absence\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {Granted} from \"../../../security/granted\";\nimport getUser from \"../../../security/getUser\";\n\n\nconst DashboardAbsenceRequest:React.FC = () => {\n\n\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state);\n\n useEffect(() => {\n const controller = new AbortController();\n\n dispatch(actions.fetchAbsences())\n api.list({status: ['1']}, controller.signal)\n .then(data => dispatch(actions.fetchAbsencesSuccess(data.data)))\n .catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n return <>\n \n setTitle(arg.view.title)}\n locales={allLocales}\n locale={'fr'}\n eventClick={onClick}\n eventContent={renderEvent}\n />\n
\n\n {props.type === 'UNCONTROLLED' &&\n \n
\n \n}\n\nexport default DashboardAbsenceRequest;","import {get, post} from \"../xhr\";\n\nexport function list(requestData: { start: string, end: string}, signal: AbortSignal){\n return post('keep_note/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: { private: boolean, description: string, dueDate: Date }, id: number){\n return post('keep_note/edit/' + id, requestData);\n}\n\nexport function create(requestData: { private: boolean, description: string, dueDate: Date }){\n return post('keep_note/create', requestData);\n}\n\nexport function show(id: string){\n return get('keep_note/show/' + id);\n}\n\nexport function cancel(id: number){\n return get('keep_note/delete/' + id);\n}","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/keepNote\";\nimport * as action from \"../../../actions/keepNote\";\nimport format from \"../../../utils/locale\";\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {\n FORM_KEEP_NOTE_ADD,\n FORM_KEEP_NOTE_LIST,\n} from \"../../../constants/rightSidebar\";\nimport {axiosError} from \"../../../actions/axios\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {Granted} from \"../../../security/granted\";\n\n\nconst DashboardKeepNote:React.FC = () => {\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state.keepNote)\n let today = new Date();\n let end = new Date(today.setDate(today.getDate() + 7))\n\n useEffect(() => {\n const controller = new AbortController();\n\n dispatch(action.fetchKeepNotes());\n api.list({start: format(new Date(), 'uuu-MM-dd'), end: format(end, 'uuu-MM-dd')}, controller.signal)\n .then(data => dispatch(action.fetchKeepNotesSuccess(data.data)))\n .catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n return <>\n dispatch(openSidebar(PENDING_ABSENCE_LIST))}>\n
\n {Granted(accessRights.EDIT_ABSENCE) && }\n {Granted(accessRights.REQUEST_ABSENCE) && !Granted(accessRights.EDIT_ABSENCE) && }\n \n
\n \n \n \n Congés\n \n \n \n en attente\n \n
\n \n {state.absence.isLoading ?
\n \n Loading...\n
: {state.absence.payload.filter((absence: Absence) => absence.status === 1).length}}\n \n
\n \n}\n\nexport default DashboardKeepNote;","import {get, post} from \"../../xhr\";\n\nexport function setting(requestData: {setting: string, value: any}, id: number){\n return post(`salary/${id}/setting`, requestData);\n}\n\nexport function disable(id: number){\n return get('salary/disable/' + id);\n}\n\nexport function enable(id: number){\n return get('salary/enable/' + id);\n}","import React, {useEffect, useState} from \"react\";\nimport * as api from \"../../../adapters/salary\";\nimport * as settingsApi from \"../../../adapters/salary/settings\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport format from \"../../../utils/locale\";\nimport {useDispatch} from \"react-redux\";\nimport {FEED_LIST} from \"../../../constants/rightSidebar\";\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {Granted} from \"../../../security/granted\";\n\nconst DashboardFeed:React.FC = () => {\n\n const dispatch = useDispatch();\n const [feeds, setFeeds] = useState<{type: \"birthdate\"|\"trial\"|\"seniority\"|\"start\"|\"end\"|\"endActivated\", initials: string, dueDate: string, title: string, value: string, salaryId: number}[]>([]);\n let start = new Date();\n let end = new Date((new Date()).setDate((new Date().getDate() + 15)));\n const [isLoading, setIsLoading] = useState(true);\n\n useEffect(() => {\n const controller = new AbortController();\n\n api.feed({start: format(start, 'uuuu-MM-dd'), end: format(end, 'uuuu-MM-dd')}, controller.signal).then(data => {\n setFeeds(data.data)\n setIsLoading(false)\n }).catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n const removeFeed = (index: number) => {\n let _feeds = [...feeds]\n _feeds.splice(index, 1)\n setFeeds([..._feeds]);\n }\n\n const getIcon = (type: string) => {\n switch (type){\n case 'trial':\n return ;\n case 'birthday':\n return ;\n case 'seniority':\n return ;\n case 'start':\n return ;\n case 'end':\n return ;\n case 'endActivated':\n return ;\n }\n }\n\n return <>\n dispatch(openSidebar(FORM_KEEP_NOTE_LIST))}>\n
\n {Granted(accessRights.EDIT_KEEP_NOTE) && }\n \n
\n \n \n \n Notes\n \n \n \n +7 jours\n \n
\n \n {state.isLoading ?
\n \n Loading...\n
: {state.payload.length}}\n \n
\n \n \n \n Actualités\n \n \n \n +15 jours\n \n
\n \n \n {!isLoading && feeds.length}\n \n
\n \n
\n \n : (feeds.length ?\n \n Loading...\n
\n - \n {feeds.slice(0, 8).map((feed, index) =>
- \n \n {getIcon(feed.type)}\n \n {feed.title}\n \n {feed.value}\n \n {feed.type === \"endActivated\" && Granted(accessRights.EDIT_SALARY, feed.salaryId) && \n \n }\n\n )}\n
\n
\n \n}\n\nexport default DashboardPointing;","import {get, post} from \"../../xhr\";\n\ninterface BookingOfferPayload {\n description: string,\n beginAt: Date,\n endAt: Date,\n salaries: number[],\n localisation?: number,\n activity?: number,\n}\n\nexport function list(requestData: {start?: Date, end?: Date}, signal: AbortSignal){\n return post('booking/offer/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: BookingOfferPayload, id: number){\n return post('booking/offer/edit/' + id, requestData);\n}\n\nexport function create(requestData: BookingOfferPayload){\n return post('booking/offer/create', requestData);\n}\n\nexport function disable(id: number){\n return get('booking/offer/disable/' + id);\n}\n\nexport function show(id: number){\n return get('booking/offer/show/' + id);\n}\n\nexport function enable(id: number){\n return get('booking/offer/enable/' + id);\n}","export const ADD_BOOKING_OFFER = 'ADD_BOOKING_OFFER';\nexport const ADD_BOOKING_OFFER_SUCCESS = 'ADD_BOOKING_OFFER_SUCCESS';\nexport const ADD_BOOKING_OFFER_FAILURE = 'ADD_BOOKING_OFFER_FAILURE';\n\nexport const EDIT_BOOKING_OFFER = 'EDIT_BOOKING_OFFER';\nexport const EDIT_BOOKING_OFFER_SUCCESS = 'EDIT_BOOKING_OFFER_SUCCESS';\nexport const EDIT_BOOKING_OFFER_FAILURE = 'EDIT_BOOKING_OFFER_FAILURE';\n\nexport const FETCH_BOOKING_OFFERS = 'FETCH_BOOKING_OFFERS';\nexport const FETCH_BOOKING_OFFERS_SUCCESS = 'FETCH_BOOKING_OFFERS_SUCCESS';\nexport const FETCH_BOOKING_OFFERS_FAILURE = 'FETCH_BOOKING_OFFERS_FAILURE';\n\nexport const SHOW_BOOKING_OFFER = 'SHOW_BOOKING_OFFER';\nexport const SHOW_BOOKING_OFFER_SUCCESS = 'SHOW_BOOKING_OFFER_SUCCESS';\nexport const SHOW_BOOKING_OFFER_FAILURE = 'SHOW_BOOKING_OFFER_FAILURE';\n\nexport const CANCEL_BOOKING_OFFER_SUCCESS = 'CANCEL_BOOKING_OFFER_SUCCESS';","import * as types from \"../../../constants/booking/offer\";\nimport * as models from \"../../../models/booking/offer\";\n\nexport const addBookingOffer = () => {\n return {\n type: types.ADD_BOOKING_OFFER,\n }\n}\n\nexport const addBookingOfferSuccess = (bookingOffer: models.BookingOffer) => {\n return {\n type: types.ADD_BOOKING_OFFER_SUCCESS,\n bookingOffer: bookingOffer,\n }\n}\nexport const removeBookingOfferSuccess = (bookingOffer: models.BookingOffer) => {\n return {\n type: types.ADD_BOOKING_OFFER_SUCCESS,\n bookingOffer: bookingOffer,\n }\n}\n\nexport const addBookingOfferFailure = (error: string) => {\n return {\n type: types.ADD_BOOKING_OFFER_FAILURE,\n bookingOffer: null,\n bookingOffers: null,\n error: error\n }\n}\n\nexport const editBookingOffer = () => {\n return {\n type: types.EDIT_BOOKING_OFFER,\n }\n}\n\nexport const cancelBookingOfferSuccess = (bookingOffer: models.BookingOffer) => {\n return {\n type: types.CANCEL_BOOKING_OFFER_SUCCESS,\n bookingOffer: bookingOffer\n }\n}\n\nexport const editBookingOfferSuccess = (bookingOffer: models.BookingOffer) => {\n return {\n type: types.EDIT_BOOKING_OFFER_SUCCESS,\n bookingOffer: bookingOffer\n }\n}\n\nexport const editBookingOfferFailure = (error: string) => {\n return {\n type: types.EDIT_BOOKING_OFFER_FAILURE,\n bookingOffer: null,\n bookingOffers: null,\n error: error\n }\n}\n\nexport const fetchBookingOffers = () => {\n return {\n type: types.FETCH_BOOKING_OFFERS,\n }\n}\n\nexport const fetchBookingOffersFailure = (error: string) => {\n return {\n type: types.FETCH_BOOKING_OFFERS_FAILURE,\n bookingOffer: null,\n bookingOffers: [],\n error: error\n }\n}\n\nexport const fetchBookingOffersSuccess = (bookingOffers: models.BookingOffers) => {\n return {\n type: types.FETCH_BOOKING_OFFERS_SUCCESS,\n bookingOffer: null,\n bookingOffers: bookingOffers\n }\n}\n\n\nexport const showBookingOffer = () => {\n return {\n type: types.SHOW_BOOKING_OFFER,\n }\n}\nexport const showBookingOfferSuccess = (bookingOffer: models.BookingOffer) => {\n return {\n type: types.SHOW_BOOKING_OFFER_SUCCESS,\n bookingOffer: bookingOffer\n }\n}\nexport const showBookingOfferFailure = (error: string) => {\n return {\n type: types.SHOW_BOOKING_OFFER_FAILURE,\n bookingOffer: null,\n bookingOffers: null,\n error: error\n }\n}","import React, {useEffect} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/booking/offer\"\nimport * as actions from \"../../../actions/booking/offer\"\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {LIST_BOOKING_OFFER} from \"../../../constants/rightSidebar\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {BookingOffer} from \"../../../models/booking/offer\";\n\nconst DashboardBookingOffer:React.FC = () => {\n\n\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state);\n\n let now = new Date()\n now.setDate(now.getDate() + 30);\n\n useEffect(() => {\n const controller = new AbortController();\n\n dispatch(actions.fetchBookingOffers())\n api.list({}, controller.signal)\n .then(data => dispatch(actions.fetchBookingOffersSuccess(data.data)))\n .catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n return <>\n \n
\n \n
\n \n Badgeuse\n
\n\n Choisissez une entrée ou une sortie puis validez.\n
\n\n
\n \n {state.auth.user.currentSalary.companies.length > 1 &&
\n \n ({\n label: company.title,\n value: company.id\n }))}\n notFloating={true}\n required={true}\n value={{\n label: state.auth.user.currentSalary.companies[0].title,\n value: state.auth.user.currentSalary.companies[0].id\n }}\n onChange={(choice) => setCompany(Number(choice?.value))}\n />\n
}\n \n \n \n
\n \n \n
\n \n {showError && !company && <>\n \n Veuillez séléctionner un point de vente\n \n }\n \n {showError && !type && <>\n \n Veuillez séléctionner une entrée ou une sortie.\n \n }\n
\n dispatch(openSidebar(LIST_BOOKING_OFFER, {status: 'pending'}))}>\n
\n \n}\n\nexport default DashboardBookingOffer;","import {get, post} from \"../xhr\";\n\nexport function save(requestData: {start: string, end: string}){\n return post(`counter/save`, requestData)\n}\n\nexport function saveSingle(requestData: {start: string, end: string}, salaryId: number){\n return post(`counter/save/${salaryId}`, requestData)\n}\n\nexport function sum(signal: AbortSignal ,requestData?: {date?: string}){\n return post(`counter/sum`, requestData || {}, {signal: signal})\n}\n\nexport function sumSingle(){\n return get(`counter/sum_single`)\n}\n\nexport function listTable(){\n return get(`counter/list_table`)\n}\n\nexport function edit(requestData: {signe: string, valueHour: number, valueMin: number, paidOverTimeHour: number, paidOverTimeMin: number}, id: number){\n return post(`counter/edit/${id}`, requestData)\n}\n\nexport function remove(id: number){\n return get(`counter/delete/${id}`)\n}\n\nexport function saveMany(salary: number, requestData: {wn: number, year: number, value: number}[]){\n return post(`counter/save_many/${salary}`, requestData)\n}\n\nexport function clearMany(salary: number, requestData: {wn: number, year: number}[]){\n return post(`counter/clear_many/${salary}`, requestData)\n}\n\nexport function editWeek(salary: number, requestData: {wn: number, year: number}){\n return post(`counter/edit_week/${salary}`, requestData)\n}","import React, {useEffect, useState} from \"react\";\nimport * as api from \"../../../adapters/counter\";\n\nconst DashboardCounter:React.FC = () => {\n\n\n const [counter, setCounter] = useState\n
\n \n \n \n Propositions de créneaux\n \n \n \n +30 jours\n \n
\n \n {state.bookingOffer.isLoading ?
\n \n Loading...\n
: {state.bookingOffer.payload.filter((bookingOffer: BookingOffer) => !bookingOffer.applicants.find(a => a.validated)).length}}\n \n
\n \n}\n\nexport default DashboardCounter;","import {get, post} from \"../../xhr\";\n\ninterface EventOfferPayload {\n description: string,\n start: Date,\n end: Date,\n salaries: number[],\n localisation?: number,\n activity?: number,\n}\n\nexport function list(requestData: {start?: Date, end?: Date}, signal: AbortSignal){\n return post('event/offer/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: EventOfferPayload, id: number){\n return post('event/offer/edit/' + id, requestData);\n}\n\nexport function create(requestData: EventOfferPayload){\n return post('event/offer/create', requestData);\n}\n\nexport function disable(id: number){\n return get('event/offer/disable/' + id);\n}\n\nexport function show(id: number){\n return get('event/offer/show/' + id);\n}\n\nexport function enable(id: number){\n return get('event/offer/enable/' + id);\n}","export const ADD_EVENT_OFFER = 'ADD_EVENT_OFFER';\nexport const ADD_EVENT_OFFER_SUCCESS = 'ADD_EVENT_OFFER_SUCCESS';\nexport const ADD_EVENT_OFFER_FAILURE = 'ADD_EVENT_OFFER_FAILURE';\n\nexport const EDIT_EVENT_OFFER = 'EDIT_EVENT_OFFER';\nexport const EDIT_EVENT_OFFER_SUCCESS = 'EDIT_EVENT_OFFER_SUCCESS';\nexport const EDIT_EVENT_OFFER_FAILURE = 'EDIT_EVENT_OFFER_FAILURE';\n\nexport const FETCH_EVENT_OFFERS = 'FETCH_EVENT_OFFERS';\nexport const FETCH_EVENT_OFFERS_SUCCESS = 'FETCH_EVENT_OFFERS_SUCCESS';\nexport const FETCH_EVENT_OFFERS_FAILURE = 'FETCH_EVENT_OFFERS_FAILURE';\n\nexport const SHOW_EVENT_OFFER = 'SHOW_EVENT_OFFER';\nexport const SHOW_EVENT_OFFER_SUCCESS = 'SHOW_EVENT_OFFER_SUCCESS';\nexport const SHOW_EVENT_OFFER_FAILURE = 'SHOW_EVENT_OFFER_FAILURE';\n\nexport const CANCEL_EVENT_OFFER_SUCCESS = 'CANCEL_EVENT_OFFER_SUCCESS';","import * as types from \"../../../constants/event/offer\";\nimport * as models from \"../../../models/event/offer\";\n\nexport const addEventOffer = () => {\n return {\n type: types.ADD_EVENT_OFFER,\n }\n}\n\nexport const addEventOfferSuccess = (eventOffer: models.EventOffer) => {\n return {\n type: types.ADD_EVENT_OFFER_SUCCESS,\n eventOffer: eventOffer,\n }\n}\nexport const removeEventOfferSuccess = (eventOffer: models.EventOffer) => {\n return {\n type: types.ADD_EVENT_OFFER_SUCCESS,\n eventOffer: eventOffer,\n }\n}\n\nexport const addEventOfferFailure = (error: string) => {\n return {\n type: types.ADD_EVENT_OFFER_FAILURE,\n eventOffer: null,\n eventOffers: null,\n error: error\n }\n}\n\nexport const editEventOffer = () => {\n return {\n type: types.EDIT_EVENT_OFFER,\n }\n}\n\nexport const cancelEventOfferSuccess = (eventOffer: models.EventOffer) => {\n return {\n type: types.CANCEL_EVENT_OFFER_SUCCESS,\n eventOffer: eventOffer\n }\n}\n\nexport const editEventOfferSuccess = (eventOffer: models.EventOffer) => {\n return {\n type: types.EDIT_EVENT_OFFER_SUCCESS,\n eventOffer: eventOffer\n }\n}\n\nexport const editEventOfferFailure = (error: string) => {\n return {\n type: types.EDIT_EVENT_OFFER_FAILURE,\n eventOffer: null,\n eventOffers: null,\n error: error\n }\n}\n\nexport const fetchEventOffers = () => {\n return {\n type: types.FETCH_EVENT_OFFERS,\n }\n}\n\nexport const fetchEventOffersFailure = (error: string) => {\n return {\n type: types.FETCH_EVENT_OFFERS_FAILURE,\n eventOffer: null,\n eventOffers: [],\n error: error\n }\n}\n\nexport const fetchEventOffersSuccess = (eventOffers: models.EventOffers) => {\n return {\n type: types.FETCH_EVENT_OFFERS_SUCCESS,\n eventOffer: null,\n eventOffers: eventOffers\n }\n}\n\n\nexport const showEventOffer = () => {\n return {\n type: types.SHOW_EVENT_OFFER,\n }\n}\nexport const showEventOfferSuccess = (eventOffer: models.EventOffer) => {\n return {\n type: types.SHOW_EVENT_OFFER_SUCCESS,\n eventOffer: eventOffer\n }\n}\nexport const showEventOfferFailure = (error: string) => {\n return {\n type: types.SHOW_EVENT_OFFER_FAILURE,\n eventOffer: null,\n eventOffers: null,\n error: error\n }\n}","import React, {useEffect} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/event/offer\"\nimport * as actions from \"../../../actions/event/offer\"\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {FORM_NEW_ABSENCE, FORM_NEW_EVENT_OFFER, LIST_EVENT_OFFER} from \"../../../constants/rightSidebar\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {EventOffer} from \"../../../models/event/offer\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {Granted} from \"../../../security/granted\";\n\nconst DashboardEventOffer:React.FC = () => {\n\n\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state);\n\n let now = new Date()\n now.setDate(now.getDate() + 30);\n\n useEffect(() => {\n const controller = new AbortController();\n\n dispatch(actions.fetchEventOffers())\n api.list({}, controller.signal)\n .then(data => dispatch(actions.fetchEventOffersSuccess(data.data)))\n .catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n return <>\n \n
\n \n \n \n Compteur\n \n \n \n à date\n \n
\n \n {isLoading ?
\n \n Loading...\n
: \n {!!counter && counter < 0 && }\n {!!counter && counter > 0 && }\n {counter}h\n }\n \n
\n\n \n}\n\nexport default DashboardEventOffer;","import * as xhr from \"../xhr\";\n\ninterface listPayload {\n offset? : number,\n status? : number[],\n types? : number[],\n dates? : [string|null, string|null],\n salaries?: number[],\n companies?: number[],\n}\n\nexport function list(requestData: listPayload, signal: AbortSignal){\n return xhr.post('expense/list', requestData, {signal: signal});\n}\n\nexport function edit(requestData: any, id: number){\n return xhr.post('expense/edit/' + id.toString(), requestData);\n}\n\nexport function editStatus(requestData: { status: number }, id: number){\n return xhr.post(`expense/edit/${id}/status`, requestData);\n}\n\nexport function create(requestData: any, options?:xhr.Options){\n return xhr.post('expense/create', requestData, options);\n}\n\nexport function get(id: string){\n return xhr.get('expense/show/' + id);\n}\n\nexport function cancel(id: number){\n return xhr.get('expense/delete/' + id);\n}\n\nexport function downloadFile(id: string, options?:xhr.Options){\n return xhr.get('expense/justification/'+ id +'/download', options);\n}","import * as types from \"../../constants/expense\";\nimport * as models from \"../../models/expense\";\n\nexport const addExpense = () => {\n return {\n type: types.ADD_EXPENSE,\n }\n}\n\nexport const addExpenseSuccess = (expense: models.Expense) => {\n return {\n type: types.ADD_EXPENSE_SUCCESS,\n expense: expense,\n }\n}\n\nexport const addExpenseFailure = (error: string) => {\n return {\n type: types.ADD_EXPENSE_FAILURE,\n expense: null,\n expenses: null,\n error: error\n }\n}\n\nexport const editExpense = () => {\n return {\n type: types.EDIT_EXPENSE,\n }\n}\n\nexport const cancelExpenseSuccess = (expense: models.Expense) => {\n return {\n type: types.CANCEL_EXPENSE_SUCCESS,\n expense: expense\n }\n}\n\nexport const editExpenseSuccess = (expense: models.Expense) => {\n return {\n type: types.EDIT_EXPENSE_SUCCESS,\n expense: expense\n }\n}\n\nexport const editExpenseFailure = (error: string) => {\n return {\n type: types.EDIT_EXPENSE_FAILURE,\n expense: null,\n expenses: null,\n error: error\n }\n}\n\nexport const fetchExpenses = () => {\n return {\n type: types.FETCH_EXPENSES,\n }\n}\n\nexport const fetchExpensesFailure = (error: string) => {\n return {\n type: types.FETCH_EXPENSES_FAILURE,\n expense: null,\n expenses: [],\n error: error\n }\n}\n\nexport const fetchExpensesSuccess = (expenses: models.Expenses) => {\n return {\n type: types.FETCH_EXPENSES_SUCCESS,\n expense: null,\n expenses: expenses\n }\n}\n\n\nexport const showExpense = () => {\n return {\n type: types.SHOW_EXPENSE,\n }\n}\nexport const showExpenseSuccess = (expense: models.Expense) => {\n return {\n type: types.SHOW_EXPENSE_SUCCESS,\n expense: expense\n }\n}\nexport const showExpenseFailure = (error: string) => {\n return {\n type: types.SHOW_EXPENSE_FAILURE,\n expense: null,\n expenses: null,\n error: error\n }\n}","import React, {useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {Expenses, Expense} from \"../../../../models/expense\";\nimport * as types from \"../../../../constants/expense\";\nimport * as globals from \"../../../../constants/global\";\nimport * as api from \"../../../../adapters/expense\";\nimport * as actions from \"../../../../actions/expense\";\nimport {Granted} from \"../../../../security/granted\";\nimport * as accessRights from \"../../../../constants/accessRight\";\nimport format from \"../../../../utils/locale\";\n\nconst DashboardExpenseRequestList:React.FC = () => {\n\n const expenses: Expenses = useSelector((state: RootStateOrAny) => state.expense.payload);\n const dispatch = useDispatch();\n\n const [statusLoading, setStatusLoading] = useState(false)\n\n const manageStatus = (status: number, expense: Expense) => {\n setStatusLoading(true)\n api.editStatus({status: status}, expense.id).then(resp => dispatch(actions.editExpenseSuccess(resp.data))).then(() => setStatusLoading(false))\n }\n\n return dispatch(openSidebar(LIST_EVENT_OFFER, {status: 'pending'}))}>\n
\n {Granted(accessRights.EDIT_BOOKING_OFFER) && }\n \n
\n \n \n \n Propositions de créneaux\n \n \n \n +30 jours\n \n
\n \n {state.eventOffer.isLoading ?
\n \n Loading...\n
: {state.eventOffer.payload.filter((eventOffer: EventOffer) => !(eventOffer.applications.find(a => a.validated))).length}}\n \n
\n}\n\nexport default DashboardExpenseRequestList;","import React, {useEffect} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport * as api from \"../../../adapters/expense\"\nimport * as actions from \"../../../actions/expense\"\nimport {openSidebar} from \"../../../actions/rightSidebar\";\nimport {FORM_EXPENSE_ADD, FORM_NEW_ABSENCE, PENDING_ABSENCE_LIST} from \"../../../constants/rightSidebar\";\nimport * as accessRights from \"../../../constants/accessRight\";\nimport {Expense} from \"../../../models/expense\";\nimport {axiosError} from \"../../../actions/axios\";\nimport {Granted, GrantedAny} from \"../../../security/granted\";\nimport DashboardExpenseRequestList from \"./list\";\n\n\nconst DashboardExpenseRequest:React.FC = () => {\n\n\n const dispatch = useDispatch();\n const state = useSelector((state: RootStateOrAny) => state);\n\n useEffect(() => {\n const controller = new AbortController();\n\n dispatch(actions.fetchExpenses())\n api.list({}, controller.signal)\n .then(data => dispatch(actions.fetchExpensesSuccess(data.data)))\n .catch(error => dispatch(axiosError(error)))\n\n return () => controller.abort();\n }, [])\n\n return <>\n \n
\n Demandes de note de frais
\n \n\n
\n - \n {expenses.filter(expense => expense.status === types.STATUS_PENDING).map(expense =>
- \n \n\n\n\n
\n {expense.salary.title} | {types.getTypeChoice(expense.type)?.label}\n
\n{expense.title}
\n{format(new Date(expense.dueDate))}
\n\n {expense.amount} {globals.CurrencyIcon(expense.currency)}\n\n\n\n\n\n\n
\n \n\n \n- \n {types.getStatusChoices().filter(c => c.value !== expense.status).map(c =>
)}\n
\n
\n \n
\n {Granted(accessRights.EDIT_EXPENSE) && }\n \n
\n \n \n \n Notes de frais\n \n \n \n en attente\n \n
\n \n {state.expense.isLoading ?
\n \n Loading...\n
: {state.expense.payload.filter((expense: Expense) => expense.status === 1).length}}\n handleClick('missing')}>\n
\n \n}\n\nexport default DashboardTimeClockMissing;","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useSelector} from \"react-redux\";\n\ninterface Interface {\n loading: boolean;\n signed: any[],\n handleClick: (origin: string) => any\n}\n\nconst DashboardTimeClockLate:React.FC\n
\n \n \n \n Absences\n \n \n \n + {state.auth.user.currentSalary.companyGroup.timeClockSettings?.lateAfter} minutes\n \n
\n \n {loading ?
\n \n Loading...\n
: {signedMissing.length}}\n handleClick('late')}>\n
\n \n}\n\nexport default DashboardTimeClockLate;","import React, {useEffect, useState} from \"react\";\nimport format from \"../../../../utils/locale\";\nimport * as calendarTypes from \"../../../../constants/calendar\";\nimport Loader from \"../../../../utils/loader\";\n\ninterface Interface {\n loading: boolean,\n signed: any[],\n refresh: (salary: number) => void,\n origin: string\n}\n\nconst TimeClockDashboardList:React.FC\n
\n \n \n \n Retards\n \n \n \n + {state.auth.user.currentSalary.companyGroup.timeClockSettings?.lateAfter} minutes\n \n
\n \n {loading ?
\n \n Loading...\n
: {signedLate.length}}\n \n
\n\n function applyFilters(s: any){\n\n if ([calendarTypes.EVENT_TYPE_BOOKING, calendarTypes.EVENT_TYPE_BOOKING_EXCEPTION, calendarTypes.EVENT_TYPE_EVENT, calendarTypes.EVENT_TYPE_EVENT_EXCEPTION].includes(s.eventType)) return false;\n if (s.isLate) return late;\n if (s.eventType === calendarTypes.EVENT_TYPE_TIME_CLOCK_MISSING) return missing;\n\n return onTime;\n }\n}\n\nexport default TimeClockDashboardList;","import React, {useEffect, useState} from \"react\";\nimport * as api from \"../../../adapters/calendar\";\nimport format from \"../../../utils/locale\";\nimport * as calendarTypes from \"../../../constants/calendar\"\nimport DashboardTimeClockMissing from \"./missing\";\nimport DashboardTimeClockLate from \"./late\";\nimport TimeClockDashboardList from \"./list\";\nimport {Offcanvas} from \"bootstrap\";\n\nconst DashboardTimeClock: React.FC = () => {\n\n const [signed, setSigned] = useState\n
\n Reporting badgeage
\n \n\n
\n \n
\n \n setOnTime(e.target.checked)} />\n \n
\n \n setLate(e.target.checked)} />\n \n
\n \n setMissing(e.target.checked)} />\n \n
\n - \n {loading ?
- \n \n\n\n\n
\n {s.salary.title}\n
\n \n {s.salary.information.job.title}\n \n\n {s.eventType === calendarTypes.EVENT_TYPE_TIME_CLOCK_MISSING && <>\n\n\n\n \n Prévu à {format(new Date(s.start), 'HH:mm')}\n \n }\n {s.isLate && <>\n\n Absent\n
\n\n Retard\n
\n \n Retard de {s.lateOfCaption}\n \n }\n {!(s.eventType === calendarTypes.EVENT_TYPE_TIME_CLOCK_MISSING) && !s.isLate && <>\n\n Arrivé à {format(new Date(s.start), 'HH:mm')}\n
\n }\n )}\n
\n
\n \n
\n \n
\n Modifier un créneau
\n \n\n {arg &&
\n \n}\n\nexport default CalendarEventEdit;","import React, {useEffect, useState} from \"react\";\nimport EventEditForm from \"../../../../event/edit/form\";\nimport {EventResizeDoneArg} from \"@fullcalendar/interaction\";\n\nconst EventResizeEdit:React.FC<{arg?: EventResizeDoneArg, handleSubmitSuccess: (ev: any) => any, close: () => any}> = (props) => {\n\n const {arg, handleSubmitSuccess, close} = props;\n const [key, setKey] = useState\n
\n Modifier un créneau
\n \n\n {arg &&
\n \n}\n\nexport default EventResizeEdit;","import * as xhr from \"../xhr\";\nimport {get, post} from \"../xhr\";\n\ninterface requestData {\n start: Date,\n end: Date,\n week?: number,\n daysOfWeek: string[],\n accountingType: number,\n company: number,\n activity: string,\n localisation: string,\n weekNumber?: number,\n year?: number,\n salary?: number,\n template?: number,\n}\n\nexport function create(requestData: requestData){\n return post(`event/create`, requestData);\n}\n\nexport function edit(requestData: requestData, eventId: number){\n return post(`event/${eventId}/edit`, requestData);\n}\n\nexport function cancel(eventId: number){\n return get(`event/${eventId}/cancel`);\n}\n\nexport function cancelOnce(event: number, requestData: any){\n return xhr.post(`event/${event}/cancel_once`, requestData);\n}\n\nexport function labourDayWorked(eventId: number, requestData: any){\n return xhr.post(`event/${eventId}/labour_day`, requestData);\n}\n\nexport function sub(eventId: number, substituteId: number, requestData: {exDate: string}){\n return xhr.post(`event/${eventId}/substitute/${substituteId}`, requestData);\n}","import React, {useEffect, useState} from \"react\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport format from \"../../../../utils/locale\";\nimport {getAccountingTypeChoice} from \"../../../../constants/booking\";\nimport * as exceptionApi from \"../../../../adapters/event/exception\";\nimport * as eventApi from \"../../../../adapters/event\";\nimport * as exchangeApi from \"../../../../adapters/eventExchange\";\nimport * as absenceApi from \"../../../../adapters/absence\";\nimport * as calendarTypes from \"../../../../constants/calendar\";\nimport {TYPE_EVENT, TYPE_EVENT_EXCEPTION} from \"../../../../constants/event\";\nimport SmallLoader from \"../../../../utils/loader/small\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport {useDispatch} from \"react-redux\";\nimport * as accessRights from \"../../../../constants/accessRight\";\nimport {Granted} from \"../../../../security/granted\";\nimport {TYPE_CP} from \"../../../../constants/absence\";\n\ninterface Interface {\n arg: EventClickArg,\n handleEventChange: (ev: any) => any,\n calendar: string,\n setCalendarAbsenceSidebarProps: React.Dispatch\n
\n {Créneau de {arg.event.extendedProps.salary.title}
\n \n\n
}\n \n}\n\nexport default EventShow;","import moment from 'moment'\nimport 'moment/locale/fr'\n\nmoment.locale('fr')\n\nexport default moment","import React, {useEffect, useState} from \"react\";\nimport format from \"../../../../utils/locale\";\nimport * as Yup from \"yup\";\nimport {useFormik} from \"formik\";\nimport * as api from \"../../../../adapters/event\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport validationClass from \"../../../../utils/validationClass\";\nimport {Salary} from \"../../../../models/salary\";\nimport FormError from \"../../../../utils/formError\";\nimport DatePicker from \"react-datepicker\";\nimport DateCustomInput from \"../../../../utils/customInput\";\nimport {AccountingTypes} from \"../../../../constants/booking\";\nimport {Company} from \"../../../../models/companies\";\nimport {Activity} from \"../../../../models/activity\";\nimport {Localisation} from \"../../../../models/localisation\";\nimport {useDispatch} from \"react-redux\";\nimport * as accessRightsTypes from \"../../../../constants/accessRight\";\nimport SalarySelector from \"../../../salary/selector\";\nimport {setSeconds} from \"date-fns\";\nimport moment from \"../../../../utils/moment.utils\";\n\ninterface Interface {\n start?: Date,\n end?: Date,\n initialSalary?: Salary,\n initialCompany?: Company,\n activity?: Activity,\n localisation?: Localisation,\n handleSubmitSuccess: (props: any[]) => any\n}\n\nconst EventAddForm:React.FC\n Détails du créneau\n
\n\n
\n\n \n \n \n \n Début\n \n \n {format(arg.event.start!, \"E dd MMMM uuuu HH:mm\")}\n \n \n \n \n Fin\n \n \n {format(arg.event.end!, \"E dd MMMM uuuu HH:mm\")}\n \n \n \n \n Type d'heure\n \n \n {getAccountingTypeChoice(arg.event.extendedProps.accountingType)?.label}\n \n \n \n \n Établissement\n \n \n {arg.event.extendedProps.company?.title || }\n \n \n \n \n Emplacement\n \n \n {arg.event.extendedProps.localisation?.title || }\n \n \n \n \n Activité\n \n \n {arg.event.extendedProps.activity?.title || }\n \n \n \n \n Commentaire\n \n \n {arg.event.extendedProps.comment || }\n \n \n \n
\n\n {arg.event.extendedProps.substitution && \n
}\n\n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) && arg.event.extendedProps.isSlotExchange && \n Remplacement de {arg.event.extendedProps.substituted.title}\n
\n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) && \n \n
}\n \n
}\n\n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) && !arg.event.extendedProps.substitution && arg.event.extendedProps.substitute && \n {arg.event.extendedProps.salary.title} {arg.event.extendedProps.exchanged.title}\n
\n \n \n
\n \n
}\n\n \n Remplacé.e par {arg.event.extendedProps.substitute.title}\n
\n \n \n
\n \n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) &&
\n \n \n
}\n {Granted(accessRights.DELETE_BOOKING, arg.event.extendedProps.salary.id) && \n \n
}\n \n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) &&
\n\n {Granted(accessRights.EDIT_TIME_CLOCK, arg.event.extendedProps.salary.id) && calendarTypes.CALENDAR_SIGNED_GLOBAL === calendar && <>\n \n {!arg.event.extendedProps.substitution &&
}\n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) && \n \n
}\n \n {!arg.event.extendedProps.substitution &&
}\n \n \n
}\n \n \n
\n }\n\n {arg.event.extendedProps.isLabourDay && \n
\n
}\n\n {arg.event.extendedProps.absence && \n
\n Jour férié\n
\n\n Cochez la case ci dessous si le collaborateur travail ce jour.\n
\n\n setLabourDayWorked(e.target.checked)} type=\"checkbox\" id=\"labourDayWorked\"/>\n \n
\n \n
\n\n \n
\n
}\n\n \n
\n Absence\n
\n| \n Type\n | \n\n {arg.event.extendedProps.absence.typeName}\n | \n
| \n Début\n | \n\n {format(new Date(arg.event.extendedProps.absence.start))}\n | \n
| \n Fin\n | \n\n {format(new Date(arg.event.extendedProps.absence.end))}\n | \n
| \n Jour de reprise prévu\n | \n\n {absenceInfoLoading ? | \n
| \n Nb de jours\n | \n\n {absenceInfoLoading ? | \n
\n {Granted(accessRights.EDIT_ABSENCE, arg.event.extendedProps.salary.id) &&
\n \n \n
}\n {Granted(accessRights.DELETE_ABSENCE, arg.event.extendedProps.salary.id) && \n \n
}\n \n
\n Ajouter un créneau
\n \n\n
\n \n}\n\nexport default EventAdd;","import React, {useEffect, useState} from \"react\";\nimport {EventDropArg} from \"@fullcalendar/react\";\nimport EventAddForm from \"../../../../event/add/form\";\n\ninterface Interface {\n arg: EventDropArg,\n handleSubmitSuccess: (props: any[]) => any,\n close: () => any\n}\n\nconst EventDrop:React.FC\n
\n Ajouter un créneau
\n \n\n
\n \n}\n\nexport default EventDrop;","import React, {useEffect, useState} from \"react\";\nimport {DateSelectArg} from \"@fullcalendar/react\";\nimport EventAddForm from \"../../../../event/add/form\";\nimport {Salary} from \"../../../../../models/salary\";\nimport {Company} from \"../../../../../models/companies\";\nimport {Activity} from \"../../../../../models/activity\";\nimport {Localisation} from \"../../../../../models/localisation\";\nimport {setMinutes} from \"date-fns\";\n\ninterface Interface {\n arg?: DateSelectArg,\n salary?: Salary,\n company?: Company,\n activity?: Activity,\n localisation?: Localisation,\n handleSubmitSuccess: (props: any[]) => any,\n close: () => any,\n}\n\nconst EventSelect:React.FC\n
\n Ajouter un créneau
\n \n\n {arg &&
\n \n}\n\nexport default EventSelect;","import React, {useEffect, useState} from \"react\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport * as eventApi from \"../../../../adapters/event\";\nimport * as salaryApi from \"../../../../adapters/salary\";\nimport format from \"../../../../utils/locale\";\nimport Loader from \"../../../../utils/loader\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport {Salaries, Salary} from \"../../../../models/salary\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport {useDispatch} from \"react-redux\";\n\ninterface Interface {\n arg: EventClickArg,\n handleSubmitSuccess: (ev: any) => any,\n close: () => any,\n}\n\nconst EventSubstitute:React.FC\n
\n Remplacer le créneau de {arg?.event.extendedProps.salary.title}
\n \n\n \n \n
\n \n
\n \n}\n\nexport default EventSubstitute;","import React, {useEffect, useState} from \"react\";\nimport format from \"../../../../utils/locale\";\nimport * as api from \"../../../../adapters/eventExchange\";\nimport {Salary} from \"../../../../models/salary\";\nimport {Company} from \"../../../../models/companies\";\nimport FullCalendar, {EventClickArg} from \"@fullcalendar/react\";\nimport listPlugin from \"@fullcalendar/list\";\nimport {CalendarTitle} from \"../../utils\";\nimport allLocales from \"@fullcalendar/core/locales-all\";\nimport {useDispatch} from \"react-redux\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport Loader from \"../../../../utils/loader\";\nimport SmallLoader from \"../../../../utils/loader/small\";\nimport getMaxVisibilityDate from \"../../../../security/getMaxDate\";\n\n\ninterface Interface {\n arg: EventClickArg,\n handleSubmitSuccess: (ev: any) => any,\n close: () => any,\n}\n\nconst CalendarEventExchange:React.FC| \n Horaires\n | \n\n {format(arg.event.start!, 'E dd MMMM uuuu HH:mm')} { format(arg.event.end!, 'E dd MMMM uuuu HH:mm')}\n | \n
| \n Établissement\n | \n\n {arg.event.extendedProps.company.title}\n | \n
\n setJobs(choices?.map(c => Number(c.value)) || [])}\n />\n
\n\n \n {loading &&
\n - \n {salaries.map(salary =>
- handleSelectChange(salary)}>\n \n\n\n\n
\n {salary.title}\n
\n\n {salary.information?.job.title}\n
\n\n \n {salary.rate} \n \n \n {salary.counterDuration < 0 ?\n \n : (salary.counterDuration > 0 ?\n \n : )\n } {salary.counter}\n \n\n )}\n
\n
\n Échanger un créneau
\n \n\n {selected &&
\n \n\n\n function handlePickerDateChange(dt: Date)\n {\n if (hasApi()){\n setPickerDate(dt)\n getApi().gotoDate(dt)\n setTitle(getApi().view.title)\n setEndDate(getApi().view.activeEnd)\n fetchCalendar()\n }\n }\n\n function getApi(){\n return calendarRef.current!.getApi();\n }\n\n function hasApi(){\n return !!calendarRef.current?.getApi();\n }\n function prevClick(){\n if (hasApi()){\n getApi().prev()\n setTitle(getApi().view.title)\n setEndDate(getApi().view.activeEnd)\n fetchCalendar()\n }\n }\n\n function nextClick(){\n if (hasApi()){\n getApi().next()\n setTitle(getApi().view.title)\n setEndDate(getApi().view.activeEnd)\n fetchCalendar()\n }\n }\n\n function fetchCalendar(){\n\n if (hasApi()){\n setSlots([])\n setIsLoading(true)\n api.list({\n event: {\n start: format(arg.event.start!, 'uuuu-MM-dd HH:mm:ss'),\n end: format(arg.event.end!, 'uuuu-MM-dd HH:mm:ss'),\n company: arg.event.extendedProps.company.id,\n salary: arg.event.extendedProps.salary.id\n },\n isSameDuration: isSameDuration,\n jobs: jobs,\n start: format(getApi().view.activeStart, 'uuuu-MM-dd'),\n end: format(getApi().view.activeEnd, 'uuuu-MM-dd')\n })\n .then(data => {\n setSlots(data.data)\n setIsLoading(false);\n })\n }\n }\n}\n\nexport default CalendarEventExchange;","import React, {useEffect, useState} from \"react\";\nimport {DateSelectArg, EventClickArg, EventDropArg} from \"@fullcalendar/react\";\nimport CalendarEventEdit from \"../edit\";\nimport CalendarEventResize from \"../edit/resize\";\nimport CalendarEventShow from \"../show\";\nimport CalendarEventAdd from \"../add\";\nimport CalendarEventDrop from \"../add/drop\";\nimport CalendarEventSelect from \"../add/select\";\nimport CalendarEventSubstitute from \"../substitute\";\nimport CalendarEventExchange from \"../exchange\";\nimport {EventResizeDoneArg} from \"@fullcalendar/interaction\";\nimport {Salary} from \"../../../../models/salary\";\nimport {Company} from \"../../../../models/companies\";\nimport {Localisation} from \"../../../../models/localisation\";\nimport {Activity} from \"../../../../models/activity\";\nimport {Offcanvas} from \"bootstrap\";\n\ninterface InterfaceEventShow {\n sidebarType: 'EVENT_SHOW',\n arg: EventClickArg,\n calendar: string,\n setCalendarAbsenceSidebarProps: React.Dispatch\n
}\n {!selected && \n Récapitulatif\n
\n\n
\n \n
\n \n
\n \n {arg.event.extendedProps.salary.title}\n
\n\n {format(arg.event.start!, 'E dd MMMM uuuu HH:mm')} {format(arg.event.end!, 'HH:mm')}\n
\n\n
\n \n Échange avec\n
\n\n
\n \n
\n \n
\n \n {selected.event.extendedProps.salary.title}\n
\n\n {format(selected.event.start!, 'E dd MMMM uuuu HH:mm')} {format(selected.event.end!, 'HH:mm')}\n
\n\n
\n \n
\n \n \n
\n \n \n
\n \n
}\n \n
\n \n
\n \n Filtrer\n
\n \n
\n \n setIsSameDuration(e.currentTarget.checked)} type=\"checkbox\" role=\"switch\" id=\"sameDuration\" defaultChecked={isSameDuration} />\n \n
\n \n
\n \n
\n \n <>\n
\n \n {e.event.extendedProps.salary.title}\n
\n\n {e.event.extendedProps.salary.information.job.title}\n
\n }\n viewDidMount={(arg) => setTitle(arg.view.title)}\n initialView={'listWeek'}\n locales={allLocales}\n locale={'fr'}\n eventClick={setSelected}\n />\n {isLoading &&\n {isOpen &&
\n}\n\nfunction areEqual(prevProps: CalendarEventSidebarInterface & {handleEventChange: any}, nextProps: CalendarEventSidebarInterface & {handleEventChange: any}){\n return prevProps.trigger === nextProps.trigger;\n}\n\nexport default React.memo(CalendarEventSidebar, areEqual);","\nexport const ADD_SALARY = 'ADD_SALARY';\nexport const ADD_SALARY_SUCCESS = 'ADD_SALARY_SUCCESS';\nexport const ADD_SALARY_FAILURE = 'ADD_SALARY_FAILURE';\n\nexport const ADD_SALARY_INFORMATION = 'ADD_SALARY_INFORMATION';\nexport const ADD_SALARY_INFORMATION_SUCCESS = 'ADD_SALARY_INFORMATION_SUCCESS';\nexport const ADD_SALARY_INFORMATION_FAILURE = 'ADD_SALARY_INFORMATION_FAILURE';\n\nexport const EDIT_SALARY = 'EDIT_SALARY';\nexport const EDIT_SALARY_SUCCESS = 'EDIT_SALARY_SUCCESS';\nexport const EDIT_SALARY_FAILURE = 'EDIT_SALARY_FAILURE';\n\nexport const FETCH_SALARIES = 'FETCH_SALARIES';\nexport const FETCH_SALARIES_SUCCESS = 'FETCH_SALARIES_SUCCESS';\nexport const FETCH_SALARIES_FAILURE = 'FETCH_SALARIES_FAILURE';\n\nexport const SHOW_SALARY = 'SHOW_SALARY';\nexport const SHOW_SALARY_SUCCESS = 'SHOW_SALARY_SUCCESS';\nexport const SHOW_SALARY_FAILURE = 'SHOW_SALARY_FAILURE';\n\nexport const FLAT_RATE_HC = 1;\nexport const FLAT_RATE_DAILY = 2;\nexport const FLAT_RATE_EXECUTIVE_OFFICER = 3;\nexport const FLAT_RATE_ELSE = 4;\n\nexport const getFlatRateChoices = () => {\n return [\n {value: FLAT_RATE_HC, label: 'Heures contrat'},\n {value: FLAT_RATE_DAILY, label: 'Forfait jour'},\n {value: FLAT_RATE_EXECUTIVE_OFFICER, label: 'Cadre dirigeant'},\n {value: FLAT_RATE_ELSE, label: 'Autre'},\n ]\n}\n\nexport const getContractChoices = () => {\n return [\n {value: 1, label: 'CDI temps plein'},\n {value: 2, label: 'CDI temps partiel'},\n {value: 3, label: 'CDD temps plein'},\n {value: 4, label: 'CDD temps partiel'},\n {value: 5, label: 'Freelance'},\n {value: 6, label: 'Autre'},\n ]\n}\n","import * as types from \"../../constants/salary\";\nimport * as models from \"../../models/salary\";\n\nexport const addSalary = () => {\n return {\n type: types.ADD_SALARY,\n }\n}\n\nexport const addSalaryInformation = () => {\n return {\n type: types.ADD_SALARY,\n }\n}\n\nexport const addSalarySuccess = (salary: models.Salary) => {\n return {\n type: types.ADD_SALARY_SUCCESS,\n salary,\n }\n}\n\nexport const addSalaryInformationSuccess = (salary: models.Salary) => {\n return {\n type: types.ADD_SALARY_INFORMATION_SUCCESS,\n salary,\n }\n}\n\nexport const addSalaryFailure = (error: string) => {\n return {\n type: types.ADD_SALARY_FAILURE,\n salary: null,\n salaries: null,\n error\n }\n}\n\nexport const addSalaryInformationFailure = (error: string) => {\n return {\n type: types.ADD_SALARY_INFORMATION_FAILURE,\n salary: null,\n salaries: null,\n error\n }\n}\n\nexport const editSalary = () => {\n return {\n type: types.EDIT_SALARY,\n }\n}\n\nexport const editSalarySuccess = (salary: models.Salary) => {\n return {\n type: types.EDIT_SALARY_SUCCESS,\n salary: salary,\n }\n}\n\nexport const fetchSalaries = () => {\n return {\n type: types.FETCH_SALARIES,\n }\n}\n\nexport const fetchSalariesFailure = (error: string) => {\n return {\n type: types.FETCH_SALARIES_FAILURE,\n salary: null,\n salaries: [],\n error\n }\n}\n\nexport const fetchSalariesSuccess = (salaries: models.Salaries) => {\n return {\n type: types.FETCH_SALARIES_SUCCESS,\n salary: null,\n salaries\n }\n}\n\n\nexport const showSalary = () => {\n return {\n type: types.SHOW_SALARY,\n }\n}\nexport const showSalarySuccess = (salary: models.Salary) => {\n return {\n type: types.SHOW_SALARY_SUCCESS,\n salary: salary\n }\n}\nexport const showSalaryFailure = (error: string) => {\n return {\n type: types.SHOW_SALARY_FAILURE,\n salary: null,\n salaries: null,\n error: error\n }\n}","import {Salaries, Salary} from \"../../../models/salary\";\nimport React, {useEffect, useState} from \"react\";\nimport * as salaryApi from \"../../../adapters/salary\";\nimport {useDispatch} from \"react-redux\";\nimport * as actions from \"../../../actions/salary\";\nimport {Jobs} from \"../../../models/job\";\nimport {Companies} from \"../../../models/companies\";\nimport {PAGINATION} from \"../../../constants/global\";\n\ninterface SingleSalarySelectorProps {\n onSubmit: (s: Salary) => any,\n onClose: any,\n initialValue?: number,\n required?: boolean,\n jobs?: Jobs,\n companies?: Companies,\n salaries?: Salaries\n}\n\nexport const SingleSalarySelector:React.FC\n
\n )\n}\n\ninterface SingleSalarySelectedProps {\n onDelete: any,\n onOpen: any,\n required?: boolean,\n initialValue?: number,\n initialSalary?: Salary,\n validationClass?: string,\n disabled?: boolean\n}\n\nexport const SingleSalarySelected:React.FC\n
\n {error && \n \n {isFiltering ?
\n \n \n Loading...\n
: }\n \n {\n setQuery(e.target.value)\n }} className=\"form-control\" placeholder=\"Rechercher un collaborateur\" aria-describedby=\"search-addon\" />\n \n {error}\n
}\n - \n {fetchedSalaries.map((salary: Salary, index: number) => {\n return (\n
- {\n onSubmit(salary)\n onClose()\n }} key={index}>\n \n {initialValue === salary.id && \n \n }\n \n \n \n {salary.firstname} {salary.lastname}\n \n \n \n \n {salary.information?.job.title}\n \n \n \n\n\n\n \n\n \n )\n })}\n {isLoading &&
- \n \n Loading...\n\n }\n
\n
\n )\n}\n","import {Salary} from \"../salary\";\nimport {Company} from \"../companies\";\nimport {Localisation} from \"../localisation\";\nimport {Activity} from \"../activity\";\n\nexport interface BookingRecurrence {\n type: 1|2|3,\n start: string,\n end: string,\n daysOfWeek?: number[],\n weekLetters?: number[],\n separationCount?: number,\n description?: string\n}\n\nexport interface Booking {\n id?: number,\n start: string,\n end: string,\n salary: Salary,\n company: Company,\n accountingType: 1|2|3|4,\n localisation: Localisation|null,\n activity: Activity|null,\n recurrence: BookingRecurrence,\n}\n\nexport type Bookings = Booking[];\n\nexport const BOOKING_RECURRENCE_CHOICES = [\n {label: 'Une seule fois', value: 1},\n {label: 'Semaines X', value: 2},\n {label: 'Personnalisé', value: 3},\n];\n\nexport const getBookingRecurrenceChoice = (type: number) => [\n {label: 'Une seule fois', value: 1},\n {label: 'Semaines X', value: 2},\n {label: 'Personnalisé', value: 3},\n][type - 1];","import React, {useEffect, useState} from \"react\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {FormikHelpers, useFormik} from \"formik\";\nimport * as Yup from \"yup\"\nimport {SingleSalarySelected, SingleSalarySelector} from \"../../../../utils/salarySelector/single\";\nimport {Salary} from \"../../../../models/salary\";\nimport {Company} from \"../../../../models/companies\";\nimport {Localisation} from \"../../../../models/localisation\";\nimport {Activity} from \"../../../../models/activity\";\nimport DatePicker from \"react-datepicker\";\nimport {setHours, setMinutes} from \"date-fns\";\nimport * as api from \"../../../../adapters/booking\"\nimport {submitSidebar} from \"../../../../actions/rightSidebar\";\nimport FormError from \"../../../../utils/formError\";\nimport validationClass from \"../../../../utils/validationClass\";\nimport DateCustomInput from \"../../../../utils/customInput\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport {Choice} from \"../../../../utils/form/model\";\nimport format from \"../../../../utils/locale\";\nimport {AccountingTypes, getAccountingTypeChoice} from \"../../../../constants/booking\";\nimport * as calendarTypes from \"../../../../constants/calendar\";\nimport {BOOKING_RECURRENCE_CHOICES, getBookingRecurrenceChoice} from \"../../../../models/booking\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport SmallLoader from \"../../../../utils/loader/small\";\nimport Loader from \"../../../../utils/loader\";\n\ninterface Interface {\n values: {\n salary: Salary,\n company: Company,\n start: Date,\n end: Date,\n localisation?: Localisation,\n activity?: Activity\n accountingType: number\n description: string\n recurrence: any\n },\n bookingGroupTitle?: string,\n bookingGroupId?: number,\n exceptionId?: number,\n bookingId: number,\n instanceToken: string,\n eventType: string,\n handleSubmitSuccess: (ev: any) => any;\n}\n\nconst BookingEditForm:React.FC\n
\n \n \n {\n initialValue &&\n \n \n {salary && !isLoading ? salary.title :\n
\n \n Loading...\n
}\n \n {!required && {\n onDelete(initialValue)\n setSalary(undefined)\n }}>\n \n }\n \n }\n \n \n \n \n
\n }\n\n return <>\n \n
\n \n
\n \n \n Créneau récurrent\n
\n\n\n
\n \n \n
\n \n Vous souhaitez que la modification s'applique :\n
\n- \n
- {\n setConfirmationType(1)\n formik.submitForm().then(data => console.log(data));\n }}>\n Une seule fois\n \n {<>\n
- {\n setConfirmationType(2)\n formik.submitForm().then(data => console.log(data));\n }}>\n Cette occurence et toute les suivantes\n \n {bookingGroupId && \n Créer un nouvel emploi du temps à partir du {format(new Date(formik.values.beginAt))} {values.recurrence.end && <>jusqu'au {format(new Date(values.recurrence.end))}}\n }\n \n
- {\n setConfirmationType(5)\n formik.submitForm().then(data => console.log(data));\n }}>\n Cette occurence et toute les suivantes le {format(formik.values.beginAt, 'eeee')} seulement\n \n {bookingGroupId && \n Créer un nouvel emploi du temps à partir du {format(new Date(formik.values.beginAt))} {values.recurrence.end && <>jusqu'au {format(new Date(values.recurrence.end))}}\n }\n \n }\n\n {<>\n
- {\n setConfirmationType(3)\n formik.submitForm().then(data => console.log(data));\n }}>\n Toutes les occurences\n \n \n Attention, en modifiant toutes les occurences, les modifications ponctuel apportés au créneau seront perdues.\n \n \n {!bookingGroupId && \n {formik.values.recurrence.start && formik.values.recurrence.end && <>Du {format(formik.values.recurrence.start, 'dd/MM/uuuu')} au {format(formik.values.recurrence.end, 'dd/MM/uuuu')}}\n {formik.values.recurrence.start && !formik.values.recurrence.end && <>A partir\n du {format(formik.values.recurrence.start, 'dd/MM/uuuu')}}\n }\n {bookingGroupId && \n Modifier toutes les occurrences du créneau à partir du {format(new Date(values.recurrence.start))} {values.recurrence.end && <>jusqu'au {format(new Date(values.recurrence.end))}}\n}\n \n\n
- {\n setConfirmationType(6)\n formik.submitForm().then(data => console.log(data));\n }}>\n Toutes les occurences le {format(formik.values.beginAt, 'eeee')} seulement\n \n \n Attention, en modifiant toutes les occurences, les modifications ponctuel apportés au créneau seront perdues.\n \n \n {!bookingGroupId && \n {formik.values.recurrence.start && formik.values.recurrence.end && <>Du {format(formik.values.recurrence.start, 'dd/MM/uuuu')} au {format(formik.values.recurrence.end, 'dd/MM/uuuu')}}\n {formik.values.recurrence.start && !formik.values.recurrence.end && <>A partir\n du {format(formik.values.recurrence.start, 'dd/MM/uuuu')}}\n }\n {bookingGroupId &&\n Modifier toutes les occurrences du créneau le {format(formik.values.beginAt, 'eeee')} à partir du {format(new Date(values.recurrence.start))} {values.recurrence.end && <>jusqu'au {format(new Date(values.recurrence.end))}}\n}\n \n }\n
\n \n
\n \n}\n\nexport default BookingEditForm;","import React, {useEffect, useState} from \"react\";\nimport BookingEditForm from \"../../../booking/edit/form\";\nimport {EventClickArg} from \"@fullcalendar/react\";\n\nconst CalendarBookingEdit:React.FC<{arg?: EventClickArg, handleSubmitSuccess: (ev: any) => any; close: () => any}> = (props) => {\n\n const {arg, handleSubmitSuccess, close} = props;\n const [key, setKey] = useState\n
\n Modifier un créneau
\n \n\n {arg &&
\n \n}\n\nexport default CalendarBookingEdit;","import React, {useEffect, useState} from \"react\";\nimport BookingEditForm from \"../../../../booking/edit/form\";\nimport {EventResizeDoneArg} from \"@fullcalendar/interaction\";\n\nconst BookingResizeEdit:React.FC<{arg?: EventResizeDoneArg, handleSubmitSuccess: (ev: any) => any; close: () => any}> = (props) => {\n\n const {arg, handleSubmitSuccess, close} = props;\n const [key, setKey] = useState\n
\n Modifier un créneau
\n \n\n {arg &&
\n \n}\n\nexport default BookingResizeEdit;","import {Salary} from \"../../models/salary\";\nimport {Granted} from \"../granted\";\n\nconst IsGranted = (right: string, salary?: Salary) => {\n return Granted(right, salary?.id);\n}\n\nexport default IsGranted;","import React, {useEffect, useState} from \"react\";\nimport {EventClickArg} from \"@fullcalendar/react\";\nimport format from \"../../../../utils/locale\";\nimport {getAccountingTypeChoice} from \"../../../../constants/booking\";\nimport * as exceptionApi from \"../../../../adapters/booking/exception\";\nimport * as bookingApi from \"../../../../adapters/booking\";\nimport * as absenceApi from \"../../../../adapters/absence\";\nimport * as calendarTypes from \"../../../../constants/calendar\";\nimport {TYPE_EVENT, TYPE_EVENT_EXCEPTION} from \"../../../../constants/event\";\nimport SmallLoader from \"../../../../utils/loader/small\";\nimport {EVENT_TYPE_BOOKING, EVENT_TYPE_BOOKING_EXCEPTION} from \"../../../../constants/calendar\";\nimport {closeSidebar} from \"../../../../actions/rightSidebar\";\nimport * as API from \"../../../../adapters/booking\";\nimport Granted from \"../../../../security/isGranted\";\nimport * as accessRights from \"../../../../constants/accessRight\";\n\ninterface Interface {\n arg: EventClickArg,\n handleEventChange: (ev: any) => any,\n calendar: string,\n setCalendarSidebarBookingProps: React.Dispatch\n
\n Créneau de {arg.event.extendedProps.salary.title}
\n \n\n
\n \n }\n\n return <>\n \n \n
\n \n Êtes vous sûr de vouloir supprimer le créneau suivant ?\n
\n \n
\n {arg.event.extendedProps.recurrence.type !== 1 && <>\n \n {arg.event.extendedProps.salary.title}\n
\n\n
\n {format(arg.event.start!, \"E dd MMMM uuuu HH:mm\")} - {format(arg.event.end!, \"HH:mm\")}
\n \n {arg.event.extendedProps.timeCaption}\n
\n \n
\n }\n {arg.event.extendedProps.bookingGroupId && cancelType === 3 && \n \n Créneau récurrent\n \n {arg.event.extendedProps.recurrence.description}\n
\n\n- \n
- \n \n \n
- \n \n \n
- \n \n \n
\n Attention, ce créneau est rataché à l'emploi du temps {arg.event.extendedProps.bookingGroupTitle},\n en retirant les occurences suivantes, les autres créneaux ratachés s'arreteront en même temps\n
}\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n {!arg && Créneau de {arg.event.extendedProps.salary.title}
\n \n\n
}\n {arg && \n Aucun créneau séléctionné\n
\n\n
}\n \n}\n\nexport default BookingShow;","import {post, get} from \"../../xhr\";\nimport * as models from \"../../../models/booking/group\"\n\n\nexport function create(requestData: models.Payload){\n return post('booking/group/create', requestData);\n}\n\nexport function edit(id: number, requestData: models.Payload){\n return post('booking/group/edit/' + id, requestData);\n}\n\nexport function list(requestData: {salary: number, query?: string}){\n return post('booking/group/list', requestData);\n}\n\nexport function show(id: number){\n return get('booking/group/show/' + id);\n}\n\nexport function cancel(id: number){\n return get('booking/group/cancel/' + id);\n}","import React, {BaseSyntheticEvent, useEffect, useState} from \"react\";\nimport * as Yup from \"yup\";\nimport {useFormik} from \"formik\";\nimport {RootStateOrAny, useDispatch, useSelector} from \"react-redux\";\nimport {Company} from \"../../../../models/companies\";\nimport {Salary} from \"../../../../models/salary\";\nimport * as api from \"../../../../adapters/booking\";\nimport DatePicker from \"react-datepicker\";\nimport {Localisation} from \"../../../../models/localisation\";\nimport {Activity} from \"../../../../models/activity\";\nimport Loader from \"../../../../utils/loader\";\nimport {showAlertSuccess} from \"../../../../actions/alert\";\nimport {setMinutes, setHours} from \"date-fns\";\nimport {SingleSalarySelected, SingleSalarySelector} from \"../../../../utils/salarySelector/single\";\nimport format from \"../../../../utils/locale\"\nimport FormError from \"../../../../utils/formError\";\nimport validationClass from \"../../../../utils/validationClass\";\nimport DateCustomInput from \"../../../../utils/customInput\";\nimport BootstrapSelect from \"../../../../utils/bootstrapSelect\";\nimport {axiosError} from \"../../../../actions/axios\";\nimport {AccountingTypes, getAccountingTypeChoice} from \"../../../../constants/booking\";\nimport * as groupApi from \"../../../../adapters/booking/group\";\nimport {BookingRecurrence} from \"../../../../models/booking\";\nimport SmallLoader from \"../../../../utils/loader/small\";\n\ninterface Interface {\n initialSalary?: Salary,\n initialCompany?: Company,\n start?: Date,\n end?: Date,\n localisation?: Localisation,\n activity?: Activity,\n recurrence?: BookingRecurrence,\n bookingGroupId?: number,\n handleSubmitSuccess: (props: any[]) => any\n}\n\nconst BookingAddForm: React.FC\n Détails du créneau\n
\n\n
\n\n {Granted(accessRights.EDIT_TIME_CLOCK, arg.event.extendedProps.salary.id) && calendarTypes.CALENDAR_SIGNED_GLOBAL === calendar && <>\n \n \n \n \n Début\n \n \n {format(arg.event.start!, \"E dd MMMM uuuu HH:mm\")}\n \n \n \n \n Fin\n \n \n {format(arg.event.end!, \"E dd MMMM uuuu HH:mm\")}\n \n \n \n \n Type d'heure\n \n \n {getAccountingTypeChoice(arg.event.extendedProps.accountingType)?.label}\n \n \n \n \n Établissement\n \n \n {arg.event.extendedProps.company?.title || }\n \n \n \n \n Emplacement\n \n \n {arg.event.extendedProps.localisation?.title || }\n \n \n \n \n Activité\n \n \n {arg.event.extendedProps.activity?.title || }\n \n \n \n
\n\n \n {Granted(accessRights.EDIT_BOOKING, arg.event.extendedProps.salary.id) &&
\n \n \n
}\n \n \n
\n \n \n
\n }\n\n {arg.event.extendedProps.isLabourDay && \n
\n
}\n\n {arg.event.extendedProps.absence && \n
\n Jour férié\n
\n\n Cochez la case ci dessous si le collaborateur travail ce jour.\n
\n\n setLabourDayWorked(e.target.checked)} type=\"checkbox\" id=\"labourDayWorked\"/>\n \n
\n \n
\n\n \n
\n
}\n\n \n
\n Absence\n
\n| \n Type\n | \n\n {arg.event.extendedProps.absence.typeName}\n | \n
| \n Début\n | \n\n {format(new Date(arg.event.extendedProps.absence.start))}\n | \n
| \n Fin\n | \n\n {format(new Date(arg.event.extendedProps.absence.end))}\n | \n
| \n Nb de jours\n | \n\n {arg.event.extendedProps.absence.nbDays}\n | \n
\n {Granted(accessRights.EDIT_ABSENCE, arg.event.extendedProps.salary.id) &&
\n \n \n
}\n {Granted(accessRights.DELETE_ABSENCE, arg.event.extendedProps.salary.id) && \n \n
}\n