\n
;\n }\n\n fetchData(filter) {\n this.setState({ loading: true, filter });\n\n debounce(() => {\n requestData(\n filter.pageSize,\n filter.page,\n filter.sorted,\n filter.filtered,\n \"json\",\n )\n .then(response => response.json())\n .then(data => {\n const res = {\n data: data.applications,\n pages: data.pages,\n total: data.total,\n pendingTotal: data.pending_total\n };\n\n return res;\n })\n .then(res => {\n this.setState({\n ...res,\n loading: false,\n bulkTargets: [],\n });\n });\n\n }, 400);\n }\n\n\n handleToggleNoAvailabilityFilter() {\n const newFilter = [...this.state.filter.filtered];\n const indexOfFilter = newFilter.findIndex(f => f.id === \"nb_availabilities\");\n\n if (indexOfFilter === -1) {\n newFilter.push({\n id: \"nb_availabilities\",\n value: 0,\n });\n } else {\n newFilter.splice(indexOfFilter, 1);\n }\n\n this.fetchData({\n ...this.state.filter,\n filtered: newFilter,\n });\n }\n\n sendGroupConfirmationMail() {\n swal({\n title: \"Notifier l'élève\",\n html: \"\n
\n \n Vous avez sélectionné {count} demande(s) {\n this.state.bulkTargets.length === this.state.data.length &&\n Math.max(this.state.total - this.state.bulkTargets.length, 0) ?\n this.setState({bulkTargets: \"all\"})}\n className=\"btn btn-info m-l-sm\">\n Sélectionner les {this.state.total - this.state.bulkTargets.length} restantes\n \n : null\n }\n
\n \n {this.props.currentUserIsAdmin && this.statusFilterContainsTerminalStatus() && this.sendGroupConfirmationMail()}\n className=\"btn btn-primary m-r-sm\"\n data-tippy-content=\"Envoi groupé mail confirmation\"\n disabled={false}>\n \n }\n\n \n \n Édition de masse\n \n {this.props.currentUserIsAdmin && !this.statusFilterContainsTerminalStatus() && (\n \n Supprimer\n \n )}\n
\n Un mail de confirmation va être envoyé pour chaque demande d'inscription sélectionnée
\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n reverseButtons: true,\n input: \"checkbox\",\n inputValue: 0,\n inputPlaceholder: \"Renvoyer les mails ?
\",\n }).then(v => {\n\n if (v.value !== undefined) {\n fetch(`/inscriptions/send_all_confirmation_mail`, {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n ...this.state.filter,\n sorted: this.state.filter.sorted[0],\n },\n targets: this.state.bulkTargets,\n application: this.state.bulkEdit,\n forceResend: v.value,\n }),\n }).then(response => response.json())\n .then(res => {\n if (res.success)\n swal.fire(\"\", \"Les mails vont être envoyés\", \"success\");\n else\n swal.fire(\"\", res.message, \"error\");\n });\n }\n });\n }\n\n statusFilterContainsTerminalStatus() {\n if (this.state.bulkTargets === \"all\") {\n const allSelectedArePending = this.state.pendingTotal === this.state.total;\n return !allSelectedArePending;\n }\n\n const selectedStatuses = this.state.bulkTargets.map(id => {\n const demande = this.state.data.find(d => d.id === id);\n return demande ? demande.activity_application_status_id : null;\n }).filter(status => status !== null);\n\n const containsTerminalStatus = selectedStatuses.some(s =>\n [ACTIVITY_ATTRIBUTED_ID, ACTIVITY_PROPOSED_ID, PROPOSAL_ACCEPTED_ID].includes(s)\n );\n\n return containsTerminalStatus;\n }\n\n\n\n render() {\n const activitiesFilterOptions = _.chain(this.props.activities)\n .uniq()\n .map(a => ({\n label: a.label,\n value: a.label,\n }))\n .sortBy(\"label\")\n .value();\n\n const activitiesKindsFilterOptions = _.chain(this.props.activities)\n .filter(a => a.kind != undefined)\n .map(a => ({\n label: a.kind,\n value: a.kind,\n }))\n .uniqBy(\"label\")\n .sortBy(\"label\")\n .value();\n\n const applicationStatusesFilterOptions = _(this.props.statuses)\n .orderBy(s => s.label)\n .map(s => ({\n value: s.id,\n label: s.label,\n }))\n .value();\n\n const applicationActionsFilterOptions = Object.keys(PRE_APPLICATION_ACTION_LABELS).map(l => ({\n label: PRE_APPLICATION_ACTION_LABELS[l],\n value: l,\n }));\n\n const columns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n accessor: r => this.state.bulkTargets.includes(r.id),\n Filter: () =>\n \n this.handleUpdateBulkEdit(name, value)\n }\n onSave={() => this.handleBulkEdit()}\n />\n
\n );\n }\n}\n\n\n\nconst BulkEditModal = ({targets, state, statuses, onChange, onSave}) => \n
\n\n \n
\n \n
\n \n
\n {this.state.bulkTargets.length > 0\n ? this.bulkAlert()\n : null}\n \n \n this.handleUpdateListPreferences(\n prefs\n )\n }\n />\n this.resetFilters()}\n >\n \n \n \n this.fetchData(this.state.filter)\n }\n >\n \n \n \n \n this.fileInput.current.click()\n }\n >\n {this.state.importOngoing ? (\n \n {this.state.exportOngoing ? (\n \n )}\n \n this.handleToggleNoAvailabilityFilter()\n }\n data-tippy-content=\"Afficher les élèves sans disponibilités renseignées\"\n className={`btn m-r-sm btn-${\n withoutAvailabilityMode\n ? \"primary\"\n : \"muted\"\n }`}\n >\n \n \n \n \n
\n {this.props.currentUserIsAdmin && (\n \n En attente de traitement (\n {this.state.pendingTotal || 0})\n
\n\n
\n )}\n \n {\n if (row[filter.id] !== null) {\n return row[filter.id]\n .toString()\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n page={this.state.filter.page}\n pageSize={this.state.filter.pageSize}\n sorted={this.state.filter.sorted}\n filtered={this.state.filter.filtered}\n onPageChange={page =>\n this.fetchData({ ...this.state.filter, page })\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted =>\n this.fetchData({ ...this.state.filter, sorted })\n }\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n })\n }\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n pageSizeOptions={[5, 10, 15, 16, 20]}\n getTdProps={(state, rowInfo, column, instance) => {\n if (\n column.id !== \"selection\" &&\n column.id !== \"name\"\n )\n return {\n onClick: (e, handleOriginal) => {\n window.open(\n `/inscriptions/${rowInfo.original.id}`\n );\n\n if (handleOriginal) {\n handleOriginal();\n }\n },\n };\n\n return {};\n }}\n />\n\n
\n \n
\n \n {`${this.state.total} Demandes d'inscription au total`}\n
\n\n
\n;\n\nexport default ActivitiesApplicationsList;\n","import React from \"react\";\n\nclass ChildSelection extends React.Component {\n constructor(props) {\n super(props);\n }\n\n renderParentSelection(key) {\n const renderParentsOptions = _.chain(this.props.family)\n .map((parent, id) => {\n return (\n \n
\n\n \n Édition de masse des demandes\n
\n \n
\n \n \n onChange(e.target.name, parseInt(e.target.value))}\n name=\"activity_application_status_id\"\n className=\"form-control\">\n \n {\n statuses.map(s => )\n }\n \n
\n \n \n \n Annuler\n \n onSave()}\n disabled={targets.length === 0}\n className=\"btn btn-primary\">\n \n Valider\n \n
\n \n
\n );\n }\n}\n\nexport default ChildSelection;\n","import React from \"react\";\nimport _ from \"lodash\";\nimport UserSearch from \"./activityApplications/UserSearch\";\nimport { csrfToken } from \"./utils\";\nimport moment from \"moment\";\n\nconst NO_USER_SELECTION_STATE = {\n user: null,\n userValidated: false,\n min: undefined\n};\n\nclass Adhesion extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n ...NO_USER_SELECTION_STATE,\n };\n }\n\n render() {\n const { user, userValidated } = this.state;\n\n return \n
\n \n
\n \n Choix des élèves supplémentaires / accompagnants\n
\n {_.map(this.props.additionalStudents, (p, i) => (\n{this.renderParentSelection(i)}
\n ))}\n \n
\n \n Adhésion pour {user.first_name} {user.last_name}
\n\n {d.value}\n {diff < 30 && diff >= 0 ? (\n \n \n Expire dans {Math.ceil(diff)} jours\n \n ) : null}\n
\n );\n },\n },\n {\n id: \"adhesion_prices.price\",\n Header: \"Prix de l'adhésion\",\n filterable: false,\n sortable: true,\n accessor: d => (d.adhesion_price || {}).price,\n },\n {\n Header: \"Actions\",\n filterable: false,\n sortable: false,\n maxWidth: 100,\n Cell: d => (\n \n this.promptDelete(d.original.id)}\n className=\"btn btn-warning btn-xs\"\n >\n \n \n {\n end_dates_diffs[d.original.id] < 30 ? (\n \n this.handleSendReminder(d.original.id)\n }\n >\n \n \n ) : null}\n
\n ),\n },\n {\n Header: \"Dernière relance\",\n id: \"last_reminder\",\n accessor: d => \n {d.last_reminder\n ? moment(d.last_reminder).format(\"DD MMM YYYY\")\n : \"Non précisée\"}\n ,\n filterable: false,\n },\n ];\n\n return (\n \n
\n );\n }\n}\n\nexport default AdhesionList;\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport UserSearch from \"./scripts/mergeUsers/UserSearch\";\nimport * as api from \"../tools/api\";\nimport _, { uniqBy } from \"lodash\";\nimport swal from \"sweetalert2\";\n\nconst UserListItem = ({user, onEmailChange, onRemove}) => \n
\n {`${this.state.total} Adhésions au total`}
\n\n {user.first_name} {user.last_name}({user.id}), Adhérent #${user.adherent_number}\n
\n\n \n email (peut être vide) :\n onEmailChange(user.id, e.target.value)}\n />\n
\n\n \n onRemove(user.id)} />\n
\n\n\nexport default function AttachAccount({ onSuccess }) {\n const [season, setSeason] = useState(null)\n const [parentAccount, setParentAccount] = useState(null)\n const [accountToAttach, setAccountToAttach] = useState([])\n\n useEffect(() => {\n api.set()\n .success(seasons => {\n setSeason(seasons.find(season => season.current) || seasons[0])\n })\n .error(() => setSeason(null))\n .get(\"/seasons\");\n }, []);\n\n if (parentAccount == null) {\n return Sélectionner le compte de rattachement auquel associer des utilisateurs
\nAssocier des utilisateurs au compte de rattachement\n ({`${parentAccount.first_name} ${parentAccount.last_name}`})
\n\n {accountToAttach.length > 0 &&\n\n
Utilisateurs sélectionnés
\n\n\n {_.map(accountToAttach, (m, i) => setAccountToAttach(_.uniqBy([...accountToAttach.filter(u => u.id != m.id), {\n id: m.id,\n first_name: m.first_name,\n last_name: m.last_name,\n adherent_number: m.adherent_number,\n email: email\n }], u => u.id))}\n\n onRemove={_ => setAccountToAttach(accountToAttach.filter(u => u.id != m.id))}\n />)}\n
\n\n \n\n
\n\n
\n
\n \n \n Attacher les comptes\n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default CommentSection;\n","import React from \"react\";\nimport Select from \"react-select\";\nimport { csrfToken } from \"./utils\";\n\nclass EditActivities extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n values: props.values,\n };\n }\n\n updateActivities() {\n const csrfToken = document\n .querySelector('meta[name=\"csrf-token\"]')\n .getAttribute(\"content\");\n\n fetch(this.props.ajaxUrl, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n id: this.props.modelId,\n activities: this.state.values.map(v => v.value),\n }),\n }).then(() => (window.location = this.props.redirectUrl));\n }\n\n handleChange(values) {\n this.setState({\n values,\n });\n }\n\n render() {\n return (\n \n
\n \n \n Commentaires\n
\n
{\n this.props.contextType && this.props.contextId ? \n \n Commentaires\n Ajouter un commentaire}>\n {\n ({closeModal}) =>\n \n \n Ajouter un Commentaire
\n \n \n this.props.handleUpdateNewCommentContent(e)} />\n \n \n \n {this.props.handleSaveComment(); closeModal();}}>\n \n Sauvegarder\n \n \n \n }\n \n
\n \n
\n }\n \n \n
\n Ajouter un Commentaire
\n\n this.props.handleUpdateNewCommentContent(e)} />\n
\n \n \n {this.props.handleSaveComment(); closeModal();}}>\n \n Sauvegarder\n \n
\n \n {_.chain(this.props.comments)\n .orderBy(c => c.created_at)\n .reverse()\n .map((c, i) => (\n
\n : \n
\n ))\n .value()}\n \n
\n
\n \n {c.content}
\n \n \n par {_.get(c, \"user.first_name\") || \"utilisateur\"}{\" \"}\n {_.get(c, \"user.last_name\") || \"inconnu\"} le{\" \"}\n {moment(\n c.created_at,\n ).format(\n \"DD MMMM YYYY, à hh:mm\",\n )}\n {c.created_at ==\n c.updated_at ? null : (\n \n
\n Modifié le{\" \"}\n {moment(c.updated_at).format(\"DD MMMM YYYY, à hh:mm\")}\n \n )}\n \n \n
\n
\n {this.props.userId == c.user_id ? (\n this.props.handleCommentEdition(c.id)}\n modalProps={{style: {content: {position: \"static\"}}}}\n className=\"btn btn-xs btn-primary pull-right\"\n label={}>\n {\n ({closeModal}) =>
\n \n
\n }\n \n ) : null}\n \n
\n Editer un Commentaire
\n\n this.props.handleUpdateEditedCommentContent(e)}\n />\n
\n \n \n \n Annuler\n \n {this.props.handleSaveCommentEdition(); closeModal();}}>\n \n Sauvegarder\n \n
\n \n Un échéancier doit être créé pour laisser des commentaires.\n
\n }\n \n this.updateActivities()}\n />\n
\n );\n }\n}\n\nexport default EditActivities;\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport * as api from \"../tools/api\";\nimport _ from \"lodash\";\n\nexport default function ErrorHistory()\n{\n const [errors, setErrors] = useState([]);\n\n useEffect(() => {\n api.set()\n .success(data =>\n {\n setErrors(data);\n })\n .get(\"/admin/error-history\", {});\n }, []);\n\n return \n this.handleChange(e)}\n isMulti={true}\n isSearchable={true}\n isClearable={true}\n closeMenuOnSelect={false}\n />\n
\n \n
\n\n \n Historique des 20 dernières erreurs\n
\n\n
\n \n \n \n \n \n );\n })}\n \n \n \n {errors.map((error, index) => {\n return (\n \n
\n\n \n
\n }\n \n
\n\n \n
\n \n
\n\n \n {_.get(error, \"error_code.code\")}\n
\n\n
\n\n \n {_.get(\n error,\n \"error_code.user_message\"\n )}\n
\n\n {new Date(\n error.created_at\n ).toLocaleString()}\n
\n \n {error.message ? \n
\n {error.message}
: \"\"}\n\n { Object.keys(error.related_objects).length > 0 &&\n\n \n
\n \n \n
\n
\n \n \n \n Objects\n activerecord\n reliés{\" \"}\n \n
\n \n
\n \n Objects\n activerecord\n reliés{\" \"}\n \n
\n \n\n
\n \n \n \n
\n
\n | \n Nom\n de la\n variable\n | \n\n Class\n | \n\n Id\n | \n\n {\n key\n }\n | \n\n {\n object.class\n }\n | \n\n {\n object.id\n }\n | \n \n );\n }\n )}\n
|---|
\n \n
\n \n \n
\n \n \n
\n
\n \n \n \n Stack trace{\" \"}\n \n
\n \n
\n \n Stack trace{\" \"}\n \n
\n \n\n \n {error.stack_trace.map(\n (trace, index) => {\n return (\n \n \n {\n trace\n }\n \n
\n );\n }\n )}\n | \n | \n | Rendez-vous | \n\n | ||
|---|---|---|---|---|---|
| Élève | \nActivité | \nCréneau | \nProfesseur | \nSalle | \nActions | \n
\n
;\n }\n}\n\nconst EmptyMessage = () => \n
\n\n \n \n this.handleUpdateSearch(query)}\n onSubmit={() => this.handleSearch()} />\n
\n \n \n this.handleUpdateActivities(value)} />\n
\n \n {_.size(students) ? \n studentsPanels :\n
\n \n
;\n\nfunction SearchInput({\n query,\n onChange,\n onSubmit,\n}) {\n return \n \n Aucun.e élève sans créneau\n \n
\n\n onChange(e.target.value.trim())}\n type=\"text\"/>\n \n \n \n Rechercher\n \n \n
\n}\n\nfunction ActivityInput({\n value,\n activityRefs,\n onChange,\n}) {\n const options = _.uniqBy(activityRefs, \"kind\")\n .map(ref => ({\n value: ref.kind,\n label: ref.kind,\n }));\n\n return {student.first_name} {student.last_name}
\n \n{cell.value.format(\"DD/MM/YYYY\")}
;\n }\n\n renderAmountCell(cell, editable) {\n if (editable)\n return (\n \n \n this.switchSelectAll(e.target.checked)\n }\n checked={\n this.state.selectAll ||\n this.state.selectedRows.length\n }\n />\n
\n ),\n filterable: true,\n maxWidth: 75,\n accessor: \"id\",\n Cell: c => (\n \n this.handleRowSelected(e)}\n />\n
\n ),\n },\n {\n Header: \"Raison\",\n id: \"reason\",\n accessor: \"failed_payment_import_reason_id\",\n filterable: true,\n minWidth: 70,\n Filter: ({ filter, onChange }) => (\n \n this.promptSubmit(c.original)}\n >\n \n \n \n this.promptDelete(parseInt(e.target.value))\n }\n >\n \n \n
\n ),\n },\n ];\n\n let bulkDeleteButtonLabel = \"SUPPRESSION DE MASSE PAR RAISON\";\n\n if (this.state.selectAll)\n bulkDeleteButtonLabel = `TOUT SUPPRIMER (${\n this.state.data.length\n })`;\n else if (this.state.selectedRows.length)\n bulkDeleteButtonLabel = `SUPPRIMER ${\n this.state.selectedRows.length\n } IMPORTS`;\n else if (this.state.selectedReason)\n bulkDeleteButtonLabel = `SUPPRIMER TOU.TE.S LES ${this.state.selectedReason.label.toUpperCase()}`;\n\n const bulkDeleteButtonOnClickCb =\n this.state.selectAll || this.state.selectedRows.length\n ? () => this.promptBulkDelete()\n : () => this.promptBulkDeleteByReason();\n\n return (\n \n
\n );\n }\n}\n\nexport default FailedPaymentImportsPage;\n","import React from \"react\";\nimport moment from \"moment\";\nimport _ from \"lodash\";\n\nmoment.updateLocale(\"fr\", {\n dow: 1,\n doy: 4,\n});\n\nimport { getHoursString } from \"./utils/DateUtils\";\nimport { RangedSelect } from \"./utils/DateFilter\";\nimport { ISO_DATE_FORMAT, csrfToken } from \"./utils\";\n\nconst shiftDateLocalizer = new Intl.DateTimeFormat(\"fr-FR\", {\n weekday: \"short\",\n day: \"2-digit\",\n});\n\nexport default class HoursSheet extends React.Component {\n constructor(props) {\n super(props);\n\n const now = new Date();\n\n const year = now.getFullYear();\n const month = now.getMonth();\n\n const sheets = {\n [year]: {\n [month]: {},\n },\n };\n\n this.fetchSheet(this.props.user.id, year, month);\n\n this.state = {\n year,\n month,\n sheets,\n };\n }\n\n /**\n * Request the server for a hours sheet.\n *\n * @param {*} userId the user's id.\n * @param {*} year the sheet's year.\n * @param {*} month the sheet's month.\n */\n fetchSheet(userId, year, month) {\n const url = `/users/${userId}/hours_sheet/${year}-${month + 1}`;\n\n fetch(url, {\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n })\n .then(res => res.json())\n .then(val => {\n const newSheets = {\n ...this.state.sheets,\n [year]: {\n ...this.state.sheets[year],\n [month]: val,\n },\n };\n\n this.setState({ sheets: newSheets });\n });\n }\n\n /**\n * Modify the state data structure to specify\n * on which of which year we're on.\n * If the hours sheet for these specified\n * parameters isn't already known, we\n * request the server for it.\n *\n * @param {number} year the year of the hours sheet.\n * @param {number} month the month of the hours sheet.\n */\n setStateDate(year, month) {\n this.setState(\n {\n year,\n month,\n },\n () => {\n this.fetchSheet(\n this.props.user.id,\n this.state.year,\n this.state.month\n );\n }\n );\n }\n\n /**\n * Months browsing buttons handler.\n *\n * @param {number} diff the number of months to add/take from the actual year-month combo\n */\n changeMonth(diff) {\n let newMonth = this.state.month + diff;\n let newYear = this.state.year;\n\n if (\n (newMonth !== -1 || this.state.year !== this.props.minYear) &&\n (newMonth !== 12 || this.state.year !== this.props.maxYear)\n ) {\n if (newMonth === -1) {\n newYear--;\n newMonth = 11;\n } else if (newMonth === 12) {\n newYear++;\n newMonth = 0;\n }\n\n this.setStateDate(newYear, newMonth);\n }\n }\n\n /**\n * Period selectors' handler function.\n *\n * @param {*} e event object.\n */\n handleDateChange(e) {\n const val = parseInt(e.target.value);\n\n switch (e.target.name) {\n case \"y\":\n this.setStateDate(val, this.state.month);\n break;\n case \"m\":\n this.setStateDate(this.state.year, val - 1);\n break;\n }\n }\n\n render() {\n const sheet = _.get(this.state.sheets, `[${this.state.year}][${this.state.month}]`);\n\n // all activities kinds\n const activityKinds = _(sheet)\n .map(e => Object.keys(e.detail))\n .flatten()\n .uniq()\n .value();\n\n let shiftsCoveredByWeek = {};\n let coveringShiftsByWeek = {};\n\n //Groups the days of the hours sheet by week\n const shiftsByWeek = _.chain(sheet)\n .reduce((acc, v, k) => {\n const weekNum = moment(k).week();\n\n if (!acc[weekNum]) {\n acc[weekNum] = [];\n shiftsCoveredByWeek[weekNum] = { total: 0, counted: 0 };\n coveringShiftsByWeek[weekNum] = 0.0;\n }\n\n acc[weekNum].push({\n ...v,\n d: moment(k),\n });\n\n shiftsCoveredByWeek[weekNum].total += v.covered.total;\n shiftsCoveredByWeek[weekNum].counted += v.covered.counted;\n coveringShiftsByWeek[weekNum] += v.covering;\n\n return acc;\n }, {})\n .map(w => _.orderBy(w, ({d}) => d.valueOf()))\n .value();\n\n shiftsCoveredByWeek = Object.values(shiftsCoveredByWeek);\n coveringShiftsByWeek = Object.values(coveringShiftsByWeek);\n\n //variables aggregating global totals and kinds totals\n let monthTotal = 0;\n const detailTotals = activityKinds.reduce((acc, k) => {\n return { ...acc, [k]: 0 };\n }, {});\n\n return (\n \n
\n \n
\n \n
\n Imports ratés
\n\n \n this.changeSelectedReason(\n parseInt(e.target.value),\n )\n }\n value={\n (this.state.selectedReason &&\n this.state.selectedReason.id) ||\n \"\"\n }\n disabled={\n this.state.selectAll ||\n this.state.selectedRows.length\n }\n >\n \n {this.props.reasons.map(r => (\n \n ))}\n \n \n \n {bulkDeleteButtonLabel}\n \n
\n \n
\n \n
\n );\n }\n}\n\nfunction capitalize(s) {\n return s[0].toUpperCase() + s.substring(1);\n}\n","import React, { useState } from \"react\";\nimport { CSVLink } from \"react-csv\";\nimport { csrfToken } from \"./utils\";\nimport swal from \"sweetalert2\";\n\nclass ImportCsv extends React.Component {\n constructor(props) {\n super(props);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.state = { import_report: null };\n }\n\n handleSubmit(event) {\n\n if (event.target.csv_file && event.target.csv_file.files.length > 0) {\n this.setState({ submitting: true });\n event.preventDefault();\n\n var formData = new FormData();\n formData.append(\"csv_file\", event.target.csv_file.files[0]);\n\n fetch(`/import_users?auth_token=${csrfToken}`, {\n method: \"POST\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData,\n }).then(res => {\n this.setState({ submitting: false });\n\n if (res.ok) {\n res.json().then(json => {\n const import_report = json.import_report;\nconsole.log(import_report);\n if (Object.keys(import_report.errors).length > 0) {\n this.setState({\n import_report: json.import_report,\n });\n } else {\n let htmltext =\n \"\n
\n\n \n Feuille d'heures de{\" \"}\n \n {this.props.user.first_name}{\" \"}\n {this.props.user.last_name}\n \n
\n\n \n this.changeMonth(-1)}\n >\n \n \n this.changeMonth(1)}\n >\n \n \n this.changeMonth(0)}\n >\n \n \n\n |\n\n {\n //Year and month selectors\n }\n \n capitalize(moment([2000, v - 1, 1]).format(\"MMMM\"))\n }\n defaultDisabled={true}\n />\n
\n\n \n
\n \n
\n \n
\n \n
\n \n Feuille d'heures{\" \"}\n {moment(this.state.month + 1, \"MM\").format(\n \"MMMM\"\n )}{\" \"}\n {this.state.year}\n
\n\n \n \n
\n
\n | SEMAINE | \n {//Put activity kinds in the headers\n activityKinds.map((e, i) => (\n\n {e.toUpperCase()}\n | \n ))}\nTOTAL | \nREMPLAÇANT* | \nREMPLACÉ* | \n
|---|---|---|---|---|
| \n {display}\n | \n );\n })}\n {\n //Week's total work hours, regardless of activity kinds\n }\n\n {getHoursString(\n coveringShiftsByWeek[k]\n )}\n | \n {/*Heures remplacées*/}\n\n {getHoursString(\n shiftsCoveredByWeek[k].total\n )} {shiftsCoveredByWeek[k].total ? `(${getHoursString(shiftsCoveredByWeek[k].counted)} comptées)` : null}\n | \nTOTAUX | \n {activityKinds.map((e, i) => (\n\n {getHoursString(\n detailTotals[e]\n )}\n | \n ))}\n\n {getHoursString(monthTotal)}\n | \n\n {getHoursString(\n _.sum(coveringShiftsByWeek)\n )}\n | \n\n {getHoursString(\n _.sum(shiftsCoveredByWeek.map(s => s.total))\n )}\n | \n \n
\n
\n \n *Ces heures sont comprises dans le compte\n des activités\n
\nToute votre communauté a bien été importée
\" +\n \"Vous allez être redirigé vers la liste de vos membres\";\n\n swal.fire({\n title: \"Bravo !\",\n html: htmltext,\n type: \"success\",\n timer: 10000,\n allowOutsideClick: false,\n }).then(\n () =>\n (window.location.href = `/users?auth_token=${csrfToken}`)\n );\n }\n });\n }\n }).catch(error => {\n this.setState({ submitting: false });\n console.error(error);\n swal.fire({\n title: \"Erreur\",\n html: \"
Une erreur est survenue lors de l'import. Veuillez réessayer.
\",\n type: \"error\",\n timer: 10000,\n });\n })\n ;\n }\n }\n\n formatData(report) {\n let format = [];\n if (report) {\n Object.keys(report).map(key =>\n format.push({\n type: key,\n message: report[key][\"message\"],\n lines: this.organizeLines(report[key][\"lines\"]),\n })\n );\n }\n\n return format;\n }\n\n organizeLines(lines) {\n let organized = \"\";\n\n for (let i = 0; i < lines.length; i++) {\n organized += lines[i];\n if (i != lines.length - 1) organized += \", \";\n }\n\n return organized;\n }\n\n display_row_numbers(lines) {\n switch (lines.length) {\n case 0: return \"\";\n case 1: return \"Ligne \" + lines + \" : \";\n default: return \"Lignes \" + lines + \" : \";\n }\n }\n\n render() {\n const content = [\n [\n \"Prenom\",\n \"Nom\",\n \"Date de naissance\",\n \"Email\",\n \"Adresse\",\n \"Code postal\",\n \"Ville\",\n \"Telephone\",\n \"Role\",\n ],\n [\n \"John\",\n \"Doe\",\n \"25/04/1964\",\n \"john.doe@gmail.com\",\n \"18 rue des navets\",\n \"76600\",\n \"Le Havre\",\n \"0625334455\",\n \"administrateur\",\n ],\n [\n \"Jane\",\n \"Doe\",\n \"25/04/1969\",\n \"jane.doe@gmail.com\",\n \"18 rue des navets\",\n \"76600\",\n \"Le Havre\",\n \"0622334455\",\n \"professeur\",\n ],\n [\n \"Jack\",\n \"Doe\",\n \"25/04/1999\",\n \"jack.doe@gmail.com\",\n \"18 rue des navets\",\n \"76600\",\n \"Le Havre\",\n \"0626336455\",\n \"\",\n ],\n ];\n\n const import_report = this.state.import_report;\n\n const data =\n import_report && (import_report.errors != null) ? this.formatData(import_report.errors) : [];\n\n const { submitting } = this.state;\n\n return (\n\n \n Supprimer\n \n
\n \n
\n \n Pour réaliser votre import voici les étapes à suivre:\n
\n\n \n
\n
\n\n Télécharger le\n fichier CSV type\n \n
\n \n \n 1\n \n Téléchargez notre fichier CSV type\n
\n \n
\n Il vous suffira de remplir les différentes colonnes pour\n importer les données sur Elvis. Le fichier CSV est déjà\n complété avec des exemples pour comprendre comment bien\n le remplir. Vous pouvez les supprimer, ce ne sont que\n des exemples.\n
\n\n\n \n
\n
\n
\n \n \n 2\n \n Remplissez les cellules de votre fichier CSV\n
\n \n
\n {\" \"}\n Ajoutez les personnes que vous souhaitez importer. Avant\n de commencer, voici la règle d'or:{\" \"}\n 1 ligne = 1 personne\n
\n\n Les champs obligatoires sont:{\" \"}\n \n le nom, le prénom, le mail et la date de naissance\n \n
\n\n Les rôles correspondent au compte professeur ou\n administrateur. Si vous souhaitez ajouter des\n professeurs ou des administrateurs, indiquez-le dans la\n colonne \"Role\". Les interfaces seront différentes en\n fonction de ces rôles.\n
\n\n \n
\n
\n\n \n \n \n \n
\n \n \n Choisir Fichier\n \n \n Changer\n \n \n \n 3\n \n Importez votre fichier CSV\n
\n \n
Choisissez le fichier CSV préalablement rempli.
\n\n\n \n Importer\n \n\n {submitting && }\n \n
\n \n \n\n {import_report && import_report.lines_imported>0 && (\n \n
\n )}\n\n {import_report && import_report.errors && (\n \n
\n \n Le fichier a bien été importé ({import_report.lines_imported} {import_report.lines_imported===1 ? \"utilisateur\" : \"utilisateurs\"} )\n
\n\n
\n )}\n \n );\n }\n}\n\nexport default ImportCsv;\n","import React from \"react\";\nimport * as api from \"../tools/api\";\nimport swal from \"sweetalert2\";\nimport ProgressBar from \"@ramonak/react-progress-bar\";\n\nclass JobProgress extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n progressValue: 0,\n progressText: \"\"\n };\n this.trackProgress = this.trackProgress.bind(this);\n }\n\n componentDidMount() {\n this.trackProgress(this.props.jobId);\n }\n\n componentWillUnmount() {\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n }\n\n trackProgress(jobId) {\n api.set()\n .success(({ jobStatus }) => {\n this.setState({\n progressValue: Math.round(jobStatus.progress / jobStatus.total * 100),\n progressText: jobStatus.step,\n status: jobStatus.status,\n errors: jobStatus.errors || [],\n });\n if (jobStatus.status !== \"completed\" && jobStatus.status !== \"failed\") {\n this.timeout = setTimeout(() => this.trackProgress(jobId), 1000);\n }\n })\n .error(res => {\n swal({ title: \"Erreur\", text: res, type: \"error\" });\n if (this.props.onError) {\n this.props.onError(res);\n }\n })\n .get(`/jobs/${jobId}/status`, {});\n }\n\n render() {\n const { status, progressValue, progressText, errors } = this.state;\n const statusText = status===\"working\" ?\n \"En cours\" :\n status===\"completed\" ?\n \"Terminé\" :\n \"Echec\";\n\n return (\n \n {`${this.display_row_numbers(row.lines)}${row.message}`}.\n );\n })}\n
\n
\n Attention
\n {data.map(row => {\n return (\n\n
Veuillez modifier le fichier et réessayer.
\n\n
\n );\n }\n}\n\nexport default JobProgress;","import React from 'react';\nimport Bars from 'react-loader-spinner';\n\nexport default function LoadingComponent()\n{\n const [loading, setLoading] = React.useState(false);\n\n React.useEffect(() => {\n const loadingStartFunc = () => {\n setLoading(true);\n };\n\n const loadingEndFunc = () => {\n setLoading(false);\n };\n\n window.addEventListener(\"loadingStart\", loadingStartFunc);\n window.addEventListener(\"loadingEnd\", loadingEndFunc);\n\n return () => {\n window.removeEventListener(\"loadingStart\", loadingStartFunc);\n window.removeEventListener(\"loadingEnd\", loadingEndFunc);\n }\n }, []);\n\n return loading && {statusText} - {progressText}
\n {(errors || []).length > 0 && (\n\n
\n )}\n\n ▶ {errors.length===1 ? \"1 erreur...\" : `${errors.length} erreurs...`}
\n- \n {errors.map((error, index) => (\n
- Ligne: {error.line}, Message: {error.message} \n ))}\n
\n this.openSearch()}>\n \n
\n\n \n \n\n {this.state.inputSearch ? (\n
\n \n \n \n \n );\n }\n}\n\nconst UserResult = ({ infos }) => {\n return (\n {`${this.state.total ||\n 0} Trouvé.e.s au total`}
\n ) : null}\n\n- \n {_.map(this.state.results, (o, i) => {\n switch (o.attributes.kind) {\n case \"user\":\n return (\n
{infos.attributes.application_status}
\n \n\n
\n\n { secondTabActive &&\n \n
\n\n \n
\n RÉSERVER DES SÉANCES DE COURS
\n\n
\n\n Sélectionner les créneaux de cours que vous souhaitez
\n\n \n
\n }\n \n
\n }\n\n return \n
\n \n
\n Vous n'avez pas encore réservé de séances
\nLes séances réservées s'afficheront ici.
\n \nMes séances
\n\n {Object.keys(myActivities).map((month, index) => (\n
\n \n {myActivities[month].map((item, itemIndex) => (\n
\n ))}\n \n
\n ))}\n \n
\n }\n\n return \n
\n \n
\n Aucune activité disponible pour le moment
\nLe professeur n'a pas encore publié ses créneaux de cours pour cette activité
\n \n\n {props.pack.lessons_remaining > 0 ?\n
\n \n
\n :\n Pour rappel, il vous reste {props.pack.lessons_remaining} séances à réserver pour le cours de {props.activity_ref.label}
\n\n
\n }\n\n {Object.keys(activities).map((month, index) => (\n activities[month].length > 0 && (\n Toutes les séances pour le cours de {props.activity_ref.label} ont été réservées.
\n\n
\n )\n ))}\n {month}
\n {activities[month].map((item, itemIndex) => (\n\n
\n ))}\n {moment(dateStr).format('DD')}
\n{moment(dateStr).format('MMMM')}
\n\n
\n )\n}","import React, {Fragment, useState} from \"react\";\nimport moment from \"moment\";\nimport 'moment/locale/fr';\n\nmoment.locale('fr');\n\nexport default function bookingCards(props) {\n\n const {activity, activity_ref, addToWishList, removeFromWishList} = props;\n const teacher = activity.teacher;\n const room = activity.room;\n const date = activity.time_interval;\n\n const [isClicked, setIsClicked] = useState(false);\n\n function getHours(start, end) {\n return moment(start).format('HH:mm') + \" - \" + moment(end).format('HH:mm');\n }\n\n function getDate(dateStr) {\n return setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n
\n \n
\n \n
\n \n
\n \n {date !== undefined ? getDate(date.start) : \"\" }\n
\n \n
\n \n { date !== undefined ?
\n {getHours(date.start, date.end)}
:Heures non définies
}\n\n {activity_ref.label}\n
\n\n
\n {dateIsPassed(date.start) ? (\n \n
\n {room.label}
\n{teacher.first_name} {teacher.last_name}
\n\n
\n ) : (\n checkAuthorizedHoursBeforeCancelling() &&\n isHovered &&\n \n
\n PASSÉ
\n\n
\n )}\n \n removeAttendance(activity)}>\n
\n {moment(dateStr).format('DD')}
\n{moment(dateStr).format('MMMM')}
\n\n
\n \n )\n}","import React, {useState} from \"react\";\nimport teacherImgDefault from \"../../../images/default_teacher.png\";\nimport packImgDefault from \"../../../images/default_activity.png\";\n\nexport default function activityCards(props) {\n const {pack} = props;\n const activity_ref = pack.activity_ref;\n // const [isHovered, setIsHovered] = useState(false);\n\n function getRemainingLessons() {\n if (pack.lessons_remaining === 1)\n return \"1 séance restante\";\n else\n return pack.lessons_remaining + \" séances restantes\";\n }\n\n function checkIfActivities() {\n return pack.activity_ref.activities.length > 1;\n }\n\n function checkForMultipleTeachers() {\n let teachers = [];\n pack.activity_ref.activities.forEach(activity => {\n if (!teachers.includes(activity.teacher.first_name + \" \" + activity.teacher.last_name))\n teachers.push(activity.teacher.first_name + \" \" + activity.teacher.last_name);\n });\n return teachers.length > 1;\n }\n\n function checkForMultipleRooms() {\n let rooms = [];\n pack.activity_ref.activities.forEach(activity => {\n if (!rooms.includes(activity.room.label))\n rooms.push(activity.room.label);\n });\n return rooms.length > 1;\n }\n\n return (\n \n handleClick(activity)}\n style={activity.student_attendances.length >= activity_ref.occupation_limit ? {\n pointerEvents: \"none\",\n cursor: \"not-allowed\",\n } : {\n cursor: \"pointer\"\n }}\n >\n
\n = activity_ref.occupation_limit ? {\n backgroundColor: \"rgb(221, 223, 225)\"\n } : {\n }}\n >\n
\n \n
\n \n {date !== undefined ? getDate(date.start) : \"\"}\n
\n \n
\n \n {date !== undefined ?
\n {getHours(date.start, date.end)}
:\nHeures non définies
}\n\n {activity_ref.label}\n
\n\n
\n {activity.student_attendances.length >= activity_ref.occupation_limit ?\n (\n \n
\n {room.label}
\n{teacher.first_name} {teacher.last_name}
\n\n
\n ) : null\n }\n \n
\n COMPLET
\n\n
\n );\n}","import React, { Fragment, useEffect, useState } from \"react\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport ActivityCard from \"./activityCards\";\nimport RegularActivityCard from \"./regularActivityCards\";\nimport UpcomingActivityInstancesList from \"../UpcomingActivityInstances/upcomingActivityInstancesList\";\nimport PlaceholderCard from \"./placeholderCard\";\n\nexport default function myActivities() {\n const [loading, setLoading] = useState(true);\n const [selectedSeason, setSelectedSeason] = useState(0);\n const [season_list, setSeasonList] = useState(null);\n const [user, setUser] = useState(null);\n const [userActivities, setUserActivities] = useState(null);\n const [regularActivities, setRegularActivities] = useState([]);\n const [showTeacherContacts, setShowTeacherContacts] = useState(false);\n\n const fetchSeason = async () => {\n return await api.set()\n .useLoading()\n .success(res =>\n {\n const currentSeason = res.seasons.find(season => season.is_current) || res.seasons[0];\n\n setSelectedSeason(currentSeason.id);\n setSeasonList(_.sortBy(res.seasons || [], 'start').reverse());\n return res.current_season;\n })\n .error(res => {\n swal(\"Une erreur est survenue lors de la récupération des données\", res.error, \"error\");\n })\n .get(``, {});\n }\n\n const fetchData = async (season_id) => {\n await api.set()\n .useLoading()\n .success(res => {\n setUser(res.user);\n setUserActivities(res.userActivities);\n setRegularActivities(res.regular_user_activities);\n setShowTeacherContacts(res.config.show_teacher_contacts || false);\n setLoading(false);\n })\n .error(res => {\n swal(\"Une erreur est survenue lors de la récupération des données\", res.error, \"error\");\n })\n .get(`/get_user_activities_data` + window.location.pathname, {season_id});\n }\n\n const handleSeasonChange = (event) => {\n setSelectedSeason(event.target.value);\n };\n\n function isDesiredActivitySet(da) {\n return !!da[0].activity;\n }\n\n function isRegistrationOpen() {\n const now = new Date();\n\n // Vérifier si les inscriptions sont ouvertes pour la saison en cours\n const ss = season_list.find(season => season.id == selectedSeason);\n if (!ss) return false;\n\n const opening_date_for_new_applications = new Date(ss.opening_date_for_new_applications);\n const closing_date_for_applications = new Date(ss.closing_date_for_applications);\n const isCurrentSeasonOpen = now >= opening_date_for_new_applications && now < closing_date_for_applications;\n if (isCurrentSeasonOpen) {\n return true;\n }\n\n // Vérifier si les inscriptions sont ouvertes pour la saison suivante\n const ns = season_list.find(season => season.id == ss.next_season_id);\n if (!ns) return false;\n\n const next_opening_date_for_new_applications = new Date(ns.opening_date_for_new_applications);\n const next_closing_date_for_new_applications = new Date(ns.closing_date_for_applications);\n const isNextSeasonOpen = now >= next_opening_date_for_new_applications && now < next_closing_date_for_new_applications;\n\n return isNextSeasonOpen;\n }\n\n\n // Appel API pour récupérer les saisons et les données de la saison en cours\n useEffect(() => {\n fetchSeason().then(r => {\n fetchData(r.id);\n });\n }, [])\n\n // Déclenché à chaque changement d'état du select pour changer la saison\n useEffect(() => {\n if (selectedSeason) {\n fetchData(selectedSeason);\n }\n }, [selectedSeason]);\n\n if (!loading) {\n return \n
\n \n
\n {getRemainingLessons()}
\n\n \n
\n \n {activity_ref.label}\n
\n\n {checkIfActivities() ? checkForMultipleRooms() ?\n 'Multiples salles' : activity_ref.activities[0].room.label\n : \"Aucune salle\"\n }\n
\n\n
\n {/*{isHovered && (*/}\n \n {checkIfActivities() ? checkForMultipleTeachers() ?\n 'Multiples professeurs' : activity_ref.activities[0].teacher.first_name + \" \" + activity_ref.activities[0].teacher.last_name\n : \"Aucun professeur\"\n }\n
\n\n RÉSERVER > \n
\n \n {/*)}*/}\n \n
\n \n
\n\n \n
\n Bonjour {user.first_name}
\n\n
\n \n
\n \n
\n \n
\n\n MES ACTIVITÉS
\n\n {season_list.length > 1 &&\n \n }\n
\n\n \n { isRegistrationOpen() &&
\n \n \n
\n }\n Vous n'avez pas de cours pour la saison selectionnée
\n\n
\n\n \n
\n MES PROCHAINS COURS
\n Voir mon\n planning >\n\n
\n}","import React, { Fragment, useState } from \"react\";\nimport moment from \"moment\";\nimport 'moment/locale/fr';\nimport packImgDefault from \"../../../images/default_activity.png\";\nimport _ from \"lodash\";\n\nmoment.locale('fr');\n\nexport default function regularActivityCard(props) {\n const { activityApplication, showTeacherContacts } = props;\n const desired_activities = activityApplication.desired_activities;\n\n return (\n \n
\n \n
\n \n Pas encore inscrit ?
\nRéalise une demande d'inscription et sélectionne une de nos\n activités
\n\n JE M'INSCRIS > \n
\n \n \n {desired_activities.map((desired_activity, index) => {\n const activity = desired_activity.activity;\n const activity_ref = desired_activity.activity_ref;\n const start = _.get(activity, 'closest_instance_from_now.start', null) || _.get(activity, 'time_interval.start', null);\n const end = _.get(activity, 'closest_instance_from_now.end', null) || _.get(activity, 'time_interval.end', null);\n\n const phoneNumber = (\n showTeacherContacts &&\n activity.teacher?.telephones?.length > 0\n ) ? activity.teacher.telephones[0].number : null;\n\n const hasEmail = showTeacherContacts && activity.teacher?.email;\n\n const contactInfoCount = (phoneNumber ? 1 : 0) + (hasEmail ? 1 : 0);\n\n return (\n
\n );\n })}\n \n );\n}","import React, { useState, useEffect, Fragment } from \"react\";\nimport ReactTable from \"react-table\";\nimport { csrfToken } from \"../utils\";\n\nconst PackUtilization = () => {\n const [data, setData] = useState([]);\n const [pages, setPages] = useState(null);\n const [loading, setLoading] = useState(true);\n const [loadingTable, setLoadingTable] = useState(true);\n const [filter, setFilter] = useState({});\n const [tableState, setTableState] = useState({});\n const [subComponent, setSubComponent] = useState(null);\n const [selectedTeacher, setSelectedTeacher] = useState(\"\");\n const [selectedActivityRef, setSelectedActivityRef] = useState(\"\");\n const [selectedSeason, setSelectedSeason] = useState(\"\");\n const [teachers, setTeachers] = useState([]);\n const [activityRefs, setActivityRefs] = useState([]);\n const [seasonsList, setSeasonsList] = useState([]);\n const [nbStudents, setNbStudents] = useState(0);\n\n const columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"lastname\",\n Header: \"Name\",\n accessor: (u) => u.user.last_name,\n },\n {\n id: \"firstname\",\n Header: \"Prénom\",\n accessor: (u) => u.user.first_name,\n },\n {\n id: \"nb_lessons\",\n Header: \"Nombre de cours restants\",\n accessor: (d) =>\n `${d.lessons_remaining} cours restants sur ${d.activity_ref_pricing.pricing_category.number_lessons}`,\n },\n {\n id: \"activity\",\n Header: \"Activité\",\n accessor: (d) => d.activity_ref.label,\n },\n ];\n\n useEffect(() => {\n fetchData();\n }, []);\n\n useEffect(() => {\n if (\n selectedSeason !== tableState.selectedSeason ||\n selectedTeacher !== tableState.selectedTeacher ||\n selectedActivityRef !== tableState.selectedActivityRef\n ) {\n fetchTableData(tableState, null);\n }\n }, [selectedSeason, selectedTeacher, selectedActivityRef]);\n\n const fetchData = () => {\n setLoading(true);\n\n fetch(`/get_student_packs_attendance`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n .then((response) => response.json())\n .then((result) => {\n setTeachers(result.teachers);\n setActivityRefs(result.activity_refs);\n setSeasonsList(result.seasons);\n setNbStudents(result.nb_students);\n setLoading(false);\n });\n };\n\n const fetchTableData = (state, instance) => {\n setLoadingTable(true);\n setFilter(state);\n setTableState(state);\n\n requestData(\n state.pageSize,\n state.page,\n state.sorted,\n state.filtered\n )\n .then((response) => response.json())\n .then((result) => {\n setData(result.packs);\n setLoadingTable(false);\n });\n };\n\n const requestData = (pageSize, page, sorted, filtered, format) => {\n return fetch(`/get_student_packs_attendance_by_filter${format ? \".\" + format : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted ? sorted[0] : { id: \"id\", desc: true },\n filtered,\n selectedSeason,\n selectedTeacher,\n selectedActivityRef,\n }),\n });\n };\n\n const handleSelectChange = (event, data) => {\n switch (data) {\n case \"selectedTeacher\":\n setSelectedTeacher(event.target.value);\n break;\n case \"selectedActivityRef\":\n setSelectedActivityRef(event.target.value);\n break;\n case \"selectedSeason\":\n setSelectedSeason(event.target.value);\n break;\n default:\n break;\n }\n };\n\n if (loading) {\n return \n \n
\n \n
\n \n
\n Annuel
\n\n
\n\n \n {activity_ref.label}\n
\n\n {activity.room.label}\n
\n\n {moment(start).format('dddd') + \" | \" + moment(start).format('HH:mm') + \" - \" + moment(end).format('HH:mm')}\n
\n\n
\n \n
\n\n \n {activity.teacher.first_name + \" \" + activity.teacher.last_name}\n
\n\n {phoneNumber && (\n
\n \n {phoneNumber}\n
\n )}\n {hasEmail && (\n\n {activity.teacher.email}\n
\n )}\nChargement des données en cours...
;\n }\n\n return (\n\n
\n\n Suivi des élèves
\n\n
\n \n \n handleSelectChange(event, \"selectedTeacher\")\n }\n >\n \n {teachers.map((teacher) => (\n \n ))}\n \n\n \n handleSelectChange(event, \"selectedActivityRef\")\n }\n >\n \n {activityRefs.map((activity) => (\n \n ))}\n \n\n handleSelectChange(event, \"selectedSeason\")}\n >\n \n {seasonsList.map((season) => (\n \n ))}\n \n
\n\n \n \n fetchTableData(state, instance)\n }\n columns={columns}\n defaultSorted={[{ id: \"id\", desc: true }]}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n SubComponent={subComponent}\n />\n
\n\n \n
\n {nbStudents} élèves au total
\n\n
\n );\n}","import React, {Fragment, useState} from \"react\";\nimport moment from \"moment\";\nimport 'moment/locale/fr';\n\nmoment.locale('fr');\n\nexport default function upcomingActivityInstancesCards(props) {\n\n const {activity} = props;\n const teacher = activity.teacher;\n const room = activity.room;\n const date = activity.time_interval;\n const activity_ref = activity.activity_ref;\n const minimalDisplay = props.minimalDisplay;\n const currentDate = moment();\n\n function getHours(start, end) {\n return moment(start).format('HH:mm') + \" - \" + moment(end).format('HH:mm');\n }\n\n function getDate(dateStr) {\n return \n
\n MON PLANNING
\n\n \n
\n {moment(dateStr).format('DD')}
\n{moment(dateStr).format('MMMM')}
\n\n
\n )\n}","import React, {Fragment, useEffect, useState} from \"react\";\nimport UpcomingActivityInstancesCards from \"./upcomingActivityInstancesCards\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport moment from \"moment\";\n\nexport default function upcomingActivityInstancesList(props) {\n const [loading, setLoading] = useState(true);\n const [activities, setActivities] = useState(null);\n let minimalDisplay = false;\n let url = `/get_upcoming_activities` + window.location.pathname;\n\n if (!url.includes(\"/upcoming\")) {\n url += \"/upcoming\";\n minimalDisplay = true;\n }\n\n const fetchData = () => {\n api.set()\n .useLoading()\n .success(res => {\n let futureActivity = res.filter(activity => moment(activity.time_interval.start).isAfter(moment(), 'minute'));\n setActivities(sortActivitiesByMonth(minimalDisplay ? futureActivity.slice(0, 4) : res));\n\n setLoading(false);\n })\n .error(res => {\n swal(\"Une erreur est survenue lors de la récupération des données\", res.error, \"error\");\n })\n .get(url, {});\n }\n\n useEffect(() => {\n fetchData()\n\n }, [])\n\n /**\n * trier les activités par mois\n * @param activities\n */\n\n function sortActivitiesByDate(activities) {\n return activities.sort((a, b) => moment(a.time_interval.start) - moment(b.time_interval.start));\n }\n\n function sortActivitiesByMonth(data) {\n const currentDate = moment();\n let sortedActivities = {};\n\n data.forEach(activity => {\n const startMoment = moment(activity.time_interval.start);\n const currentMonth = startMoment.format('MMMM');\n\n if (startMoment.isSameOrAfter(moment(), 'month')) {\n if (sortedActivities[currentMonth] === undefined) {\n sortedActivities[currentMonth] = [];\n }\n sortedActivities[currentMonth].push(activity);\n }\n });\n\n Object.keys(sortedActivities).forEach(month => {\n sortedActivities[month] = sortActivitiesByDate(sortedActivities[month]);\n });\n\n Object.keys(sortedActivities).forEach(month => {\n sortedActivities[month] = sortedActivities[month].filter((thing, index, self) =>\n index === self.findIndex((t) => (\n t.time_interval.start === thing.time_interval.start\n ))\n );\n });\n\n return sortedActivities;\n }\n\n if (loading) return (\n \n
\n \n
\n \n
\n \n
\n \n {date !== undefined ? getDate(date.start) : \"\"}\n
\n \n
\n \n {date !== undefined ?
\n {getHours(date.start, date.end)}
:\nHeures non définies
}\n\n {activity_ref !== undefined ? activity_ref.label : \"\"}\n
\n\n
\n {dateIsPassed(date.start) ? (\n \n
\n {room.label}
\n{teacher.first_name} {teacher.last_name}
\n\n
\n ) : null}\n \n
\n PASSÉ
\n\n
\n )\n } else {\n return \n
\n \n
\n Vous n'avez pas de cours prévus
\nPas encore inscrit ? Réaliser un demande d'inscription pour une ou plusieurs activités
\n S'inscrire\n {Object.keys(activities).map((month, index) => (\n activities[month].length > 0 && (\n
\n \n {minimalDisplay ? \"\" :
\n )\n ))}\n {month}
}\n {activities[month].map((item, itemIndex) => (\n\n\n
\n
\n );\n};\n\n","import React, {Fragment, useEffect, useState} from \"react\";\nimport PropTypes from \"prop-types\";\nimport ToggleButtonGroup from \"./ToggleButtonGroup\";\nimport Checkbox from \"./common/Checkbox\";\nimport {composeValidators, isEmpty, isValidNN, required} from \"../tools/validators\";\nimport Input from \"./common/Input\";\nimport {Field} from \"react-final-form\";\n\nfunction PayersListEditor({\n user,\n selectedPayers,\n family,\n onAddPayer,\n onRemovePayer,\n displayIdentificationNumber,\n onChangeIdentificationNumber,\n isMinor\n }) {\n\n const family_with_user = [...family, user];\n return \n
\n \n \n \n
\n {additional_attr.minLength && ({additional_attr.minLength} caractères minimum)
}\n {error &&{error}
}\n \n
\n },\n )}\n \n {\n if (isSelected) {\n onRemovePayer(user);\n } else {\n onAddPayer(user);\n }\n },\n }}\n />\n
\n\n {displayIdentificationNumber && isSelected && isMinor && (\n \n \n onChangeIdentificationNumber(user, e.target.value)\n }}\n meta={{\n error: isMinor && isSelected && isEmpty((user.identification_number || \"\").replaceAll(/[_ ]/g, \"\")) ? \"err_required\" : null,\n touched: true\n }}\n />\n
\n )}\n\n \n {//////////////////////////////////////////////////////////////////////////////////\n // Modalités de paiement & date de paiement\n }\n {\n availPaymentMethods.length > 0 && availPaymentScheduleOptions.length > 0 ?\n \n : \"\"\n }\n\n {//////////////////////////////////////////////////////////////////////////////////\n // payeurs\n }\n
\n );\n}\n\n\nPayerPaymentTerms.propTypes = {\n user: PropTypes.shape({\n id: PropTypes.number.isRequired,\n first_name: PropTypes.string.isRequired,\n last_name: PropTypes.string.isRequired,\n }),\n family: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n first_name: PropTypes.string.isRequired,\n last_name: PropTypes.string.isRequired,\n is_paying_for: PropTypes.bool.isRequired,\n }),\n ),\n paymentTerms: PropTypes.shape({\n payment_schedule_options_id: PropTypes.number,\n day_for_collection: PropTypes.number,\n payment_method_id: PropTypes.number,\n }),\n availPaymentScheduleOptions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n payments_number: PropTypes.number.isRequired,\n payments_months: PropTypes.arrayOf(PropTypes.number).isRequired,\n available_payments_days: PropTypes.arrayOf(PropTypes.number).isRequired,\n }),\n ),\n onChangePaymentTerms: PropTypes.func,\n onChangeDayForCollection: PropTypes.func,\n};","import React, {Fragment} from \"react\";\nimport ToggleButtonGroup from \"./ToggleButtonGroup\";\n\nexport default function PayerPaymentTermsInfo({availPaymentScheduleOptions}) {\n availPaymentScheduleOptions.sort((a, b) => a.index - b.index);\n\n return \n
\n\n {//////////////////////////////////////////////////////////////////////////////////\n // moyen de paiement\n }\n \n
\n {selectedPaymentTerms &&\n \n \n \n {availPaymentScheduleOptions.map(apt =>\n ,\n )}\n \n
\n Modalités de\n paiement
\n\n
\n }\n \n {\n return {day} ;\n })\n }\n onChange={handleDayChange}\n buttonClasses=\"p-0\"\n buttonStyles={{height: \"35px\", width: \"35px\", borderRadius: \"8px\"}}\n />\n
\n Date de\n règlement
\n\n
\n \n \n \n {availPaymentMethods.map(apm =>\n ,\n )}\n \n
\n Moyens de paiement
\n\n
\n \n
\n\n Payeur(s)
\n\n
\n}","import React from \"react\";\nimport PropTypes from \"prop-types\";\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport ReactTable from \"react-table\";\n\nclass PlanningListRooms extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 50,\n },\n {\n Header: \"Salle\",\n id: \"room\",\n accessor: r => r.label,\n sortMethod: (a, b) => {\n if (a === b) return 0;\n return a.toLowerCase() > b.toLowerCase() ? 1 : -1;\n },\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n \n );\n },\n sortable: false,\n },\n ];\n\n return (\n Type de paiement
\n\n
\n \n Nous\n proposons {availPaymentScheduleOptions.length} {availPaymentScheduleOptions.length > 1 ? \"options\" : \"option\"} d'échéancier\n de paiement :\n
\n\n\n {availPaymentScheduleOptions.map((paymentScheduleOption, index) =>\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n {paymentScheduleOption.label}
\n...
\n\n \n \n \n \n \n \n
\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n return (\n \n
\n \n
\n\n \n
\n Mes demandes d'inscription
\n\n {hasChildhoodLesson ? null : (\n \n Nouvelle Demande\n \n )}\n\n
\n \n Inscription aux activités de la {` ${this.props.season.label}`}\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n Période de\n ré-inscription
\nFerme le {closingApplication.format(\"DD MMMM YYYY\")}
\n{isPreApplicationOpened ?\n ouverte :\n fermée}\n
\n\n \n
\n \n
\n \n
\n \n
\n Période\n d'inscription
\nOuvre le {openingApplication.format(\"DD MMMM YYYY\")}
\n{isNewApplicationOpened ?\n ouverte :\n fermée}\n
\n \n
\n\n \n Activités actuelles\n (saison {`${moment(this.props.previous_season.start).format(\"YYYY\")}/${moment(this.props.previous_season.end).format(\"YYYY\")}`})\n
\n\n \n \n
\n
\n | Activité | \nMembre | \n\n |
|---|---|---|
| \n {this.props.user.first_name} {this.props.user.last_name} ne poursuit\n actuellement aucune activité\n | \n
\n
\n\n Mes demandes pour {this.props.user.first_name} {this.props.user.last_name}
\n\n {displayActivityList(renewActivityList, newActivityList, `${this.props.user.first_name} ${this.props.user.last_name} n'a aucune demande d'inscription en cours`)}\n\n {this.props.family_users.length > 0 ?\n \n : null}\n
\n\n \n Autres inscriptions dans la famille
\n {othersActivities}\n\n \n
\n\n}\n\nexport default PreApplication;\n","import React from \"react\";\nimport moment from \"moment\";\nimport _ from \"lodash\";\nimport { toast } from \"react-toastify\";\nimport { csrfToken } from \"./utils\";\nimport 'bootstrap'\n\nfunction globalAttendanceValue(attendances)\n{\n if(attendances.length > 0)\n {\n if(attendances.reduce((acc, a) => acc && a.attended === 1, true))\n return 1;\n else if(attendances.reduce((acc, a) => acc && a.attended === 0, true))\n return 0;\n else if(attendances.reduce((acc, a) => acc && a.attended === 2, true))\n return 2;\n else if(attendances.reduce((acc, a) => acc && a.attended === 3, true))\n return 3\n }\n\n return null;\n}\n\nexport default class PresenceSheet extends React.Component {\n constructor(props) {\n super(props);\n\n const hydratedInstances = [...props.instances];\n\n hydratedInstances.forEach(i => {\n i.student_attendances.forEach(\n sa => sa.user = (sa.is_option ?\n _.get(\n _.find(\n _.get(i, \"activity.options\"),\n o => _.get(o, \"user.id\") === sa.user_id\n ),\n \"user\"\n ) :\n i.activity &&\n i.activity.users &&\n i.activity.users.find(u => u.id === sa.user_id)\n ),\n );\n });\n\n const indexedInstances = hydratedInstances.reduce((i, e) => {\n return { ...i, [e.id]: e };\n }, {});\n\n this.state = {\n instances: indexedInstances,\n };\n }\n\n handleUpdateAttendance(instanceId, attendanceId, attended) {\n console.log(\"send:\" + attended )\n fetch(`/student_attendances/${attendanceId}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n student_attendance: {\n attended,\n },\n }),\n })\n .then(res => {\n if (res.ok) {\n const instance = {\n ...this.state.instances[instanceId],\n };\n\n if (instance && instance.student_attendances) {\n const attendance = instance.student_attendances.find(\n a => a.id === attendanceId,\n );\n\n if (attendance) attendance.attended = attended;\n\n this.setState({\n instances: {\n ...this.state.instances,\n [instanceId]: instance,\n },\n });\n }\n }\n })\n .catch(e =>\n toast.error(\"Erreur lors de la mise à jour de cette présence\"),\n );\n }\n\n bulkUpdatePromise(targets, attended) {\n const student_attendances = targets.reduce((acc, id) => ({\n ...acc,\n [id]: attended,\n }), {});\n\n return fetch(`/student_attendances/bulk`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n student_attendances,\n }),\n });\n }\n\n handleBulkUpdateAttendances(instanceId, targets, attended) {\n this.bulkUpdatePromise(targets, attended)\n .then(res => res.json())\n .then(res => {\n const instance = {\n ...this.state.instances[instanceId],\n };\n\n instance.student_attendances.forEach(sa => {\n const newAttended = res.attendances.find(\n a => a.id === sa.id,\n );\n\n if (newAttended) sa.attended = newAttended.attended;\n });\n\n this.setState({\n instances: {\n ...this.state.instances,\n [instanceId]: instance,\n },\n });\n })\n .catch(e => toast.error(\"Erreur lors de la mise à jour en masse\"));\n }\n\n handleUpdateAllAttendances(targets, attended) {\n this\n .bulkUpdatePromise(targets, attended)\n .then(res => {\n if(res.ok)\n this.setState({\n instances: Object.values(this.state.instances)\n .map(\n i => ({\n ...i,\n student_attendances: i\n .student_attendances\n .map(sa => ({\n ...sa,\n attended,\n })),\n }))\n .reduce((acc, i) => ({...acc, [i.id]: i,}), {}),\n })\n })\n .catch(e => toast.error(\"Erreur lors de la mise à jour en masse\"));\n }\n\n render() {\n const { instances } = this.state;\n const instanceKeys = Object.keys(instances);\n\n if (instanceKeys.length === 0) {\n return (\n \n
\n )\n }\n\n const showAllCoursesBanner = instanceKeys.length > 1;\n\n const orderedInstances = _.orderBy(this.state.instances, i => {\n const start = moment(i.time_interval.start);\n return start.hour() * 100 + start.minute();\n });\n\n const allAttendances = Object\n .values(this.state.instances)\n .reduce(\n (acc, i) => [...acc, ...i.student_attendances],\n [],\n );\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n Aucun cours\n \n
\n\n
\n );\n }\n}\n\nconst AttendanceState = ({attendance, handleUpdate}) => \n
\n \n \n \n ))}\n
\n \n\n {showAllCoursesBanner && (\n
\n {orderedInstances.map(i => (\n \n
\n )}\n\n \n
\n \n Tous les cours\n
\n \n this.handleUpdateAllAttendances(allAttendances.map(sa => sa.id), val)} />\n
\n \n
\n \n \n \n {durationString(\n i.time_interval,\n )}\n {\" \"}\n | {i.activity.activity_ref.label}\n
\n
\n \n \n {durationString(\n i.time_interval,\n )}\n {\" \"}\n | {i.activity.activity_ref.label}\n
\n \n Salle {i.room && i.room.label}\n \n
\n \n
\n \n this.handleUpdateAttendance(i.id, sa.id, val)} />\n )\n }\n
\n \n
\n
\n\n {\n i\n .student_attendances\n .map(sa => \n Tous les élèves\n
\n \n this.handleBulkUpdateAttendances(i.id, i.student_attendances.map(sa => sa.id), val)} />\n
\n\n \n
\n {\n
;\n\nexport const AttendanceControl = ({value, handleUpdate, sex}) => \n \n {attendance.user\n ? `${\n attendance\n .user\n .first_name\n } ${\n attendance\n .user\n .last_name\n }`\n : \"?\"}\n \n
\n }\n \n
\n\n handleUpdate(0)}\n title={`Absent${sex === 'F' ? \"e\" : \"\"}`}>A\n\n \n\n \n
;\n\n//turns a time interval into a string representing it's hours extremities.\nfunction durationString(interval) {\n const start = new Date(interval.start),\n end = new Date(interval.end);\n return `${moment(start).format(\"HH:mm\")} ➝ ${moment(end).format(\"HH:mm\")}`;\n}\n","import React, { Component, Fragment } from \"react\";\nimport Modal from \"react-modal\";\nimport moment from \"moment\";\nimport { toast } from \"react-toastify\";\nimport { toAge, fullname, displayLevel, formatIntervalHours, fullnameWithAge, toDate } from \"../tools/format\";\nimport { set as RequestBuilder } from \"../tools/api\";\nimport { getAnswersObject } from \"./evaluation/Evaluation\";\nimport QuestionnaireModal from \"./common/FormDisplayModal\";\nimport { findAndGet, optionMapper } from \"./utils\";\n\nconst weekdayLocalizer = new Intl.DateTimeFormat(\"fr-FR\", {\n weekday: \"long\",\n});\n\nconst compareTimeIntervals = (a, b) => { \n const startA = toDate(a.activity.time_interval.start);\n const startB = toDate(b.activity.time_interval.start);\n\n if (startA < startB) {\n return -1;\n }\n\n if (startA > startB) {\n return 1;\n }\n\n return 0;\n};\n\nconst SelectLevel = ({ activity, evaluationLevelRefs, handleUpdateActivity }) => {\n return (\n \n
;\n })\n .value();\n\n return \n {weekdayLocalizer.format(moment().isoWeekday(parseInt(wday)).toDate())}\n
\n {activityList}\n\n this.handleUpdateActivity(activity)}\n />}\n this.setState({isModalOpen: false})}\n header={
\n }\n}\n\nconst DisparitiesModal = ({\n activities,\n season,\n handleUpdateActivity,\n evaluationLevelRefs\n}) => {\n const previsionalActivities = activities.map((a, i) => (\n \n {groupedPrevisionalActivities}\n
\n {!this.props.current_user.is_admin && Fiche d'évaluation
}\n // Form pass through props\n readOnly\n questions={questions}\n referenceData={referenceData}\n answers={studentEvaluation && getAnswersObject(studentEvaluation.answers)}\n />\n\n {a.group_name}\n {formatIntervalHours(a.time_interval)}\n {a.activity_ref.label}\n
\n\n \n {a.students.map(student => (\n
\n\n {fullnameWithAge(student)}{\", \"}{displayLevel(student, a.activity_ref_id, season.id)}
\n ))}\n \n
\n Une action est requise de votre part
\nVeuillez attribuer un niveau pour les cours suivants
\n- \n {previsionalActivities}\n
\n
;\n}","import React, {Fragment} from \"react\";\nimport ReactTable from \"react-table\";\nimport fscreen from \"fscreen\";\nimport PropTypes from \"prop-types\";\n\nexport function goFullScreen(tableName) {\n window.dispatchEvent(\n new Event(`reactTableFullscreen${tableName}Change`));\n}\n\nclass FullScreen extends React.Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n classNames: [(props.className || \"\"), \"fullscreen\"]\n }\n\n if (props.handle.active) {\n this.state.classNames.push('fullscreen-enabled');\n }\n }\n\n componentDidUpdate(prevProps, prevState, snapshot)\n {\n if(prevProps.handle.active !== this.props.handle.active)\n {\n if(this.props.onChange)\n this.props.onChange(this.props.handle.active, this.props.handle);\n\n if (this.props.handle.active)\n {\n this.setState({classNames: [...this.state.classNames, 'fullscreen-enabled']})\n }\n else\n {\n const index = this.state.classNames.indexOf('fullscreen-enabled');\n\n if(index !== -1)\n {\n this.state.classNames.splice(index, 1);\n }\n }\n }\n }\n\n render()\n {\n return \n \n {formatIntervalHours(activity.time_interval)}\n {activityLevel ? (\n \n {activityLevel}\n \n ) : null}\n {activity.group_name ? (\n
\n
\n \n {formatIntervalHours(activity.time_interval)}\n {activityLevel ? (\n \n {activityLevel}\n \n ) : null}\n {activity.group_name ? (\n \n {activity.group_name}\n \n ) : null}\n
\n \n \n
\n\n \n ) : null}\n
\n \n {activity.activity_ref.label}\n
\n\n- \n {studentsList}\n
\n\n
\n
\n \n \n \n \n \n
\n\n \n \n handleSelectStopApplicationToEdit(\n props.original\n )\n }\n >\n \n \n
\n );\n },\n },\n];\n\nconst handleSelectStopApplicationToEdit = (action) => {\n let actions = [\n fetch(\n `/pre_application/${\n action.id\n }/process?auth_token=${csrfToken}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n pre_app_action: null, // set preapplication at \"to renew\" state\n comment:\"\",\n status: false,\n }),\n }\n ).then(() => document.location.reload()),\n ];\n}\n\nexport default function StopList({ seasons }) {\n const [isOpen, setIsOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState([]);\n const [season, setSeason] = useState(undefined);\n\n const fetchData = () => {\n setLoading(true);\n\n api\n .set()\n .success(data => {\n setLoading(false);\n setData(data)\n })\n .get(\"/pre_application_activities/stop\");\n };\n\n const handleOpen = () => {\n setIsOpen(true);\n fetchData();\n }\n\n return \n
\n Liste des arrêts ({data.filter(d => !season || d.pre_application.season_id === season.id).length} trouvés)
\n\n \n setSeason(seasons.find(s => s.id === parseInt(e.target.value)))}>\n \n {_.orderBy(seasons, \"start\", \"desc\").map(optionMapper())}\n \n
\n \n
{s.name}
;\n\nclass Suggester extends React.Component {\n constructor(props) {\n super(props);\n\n this.onChange = this.onChange.bind(this);\n\n this.state = {\n value: this.props.value || \"\",\n suggestions: [],\n };\n }\n\n getSuggestions(value) {\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n\n return inputLength === 0\n ? []\n : this.props.values.filter(\n lang =>\n lang.name.toLowerCase().slice(0, inputLength) ===\n inputValue,\n );\n }\n\n getSuggestionValue(s) {\n return s.name;\n }\n\n onChange(event, { newValue }) {\n this.setState({\n value: newValue,\n });\n this.props.onValueChange(newValue);\n }\n\n onSuggestionsFetchRequested({ value }) {\n this.setState({\n suggestions: this.getSuggestions(value),\n });\n }\n\n onSuggestionsClearRequested() {\n this.setState({\n suggestions: [],\n });\n }\n\n render() {\n const { value, suggestions } = this.state;\n\n const inputProps = {\n placeholder: this.props.placeholder,\n value,\n onChange: this.onChange,\n };\n\n return (\n \n {userInitials}\n
\n );\n};","import React from \"react\";\nimport _ from \"lodash\";\n\nimport LevelInfos from \"./personalInfos/LevelInfos\";\nimport UserForm from \"./userForm/UserForm\";\nimport TabbedComponent from \"./utils/ui/tabs\";\nimport * as api from \"../tools/api.js\";\nimport {redirectTo} from \"../tools/url\";\nimport {infosFromUser} from \"../tools/obj\";\nimport {fullname} from \"../tools/format\";\nimport swal from \"sweetalert2\";\nimport Roles from \"./personalInfos/Roles\";\n\nclass UserEdit extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n isFetching: false,\n infos: infosFromUser(this.props.user),\n };\n }\n\n handleChangeEvaluationLevel(evt) {\n let infos = this.state.infos;\n infos[\"evaluation_level_ref_id\"] = evt.target.value;\n this.setState({infos});\n }\n\n handleSubmit(values) {\n this.setState({\n infos: {\n ...this.state.infos,\n ...values,\n },\n });\n\n api.set()\n .before(() => this.setState({isFetching: true}))\n .success(() => {\n redirectTo(`/users/${this.props.user.id}`);\n })\n .error((res) => {\n swal({\n title: \"Erreur !\",\n type: \"error\",\n text: res\n });\n this.setState({isFetching: false});\n })\n .patch(\n `/users/${this.props.user.id}${\n this.props.currentUserIsAdmin\n ? \"\"\n : `?auth_token=${this.props.user.authentication_token}`\n }`,\n {user: {...this.state.infos, ...values}}\n );\n }\n\n handleUpdateLevel(id, field, value) {\n const updatedLevels = this.state.infos.levels.map(l => ({\n ...l,\n [field]: l.id == id ? value : l[field],\n isUpdated: true,\n }));\n\n this.setState({\n infos: {\n ...this.state.infos,\n levels: updatedLevels,\n },\n });\n }\n\n handleNewLevel(l) {\n const maxId = _.maxBy(this.state.infos.levels, \"id\") || 0;\n const newId = (maxId && maxId.id) + 1;\n\n const level = {\n ...l,\n id: newId,\n isNew: true,\n };\n\n this.setState({\n infos: {\n ...this.state.infos,\n levels: [...this.state.infos.levels, level],\n },\n });\n }\n\n render() {\n return (\n \n
\n\n \n Édition du profil : {fullname(this.props.user)}\n
\n- \" + datas.map(d => `
- ${d} `).join(\"\") + \"
Cela supprimera ${isSingleUser ? \"l'utilisateur, ses liens familiaux ainsi que son adhésion\" : \"les utilisateurs, leurs liens familiaux ainsi que leurs adhésions\"}. Êtes-vous sûr ?
\nLes utilisateurs associés seront détachés, et un email leur sera envoyé pour créer un mot de passe (si leur email est différent de celui de ce compte).
`,\n type: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Oui, supprimer\",\n cancelButtonText: \"Annuler\"\n }).then((result) => {\n if (result.value) {\n Promise.all(\n selectedUserIds.map((id) =>\n api.set()\n .success(() => { successCount += 1; })\n .error(() => { errorCount += 1; })\n .del(`/destroy/User/${id}`)\n )\n ).then(() => {\n const successMessage = successCount === 1 ?\n \"1 utilisateur supprimé avec succès.\" :\n `${successCount} utilisateurs supprimés avec succès.`;\n const errorMessage = errorCount > 0 ?\n `${errorCount} erreur(s) rencontrée(s).
` :\n \"\";\n\n swal({\n title: \"Suppression terminée\",\n html: `${successMessage}
${errorMessage}`,\n type: successCount > 0 ? \"success\" : \"error\",\n confirmButtonText: \"Ok\"\n });\n this.fetchData(this.state.filter);\n this.setState({ selected: [] });\n }).catch(() => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la suppression de masse.\",\n type: \"error\",\n confirmButtonText: \"Ok\"\n });\n });\n }\n });\n};\n\n\n render() {\n const {data, pages, loading} = this.state;\n\n const columns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n sortable: false,\n accessor: d => this.state.selected.includes(d.id),\n Filter: () =>\n \n {props.original.planning ? (\n \n \n Planning\n \n ) : null}\n
\n\n \n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n\n this.setState({showAttachAccountModal: false})}\n className=\"modal-lg\">\n {\n this.setState({showAttachAccountModal: false});\n this.fetchData(this.state.filter)\n }}/>\n \n
\n );\n }\n}\n\nexport default UserList;\n","import React from \"react\";\nimport _ from \"lodash\";\nimport * as api from \"../tools/api\";\n\nexport default class WorkGroupEditor extends React.Component {\n constructor(props) {\n super(props);\n\n // Values FORMAT : { [instrumentId (int)] : count (int) }\n const values = _(props.activityInstruments)\n .groupBy(\"id\")\n .mapValues(_.size)\n .value();\n\n this.state = {\n values,\n };\n }\n\n handleUpdateInstrumentCount(instrumentId, diff) {\n let newValues = { ...this.state.values };\n let newVal = (newValues[instrumentId] || 0) + diff;\n\n newValues[instrumentId] = newVal;\n\n // Remove instrument from values if count is null\n if (newVal <= 0) newValues = _.omit(newValues, instrumentId);\n\n this.setState({ values: newValues });\n }\n\n handleSave() {\n const { activityRefId } = this.props;\n const { values } = this.state;\n\n this.setState({ loading: true });\n\n api.set()\n .success(() => this.setState({ loading: false }))\n .patch(`/activity_refs/${activityRefId}/instruments`, {\n instruments: values,\n });\n }\n\n renderInstruments() {\n const { values} = this.state;\n const { instruments } = this.props;\n\n if (instruments.length == 0) {\n return \n this.onCsvExport()}\n >\n \n Exporter en CSV\n \n\n \n Fusionner des doublons\n \n\n \n\n\n \n \n \n\n {this.state.selected.length > 0 ? (\n \n \n \n ) : null}\n\n
\n\n \n
\n\n {`${this.state.total} utilisateurs au total`}
\nAucun instrument sauvegardé Vous pouvez en suivant ce lien
;\n } \n else {\n return (\n\n \n \n \n this.handleUpdateInstrumentCount(\n i.id,\n +1\n )\n }\n className=\"btn btn-sm btn-outline btn-primary\"\n >\n \n \n
\n ))}\n \n Instruments
\n {instruments.map(i => (\n{i.label}
\n\n \n \n this.handleUpdateInstrumentCount(\n instrumentId,\n -1\n )\n }\n className=\"btn btn-sm btn-outline btn-primary\"\n >\n \n \n
\n );\n })}\n \n \n );\n }\n }\n\n render() {\n \n const { loading } = this.state;\n return (\n Rôles
\n {Object.entries(values).map(([instrumentId, count]) => {\n const instrument = instruments.find(\n i => i.id === parseInt(instrumentId)\n );\n\n return (\n\n {instrument.label}{\" \"}\n x{count}\n
\n \n\n
\n );\n }\n}\n","import React, {Fragment} from \"react\";\nimport PayerPaymentTerms from \"./PayerPaymentTerms\";\nimport PropTypes from \"prop-types\";\nimport PayerPaymentTermsInfo from \"./PayerPaymentTermsInfo\";\nimport {Editor, EditorState, convertFromRaw, ContentState} from \"draft-js\";\nimport {toast} from \"react-toastify\";\nimport {MESSAGES} from \"../tools/constants\";\nimport WysiwygViewer from \"./utils/WysiwygViewer\";\nimport {isEmpty} from \"../tools/validators\";\n\n\nclass WrappedPayerPaymentTerms extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n paymentTerms: {\n payment_schedule_options_id: props.paymentTerms.payment_schedule_options_id,\n day_for_collection: props.paymentTerms.day_for_collection,\n payment_method_id: props.paymentTerms.payment_method_id,\n },\n isMinor: props.user.birthday && (new Date().getFullYear() - new Date(props.user.birthday).getFullYear() - (new Date() < new Date(new Date(props.user.birthday).setFullYear(new Date().getFullYear())))) < 18\n };\n }\n\n isValidated() {\n\n if (this.props.initialSelectedPayers.length === 0) {\n toast.error(MESSAGES.err_must_have_payer, {autoClose: 3000});\n return false;\n }\n\n if (this.props.displayIdentificationNumber) {\n for (const familyMember of [...(this.props.family || []), this.props.user]) {\n if (this.props.initialSelectedPayers.includes(familyMember.id) &&\n (this.state.isMinor && isEmpty((this.props.user.identification_number || \"\").replaceAll(/[_ ]/g, \"\")))) {\n return false;\n }\n }\n }\n\n if (this.props.informationalStepOnly)\n return true;\n\n //if(this.state.)\n\n if (this.props.availPaymentMethods.length === 0 || this.props.availPaymentScheduleOptions.length === 0) {\n return true; // ignore this step if no payment methods or payment schedule options\n }\n\n if (this.state.paymentTerms.day_for_collection != null &&\n !!this.state.paymentTerms.payment_schedule_options_id &&\n !!this.state.paymentTerms.payment_method_id)\n return true;\n else {\n toast.error(MESSAGES.err_must_select_payment_terms, {autoClose: 3000});\n return false;\n }\n\n\n }\n\n handleChangePaymentTerms(paymentScheduleOptionsId) {\n this.setState(prevState => {\n return {\n paymentTerms: {\n ...prevState.paymentTerms,\n payment_schedule_options_id: paymentScheduleOptionsId,\n },\n };\n });\n this.props.onChangePaymentTerms && this.props.onChangePaymentTerms(paymentScheduleOptionsId);\n }\n\n handleChangeDayForCollection(dayIndex) {\n this.setState(prevState => {\n return {\n paymentTerms: {\n ...prevState.paymentTerms,\n day_for_collection: dayIndex,\n },\n };\n });\n this.props.onChangeDayForCollection && this.props.onChangeDayForCollection(dayIndex);\n }\n\n handleChangePaymentMethod(paymentMethodId) {\n this.setState(prevState => {\n return {\n paymentTerms: {\n ...prevState.paymentTerms,\n payment_method_id: paymentMethodId,\n },\n };\n });\n this.props.onChangePaymentMethod && this.props.onChangePaymentMethod(paymentMethodId);\n }\n\n handleChangePayers(payers, eventUser) {\n this.setState(prevState => {\n return {\n payers: payers,\n };\n });\n this.props.onChangePayers && this.props.onChangePayers(payers, eventUser);\n }\n\n render() {\n return Modèle de groupe
\n {this.renderInstruments()}\n \n\n\n
;\n }\n}\n\nWrappedPayerPaymentTerms.propTypes = {\n paymentTerms: PropTypes.shape({\n payment_schedule_options_id: PropTypes.number,\n day_for_collection: PropTypes.number,\n payment_method_id: PropTypes.number,\n }),\n availPaymentScheduleOptions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n payments_number: PropTypes.number.isRequired,\n payments_months: PropTypes.arrayOf(PropTypes.number).isRequired,\n available_payments_days: PropTypes.arrayOf(PropTypes.number).isRequired,\n }),\n ),\n availPaymentMethods: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n }),\n ),\n paymentStepDisplayText: PropTypes.string,\n onChangePaymentTerms: PropTypes.func,\n onChangeDayForCollection: PropTypes.func,\n onChangePaymentMethod: PropTypes.func,\n};\n\nexport default WrappedPayerPaymentTerms;\n","import React from \"react\";\nimport BaseDataTable from \"../parameters/BaseDataTable\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\n\n\nexport default class ActivityRefKind extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"default_activity_ref\",\n Header: \"Activité par défaut\",\n accessor: d => d.default_activity_ref ? d.default_activity_ref.label : \"\",\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n {this.props.paymentStepDisplayText &&
\n\n\n {this.props.informationalStepOnly ? (\n this.props.availPaymentScheduleOptions && this.props.availPaymentScheduleOptions.length > 0 &&\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le type '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/activity_ref_kind/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200) {\n this.fetchData(this.state.tableState)\n } else {\n result.json().then(text => {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text['message'] + \" (\" + text['activities'] + \")\"\n })\n })\n }\n })\n }\n });\n }\n\n}","import React from \"react\";\nimport BaseDataTable from \"../parameters/BaseDataTable\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\n\n\nexport default class Instruments extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n id: \"label\",\n Header: \"Label\",\n accessor: d => d.label,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer l'instrument '\" + status.label + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/instruments/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n\n}","import React, {Fragment} from \"react\";\nimport {useState} from \"react\";\nimport _ from \"lodash\";\n\nimport AdditionalStudentSelection from \"./../AdditionalStudentSelection\";\nimport {frenchEnumeration} from \"../utils\";\nimport {Editor, EditorState, convertFromRaw, ContentState} from \"draft-js\";\nimport WysiwygViewer from \"../utils/WysiwygViewer\";\n\nconst moment = require(\"moment-timezone\");\nrequire(\"moment/locale/fr\");\n\nconst getDisplayPrice = (ref, season) => {\n if (ref == undefined || season == undefined)\n return (ref || {}).display_price || \"--\";\n\n return ref.display_prices_by_season[season.id] || ref.display_price || \"--\";\n};\n\nconst getDisplayDuration = ref => {\n if (ref == undefined) return \"--\";\n if (ref.duration >= 60) {\n const hours = Math.floor(ref.duration / 60);\n const minutes = ref.duration % 60;\n return `${hours}h${minutes < 10 ? \"0\" : \"\"}${minutes}`;\n } else if (ref.duration > 0) {\n return `${ref.duration} min`;\n } else {\n return \"\";\n }\n};\n\nconst ActivityChoice = ({\n schoolName,\n adhesionPrices,\n selectedActivities,\n activityRefs,\n activityRefsChildhood,\n activityRefsCham,\n allActivityRefs,\n allActivityRefKinds,\n currentUserIsAdmin,\n handleAddActivity,\n handleRemoveActivity,\n validation,\n additionalStudents,\n handleChangeAdditionalStudent,\n infos,\n season,\n adhesionEnabled,\n packs,\n handleRemovePack,\n handleAddPack,\n selectedPacks,\n infoText,\n }) => {\n const seasonStart = moment(season.start);\n const isInAgeRange = a => {\n if (a.activity_type === \"child\") {\n const birthday = moment(infos.birthday);\n const nextBirthday = moment(infos.birthday).year(seasonStart.year());\n const age = nextBirthday.diff(birthday, \"years\");\n\n return a.from_age <= age && age < a.to_age;\n } else {\n const seasonEnd = moment(season.end);\n // const seasonEnd = moment(); // tmp : reset the calculated age to \"relative from today\"\n const userAge = seasonEnd.diff(moment(infos.birthday), \"years\");\n return userAge >= a.from_age && userAge <= a.to_age;\n }\n };\n\n // Only display activities that are suitable for student\n const filteredActivityRefs = activityRefs.filter(isInAgeRange);\n const filteredActivityRefsChildhood = activityRefsChildhood.filter(isInAgeRange);\n const cantSelectChildhood =\n _.intersection(\n selectedActivities,\n filteredActivityRefsChildhood.map(aref => aref.id),\n ).length > 0;\n const unpopularActivities = activityRefs.filter(ref => ref.is_unpopular);\n const unpopularActivityChosen =\n _.intersection(\n unpopularActivities.map(a => a.id),\n selectedActivities,\n ).length > 0;\n const unpopularActivitiesSelected = unpopularActivities.filter(a => selectedActivities.includes(a.id));\n\n // Check is CHAM is only visible to admin\n if (!currentUserIsAdmin) {\n activityRefsCham = activityRefsCham.filter(ar => ar.is_visible_admin === true);\n }\n\n const renderChildrenAccompaniments = () => {\n /* additionalStudents only exist here in Edit Mode while adding activities */\n if (additionalStudents && additionalStudents.length > 0) {\n const family = {};\n\n _.map(infos.user.family_member_users, member => {\n family[member.member_id] = {\n id: member.id,\n link: member.link,\n first_name: member.member.first_name,\n last_name: member.member.last_name,\n };\n });\n\n return (\n \n \n handleChangeAdditionalStudent(index, value)\n }\n />\n
\n );\n }\n };\n const groupedRefs = _.groupBy(filteredActivityRefs.filter(r => r.substitutable === true), \"kind\");\n\n // Duration filter ---------------------------------------------------------------------------------------------------------------------------------------------\n const [durationFilter, setDurationFilter] = useState(null);\n const handleDurationFilterClick = () => {\n setDurationFilter(durationFilter === 'asc' ? 'desc' : 'asc');\n };\n\n // Search filter ---------------------------------------------------------------------------------------------------------------------------------------------\n const [searchTerm, setSearchTerm] = useState(\"\");\n const handleSearchChange = (event) => {\n setSearchTerm(event.target.value);\n };\n\n // Display the Activities and Packs ---------------------------------------------------------------------------------------------------------------------------------------------\n function generateActivityRow(item, key, isPack = false, isSelected = false) {\n const label = item.label;\n const duration = item.duration;\n const price = item.price;\n\n const uniqueId = isPack ? `p${item.id}` : `a${item.id}`;\n const isItemSelected = selectedActivitiesAndPacks.some(selectedItem => selectedItem.id === item.id && selectedItem.isPack === isPack);\n const iconClass = isItemSelected && !isSelected ? \"fas fa-check\" : (isSelected ? \"fas fa-minus\" : \"fas fa-plus\");\n const handleAction = () => {\n if (isSelected) {\n if (isPack) {\n handleRemovePack(key, item.pricing_category_id);\n } else {\n handleRemoveActivity(item.id);\n }\n } else {\n const handleAdd = isPack ? () => handleAddPack(key, item.pricing_category_id) : () => handleAddActivity(item.id);\n handleAdd();\n }\n };\n\n const buttonStyle = isSelected\n ? {\n borderRadius: \"50%\",\n color: \"white\",\n backgroundColor: \"#00334A\",\n border: 0,\n width: \"32px\",\n height: \"32px\"\n }\n : isItemSelected\n ? {\n borderRadius: \"50%\",\n color: \"white\",\n backgroundColor: \"#86D69E\",\n border: 0,\n width: \"32px\",\n height: \"32px\"\n }\n : {\n borderRadius: \"50%\",\n color: \"white\",\n backgroundColor: \"#0079BF\",\n border: 0,\n width: \"32px\",\n height: \"32px\"\n };\n\n return (\n \n \n
\n \n {infoText && (\n
\n\n \n
\n )}\n \n \n
\n \n
\n\n\n \n
\n\n\n \n
\n Choix de l'activité
\n\n
\n \n \n
\n \n
\n \n \n \n
\n
\n | Activité | \nDurée | \nTarif estimé | \n\n |
|---|
\n\n
\n\n {unpopularActivityChosen && (\n \n
\n Activités sélectionnées
\n\n \n \n
\n
\n | Activité | \nDurée | \nTarif estimé | \n\n |
|---|---|---|---|
| aucune activité sélectionnée | \n|||
| Total\n estimé\n | \n{isNaN(totalSelectedPrice) ? \"--\" : totalSelectedPrice} €\n | \n
\n
\n )}\n\n\n \n Les inscriptions aux activités suivantes sont\n soumises à un nombre minimum d'élèves par cours:\n
\n - \n {unpopularActivitiesSelected.map(unpopularA => {\n return (\n
- \n {unpopularA.display_name}\n \n );\n })}\n
\n {renderChildrenAccompaniments()}\n
\n Cette action permet à '+user.first_name+' '+user.last_name+' de se préinscrire à l \\'activité pour la '+next_season.label+'
';\n let htmltext = '';\n let confirmtext= 'Confirmer';\n let cancelText= 'Annuler';\n Swal.fire({\n title: title,\n html: htmltext,\n allowOutsideClick: false,\n confirmButtonText: confirmtext,\n showCancelButton: true,\n cancelButtonText: cancelText,\n }).then((result)=>{\n if (result.value) {this.createPreApp()};\n })\n }\n\n render() {\n let { fetching, exist} = this.state;\n let disabled = fetching || exist; \n return\n this.onAnswersChange(answers)}\n answers={answers[selectedRef] || {}} />\n
;\n }\n}\n\nexport default Evaluation;\n","import React from \"react\";\n\nimport ItemPreferences from \"./ItemPreferences\";\n\nconst DEFAULT_NO_INTERVAL_MESSAGE = \"Aucun créneau d'évaluation disponible actuellement, nous reviendrons vers vous très vite pour vous en proposer un.\";\n\nexport default function EvaluationChoice({ data, activityRefs, noIntervalMessage = DEFAULT_NO_INTERVAL_MESSAGE, ...prefsProps }) {\n const choices = data.map(({refId, timeInterval, teacher}) => {\n const ref = activityRefs.find(ref => ref.id == refId);\n\n return (\n \n {tabs}\n
\n \n
\n );\n });\n\n return Pour {ref.kind}
\n {\n timeInterval ?\n {noIntervalMessage}\n
\n }\n\n
\n};","import React from \"react\";\nimport {toDate, toHourMin} from \"../../tools/format\";\nimport {WEEKDAYS} from \"../../tools/constants\";\nimport _ from 'lodash';\n\nconst DEFAULT_NO_INTERVAL_MESSAGE = \"Aucun créneau d'évaluation disponible actuellement, nous reviendrons vers vous très vite pour vous en proposer un.\";\n\nexport default function EvaluationChoiceTable({\n data,\n activityRefs,\n noIntervalMessage = DEFAULT_NO_INTERVAL_MESSAGE,\n ...prefsProps\n }) {\n\n let ref = activityRefs[0];\n\n const choices = data.map(({refId, timeInterval}, i) => {\n ref = activityRefs.find(ref => ref.id == refId) || ref;\n\n return (\n timeInterval ?\n \n
\n {\"Créneaux d'évaluation sélectionnés\"}
\n\n {choices}\n
\n \n {toHourMin(timeInterval.start)}{\" \"}{\"\\u2192\"}{toHourMin(timeInterval.end)}\n
| {`Créneaux d'évaluation sélectionnés pour ${ref.kind}`} | \n
|---|
\n {intervalsChoices}\n
\n }\n}\n\nfunction ActivityEvaluationIntervalChoice({\n activityName,\n loading,\n intervals,\n groupedIntervals,\n selectedInterval,\n handleSelectInterval,\n}) {\n return \n
;\n}","import React from \"react\";\nimport * as api from \"../../tools/api\";\nimport PreferencesEditor from \"./TimeIntervalPreferencesEditor\";\nimport { WEEKDAYS } from \"../../tools/constants\";\n\nclass IntervalPreferencesEditor extends React.PureComponent {\n constructor(props) {\n super(props);\n\n const selectedIntervals = Object.keys(this.props.preferences).length\n ? this.props.preferences\n : this.props.activityRefs.reduce((obj, ref) => {\n obj[ref.id] = [];\n return obj;\n }, {});\n\n this.state = {\n intervals: {},\n selectedIntervals,\n errors: [],\n };\n\n this.handleSelectInterval = this.handleSelectInterval.bind(this);\n this.handleDown = this.handleDown.bind(this);\n this.handleUp = this.handleUp.bind(this);\n this.handleMove = this.handleMove.bind(this);\n }\n\n componentDidMount() {\n const requests = this.props.activityRefs.map(ref =>\n api\n .get(\n `/time_interval_preferences/${this.props.season.id}/${ref.id}`\n )\n .then(({ data, error }) => {\n if (error) {\n this.setState({ errors: error });\n } else {\n this.setState({\n intervals: {\n ...this.state.intervals,\n [ref.id]: data,\n },\n });\n }\n })\n );\n\n Promise.all(requests);\n }\n\n handleSelectInterval(refId, interval, selected) {\n const intervals = selected\n ? [...this.state.selectedIntervals[refId], interval]\n : this.state.selectedIntervals[refId].filter(\n i => i.id !== interval.id\n );\n\n const selectedIntervals = {\n ...this.state.selectedIntervals,\n [refId]: intervals,\n };\n\n this.setState({ selectedIntervals });\n\n this.props.onUpdate(selectedIntervals);\n }\n\n handleMove(refId, index, shift) {\n const intervals = [...this.state.selectedIntervals[refId]];\n const elementToMove = intervals.splice(index, 1);\n intervals.splice(index + shift, 0, elementToMove[0]);\n\n const selectedIntervals = {\n ...this.state.selectedIntervals,\n [refId]: intervals,\n };\n\n this.setState({\n selectedIntervals,\n });\n\n this.props.onUpdate(selectedIntervals);\n }\n\n handleUp(refId, index) {\n this.handleMove(refId, index, -1);\n }\n\n handleDown(refId, index) {\n this.handleMove(refId, index, 1);\n }\n\n render() {\n const { intervals, selectedIntervals } = this.state;\n\n return (\n \n
\n \n Créneaux d'évaluation disponibles pour {activityName}\n
\n\n
\n \n {loading &&
\n Chargement...
}\n {\n intervals && intervals.length ?\n \n weekDayDateFormat.format(new Date(i.start))}\n selectedIntervals={selectedInterval && [selectedInterval] || []}\n groupNameAccessor={k => monthNameFormat.format(new Date(2000, parseInt(k)))}\n handleSelectInterval={handleSelectInterval}/>\n
:\n \n {\"Aucun créneau d'évaluation disponible actuellement, nous reviendrons vers vous très vite pour vous en proposer un.\"}\n
\n }\n\n
\n );\n }\n}\n\nexport default IntervalPreferencesEditor;\n","import React from \"react\";\nimport { WEEKDAYS } from \"../../tools/constants\";\nimport { toHourMin, toDate, toLocaleDate } from \"../../tools/format\";\n\nclass ItemPreferences extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { items, onUp, onDown, sortable, showDate, showChoiceNumber = true } = this.props;\n\n const mappedItems = items.map((item, i) => {\n const start = toDate(item.start);\n const end = toDate(item.end);\n const location = _.get(item, \"activity.location.label\");\n\n return (\n \n {this.props.activityRefs.map(ref => intervals[ref.id] &&\n
\n \n
\n )}\n \n
\n {`Préférences horaires pour l'activité (${ref.label})`}
\n\n WEEKDAYS[weekday]}\n selectedIntervals={selectedIntervals[ref.id]}\n handleSelectInterval={(interval, selected) => this.handleSelectInterval(ref.id, interval, selected)}\n handleUp={i => this.handleUp(ref.id, i)}\n handleDown={i => this.handleDown(ref.id, i)} />\n
\n \n
\n\n {sortable ? (\n \n {showChoiceNumber && \n {`Choix ${i + 1}`}\n }\n \n {WEEKDAYS[start.getDay()]}\n {showDate ? ` ${toLocaleDate(start)}` : null}\n \n
\n \n
\n \n {toHourMin(start)}{\" \"}\n {\" \"}\n {toHourMin(end)}\n {item.teacher && \n {item.teacher.first_name} {item.teacher.last_name}\n }\n {location && \n {location}\n }\n
\n \n {i > 0 ? (\n onUp(i)}\n >\n \n \n ) : null}\n\n {i < items.length - 1 ? (\n onDown(i)}\n >\n \n \n ) : null}\n
\n ) : null}\n \n );\n });\n\n return (\n \n
\n );\n }\n}\n\nexport default ItemPreferences;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst PersonChoice = ({ personSelection, handleSelectPerson }) => (\n {mappedItems}
\n \n
\n \n \n);\n\nexport default PersonChoice;\n","import React, { useMemo } from 'react';\nimport _ from \"lodash\";\n\nfunction displayDuration(duration) {\n if (duration) {\n if (duration >= 60) {\n const hours = Math.floor(duration / 60);\n const minutes = duration % 60;\n return `${hours}h${minutes.toString().padStart(2, '0')}`;\n } else {\n return `${duration.toString().padStart(2, '0')}min`;\n }\n\n } else {\n return \"/\";\n }\n}\nfunction groupByDisplayName(items) {\n return items.reduce((groups, item) => {\n const key = item.display_name;\n if (!groups[key]) {\n groups[key] = [];\n }\n groups[key].push(item);\n return groups;\n }, {});\n}\n\nfunction createDisplayItems(groupedItems) {\n return Object.values(groupedItems).map(group => {\n return {\n display_name: group[0].display_name,\n duration: group[0].duration, // all items have the same duration\n display_price: group.reduce((total, item) => total + item.display_price, 0),\n amount: group.length\n };\n });\n}\n\nfunction getSelectedPacks({packs, selectedPacks}) {\n return _.flatMap(selectedPacks, (pack, activityRef) => {\n const packToDisplay = packs[activityRef]\n ? packs[activityRef].filter(p => pack.includes(p.pricing_category_id))\n : null;\n return packToDisplay\n ? packToDisplay.map(activityRefPricing => ({\n display_name: `${activityRefPricing.activity_ref.label} - ${activityRefPricing.pricing_category.name}`,\n duration: activityRefPricing.activity_ref.duration,\n display_price: activityRefPricing.price,\n }))\n : [];\n });\n}\nexport default function SelectedActivitiesTable(props) {\n // regroup activities by display name\n const groupedActivities = useMemo(() => groupByDisplayName(props.selectedActivities), [props.selectedActivities]);\n const groupedPacks = useMemo(() => groupByDisplayName(getSelectedPacks({packs: props.packs, selectedPacks: props.selectedPacks})), [props.packs, props.selectedPacks]);\n // create display items\n const displayActivities = useMemo(() => createDisplayItems(groupedActivities), [groupedActivities]);\n const displayPacks = useMemo(() => createDisplayItems(groupedPacks), [groupedPacks]);\n // merge activities and packs\n const displayActivitiesAndPacks = useMemo(() => [...displayActivities, ...displayPacks], [displayActivities, displayPacks]);\n\n return (\n \n
\n \n handleSelectPerson(\"other\")}\n >\n
\n \n
\n Première Etape
\n\n handleSelectPerson(\"myself\")}\n >\n
\n Je m'inscris
\nJ'inscris une autre personne
\n| Activité | \nDurée | \nTarif estimé | \n
|---|---|---|
| {activity.display_name}\n {activity.amount > 1 ? ` x${activity.amount}` : \"\"} | \n{displayDuration(activity.duration)} | \n{activity.display_price}€ | \n
| \n | Total estimé | \n{displayActivitiesAndPacks.reduce((total, activity) => total + activity.display_price, 0)}€ | \n
\n
\n );\n });\n\n const renderLocationSelection = locations.map((l, i) => {\n return (\n {_.find(activities, { id: actId }).label}
\n {_.map(teachersForActivity, (teacher, j) => {\n return (\n\n \n handleTeacherSelection(\n _.split(evt.target.id, \"-\")[0],\n evt.target.value,\n )\n }\n />\n \n {teacher.first_name} {teacher.last_name}\n \n
\n );\n })}\n \n \n handleSelectSuppInfos(evt.target.value, \"locations\")\n }\n />\n \n
\n );\n });\n\n return (\n \n
\n );\n};\n\nexport default SupplementaryPreferences;\n","import React from \"react\";\nimport { toHourMin, toDate } from \"../../tools/format\";\nimport ItemPreferences from \"./ItemPreferences\";\n\nclass Availability extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.state = { selected: this.props.selected || false };\n }\n\n handleCheck() {\n const selected = !this.state.selected;\n this.setState({ selected });\n\n this.props.onSelect(this.props.data, selected);\n }\n\n render() {\n const { data, selectable, intervalHeader = () => \"\" } = this.props;\n const { selected } = this.state;\n // Optional location information\n const location = _.get(data, \"activity.location.label\");\n const teacher = _.get(data, \"activity.teacher\");\n\n return (\n \n
\n \n
\n \n
\n Préférences Annexes
\n\n
\n \n
\n\n Professeur
\n {renderTeacherSelection}\n\n
\n Lieux
\n {renderLocationSelection}\n\n
\n \n );\n }\n}\n\nclass IntervalsGroup extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n render() {\n const {\n group,\n groupNameAccessor,\n intervalHeader,\n maxIntervals,\n availabilities,\n selectedIntervals,\n onSelect,\n } = this.props;\n\n return (\n \n
\n\n {intervalHeader(data)}
\n \n \n this.handleCheck()}\n />\n \n {toHourMin(toDate(data.start))}{\" \"}\n {\" \"}\n {toHourMin(toDate(data.end))}\n
\n {\n // Optionnaly display location info\n location && \n \n {location}\n \n
\n }\n \n
\n \n {data.avatar_url ?\n 
\n :\n \n }\n\n
\n \n
\n Avec
\n {teacher.first_name} {teacher.last_name}
\n \n
\n );\n }\n}\n\nexport default function PreferencesEditor({\n intervals,\n maxIntervals = 0,\n intervalHeader,\n selectedIntervals,\n groupNameAccessor,\n handleSelectInterval,\n handleUp,\n handleDown,\n}) {\n return (\n \n {groupNameAccessor(group)}\n
\n \n {availabilities.map((availability, i) => (\n interval.id)\n .includes(availability.id)}\n selectable={\n !maxIntervals ||\n selectedIntervals.length < maxIntervals\n }\n onSelect={onSelect}\n key={i}\n />\n ))}\n
\n \n
\n );\n}\n","import React from \"react\";\nimport _ from \"lodash\";\n\nimport Planning from \"../planning/Planning\";\nimport moment from \"moment\";\n\nconst TimePreferences = ({\n intervals,\n handleUpdateIntervalsSelection,\n season,\n seasons\n}) => {\n return (\n \n
\n\n {\"Créneaux disponibles\"}
\n {Object.keys(intervals).map(group => (\n\n
\n \n {maxIntervals === 1\n ? \"Créneau choisi\"\n : \"Ordre de préférences\"}\n
\n {selectedIntervals.length > 0 ? (\n{\"Aucun créneau ne me convient.\"}
\n )}\n\n
\n );\n};\n\nexport default TimePreferences;\n","import React, {useEffect, useRef, useState} from \"react\";\nimport IntervalPreferencesEditor from \"./IntervalPreferencesEditor\";\nimport AvailabilityManager from \"../availability/AvailabilityManager\";\nimport * as api from \"../../tools/api\";\n\nexport const PLANNING_MODE = Symbol(\"PLANNING MODE\");\nexport const PREFERENCES_MODE = Symbol(\"PREFERENCES MODE\");\nexport const PLANNING_AND_PREFERENCES_MODE = Symbol(\"PLANNING_AND_PREFERENCES MODE\");\n\nexport default function TimePreferencesStep({\n mode,\n intervals,\n authToken,\n planningId,\n onAvailabilityAdd,\n onAvailabilityDelete,\n handleUpdateChildhoodPreferences,\n season,\n activityRefs,\n childhoodPreferences,\n selectionLabels,\n disableLiveReload = true\n })\n{\n const availabilityRef = useRef();\n const [defaultFetched, setDefaultFetched] = useState(false);\n\n useEffect(() => {\n if (mode === PLANNING_MODE && !defaultFetched && (intervals || []).length === 0) {\n api.set()\n .success(intervals => {\n onAvailabilityAdd(_.compact(intervals).map((interval, i) => ({...interval, tabId: interval.id || i})));\n availabilityRef.current.componentDidMount();\n setDefaultFetched(true);\n })\n .get(`/planning/${planningId}/availabilities/defaults?season_id=${season.id}&save_defaults_to_planning=${!disableLiveReload}`)\n }\n }, [defaultFetched]);\n\n switch (mode)\n {\n case PLANNING_MODE:\n return \n
\n \n
\n \n
\n {\"Préferences horaires des activités (hors Eveil)\"}
\n\n \n handleUpdateIntervalsSelection(ints)\n }\n />\n
\n \n {toHourMin(start)}{\" \"}{\"\\u2192\"}{toHourMin(end)}\n
\n {toHourMin(toDate(int.start))}{\" \"}{\"\\u2192\"}{toHourMin(toDate(int.end))}\n
| {`Mes choix de créneaux pour ${activityRef.label}`} | \n
|---|
\n
\n );\n }\n}\n\nexport default UserSearch;\n","import React, { Fragment } from \"react\";\nimport _ from \"lodash\";\nimport TimePreferencesTable from \"./TimePreferencesTable\";\nimport SelectedActivitiesTable from \"./SelectedActivitiesTable\";\nimport EvaluationChoiceTable from \"./EvaluationChoiceTable\";\nimport UserAvatar from \"../UserAvatar\";\n\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst Validation = ({\n application,\n activityRefs,\n allActivityRefs,\n allActivityRefKinds,\n handleSubmit,\n additionalStudents,\n buttonDisabled,\n handleComment,\n selectedPacks,\n packs,\n paymentTerms,\n availPaymentScheduleOptions,\n availPaymentMethods,\n }) => {\n const addStudents = [...additionalStudents];\n\n const activitiesWithEveilIds = _.chain(activityRefs)\n .filter(ref => ref.activity_type == \"eveil_musical\")\n .map(ref => ref.id)\n .value();\n\n const arrayfy = object => {\n var res = [];\n _.forEach(object, (value, key) => {\n if (!_.includes(activitiesWithEveilIds, parseInt(key))) {\n res.push([key, value]);\n } else {\n // cas des activités nécessitant un paramètre (éveil parental par ex)\n for (let i = 0; i < value; i++) {\n res.push([key, 1]);\n }\n }\n });\n return res;\n };\n\n const enumerate = array => {\n var res = {};\n _.forEach(array, x => (res[x] = (res[x] || 0) + 1));\n return res;\n };\n\n const selectedActivities = application.selectedActivities.map(a =>\n _.find(allActivityRefs, ar => ar.id == a),\n );\n\n const selectedActivityIds = _.map(selectedActivities, sa => sa.id);\n\n const distinctSelectedActivityIds = arrayfy(enumerate(selectedActivityIds));\n\n const showChildhoodActivities = Object.keys(application.childhoodPreferences).length > 0;\n const showOtherActivities = _.intersection(activityRefs.filter(a => a.allow_timeslot_selection == false).map(a => a.id), application.selectedActivities).length > 0;\n const showTimePreferences = application.intervals.length > 0 || showChildhoodActivities || showOtherActivities;\n\n const address = Object.values(application.infos.addresses).filter(a => a.city && a.country && a.postcode)[0];\n\n const selectedEvaluations = Object.entries(application.selectedEvaluationIntervals)\n .map(([refId, timeInterval]) => ({ refId, timeInterval }));\n\n\n // Récupération des contacts et des payeurs -------------------------------------------------------------------------------------------------------------\n const pushPayerToList = (payer, list) => {\n const { first_name, last_name } = payer;\n list.push({\n name: `${first_name} ${last_name}`,\n });\n };\n const payersList = [];\n const emergencyContacts = [];\n const legalReferents = [];\n const accompanying = [];\n const hasContacts = (contacts) => {\n return contacts.some(contact => contact.name !== \"/\");\n };\n\n const { infos } = application;\n const { is_paying, id, first_name, last_name, family_links_with_user, payers } = infos;\n if (is_paying || !payers || payers.includes(id)) {\n pushPayerToList({ first_name, last_name }, payersList);\n }\n\n // récupération des contacts et des payeurs parmis les membres de la famille\n if (family_links_with_user) {\n family_links_with_user.forEach(familyMember => {\n const {\n id,\n first_name,\n last_name,\n is_paying_for,\n is_accompanying,\n is_to_call,\n is_legal_referent,\n } = familyMember;\n\n if (is_paying_for || payers.includes(id)) {\n pushPayerToList({ first_name, last_name }, payersList);\n }\n\n if (is_accompanying) {\n accompanying.push({ name: `${first_name} ${last_name}` });\n }\n\n if (is_to_call) {\n emergencyContacts.push({ name: `${first_name} ${last_name}` });\n }\n\n if (is_legal_referent) {\n legalReferents.push({ name: `${first_name} ${last_name}` });\n }\n });\n }\n\n if (payersList.length === 0) {\n payersList.push({ name: \"/\" });\n }\n if (accompanying.length === 0) {\n accompanying.push({ name: \"/\" });\n }\n if (emergencyContacts.length === 0) {\n emergencyContacts.push({ name: \"/\" });\n }\n if (legalReferents.length === 0) {\n legalReferents.push({ name: \"/\" });\n }\n\n\n // Affichage des disponibilités -------------------------------------------------------------------------------------------------------------\n const preferencesArray = [];\n if (application.intervals.length > 0) {\n preferencesArray.push({\n intervals: application.intervals,\n });\n }\n if (showChildhoodActivities) {\n Object.keys(application.childhoodPreferences).forEach(refId => {\n preferencesArray.push({\n activityRef: allActivityRefs.find(ref => ref.id === parseInt(refId)),\n preferences: application.childhoodPreferences[refId],\n });\n });\n }\n\n // Affichage des préférences de paiement -------------------------------------------------------------------------------------------------------------\n let selectedPaymentMethod;\n let selectedPaymentScheduleOption;\n if (paymentTerms && paymentTerms[0]) {\n const paymentMethod = availPaymentMethods.find(pm => pm.id === paymentTerms[0].payment_method_id);\n if (paymentMethod) {\n selectedPaymentMethod = paymentMethod.label;\n }\n const paymentScheduleOption = availPaymentScheduleOptions.find(pso => pso.id === paymentTerms[0].payment_schedule_options_id);\n if (paymentScheduleOption) {\n selectedPaymentScheduleOption = paymentScheduleOption.label;\n }\n }\n\n return \n
\n\n {\"Chercher un utilisateur\"}
\n\n \n
\n \n
\n\n {possibleMatches.length > 0 ? (\n \n
\n\n \n
\n \n
\n ) : (\n !usernotSearched && (\n {\"Résultats\"}
\n\n {_.map(possibleMatches, (m, i) => {\n return (\n \n this.handleUserSelect(i)\n }\n >\n {fullname(m)}\n {` né(e) le ${toLocaleDate(\n toDate(m.birthday)\n )}, Adhérent #${m.adherent_number}`}\n \n );\n })}\n
\n \n this.toggleModal()}\n >\n Créer un nouveau profil\n \n
\n )\n )}\n\n {\n \n \n Aucun profil existant retrouvé selon ces\n coordonnées.\n \n
\n Si l'utilisateur est déjà enregistré,\n vérifiez que les bonnes coordonnées soient\n saisies.\n
\n Sinon créez un nouveau profil.\n
\n \n Si l'utilisateur est déjà enregistré,\n vérifiez que les bonnes coordonnées soient\n saisies.\n
\n Sinon créez un nouveau profil.\n
\n\n handleCloseConfirmationModal()}\n className=\"modal-sm\"\n ariaHideApp={false}\n contentLabel=\"Modification réussie\"\n style={{\n content: {\n width: \"700px\"\n }\n }}\n >\n \n this.closeAssignationRefusedModal()}\n className=\"activity-modal\"\n ariaHideApp={false}\n contentLabel=\"Inscription Activité\"\n >\n this.closeAssignationRefusedModal()}\n className=\"btn btn-white\"\n >\n Retour\n \n \n this.handleProcessRefusedAssignationActivity()\n }\n className=\"btn btn-primary pull-right\"\n >\n Je confirme\n \n \n\n this.closeAssignationAcceptedModal()}\n className=\"modal-sm\"\n ariaHideApp={false}\n contentLabel=\"Inscription Activité\"\n >\n this.closeAssignationAcceptedModal()}\n className=\"btn btn-white\"\n >\n Retour\n \n \n this.handleProcessAcceptedAssignationActivity()\n }\n className=\"btn btn-primary pull-right\"\n >\n Je confirme\n \n \n\n \n );\n }\n}\n\nexport default NewActivityItem;\n","import React, {Fragment} from \"react\";\nimport _ from \"lodash\";\nimport * as ActivityApplicationStatus from \"../utils/ActivityApplicationsStatuses\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\nimport moment from \"moment/moment\";\nimport Modal from \"react-modal\";\nimport renderActivityAction from \"./renderActivityAction\";\nimport AnswerProposal from \"./AnswerProposal\";\nimport CancelApplication from \"./CancelApplication\";\nimport EditApplication from \"./EditApplication\";\nimport * as api from \"../../tools/api\";\n\nclass RenewActivityItem extends React.Component {\n nextCycles = null;\n\n constructor(props) {\n super(props);\n\n const activity_application_status_id = _.get(this.props, \"pre_application_activity.activity_application.activity_application_status_id\");\n\n this.state = {\n preApplicationActivity: this.props.pre_application_activity,\n isAssignationRefusedModalOpen: false,\n isAssignationAcceptedModalOpen: false,\n reasonOfRefusal: \"\",\n proposalAnswered: (activity_application_status_id === ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID\n || activity_application_status_id === ActivityApplicationStatus.PROPOSAL_REFUSED_ID)\n };\n this.updateReasonRefused = this.updateReasonRefused.bind(this);\n }\n\n openAssignationRefusedModal() {\n this.setState({isAssignationRefusedModalOpen: true});\n }\n\n closeAssignationRefusedModal() {\n this.setState({isAssignationRefusedModalOpen: false});\n }\n\n openAssignationAcceptedModal() {\n this.setState({isAssignationAcceptedModalOpen: true});\n }\n\n closeAssignationAcceptedModal() {\n this.setState({isAssignationAcceptedModalOpen: false});\n }\n\n updateReasonRefused(event) {\n this.setState({reasonOfRefusal: event.target.value});\n }\n\n handleProcessRefusedAssignationActivity() {\n this.closeAssignationRefusedModal();\n\n let application = {\n activity_application_status_id: ActivityApplicationStatus.PROPOSAL_REFUSED_ID\n }\n\n fetch(\n `/inscriptions/${this.props.pre_application_activity.activity_application_id}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n\n body: JSON.stringify({\n application: application,\n id: this.props.pre_application_activity.activity_application_id,\n activity_application: this.props.pre_application_activity.activity_application,\n reason_of_refusal: this.state.reasonOfRefusal\n }),\n }\n ).then(response => {\n if (!response.ok)\n swal(\"Erreur\", \"Erreur lors de l'acheminement\", \"error\")\n\n return response.json()\n }).then(json => {\n this.setState({proposalAnswered: json.activity_application_status_id === ActivityApplicationStatus.PROPOSAL_REFUSED_ID});\n swal(\"Proposition refusée\", \"Les raisons ont été communiquées\", \"info\")\n });\n }\n\n handleProcessAcceptedAssignationActivity() {\n this.closeAssignationAcceptedModal();\n\n let application = {\n activity_application_status_id: ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID\n }\n\n fetch(\n `/inscriptions/${this.props.pre_application_activity.activity_application_id}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n\n body: JSON.stringify({\n application: application,\n id: this.props.pre_application_activity.activity_application_id,\n activity_application: this.props.pre_application_activity.activity_application\n }),\n }\n ).then(response => {\n if (!response.ok)\n swal(\"Erreur\", \"Erreur lors de l'acheminement\", \"error\")\n\n return response.json()\n }).then(json => {\n this.setState({proposalAnswered: json.activity_application_status_id === ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID});\n swal(\"Réussite\", \"Proposition acceptée\", \"success\");\n });\n }\n\n handleProcessModifyApplication(content) {\n api.set()\n .error(() => {\n swal({\n title: \"Erreur lors de l'envoi du commentaire\",\n type: \"error\",\n });\n })\n .post(\"/comments\", {\n commentable_id: this.state.preApplicationActivity.activity_application_id,\n commentable_type: \"ActivityApplication\",\n user_id: this.props.current_user.id,\n content: content,\n }, {});\n }\n\n render() {\n const {\n pre_application_activity,\n user,\n } = this.props;\n\n let actionLabel = \"\";\n if (this.state.preApplicationActivity.activity_application &&\n this.state.preApplicationActivity.activity_application.activity_application_status &&\n _.includes(\n [\"Cours attribué\", \"Cours en attente\", \"Proposition acceptée\", \"Proposition refusée\", \"Cours proposé\"],\n this.state.preApplicationActivity.activity_application.activity_application_status.label\n )\n ) {\n actionLabel = \"Traitée\";\n\n if (this.state.preApplicationActivity.activity_application.activity_application_status.label === \"Proposition acceptée\")\n actionLabel = \"Proposition acceptée\";\n\n if (this.state.preApplicationActivity.activity_application.activity_application_status.label === \"Proposition refusée\")\n actionLabel = \"Proposition refusée\";\n\n if (this.state.preApplicationActivity.activity_application.activity_application_status.label === \"Cours proposé\")\n actionLabel = \"Cours proposé\";\n } else {\n actionLabel = \"En attente\";\n\n if (this.state.preApplicationActivity.action) {\n if (this.state.preApplicationActivity.action === \"stop\")\n actionLabel = \"Arrêt\";\n else\n actionLabel = \"En traitement\";\n }\n }\n\n /**\n * Affichage du créneau\n */\n let activityDetails = \"\";\n let activityState = _.get(this.props, \"pre_application_activity.next_activity\");\n\n if (activityState !== undefined && activityState !== null) {\n let dayLabel = moment(activityState.time_interval.start).format('dddd')\n activityDetails = \n ;\n }\n\n let activity_application_status_id = _.get(this.state, \"preApplicationActivity.activity_application.activity_application_status_id\");\n\n let activityApplicationId = this.state.preApplicationActivity.activity_application.id.toString();\n let paddedActivityApplicationId = activityApplicationId.padStart(3, '0');\n\n /**\n * Affichage du nom de l'activité\n */\n const desired_activities = _.get(this.props, \"pre_application_activity.activity_application.desired_activities\") || [];\n let activityDisplayName = \"Activité inconnue\";\n\n if (activityState && activityState.activity_ref_id) {\n const desiredActivity = desired_activities.find(d => d.activity_ref_id === activityState.activity_ref_id);\n activityDisplayName = desiredActivity ? desiredActivity.activity_ref.display_name : \"Activité inconnue\";\n } else if (desired_activities[0]) {\n activityDisplayName = desired_activities[0].activity_ref.display_name;\n }\n return (\n \n this.closeAssignationRefusedModal()}\n className=\"activity-modal\"\n ariaHideApp={false}\n contentLabel=\"Inscription Activité\"\n >\n this.closeAssignationRefusedModal()}\n className=\"btn btn-white\"\n >\n Retour\n \n \n this.handleProcessRefusedAssignationActivity()\n }\n className=\"btn btn-primary pull-right\"\n >\n Je confirme\n \n \n\n this.closeAssignationAcceptedModal()}\n className=\"modal-sm\"\n ariaHideApp={false}\n contentLabel=\"Inscription Activité\"\n >\n this.closeAssignationAcceptedModal()}\n className=\"btn btn-white\"\n >\n Retour\n \n \n this.handleProcessAcceptedAssignationActivity()\n }\n className=\"btn btn-primary pull-right\"\n >\n Je confirme\n \n \n\n \n );\n }\n}\n\nexport default RenewActivityItem;\n","import React from \"react\";\n\nfunction renderActivityAction(actionLabel) {\n switch (actionLabel) {\n case \"Proposition acceptée\":\n return (\n \n \n );\n case \"Cours proposé\":\n return (\n \n \n );\n case \"Proposition refusée\":\n return (\n \n \n );\n case \"Traitée\":\n return (\n \n \n );\n case \"En traitement\":\n return (\n \n \n );\n case \"Arrêt\":\n return (\n \n \n );\n case \"Current\":\n return (\n \n \n );\n case \"En cours de traitement\":\n return (\n \n \n );\n case \"Unsatisfied\":\n return (\n \n \n );\n default:\n return (\n \n \n );\n }\n}\n\nexport default renderActivityAction;","import React from \"react\";\nimport {Field} from \"react-final-form\";\n\nimport Checkbox from \"../common/Checkbox\";\nimport Radio from \"../common/Radio\";\nimport {FormSpy} from \"react-final-form\";\n\nconst AllowsTimeslotSelectionButtonGroup = ({forcedValue}) => {\n return (\n \n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n );\n }\n}\n\nexport default ActivityRefImageUpload;\n","import React, { Fragment } from \"react\";\nimport Input from \"../common/Input\";\nimport { required } from \"../../tools/validators\";\nimport { Field } from \"react-final-form\";\nimport Select from \"react-select\";\n\nexport default class ActivityRefPricingModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n pricingCategories: [],\n seasons: [],\n selectedPricingCategory: null,\n selectedFrom: null,\n selectedTo: null,\n }\n }\n\n componentDidMount() {\n const { seasons, pricingCategories, isUpdate, item } = this.props;\n\n const mappedSeasons = seasons\n .map(season => ({ value: season.id, label: season.label }))\n .sort((a, b) => a.label.localeCompare(b.label));\n const mappedPricingCategories = pricingCategories.map(pricingCategory => ({\n value: pricingCategory.id,\n label: pricingCategory.name\n }));\n\n this.setState({ seasons: mappedSeasons, pricingCategories: mappedPricingCategories });\n\n if (isUpdate) {\n const selectedPricingCategory = this.findSelectedOption(mappedPricingCategories, item.pricing_category.id);\n const selectedFrom = this.findSelectedOption(mappedSeasons, item.from_season_id);\n const selectedTo = this.findSelectedOption(mappedSeasons, item.to_season_id);\n\n this.setState({ selectedPricingCategory, selectedFrom, selectedTo });\n }\n }\n\n\n ReactSelectAdapter = ({ input, ...rest }) => (\n \n );\n\n findSelectedOption = (options, value) => {\n return options.find(option => option.value === value) || null;\n };\n\n render() {\n const { pricingCategories, seasons, selectedPricingCategory, selectedFrom, selectedTo} = this.state;\n const { isUpdate } = this.props;\n\n if (isUpdate) {\n if (!selectedPricingCategory || !selectedFrom) {\n return \"loading\";\n }\n }\n\n return (\n \n \n );\n }\n}\n","import React, { Fragment } from \"react\";\nimport {csrfToken} from \"../utils\";\nimport Select from \"react-select\";\nimport { Field } from \"react-final-form\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport { required } from \"../../tools/validators\";\nimport SelectMultiple from \"../common/SelectMultiple\";\n\nexport default class ActivityRefTeachers extends React.Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n teachers: props.teachers,\n all_teachers: []\n }\n }\n\n componentDidMount()\n {\n fetch(\"/teachers/index\", {\n method: \"get\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Accept\": \"application/json\"\n }\n })\n .then(res => res.json())\n .then(json =>\n {\n this.setState({ all_teachers: json.map(t => ({ id: t.id, last_name: t.last_name, first_name: t.first_name})) });\n });\n }\n\n render()\n {\n return
\n \n\n \n );\n }\n }\n\n render() {\n\n const { loading } = this.state;\n return (\n \n
\n\n\n \n Récapitulatif de la demande\n
\n\n\n\n {/*Elève*/}\n
\n \n \n
\n\n {/*Informations personnelles*/}\n \n
\n \n {application.user.first_name}{\" \"}\n {application.user.last_name}\n
\n\n
\n\n {/*Coordonnées personnelles*/}\n \n Informations personnelles\n
\n\n
\n \n
\n Date de naissance
\n\n {moment(application.user.birthday).format(\n \"DD/MM/YYYY\",\n )}\n
\n\n
\n\n {/*Contacts*/}\n {(hasContacts(legalReferents) || hasContacts(accompanying) || hasContacts(emergencyContacts)) && (\n \n Coordonnées personnelles\n
\n\n\n
\n \n
\n Adresse(s)
\n {_.map(application.infos.addresses, (address, i) => (\n\n
\n ))}\n \n {address.street_address}
\n {address.postcode} {address.city}
\n
\n {_.map(_.filter(application.infos.telephones, p => p.label && p.number), (p, i) => (\n
\n \n
\n ))}\n Télephone {p.label}:
\n{p.number}
\n\n
\n )}\n\n {/*Activités sélectionnées*/}\n \n Contacts\n
\n\n
\n \n
\n \n
\n Représentant légal
\n\n {legalReferents.map(p => p.name).join(\", \")}\n
\n\n
\n Accompagnant
\n\n {accompanying.map(p => p.name).join(\", \")}\n
\n\n
\n Contact d'urgence
\n\n {emergencyContacts.map(p => p.name).join(\", \")}\n
\n\n
\n\n {/*Disponibilités*/}\n {showTimePreferences ? (\n \n Activités sélectionnées\n
\n\n
\n \n
\n ) : null}\n\n {/*Evaluations*/}\n {selectedEvaluations.length > 0 && _.size(application.selectedEvaluationIntervals) > 0 ? (\n \n Disponibilités\n
\n {preferencesArray.map((pref, index) => (\n\n \n
\n\n ) : null}\n\n {/*Préférence de paiement*/}\n {paymentTerms.length > 0 ? (\n \n Evaluation de niveau\n
\n\n
\n ) : null}\n\n\n \n Préférence de paiement\n
\n\n
\n \n
\n \n
\n Echéancier
\n{selectedPaymentScheduleOption}
\n\n
\n Moyen de paiement
\n{selectedPaymentMethod}
\n\n
\n Payeur(s)
\n\n {payersList.map(p => p.name).join(\", \")}\n
\n\n
\n\n \n\n \n Commentaire\n
\n\n \n
\n \n \n
\n \n
\n \n \n )\n}\n","import React, {Fragment} from \"react\";\nimport _ from \"lodash\";\nimport moment from \"moment/moment\";\nimport renderActivityAction from \"./renderActivityAction\";\nimport * as ActivityApplicationStatus from \"../utils/ActivityApplicationsStatuses\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\nimport Modal from \"react-modal\";\nimport AnswerProposal from \"./AnswerProposal\";\nimport CancelApplication from \"./CancelApplication\";\nimport EditApplication from \"./EditApplication\";\nimport * as api from \"../../tools/api\";\n\nclass NewActivityItem extends React.Component {\n constructor(props) {\n super(props);\n\n const activity_application_status_id = _.get(this.props, \"new_activity_application.activity_application_status_id\");\n\n this.state = {\n preApplicationActivity: this.props.new_activity_application,\n isAssignationRefusedModalOpen: false,\n isAssignationAcceptedModalOpen: false,\n reasonOfRefusal: \"\",\n proposalAnswered: (activity_application_status_id === ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID\n || activity_application_status_id === ActivityApplicationStatus.PROPOSAL_REFUSED_ID),\n activityApplicationId: this.props.new_activity_application.id || this.props.new_activity_application.desired_activities[0].activity_application_id\n }\n this.updateReasonRefused = this.updateReasonRefused.bind(this);\n this.handleProcessModifyApplication = this.handleProcessModifyApplication.bind(this);\n }\n\n openAssignationRefusedModal() {\n this.setState({isAssignationRefusedModalOpen: true});\n }\n\n closeAssignationRefusedModal() {\n this.setState({isAssignationRefusedModalOpen: false});\n }\n\n openAssignationAcceptedModal() {\n this.setState({isAssignationAcceptedModalOpen: true});\n }\n\n closeAssignationAcceptedModal() {\n this.setState({isAssignationAcceptedModalOpen: false});\n }\n\n updateReasonRefused(event) {\n this.setState({reasonOfRefusal: event.target.value});\n }\n\n handleProcessRefusedAssignationActivity() {\n this.closeAssignationRefusedModal();\n\n let application = {\n activity_application_status_id: ActivityApplicationStatus.PROPOSAL_REFUSED_ID\n }\n\n fetch(\n `/inscriptions/${this.state.activityApplicationId}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n\n body: JSON.stringify({\n application: application,\n id: this.props.new_activity_application.activity_application_id,\n activity_application: this.props.new_activity_application.activity_application,\n reason_of_refusal: this.state.reasonOfRefusal\n }),\n }\n ).then(response => {\n if (!response.ok)\n swal(\"Erreur\", \"Erreur lors de l'acheminement\", \"error\")\n\n return response.json()\n }).then(json => {\n this.setState({proposalAnswered: json.activity_application_status_id === ActivityApplicationStatus.PROPOSAL_REFUSED_ID});\n swal(\"Proposition refusée\", \"Les raisons ont été communiquées\", \"info\")\n });\n }\n\n handleProcessAcceptedAssignationActivity() {\n this.closeAssignationAcceptedModal();\n\n let application = {\n activity_application_status_id: ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID\n }\n\n fetch(\n `/inscriptions/${this.state.activityApplicationId}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n\n body: JSON.stringify({\n application: application,\n id: this.props.new_activity_application.activity_application_id,\n activity_application: this.props.new_activity_application.activity_application\n }),\n }\n ).then(response => {\n if (!response.ok)\n swal(\"Erreur\", \"Erreur lors de l'acheminement\", \"error\")\n\n return response.json()\n }).then(json => {\n this.setState({proposalAnswered: json.activity_application_status_id === ActivityApplicationStatus.PROPOSAL_ACCEPTED_ID});\n swal(\"Réussite\", \"Proposition acceptée\", \"success\");\n });\n }\n\n handleProcessModifyApplication(content) {\n api.set()\n .error(() => {\n swal({\n title: \"Erreur lors de l'envoi du commentaire\",\n type: \"error\",\n });\n })\n .post(\"/comments\", {\n commentable_id: this.props.new_activity_application.id,\n commentable_type: \"ActivityApplication\",\n user_id: this.props.current_user.id,\n content: content,\n }, {});\n }\n\n render()\n {\n const activity_application_status_id = _.get(this.props, \"new_activity_application.activity_application_status_id\");\n\n let actionLabel = \"\";\n if (this.props.new_activity_application &&\n this.props.new_activity_application.activity_application_status &&\n _.includes(\n [\"Cours attribué\", \"Cours en attente\", \"Proposition acceptée\", \"Proposition refusée\", \"Cours proposé\", \"En cours de traitement\"],\n this.props.new_activity_application.activity_application_status.label\n )\n ) {\n actionLabel = \"Traitée\";\n if (this.props.new_activity_application.activity_application_status.label === \"Proposition acceptée\")\n actionLabel = \"Proposition acceptée\";\n\n if (this.props.new_activity_application.activity_application_status.label === \"Proposition refusée\")\n actionLabel = \"Proposition refusée\";\n\n if (this.props.new_activity_application.activity_application_status.label === \"Cours proposé\")\n actionLabel = \"Cours proposé\";\n\n if (this.props.new_activity_application.activity_application_status.label === \"En cours de traitement\")\n actionLabel = \"En cours de traitement\";\n } else {\n actionLabel = \"En attente\";\n }\n\n /**\n * Affichage du jour, créneau, professeur, et salle\n */\n\n const desiredActivities = _.get(this.props, \"new_activity_application.desired_activities\");\n\n let activityApplicationId = this.state.activityApplicationId.toString();\n let paddedActivityApplicationId = activityApplicationId.padStart(3, '0');\n\n return (\n \n Votre demande d'inscription a bien été modifiée\n
\nNous avons bien pris en compte les modifications de votre demande\n d'inscription.
\n\n \n
\n \n {\n desiredActivities.map((desiredActivity, i) =>\n {\n const activity = desiredActivity.activity;\n const dayLabel = activity ? moment(activity.time_interval.start).format('dddd') : undefined;\n\n return \n
: undefined}\n \n })\n }\n\n\n
\n\n \n
\n\n {i < desiredActivities.length - 1 ? \n {i === 0 && (this.props.current_user || {}).is_admin ?\n {`#${paddedActivityApplicationId}`} : null}\n
\n\n {i === 0 ? {desiredActivity.activity_ref.label}
\n {\n activity &&\n
\n }\n \n {dayLabel.charAt(0).toUpperCase() + dayLabel.slice(1)} de \n {moment(activity.time_interval.start).format(\"HH:mm\")} à \n {moment(activity.time_interval.end).format(\"HH:mm\")}\n {activity.room && activity.room.label &&\n
Avec {activity.teacher.first_name} {activity.teacher.last_name}
\n\n {renderActivityAction(actionLabel)}\n
: undefined}\n : undefined}\n
\n
\n \n this.openAssignationRefusedModal()}\n openAssignationAcceptedModal={() => this.openAssignationAcceptedModal()}\n />\n
\n\n\n {activity_application_status_id === this.props.default_activity_status_id && (\n \n
\n )}\n \n Refus de l'activité\n
\n\n
\n \n \n
\n \n Êtes vous sûr d'accepter la proposition ?\n
\n\n
\n \n {this.props.confirm_activity_text ?\n
\n {this.props.confirm_activity_text}
: \"\"\n }\n\n {dayLabel.charAt(0).toUpperCase() + dayLabel.slice(1)} de \n {moment(activityState.time_interval.start).format('HH:mm')} à \n {moment(activityState.time_interval.end).format('HH:mm')}\n
\nAvec {activityState.teacher.firstname} {activityState.teacher.lastname}
\n\n
\n\n \n
\n\n\n \n {(this.props.current_user || {}).is_admin ? {`#${paddedActivityApplicationId}`} : null}\n
\n {activityDisplayName}
\n{activityDetails}
\n \n {renderActivityAction(actionLabel)}\n
\n \n
\n \n this.openAssignationRefusedModal()}\n openAssignationAcceptedModal={() => this.openAssignationAcceptedModal()}\n />\n
\n\n\n {activity_application_status_id === this.props.default_activity_status_id &&\n \n
}\n \n Refus de l'activité\n
\n\n
\n \n \n
\n \n Êtes vous sûr d'accepter la proposition ?\n
\n\n
\n \n {this.props.confirm_activity_text ?\n
\n {this.props.confirm_activity_text}
: \"\"\n }\n\n Proposition acceptée\n
\n \n Cours proposé\n
\n \n Proposition refusée\n
\n \n Cours attribué\n
\n \n En attente de traitement\n
\n \n Arrêt\n
\n \n Cours actuel\n
\n \n En cours\n
\n \n Demande non satisfaite\n
\n \n En attente de traitement\n
\n \n
\n );\n}\n\nexport default class ActivityRefApplication extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n tabs: []\n }\n }\n\n onSubmit() {\n alert(\"on submit\");\n }\n\n render() {\n return (\n \n
\n\n
\n );\n }\n}","import React from \"react\";\nimport { csrfToken } from \"../utils\";\nimport swal from \"sweetalert2\";\nimport { Form, Field, FormSpy } from \"react-final-form\";\nimport Input from \"../common/Input\";\nimport InputSelect from \"../common/InputSelect\";\nimport DragAndDrop from \"../editParameters/DragAndDrop\";\nimport BaseDataTable from \"../common/baseDataTable/BaseDataTable\";\nimport ActivityRefPricingModal from \"./ActivityRefPricingModal\";\nimport DefaultActionButtons from \"../common/baseDataTable/DefaultActionButtons\";\nimport DefaultCreateButton from \"../common/baseDataTable/DefaultCreateButton\";\nimport * as api from \"../../tools/api\";\nimport ActivityRefDataService from \"./ActivityRefDataService\";\nimport NewActivityRefDataService from \"./NewActivityRefDataService\";\n\nconst required = value => (value ? undefined : 'requis')\nconst mustBeNumber = value => ((value!==undefined && isNaN(value)) ? 'doit être un nombre' : undefined)\nconst mustBeInteger = value => (!Number.isInteger(Number(value)) ? 'doit être un entier' : undefined)\nconst mustBeIntegerOrUndefined = value => ((value!==undefined && !Number.isInteger(Number(value))) ? 'doit être un entier' : undefined)\nconst minValue = min => value =>\n isNaN(value) || value >= min ? undefined : `doit être supérieur à ${min}`\nconst composeValidators = (...validators) => value =>\n validators.reduce((error, validator) => error || validator(value), undefined)\n\n\nexport default class ActivityRefBasics extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n tabs: [],\n activityRefKinds: this.props.activityRefKinds.map(ark => { return { value: ark[1], label: ark[0] } }),\n seasons: [],\n pricingCategories: [],\n activityRefPricings: [],\n packs: [],\n }\n\n this.activityTypes = this.props.activityTypes\n this.addKind = this.addKind.bind(this);\n this.fetchSeasonsAndPricings();\n this.handleSaveForNewActivity = this.handleSaveForNewActivity.bind(this);\n this.handleUpdateForNewActivity = this.handleUpdateForNewActivity.bind(this);\n this.handleDeleteForNewActivity = this.handleDeleteForNewActivity.bind(this);\n }\n\n addKind()\n {\n swal({\n title: 'Ajouter une famille d\\'activité',\n input: 'text',\n showCancelButton: true,\n confirmButtonText: 'Ajouter',\n showLoaderOnConfirm: true,\n preConfirm: async (text) =>\n {\n const response = await fetch('/activity_ref_kinds', {\n method: 'POST',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': csrfToken\n },\n body: JSON.stringify({ activity_ref_kind: { name: text } })\n });\n\n const data = await response.json();\n\n if (data.message !== undefined && data.message !== \"ok\") {\n swal.showValidationMessage(\n data.message\n )\n }\n\n return data\n }\n }).then(res =>\n {\n const value = (res.value || {}).value;\n\n if (value)\n {\n this.setState({ activityRefKinds: [...this.state.activityRefKinds, { value: value.id, label: value.name }] })\n }\n });\n }\n\n fetchSeasonsAndPricings = () => {\n api.set()\n .success(res => {\n this.setState({\n seasons: res.seasons,\n pricingCategories: res.pricing_categories,\n activityRefPricings: this.props.activityRef.id === null ? [] : res.activity_ref_pricings,\n packs: res.packs\n })\n })\n .error(res => {\n swal(\"Une erreur est survenue lors de la récupération des saisons ou des catégories de prix\", res.error, \"error\");\n })\n .get(\"/activity_ref_pricings/get_seasons_and_pricing_categories\", {});\n }\n\n handleSaveForNewActivity(pricingCategory) {\n this.props.addPricingCategoriesToSave(pricingCategory);\n }\n\n handleUpdateForNewActivity(pricingCategory) {\n this.props.updatePricingCategoriesToSave(pricingCategory);\n }\n\n handleDeleteForNewActivity(pricingCategory) {\n this.props.deletePricingCategoriesToSave(pricingCategory);\n }\n\n CreateButton({onCreate}) {\n return (\n \n\n
\n
\n\n Réinscription
\n \n\n Sélectionner plusieurs activités avec CTRL.
\n Sélectionner la totalité entre deux activités avec MAJ/SHIFT.
\n Vous pouvez combiner CTRL et MAJ/SHIFT.\n
\n
\n\n\n Visibilité
\n\n \n {({values}) => {\n if (values.substitutable === \"true\") {\n return \n }\n return null\n }}\n \n\n \n {({values}) => {\n if (values.substitutable === \"false\") {\n return \n
\n\n\n Choix des activités
\n\n\n
\n\n\n Evaluation
\n\n Loading...\n
\n } else {\n const columns = [\n {\n id: \"pricing_name\",\n Header: \"Nom\",\n accessor: \"pricing_category.name\",\n },\n {\n id: \"activity_quantity\",\n Header: \"Nombre de cours\",\n accessor: \"pricing_category.number_lessons\",\n },\n {\n id: \"amount\",\n Header: \"Tarif en €\",\n accessor: \"price\",\n },\n {\n id: \"selectedSeasons\",\n Header: \"Saisons concernées\",\n Cell: row => {\n const seasonStart = this.state.seasons.find(s => s.id === row.original.from_season_id);\n const seasonEnd = row.original.to_season_id !== undefined ? this.state.seasons.find(s => s.id === row.original.to_season_id) : null;\n return seasonEnd !== undefined ? seasonStart.label + \" > \" + seasonEnd.label : seasonStart.label + \" > ...\";\n }\n },\n ];\n\n const {activityRef} = this.props;\n let dataService = null;\n\n if (activityRef.id !== null)\n // si l'activité existe déjà, on utilise le dataService classique\n dataService = new ActivityRefDataService(activityRef.id, this.state.packs);\n else\n // sinon, on utilise le dataService pour les nouvelles activités\n dataService = new NewActivityRefDataService(this.handleSaveForNewActivity, this.handleUpdateForNewActivity, this.handleDeleteForNewActivity, this.state.activityRefPricings, this.state.pricingCategories);\n\n return (\n \n
\n
\n\n
\n );\n }\n }\n}","import React from \"react\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\nimport ActivityRefBasics from \"./ActivityRefBasics\";\nimport ActivityRefApplication from \"./ActivityRefApplication\";\nimport TabbedComponent from \"../utils/ui/tabs\";\nimport WorkGroupTemplateEditor from \"./WorkGroupTemplateEditor\";\nimport {Form, Field, FormSpy} from \"react-final-form\";\nimport * as api from \"../../tools/api.js\";\nimport {redirectTo} from \"../../tools/url\";\nimport ActivityRefTeachers from \"./ActivityRefTeachers\";\nimport arrayMutators from \"final-form-arrays\";\n\n\nexport default class ActivityRefContainer extends React.Component {\n constructor(props) {\n super(props);\n const applicationOptions = this.buildApplicationOptions(this.props.activityRef);\n\n this.initialValues = {\n activityRef: this.props.activityRef,\n applicationOptions,\n substitutable: this.props.activityRef.substitutable.toString(),\n allowsTimeslotSelection:\n this.props.activityRef.allows_timeslot_selection === null ?\n \"false\" :\n this.props.activityRef.allows_timeslot_selection.toString(),\n nextCycles: this.props.nextCycles,\n teachers: this.props.teachers.map(t => t.id),\n };\n\n this.instruments = _(props.activityInstruments)\n .groupBy(\"id\")\n .mapValues(_.size)\n .value();\n\n this.teachers = this.props.teachers;\n this.imageChanged = false;\n this.route =\n this.props.postTo === \"update\" ?\n `/activity_ref/${this.props.activityRef.id}/update`\n : `/activity_ref`;\n\n this.state = {\n pricingCategoriesToSave: [],\n };\n }\n\n buildApplicationOptions(activityRef) {\n const options = [];\n\n activityRef.has_additional_student && options.push(\"has_additional_student\");\n activityRef.is_lesson && options.push(\"is_lesson\");\n activityRef.is_visible_to_admin && options.push(\"is_visible_to_admin\");\n activityRef.is_unpopular && options.push(\"is_unpopular\");\n activityRef.is_evaluable && options.push(\"is_evaluable\");\n\n return options;\n }\n\n addPricingCategoriesToSave(pricing) {\n // on ajoute le pricing à la liste des pricings à sauvegarder\n this.setState({\n pricingCategoriesToSave: [...this.state.pricingCategoriesToSave, pricing],\n });\n }\n\n updatePricingCategoriesToSave(updatedPricing) {\n // on met à jour le pricing dans la liste des pricings à sauvegarder\n this.setState({\n pricingCategoriesToSave: this.state.pricingCategoriesToSave.map(pricing => {\n if (pricing.id === updatedPricing.id) {\n return updatedPricing;\n }\n return pricing;\n }),\n });\n }\n\n deletePricingCategoriesToSave(pricing) {\n // on supprime le pricing de la liste des pricings à sauvegarder\n this.setState({\n pricingCategoriesToSave: this.state.pricingCategoriesToSave.filter(p => p.id !== pricing.id),\n });\n }\n\n onWorkgroupChange({values}) {\n this.instruments = values;\n }\n\n\n /**\n * @param {[]} teachers\n */\n onTeachersChange(teachers) {\n this.teachers = teachers;\n }\n\n sendImage(activityRefId) {\n let formData = new FormData();\n formData.append(\"picture\", this.image);\n\n fetch(`/activity_ref/${activityRefId}/picture`, {\n method: \"post\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData,\n }).then(res => {\n if (res.ok) {\n res.json().then(json => {\n redirectTo(\"/activity_ref\");\n swal({\n type: \"success\",\n title: \"Enregistrement effectué\",\n });\n });\n } else {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n });\n }\n });\n\n }\n\n onSubmit(values) {\n\n // on prépare les valeurs pour envoi à l'API\n var activityRef = {\n id: this.props.activityRef.id,\n label: values.activityRef.label,\n activity_ref_kind_id: values.activityRef.activity_ref_kind_id,\n occupation_limit: values.activityRef.occupation_limit,\n occupation_hard_limit: values.activityRef.occupation_hard_limit,\n from_age: values.activityRef.from_age,\n to_age: values.activityRef.to_age,\n activity_type: values.activityRef.activity_type || \"\",\n nb_lessons: values.activityRef.nb_lessons || null,\n next_cycles: values.nextCycles,\n has_additional_student: values.applicationOptions.includes(\"has_additional_student\"),\n is_lesson: values.applicationOptions.includes(\"is_lesson\"),\n is_visible_to_admin: values.applicationOptions.includes(\"is_visible_to_admin\"),\n is_unpopular: values.applicationOptions.includes(\"is_unpopular\"),\n is_evaluable: values.applicationOptions.includes(\"is_evaluable\"),\n allows_timeslot_selection: values.allowsTimeslotSelection === \"true\",\n substitutable: values.substitutable === \"true\",\n is_work_group: values.activityRef.is_work_group,\n instruments: this.instruments,\n users: values.teachers,\n pricings: this.state.pricingCategoriesToSave,\n duration: values.activityRef.duration,\n };\n\n api\n .set()\n .success((res) => {\n if (this.imageChanged) {\n const activityRefId =\n this.props.postTo == \"create\" ?\n res.activityRefId\n : activityRef.id;\n\n this.sendImage(activityRefId);\n\n } else {\n redirectTo(\"/activity_ref\");\n swal({\n type: \"success\",\n title: \"Enregistrement effectué\",\n });\n }\n\n })\n .error((msg) => {\n console.log(\"error updating activity ref : \", msg);\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n });\n\n })\n .post(this.route, {activity_ref: activityRef});\n\n }\n\n onValidate(values) {\n\n const errors = {};\n\n if (isIntStrInf(values.activityRef.occupation_hard_limit, values.activityRef.occupation_limit))\n {\n errors.activityRef = errors.activityRef || {};\n\n errors.activityRef.occupation_hard_limit = \"doit être supérieur au nombre de places\";\n }\n\n if (isIntStrInf(values.activityRef.to_age, values.activityRef.from_age))\n {\n errors.activityRef = errors.activityRef || {};\n\n errors.activityRef.to_age = \"doit être supérieur à l'âge min\";\n }\n\n if(!values.teachers || values.teachers.length === 0)\n errors.teachers = \"doit être renseigné\";\n\n return errors;\n }\n\n onImageChange(file) {\n this.image = file;\n this.imageChanged = true;\n }\n\n render() {\n return (\n \n
\n this.props.onImageChange ? this.props.onImageChange(f) : \"\"}\n acceptedTypes={\"image/jpeg, image/png, image/jpg\"}\n textDisplayed={\"Pour ajouter une image, déposez un fichier ici ou\"}/>\n
\n\n \n\n
\n\n \n
\n\n \n : undefined}\n options={this.state.activityRefKinds}\n render={InputSelect}\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 Vous pouvez paramétrer un nombre de séances et un tarif pour votre\n activité
\n\n
\n\n {/**/}\n {/*
*/}\n {/*
*/}\n */}\n {/*
\n (\n \n )}\n />\n\n
\n );\n }\n}\n\nfunction isIntStrInf(str1, str2) {\n return (intOrUndefined(str1) || str1) < (intOrUndefined(str2) || str2);\n}\n\nfunction intOrUndefined(str) {\n const val = parseInt(str);\n\n return isNaN(val) ? undefined : val;\n}","import DataService from \"../common/baseDataTable/DataService\";\nimport * as api from \"../../tools/api\";\n\nexport default class ActivityRefDataService extends DataService\n{\n constructor(activity_ref_id, packs) {\n super(\"/activity_ref_pricings\");\n\n this.activity_ref_id = activity_ref_id;\n this.packs = packs;\n }\n\n listData(filter, format) {\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .post(\n `${this.urlListData}${format ? \".\" + format : \"\"}`,\n {\n pageSize: filter.pageSize,\n page: filter.page,\n sorted: filter.sorted[0],\n filtered: filter.filtered,\n activity_ref_id: this.activity_ref_id\n }\n );\n });\n }\n\n createData(data) {\n data.activity_ref_id = this.activity_ref_id;\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .post(`${this.urlRootData}`, data);\n });\n }\n\n updateData(data) {\n const {id, ...rest} = data;\n return new Promise((resolve, reject) => {\n api.set()\n .success(\n () => {\n data.to_season_id = data.toSeason.value || null;\n data.from_season_id = data.fromSeason.value || null;\n resolve(data);\n }\n\n )\n .error(reject)\n .put(`${this.urlRootData}/${id}`, rest);\n });\n }\n\n deleteData(activity_ref_pricing) {\n const isInUse = this.packs.some(pack => pack.activity_ref_pricing_id === activity_ref_pricing.id);\n\n return new Promise((resolve, reject) => {\n if (isInUse) {\n reject({\n status: 400,\n message: \"Cette tarification est utilisée par un ou plusieurs élève(s). Vous ne pouvez pas la supprimer.\"\n });\n } else {\n api.set()\n .success(resolve)\n .error(reject)\n .del(`${this.urlRootData}/${activity_ref_pricing.id}`);\n }\n });\n }\n\n}","import React from \"react\";\nimport _ from \"lodash\";\n\nimport Dropzone from \"react-dropzone\";\n\nclass ActivityRefImageUpload extends React.Component {\n constructor(props) {\n super(props);\n\n this.onDrop = this.onDrop.bind(this);\n }\n\n onDrop(acceptedFiles, rejectedFiles) {\n let formPayLoad = new FormData();\n\n if (acceptedFiles.length)\n formPayLoad.append(\"avatar\", _.head(acceptedFiles));\n\n console.log(`j'envoie le fichier ${acceptedFiles}`)\n // fetch(`/users/${this.props.userId}/upload_avatar`, {\n // method: \"post\",\n // credentials: \"same-origin\",\n // headers: {\n // \"X-CSRF-Token\": csrfToken,\n // // \"Content-Type\": \"application/form-data\",\n // pragma: \"no-cache\",\n // },\n // body: formPayLoad,\n // }).then(() => {\n // window.location.reload();\n // });\n }\n\n render() {\n return (\n \n
\n \n \n
\n\n \n \n
\n\n \n \n
\n\n \n \n
\n \n {this.state.all_teachers.length > 0 && [`${t.last_name} ${t.first_name}`, t.id])}\n features={this.state.teachers}\n mutators={this.props.mutators}\n />}\n\n\n
\n }\n}","import DataService from \"../common/baseDataTable/DataService\";\nimport * as api from \"../../tools/api\";\n\nexport default class ActivityRefDataService extends DataService\n{\n constructor(handleSaveForNewActivity, handleUpdateForNewActivity, handleDeleteForNewActivity, activityRefPricings, pricing_categories) {\n super(\"/activity_ref_pricings\");\n\n this.handleSaveForNewActivity = handleSaveForNewActivity;\n this.handleUpdateForNewActivity = handleUpdateForNewActivity;\n this.handleDeleteForNewActivity = handleDeleteForNewActivity;\n\n this.pricing_categories = pricing_categories;\n this.activityRefPricings = activityRefPricings;\n this.tempIdCounter = 1;\n\n this.createData = this.createData.bind(this);\n }\n\n listData(filter, format) {\n return new Promise((resolve, reject) => {\n\n return resolve({\n data: this.activityRefPricings,\n pages: 1,\n total: this.activityRefPricings.length\n });\n });\n }\n\n updateData(data) {\n // console.log(data)\n const updatedPricing = {\n \"id\": data.id,\n \"price\": data.price,\n \"from_season_id\": data.fromSeason.value,\n \"to_season_id\": data.toSeason.value,\n \"pricing_category\": {\n \"id\": data.pricing_category.id,\n \"name\": data.pricing_category.name,\n \"number_lessons\": data.pricing_category.number_lessons,\n \"is_a_pack\": data.pricing_category.is_a_pack,\n \"created_at\": data.pricing_category.created_at,\n \"updated_at\": data.pricing_category.updated_at\n }\n };\n\n // update the pricing in the activityRefPricings array\n let index = this.activityRefPricings.findIndex(arp => arp.id === data.id);\n this.activityRefPricings[index] = updatedPricing;\n\n // update the state of the parent component\n this.handleUpdateForNewActivity(updatedPricing);\n\n return new Promise((resolve, reject) => {\n return resolve({\n data: updatedPricing\n }\n );\n });\n }\n\n createData(data) {\n let pc = this.pricing_categories.find(pc => pc.name === data.name.label);\n\n console.log(data)\n\n const newPricing = {\n \"id\": this.tempIdCounter++, // temporary id\n \"price\": data.price,\n \"from_season_id\": data.fromSeason.value,\n \"to_season_id\": data.toSeason ? data.toSeason.value : null,\n \"pricing_category\": {\n \"id\": pc.id,\n \"name\": pc.name,\n \"number_lessons\": pc.number_lessons,\n \"is_a_pack\": pc.is_a_pack,\n \"created_at\": pc.created_at,\n \"updated_at\": pc.updated_at\n }\n };\n\n // add to pricing_categories the new pricing\n this.activityRefPricings.push(newPricing);\n\n // update the state of the parent component\n this.handleSaveForNewActivity(newPricing);\n\n return new Promise((resolve, reject) => {\n return resolve({\n data: newPricing\n });\n });\n }\n\n deleteData(data) {\n // remove the pricing from the activityRefPricings array\n let index = this.activityRefPricings.findIndex(arp => arp.id === data.id);\n this.activityRefPricings.splice(index, 1);\n\n // update the state of the parent component\n this.handleDeleteForNewActivity(data);\n\n return new Promise((resolve, reject) => {\n return resolve({\n data: this.activityRefPricings\n }\n );\n });\n }\n}","import React from \"react\";\nimport _ from \"lodash\";\nimport { Field, FormSpy } from \"react-final-form\";\nimport Checkbox from \"../common/Checkbox\";\n\nexport default class WorkGroupEditor2 extends React.Component {\n constructor(props) {\n super(props);\n\n // Values FORMAT : { [instrumentId (int)] : count (int) }\n const values = _(props.activityInstruments)\n .groupBy(\"id\")\n .mapValues(_.size)\n .value();\n\n this.state = {\n values,\n };\n }\n\n componentDidMount() {\n if (this.props.onChange) {\n this.props.onChange(this.state);\n }\n }\n\n componentDidUpdate() {\n if (this.props.onChange) {\n this.props.onChange(this.state);\n }\n }\n\n handleUpdateInstrumentCount(instrumentId, diff) {\n let newValues = { ...this.state.values };\n let newVal = (newValues[instrumentId] || 0) + diff;\n\n newValues[instrumentId] = newVal;\n\n // Remove instrument from values if count is null\n if (newVal <= 0) newValues = _.omit(newValues, instrumentId);\n\n this.setState({ values: newValues });\n }\n\n /*\n handleSave() {\n const { activityRefId } = this.props;\n const { values } = this.state;\n\n this.setState({ loading: true });\n\n api.set()\n .success(() => this.setState({ loading: false }))\n .patch(`/activity_refs/${activityRefId}/instruments`, {\n instruments: values,\n });\n }\n*/\n\n renderInstruments() {\n const { values } = this.state;\n const { instruments } = this.props;\n\n if (instruments.length == 0) {\n return Aucun instrument sauvegardé. Vous pouvez en créer en suivant ce lien.
;\n }\n else {\n return (\n\n\n
\n Modèle de groupe
\n\n\n\n \n \n
\n ))}\n Instruments
\n {instruments.map(i => (\n{i.label}
\n \n\n \n
\n );\n })}\n Rôles
\n {Object.entries(values).map(([instrumentId, count]) => {\n const instrument = instruments.find(\n i => i.id === parseInt(instrumentId)\n );\n\n return (\n\n {instrument.label}{\" \"}\n x{count}\n
\n \n \n\n\n \n {\n ({ values: { activityRef: { is_work_group } } }) => (\n is_work_group && this.renderInstruments()\n )\n }\n \n\n
\n );\n }\n}\n","import React from \"react\";\nimport { initializeElasticPlugin, initializeLang } from \"./utils.js\";\nimport { csrfToken } from \"../utils\";\nimport _ from \"lodash\";\n\nconst initializeQueryBuilder = element => {\n const filters = [\n {\n id: \"first_name\",\n label: \"Prénom\",\n type: \"string\",\n operators: [\"equal\", \"not_equal\"],\n },\n {\n id: \"last_name\",\n label: \"Nom\",\n type: \"string\",\n operators: [\"equal\", \"not_equal\"],\n },\n {\n id: \"age\",\n label: \"Age\",\n type: \"integer\",\n operators: [\n \"equal\",\n \"not_equal\",\n \"between\",\n \"not_between\",\n \"greater\",\n \"greater_or_equal\",\n \"less\",\n \"less_or_equal\",\n ],\n },\n {\n id: \"sex\",\n label: \"Sexe\",\n type: \"string\",\n input: \"checkbox\",\n values: {\n m: \"Masculin\",\n f: \"Feminin\",\n a: \"Autre\",\n },\n operators: [\"in\", \"not_in\"],\n },\n {\n id: \"handicap\",\n label: \"Situation handicap\",\n type: \"boolean\",\n input: \"radio\",\n values: {\n true: \"oui\",\n false: \"non\",\n },\n operators: [\"equal\", \"not_equal\"],\n },\n ];\n\n $(element).queryBuilder({\n filters,\n lang_code: \"fr\",\n icons: {\n add_group: \"fas fa-plus\",\n add_rule: \"fas fa-plus\",\n remove_group: \"fas fa-times\",\n remove_rule: \"fas fa-times\",\n error: \"fas fa-exclamation-triangle\",\n },\n plugins: {\n sortable: null,\n },\n });\n};\n\nclass AdvancedSearch extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n rules: {},\n results: [],\n count: 0,\n };\n }\n\n componentDidMount() {\n initializeElasticPlugin();\n initializeLang();\n initializeQueryBuilder(this.queryBuilder);\n }\n\n componentWillUnmount() {\n $(this.queryBuilder).queryBuilder(\"destroy\");\n }\n\n shouldComponentUpdate() {\n return false;\n }\n\n handleSetRulesClick() {\n const newRules = { ...defaultRules };\n newRules.rules[0].value = newRules.rules[0].value + 10;\n $(this.queryBuilder).queryBuilder(\"setRules\", newRules);\n this.setState({ rules: newRules });\n }\n\n handleGetRulesClick() {\n const rules = $(this.queryBuilder).queryBuilder(\"getESBool\");\n\n fetch('/advanced_query', {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({ query: rules }),\n })\n .then(response => response.json())\n .then(results => {\n this.setState({\n rules,\n results: results.results,\n count: results.count,\n });\n this.forceUpdate();\n });\n }\n\n render() {\n return \n
\n\n \n
\n \n
\n Recherche Avancée
\n\n {this.state.count} Results:\n - \n {_.map(this.state.results, (r, i) => (\n
- \n {r.adherent_number} {r.first_name} {r.last_name}\n \n ))}\n
\n Query:\n {JSON.stringify(this.state.rules, undefined, 2)}\n \n Commentaire
\n\n \n \n Annuler\n \n
\n ;\n }\n}\n","import React from \"react\";\nimport {checkStartEndTime, getNextWeekWithoutSunday} from \"../../tools/date\";\nimport {timeToDate} from \"../../tools/format\";\nimport {KINDS_LABEL} from \"../../tools/constants\";\n\nclass AvailabilityInput extends React.PureComponent {\n constructor(props) {\n super(props);\n\n const date = this.props.day ? new Date(this.props.day) : new Date();\n\n const options = getNextWeekWithoutSunday(date).sort(\n (a, b) => a.day - b.day\n );\n\n this.state = {\n weekday: options[0].value,\n start: \"08:00\",\n end: \"09:00\",\n options,\n kind: this.props.kinds[0],\n };\n\n this.handleHours = this.handleHours.bind(this);\n this.handleSelect = this.handleSelect.bind(this);\n this.handleAdd = this.handleAdd.bind(this);\n }\n\n handleSelect(e) {\n this.setState({[e.target.name]: e.target.value});\n }\n\n handleHours(e) {\n const start =\n e.target.name === \"start\" ? e.target.value : this.state.start;\n const end = e.target.name === \"end\" ? e.target.value : this.state.end;\n\n this.setState({start, end});\n }\n\n handleAdd() {\n const {\n weekday,\n start,\n end,\n kind,\n comment,\n } = this.state;\n\n this.props.onAdd({\n from: timeToDate(start, weekday),\n to: timeToDate(end, weekday),\n kind,\n comment,\n });\n }\n\n handleChangeComment(e) {\n this.setState({\n comment: e.target.value,\n });\n }\n\n render() {\n const {disabled, showDates, showComment, kinds} = this.props;\n const {start, end, weekday, options, kind} = this.state;\n\n const isInvalidInterval = !checkStartEndTime(start, end);\n\n return (\n \n {\n commentExists &&\n this.handleDeleteComment()}\n className=\"btn btn-warning m-r-sm\">\n \n \n }\n this.handleSaveComment()}>\n Enregistrer\n \n
\n \n \n {this.props.selectionLabels &&\n
\n\n {\n showComment && \n {this.props.selectionLabels.length === 1 ?\n
}\n Préférences horaires pour l'activité {this.props.selectionLabels[0]}
\n :\nPréférences horaires pour les activités ({this.props.selectionLabels.join(', ')})
\n }\n\n {kinds.length > 1 ? (\n
\n \n {kinds.map(k => (\n \n ))}\n
\n ) : null}\n\n \n \n {\"Jour\"}\n \n \n {options.map((opt, i) => (\n \n ))}\n \n
\n\n \n
\n\n \n \n \n {\"De\"}\n \n
\n \n \n \n {\"à\"}\n \n
\n \n \n Commentaire\n \n this.handleChangeComment(e)}/>\n
\n }\n\n \n \n {\"Créer la disponibilité\"}\n \n
\n \n \n );\n }\n}\n\nexport default AvailabilityInput;\n","import React, { Fragment } from \"react\";\nimport { toDate, toHourMin, displayLevel } from \"../../tools/format\";\nimport { WEEKDAYS } from \"../../tools/constants\";\nimport KindLegend from \"../common/KindLegend\";\n\nconst GroupedAvailabilities = ({\n intervals,\n canComment,\n onComment,\n onDelete,\n showActions,\n disabled,\n allowedKinds,\n}) => (\n \n {canComment ? (\n onComment(item.id)}\n >\n \n \n ) : null}\n {showActions &&\n !item.is_validated &&\n allowedKinds.includes(item.kind) ? (\n onDelete(item.tabId || item.id)}\n >\n \n \n ) : null}\n
\n \n ))}\n \n
\n );\n }\n}\n\nexport default AvailabilityList;\n","import React, {Fragment, PureComponent} from \"react\";\nimport * as api from \"../../tools/api\";\nimport AvailabilityInput from \"./AvailabilityInput\";\nimport AvailabilityList from \"./AvailabilityList\";\nimport ErrorList from \"../common/ErrorList\";\nimport WeekSelector from \"./WeekSelector\";\nimport {INTERVAL_KINDS} from \"../../tools/constants\";\nimport AvailabilityCommentModal from \"./AvailabilityCommentModal\";\nimport moment from \"moment\";\n\nconst kindsForSeason = [\n INTERVAL_KINDS.LESSON,\n INTERVAL_KINDS.OPTION,\n];\nconst kindsForEvaluation = [...kindsForSeason, INTERVAL_KINDS.EVALUATION];\nconst kindsForStudent = [INTERVAL_KINDS.AVAILABILITY];\n\nfunction addToken(url, token) {\n return `${url}${token ? `?auth_token=${token}` : \"\"}`;\n}\n\nclass AvailabilityManager extends PureComponent {\n constructor(props) {\n super(props);\n\n // State\n this.state = {\n errors: [],\n list: [],\n isFetching: false,\n\n selectedIntervalIdForComment: null,\n };\n\n // this bindings\n this.handleAdd = this.handleAdd.bind(this);\n this.handleDelete = this.handleDelete.bind(this);\n this.toggleFetching = this.toggleFetching.bind(this);\n this.updateCommentIntervalId = this.updateCommentIntervalId.bind(this);\n }\n\n componentDidMount() {\n this.setState({\n list: this.props.intervals,\n });\n }\n\n toggleFetching() {\n this.setState({isFetching: !this.state.isFetching, errors: []});\n }\n\n handleAdd(interval) {\n const getNewTabId = (list) => list.length > 0\n ? Math.max(...list.map(i => i.tabId !== undefined ? i.tabId : -1)) + 1\n : 0;\n\n if (this.props.planningId === undefined && this.props.disableLiveReload) {\n // new members in wizard mode\n const newTabId = getNewTabId(this.state.list);\n const newInterval = {\n start: new Date(interval.from).toISOString(),\n end: new Date(interval.to).toISOString(),\n kind: interval.kind,\n is_validated: false,\n created_at: undefined,\n updated_at: undefined,\n id: undefined,\n tabId: newTabId\n }\n\n this.setState(prevState => ({\n list: prevState.list.concat([newInterval]),\n isFetching: false,\n }), () => {\n this.props.onAdd([newInterval]);\n });\n } else {\n api.set()\n .before(this.toggleFetching)\n .success(data => {\n if (this.props.onAdd) {\n this.props.onAdd(data.intervals);\n }\n\n this.setState(prevState => ({\n list: prevState.list.concat(data.intervals.map(interval => ({\n ...interval,\n tabId: interval.id || getNewTabId(prevState.list),\n }))),\n isFetching: false,\n }));\n })\n .error(errors => this.setState({errors, isFetching: false}))\n .patch(addToken(`/plannings/availabilities/${this.props.planningId}${this.props.disableLiveReload ? \"/can_update\" : \"\"}`, this.props.authToken), {\n ...interval,\n season_id: this.props.seasonId,\n });\n }\n }\n\n handleDelete(ids) {\n this.toggleFetching();\n\n const intervalIds = Array.isArray(ids) ? ids : [ids];\n\n if (this.props.disableLiveReload) {\n const list = [...this.state.list];\n\n intervalIds.forEach(id => {\n const index = list.findIndex(interval => interval.tabId === id);\n if (index !== -1) {\n list.splice(index, 1);\n }\n });\n\n this.props.onDelete(list);\n this.setState({list, isFetching: false});\n } else {\n Promise.all(\n intervalIds.map(id => api.del(addToken(`/time_intervals/${id}`, this.props.authToken)))\n ).then(responses => {\n // Error handling\n const errors = [];\n const list = [...this.state.list];\n\n responses.forEach(resp => {\n if (resp.error) {\n errors.push(resp.error);\n } else if (resp.data) {\n list.splice(\n list.findIndex(\n interval => interval.id === resp.data.id\n ),\n 1\n );\n }\n });\n\n if (errors.length) {\n this.setState({errors, list, isFetching: false});\n } else {\n if (this.props.onDelete) {\n this.props.onDelete(list);\n }\n\n this.setState({list, isFetching: false});\n }\n });\n }\n }\n\n updateCommentIntervalId(selectedIntervalIdForComment) {\n this.setState({\n selectedIntervalIdForComment,\n });\n }\n\n updateInterval(newInterval) {\n const newList = _.keyBy(this.state.list, \"id\");\n newList[newInterval.id] = newInterval;\n\n this.setState({\n list: _.values(newList),\n selectedIntervalIdForComment: null,\n });\n }\n\n render() {\n const {\n day,\n seasonId,\n user,\n locked,\n isTeacher,\n planningId,\n forSeason,\n kinds,\n } = this.props;\n\n const {list, errors, isFetching, selectedIntervalIdForComment} = this.state;\n\n const selectedIntervalForComment = selectedIntervalIdForComment && this.state.list.find(i => i.id === selectedIntervalIdForComment);\n\n return (\n \n
\n \n {!showActions ? (\n \n ) : null}\n {\"Mes disponibilités\"}\n
\n\n
\n \n
\n\n {list.length === 0 ? {\"Aucune disponibilité\"}
: null}\n\n\n {Object.keys(groupedItems).map((weekday, i) => (\n \n \n ))}\n
\n \n
\n \n {WEEKDAYS[weekday]}\n\n {showActions && !(groupedItems[weekday].filter(d => !allowedKinds.includes(d.kind)).length > 0) ? (\n
\n\n \n \n this.handleDeleteAll(\n weekday\n )\n }\n >\n \n \n
\n ) : null}\n \n
\n \n {!locked ? (\n this.updateCommentIntervalId(null)}\n onSaved={i => this.updateInterval(i)}/>}\n
\n \n {!forSeason ? (\n
\n ) : null}\n\n \n
\n ) : null}\n\n \n
\n \n
\n\n {\"Choix de la semaine\"}
\n\n
\n \n \n
\n \n \n {buttonLabel}\n \n
\n {MESSAGES[meta.error]}
}\n\n \n touched && error ? {MESSAGES[error]} : null\n }/>\n
\n );\n};\n\nexport default AlertYesNoRadio;","import React, { useState, Fragment } from \"react\";\nimport Modal from \"react-modal\";\n\nexport default function ButtonModal({\n label, className, count, tooltip, disabled, onClick, // BUTTON PROPS\n modalProps={}, // MODAL PROPS\n children, // MODAL CONTENT\n}) {\n const [isOpen, setIsOpen] = useState(false);\n\n const closeModal = () => setIsOpen(false);\n\n const isChildrenFunction = typeof children === \"function\";\n const isChildrenObject = typeof children === \"object\";\n\n return \n
\n \n {text}\n
\n\n \n \n
\n\n\n {count}
}\n \n \n {extraTitle && }\n
\n );\n};\n\nexport default Checkbox;\n","import React from \"react\";\nimport { csrfToken } from \"../utils\";\n\nconst ConfirmLink = ({ label, icon, link, message }) => (\n \n);\n\nexport default ConfirmLink;\n","import React from \"react\";\n\nconst DisplayInput = ({ input: { value } }) => {value};\n\nexport default DisplayInput;\n","import React from \"react\";\n\nclass ErrorList extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { errors } = this.props;\n\n if (!errors || !errors.length) {\n return null;\n }\n\n return (\n \n \n \n {label}\n \n
\n \n
\n );\n }\n}\n\nexport default ErrorList;","import React from \"react\";\nimport Modal from \"react-modal\";\nimport EvaluationForm from \"../evaluation/EvaluationForm\";\n\nexport default function QuestionnaireModal({\n header = - \n {errors.map((err, i) => (\n
- {err} \n ))}\n
Questionnaire :
,\n isOpen = false,\n loading = false,\n className = \"col-lg-4 col-xs-12\",\n onRequestClose,\n ...formProps\n}) {\n return\n {loading &&
\n \n}","import React from \"react\";\nimport { Field } from \"react-final-form\";\nimport { MESSAGES } from \"../../tools/constants\";\n\nexport default function InlineYesNoRadio({label, ...fieldProps}) {\n const yesId = fieldProps.name + \"-yes\";\n const noId = fieldProps.name + \"-no\";\n\n return Chargement de la fiche...
}\n \n {header}\n
\n \n {loading ||
\n \n \n \n Fermer\n \n
\n \n \n touched && error ?
\n}","import React from \"react\";\nimport {MESSAGES} from \"../../tools/constants\";\nimport InputMask from 'react-input-mask';\n\nconst Input = props => {\n const {\n label, input, htmlOptions, meta, required, maxLength,\n help, tooltip, disabled, isArea, placeholder, mask\n } = props;\n\n const hasError = meta.error && meta.touched;\n\n function renderInput() {\n if (isArea) {\n return \n \n \n \n
\n {MESSAGES[error]}
: null\n }/>\n \n {label && }\n {\n tooltip ?\n (\n (tooltip &&
\n );\n};\n\nexport default Input;\n","import React from \"react\";\nimport {MESSAGES} from \"../../tools/constants\";\n\nconst InputSelect = ({\n input,\n meta,\n required,\n label,\n options,\n inline,\n prompt,\n displayPrompt = true,\n button,\n tooltip,\n componentAdd,\n disabled,\n wizard\n }) => {\n const hasError = meta && meta.error && meta.touched;\n\n const renderOptions = () => {\n const defaultOption = displayPrompt ? : null;\n const optionElements = options.map((opt) => );\n\n return [defaultOption, ...optionElements];\n };\n\n const renderInputGroupAddon = (content) => {\n return content ? \n
)\n )\n :\n renderInput()\n }\n\n {help && !hasError ? \n \n
\n {renderInput()}\n {help}
: ''}\n {hasError ?{MESSAGES[meta.error] || meta.error}
: ''}\n{content}
: null;\n };\n\n return (\n \n {!inline && }\n
\n );\n};\n\nexport default InputSelect;\n","import React, {useState} from \"react\";\nimport {MESSAGES} from \"../../tools/constants\";\nimport Select, {createFilter} from \"react-select\";\n\nconst InputSelectReact = props => {\n const [inputText, setInputText] = useState('')\n\n const handleInputChange = (inputText, meta) => {\n if (meta.action !== 'input-blur' && meta.action !== 'menu-close') {\n setInputText(inputText)\n }\n }\n\n const { input, meta, required, label, options, inline, prompt, button, placeholder, disabled, noOptionsMessage ,id} = props;\n const hasError = meta.error && meta.touched;\n return (\n \n {tooltip ? renderInputGroupAddon() : null}\n {renderInputGroupAddon(componentAdd)}\n \n {button && renderInputGroupAddon({button.text})}\n
\n\n {hasError && {MESSAGES[meta.error]}
}\n\n {!inline && }\n\n {\n button ?\n (
\n );\n};\n\n\nexport default InputSelectReact;","import React, { Fragment } from \"react\";\nimport { KINDS_LABEL } from \"../../tools/constants\";\n\nconst KindLegend = ({ kinds }) => (\n \n
)\n :\n (\n \n
\n )\n }\n\n\n\n \n \n {KINDS_LABEL[k]}\n
\n ))}\n \n setIsOpen(true)}\n data-tippy-content=\"Préférences de la liste\">\n \n \n setIsOpen(false)}\n isOpen={isOpen}>\n
\n
\n
;\n}\n\nconst ColumnEditor = ({ disabled, name, index, onChangeOrder, onToggleDisabled }) => Préférences de la liste
\n\n
\n
\n \n
\n \n
\n Activées
\n {enabledValues.map(createColumnEditor)}\n\n
\n Désactivées
\n {disabledValues.map(createColumnEditor)}\n\n
\n setValues(defaultPreferences)}>\n Réinitialiser\n \n handleSubmit()}\n className=\"btn btn-primary pull-right\">\n Valider\n \n
\n \n \n \n \n \n \n \n \n \n
\n","import React from \"react\";\n\nconst Radio = props => {\n const {id, name, label, input, disabled, extraTitle} = props;\n\n return (\n \n \n {\n disabled ?\n {name} :\n name \n }\n \n
\n {extraTitle && }\n
\n );\n};\n\nexport default Radio;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport _ from \"lodash\";\nimport CreatableSelect from \"react-select/lib/Creatable\";\n\nimport swal from \"sweetalert2\";\nimport { Field } from \"react-final-form\";\nimport AlertCheckbox from \"./AlertCheckbox\";\nimport Input from \"./Input\";\n\n/**\n * Il y as quelques restrictions pour utiliser ce SelectMultiple.\n *\n * Il doit y avoir certaines propriété:\n * \n \n \n {label}\n \n
\n - \n *
- Un Titre (title) qui seras le contenue du label affiché => Obligatoire \n *
- Un nom (name) qui seras le nom de l'input à utilisé pour le formulaire parent => Optionnel \n *
- \n * Tous les champs possible (all_features) qui contient un tableau de tableau représentant tous les élement possible. =>Obligatoire\n *
- \n *
- Chaque tableau doivent contenir deux élément, le premier étant le label/valeur affiché et le second la valeur/id \n *
- => Ce qui donne [[\"un label\", 0], [\"un label2\", 45]] \n *
- \n *
\n * - \n * Tous les champs séléctionné (features) qui est un tableau du type de la valeur (id ?) => Optionnel\n *
- \n *
- => Ce qui donne [0, 45] pour l'exemple précédent si les deux éléments sont séléctionnés \n *
\n *
\n f.value) : (this.state.selectedFeatures[0] || {}).value || \"\"}\n style={{display: \"none\"}}\n className={\"d-none none\"}\n />\n\n \n\n \n
\n }\n}\n\nSelectMultiple.propTypes = {\n title: PropTypes.string.isRequired,\n name: PropTypes.string,\n all_features: PropTypes.array.isRequired,\n features: PropTypes.array,\n mutators: PropTypes.object,\n isMulti: PropTypes.bool,\n isClearable: PropTypes.bool,\n confirmBeforeClear: PropTypes.bool,\n}","import React, { useState, Fragment } from \"react\";\nimport * as api from \"../../tools/api\";\nimport Modal from \"react-modal\";\nimport { toast } from \"react-toastify\";\nimport { toAge } from \"../../tools/format\";\nimport _ from \"lodash\";\n\nconst MODAL_STYLE = {\n content: {\n margin: \"auto\",\n maxWidth: \"600px\",\n height: \"600px\",\n maxHeight: \"720px\",\n }\n};\n\nexport default function UserWithInfos({ userId, children }) {\n const [isOpen, setIsOpen] = useState(false);\n const [infos, setInfos] = useState(null);\n\n const handleOpenInfos = () => {\n setIsOpen(true);\n\n api\n .set()\n .error(toast.error)\n .success(setInfos)\n .get(`/users/${userId}/infos`);\n }\n\n const payingForMembers = infos && infos.family_links_with_user.filter(fm => fm.is_inverse && fm.is_paying_for);\n const legalReferentMembers = infos && infos.family_links_with_user.filter(fm => fm.is_inverse && fm.is_legal_referent);\n const toCallMembers = infos && infos.family_links_with_user.filter(fm => fm.is_inverse && fm.is_to_call);\n\n return \n \n
\n
:\n \n
\n
\n\n \n Mail
\n {infos.email}\n
\n \n
\n Téléphone(s)
\n {\n Boolean(infos.telephones.length) ?\n infos.telephones.map(t =>\n {t.label && {_.capitalize(t.label)} :} {t.number}\n
) :\nAucun
\n }\n\n {Boolean(toCallMembers.length) &&
\n\n {Boolean(infos.family_links_with_user.length) && \n \n \n \n
}\n {Boolean(payingForMembers.length) && {toCallMembers.map(m => `${m.first_name} ${m.last_name}`).join(\", \")}
\n\n \n \n \n
}\n {Boolean(legalReferentMembers.length) && {payingForMembers.map(m => `${m.first_name} ${m.last_name}`).join(\", \")}
\n\n \n \n \n
}\n {legalReferentMembers.map(m => `${m.first_name} ${m.last_name}`).join(\", \")}
\nFamille
}\n {\n infos\n .family_links_with_user\n .map((fm, i) => {\n return\n {i !== 0 &&
}\n
;\n })\n }\n }\n
\n \n
\n \n Mail
\n {fm.email}\n
\n Téléphone(s)
\n {\n Boolean(fm.telephones.length) ?\n fm.telephones.map(t =>\n {t.label && {_.capitalize(t.label)} :} {t.number}\n
) :\nAucun
\n }\nChargement...
\n }\n \n\n
\n );\n}\n","import * as api from \"../../../tools/api\";\nimport IDataService from \"./IDataService\";\n\nexport default class DataService extends IDataService\n{\n constructor(urlRootData, urlListData) {\n super();\n this.urlRootData = urlRootData;\n this.urlListData = urlListData ? urlListData : `${urlRootData}/list`;\n }\n\n listData(filter, format) {\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .post(\n `${this.urlListData}${format ? \".\" + format : \"\"}`,\n {\n pageSize: filter.pageSize,\n page: filter.page,\n sorted: filter.sorted[0],\n filtered: filter.filtered,\n }\n );\n });\n }\n\n updateData(data) {\n const {id, ...rest} = data;\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .put(`${this.urlRootData}/${id}`, rest);\n });\n }\n\n createData(data) {\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .post(`${this.urlRootData}`, data);\n });\n }\n\n deleteData(data) {\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .del(`${this.urlRootData}/${data.id}`);\n });\n }\n}\n","import React from 'react';\n\nexport default function DefaultActionButtons({\n item: item,\n onEdit,\n onDelete\n}) {\n return (\n \n
\n\n\n \n {showFullScreenButton &&\n \n }\n {createButton &&\n showItemFormModal(false, null)}/>\n }\n
\n \n (state.wantUpdate ? updateItem(item) : createItem(item))}\n />}\n\n deleteItem(state.item)}\n />\n
\n {/* vérifier si col*/}\n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText={state.errorMessage || \"Aucune donnée\"}\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n {...reactTableProps}\n />\n
\n\n {allowEdit &&\n \n onEdit(item)}>\n \n \n\n onDelete(item)}>\n \n \n
\n );\n}","import React from 'react';\n\nexport default function DefaultCreateButton({ onCreate, label }) {\n return (\n \n );\n}\n\n","import React, {useEffect, useState} from \"react\";\nimport Modal from \"react-modal\";\n\nexport default function DeleteItemModal(props) {\n const [error, setError] = useState(null);\n const [submitting, setSubmitting] = useState(false);\n useEffect(() => {\n if (!props.isOpen) {\n setError(null);\n }\n }, [props.isOpen]);\n\n function handleDelete() {\n setError(null);\n setSubmitting(true);\n props.onDelete()\n .then(() => {\n setSubmitting(false);\n props.onRequestClose();\n })\n .catch(err => {\n setSubmitting(false);\n setError(err.message || \"Une erreur est survenue lors de la suppression.\");\n });\n }\n\n return (\n \n
\n\n {props.title || \"Suppression\"}
\n \n\n {props.question || \"Voulez-vous vraiment supprimer cet élément ?\"}\n
\n\n {error && {error}
}\n\n \n
\n \n )\n}","export default class IDataService {\n listData(filter, format) {\n throw new Error(\"Not Implemented\");\n }\n\n updateData(data) {\n throw new Error(\"Not Implemented\");\n }\n\n createData(data) {\n throw new Error(\"Not Implemented\");\n }\n\n deleteData(data) {\n throw new Error(\"Not Implemented\");\n }\n}\n","import React, {useState} from \"react\";\nimport Modal from \"react-modal\";\nimport {Form} from \"react-final-form\";\n\nexport default function ItemFormModal(props) {\n\n const FormContentComponent = props.component;\n const isUpdate = !!(props.item && props.item.id);\n\n const [submitting, setSubmitting] = useState(false);\n const [errors, setErrors] = useState(null);\n\n const handleSubmit = (values) => {\n setSubmitting(true);\n props.onSubmit(values)\n .then(() => {\n setSubmitting(false);\n props.onRequestClose();\n })\n .catch((err) => {\n setSubmitting(false);\n setErrors(err);\n });\n }\n\n const handleAfterClose = () => {\n setErrors(null);\n }\n\n return (\n \n \n Annuler\n \n
\n \n \n Supprimer\n \n {submitting ?\n \n :\n \"\"}\n \n
\n \n
\n\n {isUpdate ? props.updateTitle || \"Mise à jour\" : props.createTitle || \"Création\"}
\n \n\n
\n \n )\n}\n","import React from \"react\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport InputSelect from \"../common/InputSelect\";\nimport { toast } from \"react-toastify\";\nimport * as api from \"../../tools/api.js\";\nimport AddCourseSummary from \"./AddCourseSummary\";\n\nexport default class AddActivityForCourse extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n href_path: this.props.href_path,\n activityRefId: this.props.activityRefId,\n activityRefKindId: this.props.activityRefKindId,\n activityRefs: undefined,\n activityRefKinds: undefined,\n activityRefOptions: undefined,\n activityRefKindOptions: undefined,\n summary: this.props.summary,\n };\n this.handleChange = this.handleChange.bind(this);\n }\n\n componentDidMount() {\n api.get(`/activity_ref_kinds`).then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n const activityRefKindOptions = data.map(activityRefKind => {\n return {\n value: activityRefKind.id,\n label: activityRefKind.name,\n };\n });\n this.setState({\n ...this.state,\n activityRefKinds: data,\n activityRefKindOptions: activityRefKindOptions,\n });\n }\n });\n\n api.get(`/activity_ref`).then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n const activityRefOptions = data.map(activityRef => {\n return {\n value: activityRef.id,\n label: activityRef.label,\n };\n });\n this.setState({\n ...this.state,\n activityRefs: data,\n activityRefOptions: activityRefOptions,\n });\n\n if (activityRefOptions.length == 1) {\n const activityRefId = activityRefOptions[0].value.toString();\n this.setState({ activityRefId: activityRefId });\n this.handleChange(activityRefId);\n }\n }\n });\n }\n\n isValidated() {\n if (!this.state.activityRefId) {\n toast.error(MESSAGES.err_must_choose_activity, { autoClose: 3000 });\n return false;\n }\n return true;\n }\n\n handleChange(newValues) {\n const update = { ...this.state, ...newValues };\n\n let selectedActivityRef = this.state.activityRefs.find(\n activityRef => activityRef.id == update.activityRefId\n );\n\n update.summary = {\n ...update.summary,\n activityRef: selectedActivityRef\n ? selectedActivityRef.label\n : undefined,\n };\n\n this.setState(update);\n\n if (selectedActivityRef) {\n this.props.onChange({\n activityRef: {\n id: selectedActivityRef.id,\n label: selectedActivityRef.label,\n },\n activityRefKind: this.state.activityRefKindId,\n summary: { ...update.summary },\n });\n }\n }\n\n render() {\n const {\n activityRefId,\n activityRefKindId,\n activityRefs,\n activityRefOptions,\n activityRefKindOptions,\n href_path,\n summary,\n } = this.state;\n\n return (\n \n (\n \n )}\n />\n
\n \n
\n );\n }\n}\n","import React from \"react\";\nimport { Form } from \"react-final-form\";\nimport StepZilla from \"react-stepzilla\";\nimport swal from \"sweetalert2\";\nimport { toast } from \"react-toastify\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport AddActivityForCourse from \"./AddActivityForCourse\";\nimport AddSlotForCourse from \"./AddSlotForCourse\";\nimport AddTeacherForCourse from \"./AddTeacherForCourse\";\nimport AddLocationForCourse from \"./AddLocationForCourse\";\nimport * as api from \"../../tools/api.js\";\nimport moment from \"moment-timezone\";\nimport { csrfToken } from \"../utils\";\n\nexport default class AddCourse extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n seasons: undefined,\n season: undefined,\n teacher: undefined,\n activityRef: undefined,\n activityRefKind: undefined,\n room: undefined,\n location: undefined,\n dayOfWeek: undefined,\n fromDate: undefined,\n toDate: undefined,\n startTime: undefined,\n endTime: undefined,\n firstDayStartTime: undefined,\n firstDayEndTime: undefined,\n holidays: [],\n showAlert: false,\n };\n\n let current_season = undefined;\n api.set()\n .success( data => {\n current_season = data\n ? data.find(season => season.is_current)\n : undefined;\n\n if (current_season) {\n this.setState({\n season: {\n id: current_season.id,\n label: current_season.label,\n },\n startTime: moment(current_season.start).set({\n hour: 8\n }),\n endTime:moment(current_season.start).set({ hour: 9 }),\n\n fromDate: moment(current_season.start).format(\"YYYY-MM-DD\"),\n toDate: moment(current_season.end).format(\"YYYY-MM-DD\"),\n dayOfWeek: \"1\",\n holidays: current_season.holidays,\n showAlert: current_season.holidays.length === 0,\n });\n }\n })\n .get(`/seasons`);\n\n this.handleFieldChange = this.handleFieldChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleSubmit() {\n\n const {season, teacher, activityRef, room, dayOfWeek, fromDate, toDate, firstDayStartTime, firstDayEndTime} = this.state\n if (\n !season ||\n !teacher ||\n !activityRef ||\n !room ||\n !dayOfWeek ||\n !fromDate ||\n !toDate ||\n !firstDayStartTime ||\n !firstDayEndTime\n ) {\n toast.error(MESSAGES.err_data_missing, { autoClose: 3000 });\n } else {\n swal({\n title: \"chargement...\",\n onOpen: () => swal.showLoading(),\n });\n const authToken = _.get(this.state, \"infos.authentication_token\");\n api.set()\n .success(res => {\n let htmltext = \"\n
\n \n
\n \n \n
\n Choix de l'activité
\n\n
\n \n
\n \n {activityRefKindOptions && (\n {\n let newOptions = [];\n\n if (\n e.target.value.length ==\n 0\n ) {\n newOptions = activityRefs.map(\n activityRef => {\n return {\n value:\n activityRef.id,\n label:\n activityRef.label,\n };\n }\n );\n } else {\n newOptions = activityRefs\n .filter(\n activityRef =>\n activityRef.activity_ref_kind_id ==\n e.target\n .value\n )\n .map(\n activityRef => {\n return {\n value:\n activityRef.id,\n label:\n activityRef.label,\n };\n }\n );\n }\n\n const activitiesAvailable =\n newOptions.length > 0 &&\n e.target.value.length >\n 0;\n\n this.handleChange({\n activityRefOptions: newOptions,\n activityRefKindId:\n e.target.value,\n activityRefId: activitiesAvailable\n ? newOptions[0]\n .value\n : \"\",\n });\n },\n value: activityRefKindId,\n }}\n meta={{}}\n label=\"Filtrer par famille d'activité\"\n options={activityRefKindOptions}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/activity_ref_kind/new`,\n text: \"\",\n tooltip:\n \"Ajouter une famille d'activité\",\n }}\n />\n )}\n {activityRefOptions && (\n \n this.handleChange({\n activityRefId:\n e.target.value,\n }),\n value: activityRefId,\n }}\n meta={{}}\n label=\"Activité\"\n required={true}\n options={activityRefOptions}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/activity_ref/new`,\n text: \"\",\n tooltip: \"Ajouter une activité\",\n }}\n />\n )}\n {!activityRefOptions &&\n !activityRefKindOptions && (\n
\n \n \n \n Créer une activité\n \n
\n )}\n \n
\n Votre cours a bien été créé
\";\n\n swal.fire({\n title: \"Bravo !\",\n html: htmltext,\n type: \"success\",\n allowOutsideClick: false,\n showCancelButton: true,\n width: \"400px\",\n cancelButtonText: \"Voir la liste des cours\",\n confirmButtonText: \"Créer un autre cours\",\n }).then(res => {\n if (res.value) {\n window.location.href = `/addCourse?auth_token=${csrfToken}`;\n } else {\n window.location.href = `/activities?auth_token=${csrfToken}`;\n }\n });\n })\n .error(errorMsg => {\n console.log(\"error adding course : \", errorMsg);\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n });\n })\n .post(\n `/activity${authToken ? `?auth_token=${authToken}` : \"\"}`,\n {\n activity: {\n seasonId: this.state.season.id,\n teacherId: this.state.teacher.id,\n activityRefId: this.state.activityRef.id,\n roomId: this.state.room.id,\n dayOfWeek: this.state.dayOfWeek,\n startTime: moment(firstDayStartTime),\n endTime: moment(firstDayEndTime),\n },\n recurrence: 1,\n fromDate: this.state.fromDate,\n toDate: this.state.toDate,\n }\n );\n }\n }\n\n handleFieldChange(values) {\n const updatedSummary = { ...this.state.summary, ...values.summary };\n this.setState({\n ...this.state,\n ...values,\n summary: updatedSummary,\n });\n }\n\n closeAlert = () => {\n this.setState({ showAlert: false });\n };\n\n render() {\n let {\n season,\n teacher,\n activityRef,\n activityRefKind,\n room,\n location,\n startTime,\n endTime,\n fromDate,\n toDate,\n dayOfWeek,\n firstDayStartTime,\n firstDayEndTime\n } = this.state;\n\n const href_path = this.props.href_path;\n\n const summary = {\n teacher: teacher\n ? {\n first_name: teacher.first_name,\n last_name: teacher.last_name,\n }\n : undefined,\n activityRef: activityRef ? activityRef.label : undefined,\n room: room ? room.label : undefined,\n location: location ? location.label : undefined,\n firstDayStartTime: firstDayStartTime,\n firstDayEndTime: firstDayEndTime,\n dayOfWeek: dayOfWeek\n \n };\n\n const steps = [\n {\n name: \"Choix de l'activité\",\n component: (\nChargement...
}\n\n }\n}\n","import React, { Component } from \"react\";\nimport { WEEKDAYS, MONTHS } from \"../../tools/constants\";\n\n\nexport default class AddCourseSummary extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let summary = this.props.summary;\n const firstDayStartTime = summary.firstDayStartTime\n ? summary.firstDayStartTime\n : undefined;\n const firstDayEndTime = summary.firstDayEndTime\n ? summary.firstDayEndTime\n : undefined;\n\n return (\n \n
\n );\n }\n}\n","import React from \"react\";\nimport InputSelect from \"../common/InputSelect\";\nimport { toast } from \"react-toastify\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport * as api from \"../../tools/api.js\";\nimport AddCourseSummary from \"./AddCourseSummary\";\n\nexport default class AddLocationForCourse extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n roomId: this.props.initialValues.roomId,\n locationId: this.props.initialValues.locationId,\n rooms: undefined,\n locationOptions: undefined,\n roomsOptions: undefined,\n href_path: this.props.href_path,\n summary: this.props.summary,\n };\n this.handleChange = this.handleChange.bind(this);\n }\n\n componentDidMount() {\n api.get(`/locations`).then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n const locationOptions = data.map(location => ({ label: location.label, value: location.id }));\n\n this.setState({\n ...this.state,\n locationOptions: locationOptions,\n locationId: this.state.locationId || ((data || []).at(0) || {}).id\n });\n\n this.handleChange({locationId: this.state.locationId})\n }\n });\n\n const {\n fromDate,\n toDate,\n firstDayStartTime,\n firstDayEndTime,\n activityRefId,\n } = this.props.initialValues;\n api.get(\n `/rooms/index_with_overlap?fromDate=${fromDate}&toDate=${toDate}&startTime=${firstDayStartTime}&endTime=${firstDayEndTime}&activityRefId=${activityRefId}`\n ).then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n this.setState({\n ...this.state,\n rooms: data,\n roomsOptions: data.map(room => ({ label: room.label, value: room.id })),\n roomId: this.state.roomId || ((data || []).at(0) || {}).id\n });\n\n this.handleChange({roomId: this.state.roomId, locationId: this.state.locationId})\n }\n });\n }\n\n handleChange(newValues) {\n const update = { ...this.state, ...newValues };\n\n let selectedRoom;\n if (this.state.rooms && update.roomId) {\n selectedRoom = this.state.rooms.find(room => update.roomId === room.id);\n\n }\n\n let selectedLocation;\n if (this.state.locationOptions && update.locationId) {\n selectedLocation = this.state.locationOptions.find(\n location => location.value === update.locationId\n );\n }\n\n update.summary = {\n ...update.summary,\n location: selectedLocation ? selectedLocation.label : undefined,\n room: selectedRoom ? selectedRoom.label : undefined,\n };\n\n this.setState(update);\n\n this.props.onChange({\n room: {\n id: (selectedRoom || {}).id,\n label: (selectedRoom || {}).label,\n },\n location: {\n id: (selectedLocation || {}).value,\n label: (selectedLocation || {}).label,\n },\n summary: { ...update.summary },\n });\n }\n\n isValidated() {\n if (!this.state.roomId) {\n toast.error(MESSAGES.err_must_choose_room, { autoClose: 3000 });\n return false;\n }\n return true;\n }\n\n render() {\n const {\n roomId,\n locationId,\n rooms,\n locationOptions,\n roomsOptions,\n href_path,\n summary,\n } = this.state;\n return (\n \n \n
\n\n Récapitulatif
\n\n
\n \n
\n\n \n \n
\n\n {summary.activityRef ? (\n Activité
\n\n {summary.activityRef}\n
\n ) : (\n---
\n )}\n\n
\n\n \n \n
\n\n {firstDayStartTime &&\n firstDayEndTime &&\n summary.dayOfWeek ? (\n Créneau
\n\n {WEEKDAYS[summary.dayOfWeek % 7]}{\" \"}\n {firstDayStartTime._d.getDate()}{\" \"}\n {MONTHS[firstDayStartTime._d.getMonth()]}{\" \"}\n {firstDayStartTime._d.getFullYear()} de{\" \"}\n {firstDayStartTime\n .format(\"HH:mm\")\n .replace(\":\", \"h\")}{\" \"}\n à{\" \"}\n {firstDayEndTime\n .format(\"HH:mm\")\n .replace(\":\", \"h\")}\n
\n ) : (\n---
\n )}\n\n
\n\n \n \n
\n\n {summary.teacher ? (\n Professeur
\n\n {summary.teacher.first_name}{\" \"}\n {summary.teacher.last_name}\n
\n ) : (\n---
\n )}\n\n
\n \n \n
\n\n {summary.location && summary.room ? (\n Lieu
\n\n
\n ) : (\n \n Lieu\n
\n {summary.location}\n
\n Salle\n
\n {summary.room}\n
---
\n )}\n\n
\n );\n }\n}\n","import React from \"react\";\nimport Input from \"../common/Input\";\nimport TimePicker from \"rc-time-picker\";\nimport \"rc-time-picker/assets/index.css\";\nimport InputSelect from \"../common/InputSelect\";\nimport { toast } from \"react-toastify\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport { checkStartEndTime } from \"../../tools/date\";\nimport moment from \"moment\";\nimport * as api from \"../../tools/api.js\";\nimport AddCourseSummary from \"./AddCourseSummary\";\n\nexport default class AddSlotForCourse extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n seasons: undefined,\n seasonId: this.props.initialValues.seasonId,\n startTime: this.props.initialValues.startTime,\n endTime: this.props.initialValues.endTime,\n dayOfWeek: this.props.initialValues.dayOfWeek,\n fromDate: this.props.initialValues.fromDate,\n toDate: this.props.initialValues.toDate,\n href_path: this.props.href_path,\n summary: this.props.summary,\n };\n\n this.handleSeasonChange = this.handleSeasonChange.bind(this);\n this.handleTimeChange = this.handleTimeChange.bind(this);\n this.handleChange = this.handleChange.bind(this);\n }\n\n componentDidMount() {\n api.get(`/seasons`).then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n const firstDay = this.processFirstDay(this.props.initialValues);\n const update = { ...this.state, ...firstDay };\n\n update.summary = { ...update.summary, ...firstDay };\n update.seasons = data;\n this.setState(update);\n this.props.onChange(update);\n }\n });\n\n const weekDay = this.state.dayOfWeek;\n if (weekDay) {\n let radioButtons = document.getElementById(\"dayOfWeekSelector\")\n .children;\n radioButtons[parseInt(weekDay) - 1].className += \" active\";\n }\n }\n\n isValidated() {\n const { dayOfWeek, startTime, endTime, fromDate, toDate } = this.state;\n\n if (!startTime || !endTime || !dayOfWeek) {\n toast.error(MESSAGES.err_must_choose_slot, { autoClose: 3000 });\n return false;\n }\n\n if (startTime._d > endTime._d) {\n toast.error(MESSAGES.err_negative_date_range, { autoClose: 3000 });\n return false;\n }\n\n if (\n !checkStartEndTime(\n startTime.format(\"HH:mm\"),\n endTime.format(\"HH:mm\")\n )\n ) {\n toast.error(MESSAGES.err_negative_hour_range, { autoClose: 3000 });\n return false;\n }\n\n return true;\n }\n\n handleSeasonChange(event) {\n const selected = this.state.seasons.find(\n season => season.id == event.target.value\n );\n\n if (selected) {\n const update = { ...this.state };\n\n update.season = { id: selected.id, label: selected.label };\n /**\n * fromDate: premier jour de recurrence du cours\n * toDate: dernier jour de recurrence du cours\n * startTime: premier jour de cours et heure de debut de cours\n * endTime: premier jour de cours et heure de fin de cours\n */\n\n let fromDate = document.getElementById(\"fromDate\");\n let startTime = moment(selected.start).set({\n hour: this.state.startTime.hours(),\n minute: this.state.startTime.minutes(),\n });\n fromDate.value = startTime.format(\"YYYY-MM-DD\");\n\n let toDate = document.getElementById(\"toDate\");\n let endTime = moment(selected.start).set({\n hour: this.state.endTime.hours(),\n minute: this.state.endTime.minutes(),\n });\n toDate.value = moment(selected.end).format(\"YYYY-MM-DD\");\n\n update.fromDate = fromDate.value;\n update.toDate = toDate.value;\n update.startTime = startTime;\n update.endTime = endTime;\n\n this.handleChange(update);\n }\n }\n\n handleTimeChange(name, value) {\n let time = value.split(\":\");\n let newValue = {};\n newValue[name] = this.state[name];\n newValue[name].set({ hour: time[0], minute: time[1] });\n this.handleChange(newValue);\n }\n\n handleChange(newValues) {\n const update = { ...this.state, ...newValues };\n\n const fromDate = update.fromDate.split(\"-\");\n const toDate = update.toDate.split(\"-\");\n\n update.startTime = update.startTime.set({\n date: fromDate[2],\n month: fromDate[1] - 1,\n year: fromDate[0],\n });\n update.endTime = update.endTime.set({\n date: toDate[2],\n month: toDate[1] - 1,\n year: toDate[0],\n });\n\n const firstDay = this.processFirstDay(update);\n\n update.summary = {\n ...this.state.summary,\n dayOfWeek: update.dayOfWeek,\n ...firstDay,\n };\n\n this.setState({...update,...firstDay});\n this.props.onChange({ ...update, ...firstDay });\n }\n\n processFirstDay(update) {\n const { fromDate, toDate, startTime, endTime, dayOfWeek } = update;\n\n\n let firstDayStartTime = new Date(fromDate);\n let firstDayEndTime = new Date(fromDate);\n\n let dayIndex = firstDayStartTime.getDay();\n let offset = parseInt(dayOfWeek, 10) - dayIndex;\n\n if (offset < 0) {\n offset += 7;\n }\n\n firstDayStartTime.setDate(firstDayStartTime.getDate() + offset);\n firstDayEndTime.setDate(firstDayEndTime.getDate() + offset);\n\n firstDayStartTime = moment(firstDayStartTime);\n firstDayEndTime = moment(firstDayEndTime);\n\n firstDayStartTime.set({hour:startTime.get('hour'), minute:startTime.get('minute')})\n firstDayEndTime.set({hour:endTime.get('hour'), minute:endTime.get('minute')})\n\n let firstDay = {};\n firstDay[\"firstDayStartTime\"] = firstDayStartTime;\n firstDay[\"firstDayEndTime\"] = firstDayEndTime;\n\n return firstDay;\n }\n\n render() {\n const {\n seasons,\n seasonId,\n startTime,\n endTime,\n fromDate,\n toDate,\n href_path,\n summary,\n } = this.state;\n\n return (\n \n
\n \n
\n \n \n
\n Choix du lieu
\n\n
\n \n
\n \n {locationOptions && (\n {\n let newOptions = [];\n\n if (\n e.target.value.length ==\n 0\n ) {\n newOptions = rooms.map(\n room => {\n return {\n label:\n room.label,\n value:\n room.id,\n };\n }\n );\n } else {\n newOptions = rooms\n .filter(\n room =>\n room.location_id ==\n e.target\n .value\n )\n .map(room => {\n return {\n value:\n room.id,\n label:\n room.label,\n };\n });\n }\n\n const roomsAvailable =\n newOptions.length > 0 &&\n e.target.value.length >\n 0;\n\n this.handleChange({\n roomsOptions: newOptions,\n locationId:\n e.target.value,\n roomId: roomsAvailable\n ? newOptions[0]\n .value\n : \"\",\n });\n },\n value: locationId,\n }}\n meta={{}}\n label=\"Filtrer par site\"\n options={locationOptions}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/locations/new`,\n text: \"\",\n tooltip: \"Ajouter un lieu\",\n }}\n />\n )}\n\n {roomsOptions && (\n \n this.handleChange({\n roomId: parseInt(e.target.value),\n }),\n value: roomId,\n }}\n meta={{}}\n label=\"Salle\"\n required={true}\n options={roomsOptions}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/rooms/new`,\n text: \"\",\n tooltip: \"Ajouter une salle\",\n }}\n />\n )}\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n Choix d'un créneau
\n\n
\n \n {\n
\n \n {seasons && (\n {\n return {\n value: season.id,\n label: `${season.label}`,\n };\n })}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/seasons/new`,\n text: \"\",\n tooltip: \"Créer une saison\",\n }}\n />\n )}\n
\n }\n {\n \n \n this.handleChange({\n fromDate:\n e.target.value,\n }),\n }}\n meta={{}}\n />\n
\n }\n {\n \n \n this.handleChange({\n toDate: e.target.value,\n }),\n }}\n meta={{}}\n />\n
\n }\n \n {\" \"}\n \n
\n \n \n Vous pouvez modifier la période de la saison\n sélectionnée\n
\n \n
\n \n
\n \n \n
\n \n {\n this.handleChange({\n dayOfWeek:\n e.target.firstChild\n .value,\n });\n }}\n >\n \n
\n \n
\n\n \n \n
\n \n
\n\n \n
\n \n \n {\"De\"}\n \n \n this.handleTimeChange(\n e.target.name,\n e.target.value\n )\n }\n required\n step={180}\n name=\"startTime\"\n />\n
\n \n
\n \n \n {\"à\"}\n \n \n this.handleTimeChange(\n e.target.name,\n e.target.value\n )\n }\n name=\"endTime\"\n />\n
\n \n
\n \n
\n \n Votre cours va être créé avec une\n récurrence hebdomadaire (hors vacances\n scolaires)\n
\n\n
\n \n );\n }\n}\n","import React from \"react\";\nimport InputSelect from \"../common/InputSelect\";\nimport * as api from \"../../tools/api.js\";\nimport { toast } from \"react-toastify\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport AddCourseSummary from \"./AddCourseSummary\";\nimport moment from \"moment-timezone\";\n\nexport default class AddTeacherForCourse extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n teachers: undefined,\n teacherId: this.props.initialValues.teacherId,\n firstDayStartTime: this.props.initialValues.firstDayStartTime,\n firstDayEndTime: this.props.initialValues.firstDayEndTime,\n fromDate: this.props.initialValues.fromDate,\n toDate: this.props.initialValues.toDate,\n summary: this.props.summary,\n };\n this.handleChange = this.handleChange.bind(this);\n }\n\n\n componentDidMount() {\n api.get(`/teachers/index?activityId=${this.props.initialValues.activityRefId}`)\n .then(({ data, error }) => {\n if (error) {\n console.log(error);\n } else {\n this.setState({ ...this.state, teachers: data });\n }\n if (data.length > 0) {\n if (this.state.summary.teacher) {\n const teacher = { ...this.state.summary.teacher, id: this.state.teacherId };\n this.setState({\n ...this.state,\n teacherId: teacher.id,\n summary: {\n ...this.state.summary,\n teacher,\n },\n });\n this.handleChange(teacher.id);\n } else {\n const teacher = data[0];\n this.setState({\n ...this.state,\n teacherId: teacher.id,\n summary: {\n ...this.state.summary,\n teacher: {\n id: teacher.id,\n last_name: teacher.last_name,\n first_name: teacher.first_name,\n },\n },\n });\n this.handleChange(teacher.id);\n }\n }\n });\n }\n\n\n\n isValidated() {\n if (!this.state.teacherId) {\n toast.error(MESSAGES.err_must_choose_teacher, { autoClose: 3000 });\n return false;\n }\n return true;\n }\n\n handleChange(value) {\n let selected = this.state.teachers.find(teacher => value == teacher.id);\n\n if (selected)\n {\n // set data before call api for instant display without message\n this.setState({\n ...this.state,\n teacherId: selected.id,\n selectedTeacher: selected,\n summary: {\n ...this.state.summary,\n teacher: {\n id: selected.id,\n last_name: selected.last_name,\n first_name: selected.first_name,\n },\n },\n });\n this.props.onChange({\n teacher: {\n id: selected.id,\n last_name: selected.last_name,\n first_name: selected.first_name,\n },\n summary: this.state.summary,\n });\n\n api.get(`/teachers/${selected.id}/with_overlap?startTime=${this.props.initialValues.firstDayStartTime}&endTime=${this.props.initialValues.firstDayEndTime}&fromDate=${this.props.initialValues.fromDate}&toDate=${this.props.initialValues.toDate}&recurrence=1`)\n .then(({ data, error }) =>\n {\n if (error) {\n console.log(error);\n } else {\n if (data.length != 0)\n {\n this.setState({\n ...this.state,\n teacherId: data.id,\n selectedTeacher: data,\n summary: {\n ...this.state.summary,\n teacher: {\n id: data.id,\n last_name: data.last_name,\n first_name: data.first_name,\n },\n },\n });\n this.props.onChange({\n teacher: {\n id: data.id,\n last_name: data.last_name,\n first_name: data.first_name,\n },\n summary: {\n ...this.state.summary,\n teacher: {\n id: data.id,\n last_name: data.last_name,\n first_name: data.first_name,\n },\n }\n });\n }\n }\n });\n }\n }\n\n render() {\n const href_path = this.props.href_path;\n const {\n firstDayEndTime,\n firstDayStartTime,\n teacherId,\n selectedTeacher,\n teachers,\n summary,\n } = this.state;\n\n let overlappedInterval = {};\n\n const isSameDay = (d1, d2) => {\n return (\n d1.getFullYear() === d2.getFullYear() &&\n d1.getMonth() === d2.getMonth() &&\n d1.getDate() === d2.getDate()\n );\n };\n\n const isAvailableInSlot = () => {\n const slotStart = new Date(firstDayStartTime);\n const slotEnd = new Date(firstDayEndTime);\n\n for (const availability of selectedTeacher.availabilities) {\n const availabilityStart = new Date(availability.start);\n const availabilityEnd = new Date(availability.end);\n\n const previousWeekSlotStart = new Date(slotStart);\n const previousWeekSlotEnd = new Date(slotEnd);\n\n previousWeekSlotStart.setDate(slotStart.getDay() - 7);\n previousWeekSlotEnd.setDate(slotEnd.getDay() - 7);\n\n if (\n (availabilityStart <= previousWeekSlotStart &&\n previousWeekSlotEnd <= availabilityEnd) ||\n (availabilityStart <= slotStart &&\n slotEnd <= availabilityEnd)\n ) {\n return true;\n } else if (\n isSameDay(slotStart, availabilityStart) ||\n isSameDay(previousWeekSlotStart, availabilityStart)\n ) {\n if (\n (availabilityStart < slotStart && slotStart < availabilityEnd) ||\n (availabilityStart < slotEnd && slotEnd < availabilityEnd) ||\n (availabilityStart < previousWeekSlotStart && previousWeekSlotStart < availabilityEnd) ||\n (availabilityStart < previousWeekSlotEnd && previousWeekSlotEnd < availabilityEnd)\n ) {\n overlappedInterval = {\n start: moment(availability.start)\n .format(\"HH:mm\")\n .replace(\":\", \"h\"),\n end: moment(availability.end)\n .format(\"HH:mm\")\n .replace(\":\", \"h\"),\n };\n }\n }\n }\n\n return false;\n };\n\n return (\n \n
\n );\n }\n}\n","import { values } from \"lodash\";\nimport moment from \"moment\";\nimport React from \"react\";\nimport { Form, Field } from \"react-final-form\";\nimport * as TimeIntervalHelpers from \"../planning/TimeIntervalHelpers\";\nimport YearlyCalendar from \"../planning/YearlyCalendar\";\nimport { ISO_DATE_FORMAT } from \"../utils\";\nimport * as api from \"../../tools/api.js\";\nimport swal from \"sweetalert2\";\n\nexport default class DeleteCourseModal extends React.Component {\n constructor(props) {\n super(props);\n\n const detectedSeason = this.props.activity\n ? TimeIntervalHelpers.getSeasonFromDate(\n this.props.startTime.toDate(),\n this.props.seasons\n )\n : undefined;\n\n this.state = {\n selected: undefined,\n season: detectedSeason,\n activity: this.props.activity,\n activityInstances: undefined,\n instanceStatus: undefined\n };\n }\n\n componentDidMount() {\n api.get(\n `/activity_time_intervals?activity_id=${this.state.activity.id}`\n ).then(({ data, error }) => {\n if (error) {\n console.error(error);\n } else {\n\n const instanceStatus = {}\n \n data.forEach((instance) => {\n const date = instance.time_interval.start.split('T')[0]\n instanceStatus[date] = {activity_instance_id: instance.activity_instance_id, start: moment(instance.time_interval.start), selected:true}\n });\n\n this.setState({ ...this.state, activityInstances: data, instanceStatus: instanceStatus});\n }\n });\n }\n\n handlePickDateYearlyCalendar(selectedDay) {\n const instanceStatus = { ...this.state.instanceStatus };\n const key = selectedDay.format(ISO_DATE_FORMAT);\n\n if (instanceStatus[key]) {\n // It's already an instance, so we remove it\n const instance = { ...instanceStatus[key] };\n instance.selected = !instance.selected;\n instanceStatus[key] = instance;\n }\n\n this.setState({\n instanceStatus: {\n ...instanceStatus,\n },\n });\n }\n\n render() {\n const {\n selected,\n season,\n activity,\n instanceStatus,\n activityInstances,\n } = this.state;\n return (\n \n
\n \n
\n \n \n
\n Choix du professeur
\n\n
\n \n
\n {selectedTeacher && (\n \n {teachers &&\n (teachers.length > 0 ? (\n \n this.handleChange(\n e.target.value\n ),\n value: teacherId,\n }}\n meta={{}}\n label=\"Professeur\"\n required={true}\n options={teachers.map(\n teacher => {\n return {\n value: teacher.id.toString(),\n label: `${teacher.first_name} ${teacher.last_name}`,\n };\n }\n )}\n button={{\n icon: \"fa fa-plus-circle\",\n href_path: `${href_path}/users/new`,\n text: \"\",\n tooltip:\n \"Ajouter un professeur\",\n }}\n />\n ) : (\n
\n \n Aucun professeur n'enseigne\n l'activité choisie.\n
\n ))}\n \n { selectedTeacher.availabilities && selectedTeacher.availabilities.length ==\n 0 && (\n
\n )}\n \n
\n )}\n {selectedTeacher.has_overlap &&\n selectedTeacher.activity_overlapped && (\n \n Ce professeur n'a pas renseigné\n de disponibilités.\n
\n \n
\n )}\n {selectedTeacher.availabilities && selectedTeacher.availabilities.length >\n 0 &&\n !isAvailableInSlot() && (\n \n {`Ce créneau est déjà occupé pour ce professeur:\n cours de ${selectedTeacher.activity_overlapped.activity_ref} de ${selectedTeacher.activity_overlapped.start} à ${selectedTeacher.activity_overlapped.end} - ${selectedTeacher.activity_overlapped.room}.`}\n
\n \n
\n )}\n \n
\n \n Ce professeur n'est pas\n disponible sur\n l'ensemble du créneau\n choisi\n
\n {Object.keys(\n overlappedInterval\n ).length > 0 && (\n\n En revanche, il est\n disponible de{\" \"}\n {\n overlappedInterval.start\n }{\" \"}\n à{\" \"}\n {\n overlappedInterval.end\n }{\" \"}\n ce même jour\n
\n )}\n\n
\n \n
\n );\n }\n\n\n sendReminderMail(referenceDate = undefined) {\n const to = _.chain(this.state.data)\n .filter(({ id }) => this.state.targets.includes(id))\n .map(d => d.users)\n .flatten()\n .filter(\n u =>\n referenceDate == undefined ||\n (u.begin_at <= referenceDate &&\n (u.stopped_at == undefined ||\n u.stopped_at > referenceDate)),\n )\n .compact()\n .map(u => u.id)\n .uniq()\n .value();\n\n swal({\n title: \"Confirmation d'envoi\",\n text: \"Êtes-vous sûr ?\",\n type: \"question\",\n showCancelButton: true,\n })\n .then(v => {\n if (v.value) {\n return fetch(\"/messages/create\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n message: this.state.message,\n to,\n }),\n });\n }\n })\n .then(res => {\n if (res) {\n if (res.ok)\n swal({\n title: \"Succès\",\n text: \"Message envoyé\",\n type: \"success\",\n });\n else\n throw new Error(\n `Erreur ${res.status} : ${res.statusText}`,\n );\n }\n })\n .catch(reason =>\n swal({\n title: \"Erreur\",\n text: reason,\n type: \"error\",\n }),\n );\n }\n\n handleUpdateListPreferences(prefs) {\n this.setState(\n {\n listPreferences: prefs,\n },\n () => localStorage.setItem(\n PREFERENCES_STORAGE_KEY,\n JSON.stringify(prefs),\n ),\n );\n }\n\n render() {\n moment.locale(\"fr\");\n\n const activity = this.state.activity;\n\n const refsOptions = _.sortBy(this.props.activityRefs, r => r.label).map(\n optionMapper(),\n );\n\n const teachersOptions = _.sortBy(\n this.props.teachers,\n t => t.last_name,\n ).map(optionMapper({ label: t => `${t.last_name} ${t.first_name}` }));\n\n const seasonsOptions = _.sortBy(this.props.seasons, s => s.label).map(\n optionMapper(),\n );\n\n const roomsOptions = _.sortBy(this.props.rooms, r => r.label).map(\n optionMapper(),\n );\n\n const locationsOptions = _.sortBy(\n this.props.locations,\n l => l.label,\n ).map(optionMapper());\n\n const now = moment();\n\n const daysOptions = [1, 2, 3, 4, 5, 6, 0].map(i => {\n const day = now.day(i);\n return (\n \n );\n });\n\n const referenceDate =\n findAndGet(\n this.state.filter.filtered,\n f => f.id === \"reference_date\",\n \"value\",\n ) || moment().format(ISO_DATE_FORMAT);\n\n const totalRecipients = _.chain(this.state.data)\n .filter(\n d =>\n this.state.targets === \"all\" ||\n this.state.targets.includes(d.id),\n )\n .map(d => _.get(d, \"users\"))\n .flatten()\n .filter(\n u =>\n referenceDate == undefined ||\n (u.begin_at <= referenceDate &&\n (u.stopped_at == undefined ||\n u.stopped_at > referenceDate)),\n )\n .compact()\n .uniqBy(u => u.id)\n .value();\n\n let recipientsToDisplay = totalRecipients.slice(\n 0,\n NB_DISPLAYED_RECIPIENTS,\n );\n\n let recipients = recipientsToDisplay\n .map(u => `${u.first_name} ${u.last_name}`)\n .join(\", \");\n\n const restCount = Math.max(\n 0,\n this.state.targets === \"all\"\n ? this.state.total - NB_DISPLAYED_RECIPIENTS\n : totalRecipients.length - NB_DISPLAYED_RECIPIENTS,\n );\n if (restCount) recipients += `, et ${restCount} autres`;\n\n const tableColumns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n sortable: false,\n accessor: r => this.state.targets.includes(r.id),\n Filter: () => (\n \n
\n \n Vous avez sélectionné {count} cours{\" \"}\n {this.state.targets.length === this.state.data.length &&\n Math.max(\n this.state.total - this.state.targets.length,\n 0,\n ) ? (\n \n this.setState({ targets: \"all\" })\n }\n className=\"btn btn-sm btn-info m-l-sm\"\n >\n Sélectionner les{\" \"}\n {this.state.total - this.state.targets.length}{\" \"}\n restants\n \n ) : null}\n
\n \n this.downloadStudentsList()}\n >\n Télécharger la liste des élèves\n \n \n Envoyer un message\n \n this.bulkDelete()}\n >\n Supprimer\n \n
\n \n \n onChange({\n ...filter,\n start: e.target.value,\n })\n }\n />\n \n onChange({\n ...filter,\n end: e.target.value,\n })\n }\n />\n
\n );\n },\n Cell: c => {\n if (c.value) {\n return `${moment(c.value.start).format(\n \"HH:mm\"\n )} ➝ ${moment(c.value.end).format(\"HH:mm\")}`;\n } else {\n return \"?\";\n }\n },\n },\n {\n Header: \"Groupe\",\n id: \"group_name\",\n maxWidth: 60,\n accessor: d => d.group_name,\n Cell: c => {c.value},\n },\n {\n Header: \"Activité\",\n id: \"activity_ref_id\",\n maxWidth: 250,\n accessor: d => d.activity_ref_id,\n Cell: c => {\n return (\n \n {\n this.props.activityRefs.find(\n r => r.id === c.value\n ).label\n }\n \n );\n },\n Filter: ({ filter, onChange }) => (\n \n \n \n \n \n \n \n {\n this.toggleModal();\n this.setState({ activity: c.original });\n }}\n >\n \n \n
\n ),\n },\n ];\n\n let filteredColumns = [...tableColumns];\n if (this.state.listPreferences) {\n filteredColumns = [\n tableColumns[0],\n ..._(tableColumns.slice(1))\n .filter(c => _.find(this.state.listPreferences, {id: c.id, disabled: false}))\n .sortBy(c => _.findIndex(this.state.listPreferences, {id: c.id}))\n .value(),\n ];\n }\n\n return (\n \n
\n \n \n
\n \n this.handleUpdateListPreferences(prefs)}\n />\n this.resetFilters()}\n >\n \n \n this.downloadExport()}\n >\n \n \n \n \n \n this.handleChangeReferenceDate(\n e.target.value,\n )\n }\n />\n {\n //todo imprive UI\n swal({\n type: \"info\",\n customClass: \"bigSwal\",\n title:\n \"Aide sur la date de référence\",\n html:\n \"
\n {this.state.total} cours
\n\n \n
\n Ce n'est pas un filtre sur les cours. tous les cours sont toujours affichés. C'est un filtre qui ne change que les nombres la colonne \\\"Occupation\\\" du tableau.
\" +\n \"Il est possible pour des élèves d'être inscrit ou désinscrit d'un cours pendant la saison...\\n\" +\n \"Ce filtre est donc ici afin d'avoir l'effectif des cours en fonction d'une date précise. Cela pour avoir une sorte \\\"d'historique\\\" de l'effectif des cours. Par défaut la date sélectionnée est celle du jour précédant le jour actuel pour avoir l'effectif actuel des élèves.
Par exemple, imaginons le cas suivant:
\" +\n \"il y a 3 élèves à un cours le 10/04/2022 et un des élèves quitte le cours le 11/04/2022.
\" +\n \"Si le filtre se situe au 12/04/2022 ou après, l'occupation de ce cours sera de 2, alors que si ce filtre se situe au 11/04/2022 ou avant, l'occupation seras de 3.
\n {this.state.targets.length > 0 ? this.renderTargetsAlert() : null}\n f.id).join('-')}\n style={{ backgroundColor: \"white\" }}\n data={this.state.data}\n manual\n pages={this.state.pages}\n columns={filteredColumns}\n loading={this.state.loading}\n pageSizeOptions={[5, 10, 15, 20, 50, 100]}\n page={\n this.state.filter.page <= this.state.pages\n ? this.state.filter.page\n : this.state.pages - 1\n }\n pageSize={this.state.filter.pageSize}\n sorted={this.state.filter.sorted}\n filtered={this.state.filter.filtered}\n onPageChange={page =>\n this.fetchData({ ...this.state.filter, page })\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted =>\n this.fetchData({ ...this.state.filter, sorted })\n }\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n page: 0,\n })\n }\n filterable\n sortable\n resizable={true}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={10}\n getTrProps={(state, rowInfo, column) => {\n if (\n rowInfo &&\n rowInfo.original.options.length != 0\n ) {\n }\n return {};\n }}\n SubComponent={row => {\n let hasUser =\n row.original.users.filter(\n u =>\n referenceDate == undefined ||\n (u.begin_at <= referenceDate &&\n (u.stopped_at == undefined ||\n u.stopped_at > referenceDate)),\n ).length > 0;\n\n if (hasUser || row.original.options.length > 0) {\n return (\n \n this.setState({\n message: {\n ...this.state.message,\n [e.target.name]: e.target.value,\n },\n })\n }\n onSend={() => this.sendReminderMail(referenceDate)}\n />\n {\n \n
\n \n );\n }\n}\n\nconst UserList = ({ activity, seasons, referenceDate = undefined }) => (\n \n \n \n
\n
\n);\n\nconst UserRow = ({\n user,\n seasons,\n activity,\n isOption = false,\n referenceDate = undefined,\n }) => {\n const customStyle = isOption ? { color: \"#9575CD\" } : {};\n\n if (referenceDate !== undefined) {\n if (user.begin_at > referenceDate) customStyle.color = \"#fca000\";\n if (user.stopped_at !== undefined && user.stopped_at <= referenceDate)\n customStyle.color = \"#ff001a\";\n }\n\n const {\n time_interval,\n activity_ref_id,\n activity_ref: activityRef,\n activity_ref: { is_work_group: isWorkGroup },\n } = activity;\n const users = [user];\n\n const userInstrument =\n (isWorkGroup &&\n activity.activities_instruments\n .filter((ai) => ai.user_id === user.id)\n .map((ai) => _.get(ai, \"instrument.label\"))\n .join(\", \")) ||\n \"NON ASSIGNÉ\";\n\n const [desiredActivityId, setDesiredActivityId] = React.useState(null);\n const [studentLevel, setStudentLevel] = React.useState(null);\n const [activityApplicationId, setActivityApplicationId] = React.useState(null);\n\n React.useEffect(() => {\n api\n .set()\n .error((error) => {\n console.error(\"Erreur lors de la récupération de la demande d'inscription:\", error);\n })\n .success((data) => {\n setDesiredActivityId(data.id);\n if (data && data.evaluation_level_ref) {\n setStudentLevel(data.evaluation_level_ref.label);\n }\n\n setActivityApplicationId(data.activity_application_id);\n })\n .get(`/desired_activities/user/${user.id}/activity/${activity.id}`);\n }, [user.id, activity.id]);\n\n const inscriptionUrl = setActivityApplicationId ? `/inscriptions/${activityApplicationId}` : \"#\";\n\n return (\n \n \n Consulter les évaluations\n \n
\n \n {activity.student_evaluations.length}/{activity.users.length}{\" \"}\n évaluations remplies\n
\n| Nom | \nÂge | \nNiveau | \n {activity.activity_ref.is_work_group &&Instrument | }\nDébut le | \nArrêt le | \n
|---|
\n Impossible de trouver l'utilisateur\n
\n Voulez-vous détacher l'utilisateur {user.first_name} {user.last_name} ?
\n\n Ce dernier deviendra indépendant, c'est à dire qu'il pourra se connecter et gérer son compte.\n Il vous est cependant toujours possible de gérer son compte si vous créez un lien familial avec lui.\n
\n\n\n Pour détacher un compte, vous devez lui ajouter une adresse email (si il n'en a pas déjà une). C'est à cette adresse que sera envoyé le lien lui permettant de se connecter.\n NB : ce nouvel email ne doit pas être déjà affecté à un autre utilisateur.\n
\n\n\n onClick(e.target.checked)} />\n \n
\n}\n\nconst familyLinkForm = ({userToDetach, from, addFamilyLink}) =>\n{\n if(from === \"family_link\" || !addFamilyLink)\n return \n
\n}","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport swal from \"sweetalert2\";\nimport * as api from \"../../../tools/api\";\n\nexport default function BtnResetPassword({\n sendRequest,\n text,\n className,\n textError,\n textSuccess,\n textNoData,\n user\n }) {\n const [resetLink, setResetLink] = useState(null);\n\n function handleResetPassword() {\n if (sendRequest.url === \"/users/reset_password\") {\n if (user?.is_admin || user?.is_teacher) {\n api.set()\n .success(() => swal.fire(\"Email envoyé !\", \"\", \"success\"))\n .error(() => swal.fire(\"Erreur lors de l'envoi de l'email.\", \"\", \"error\"))\n .post(sendRequest.url, { ...sendRequest.data, send_email: \"true\" }, sendRequest.additionnalHeaders);\n } else {\n api.set()\n .success((data) => {\n if (!data?.reset_link) {\n swal.fire(\"Erreur\", \"Erreur lors de la génération du lien\", \"error\");\n return;\n }\n setResetLink(data.reset_link);\n showResetLinkPopup(data.reset_link);\n })\n .error(() => {\n swal.fire(\"Erreur\", \"Impossible de récupérer les informations de l'utilisateur\", \"error\");\n })\n .post(sendRequest.url, sendRequest.data, sendRequest.additionnalHeaders);\n }\n } else {\n api.set()\n .success((data) => {\n if ((!data || data.length === 0) && textNoData) {\n swal.fire(\"Erreur\", textNoData, \"error\");\n return;\n }\n swal.fire(\"Succès\", textSuccess, \"success\");\n })\n .error(() => {\n swal.fire(\"Erreur\", textError || \"Une erreur est survenue.\", \"error\");\n })\n [sendRequest.type](sendRequest.url, sendRequest.data, sendRequest.additionnalHeaders);\n }\n }\n\n function showResetLinkPopup(link) {\n swal.fire({\n title: \"Lien de réinitialisation\",\n html: `\n \n `,\n showCancelButton: true,\n cancelButtonText: \"Envoyer par mail\",\n confirmButtonText: \"Copier\",\n preConfirm: () => {\n navigator.clipboard.writeText(link)\n .then(() => swal.fire(\"Lien copié !\", \"\", \"success\"))\n .catch(() => swal.fire(\"Erreur lors de la copie\", \"\", \"error\"));\n }\n }).then((result) => {\n if (result.dismiss === swal.DismissReason.cancel) {\n api.set()\n .success(() => swal.fire(\"Email envoyé !\", \"\", \"success\"))\n .error(() => swal.fire(\"Erreur lors de l'envoi de l'email.\", \"\", \"error\"))\n .post(sendRequest.url, { ...sendRequest.data, send_email: \"true\" }, sendRequest.additionnalHeaders);\n }\n });\n }\n\n return (\n \n );\n}\n\nBtnResetPassword.propTypes = {\n sendRequest: PropTypes.shape({\n type: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n data: PropTypes.object,\n additionnalHeaders: PropTypes.object,\n }),\n text: PropTypes.string.isRequired,\n className: PropTypes.string.isRequired,\n textError: PropTypes.string,\n textSuccess: PropTypes.string,\n textNoData: PropTypes.string,\n user: PropTypes.shape({\n is_admin: PropTypes.bool,\n is_teacher: PropTypes.bool,\n }),\n};\n","import React from \"react\";\nimport { Form, Field } from 'react-final-form';\nimport * as api from \"../../../tools/api\";\nimport Swal from 'sweetalert2'\nimport { csrfToken } from \"../../utils\";\n\nconst initialEmail = \"pas@dadresse.détectée\"\n\nclass New extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentDidMount(){\n this.setState({\n email : initialEmail,\n })\n }\n\n onSubmit = (values, form) => {\n let redirect_path = \"/u/sign_in\"\n\n api.set()\n .success((res)=> console.log(res))\n .error((res) => console.log(res))\n .post(\n \"/u/password\",\n {\n utf8: true,\n user: {...values},\n password: null,\n \"X-CSRF-Token\": csrfToken,\n },\n )\n\n let title = '\n Lien familial\n
\n\n\n
\n
\n \n
\n\n \n
\n {userToDetach.first_name} {userToDetach.last_name} est\n
\n\n \n \n {props.meta.error && props.meta.touched && }\n required={true}\n validate={required}\n options={familyLinks.map(link => ({\n value: link,\n label: _.capitalize(link),\n }))} />\n
\n {MESSAGES[props.meta.error]}
}\n\n
\n de {userToDetach.attached_to.first_name} {userToDetach.attached_to.last_name}
\n\n
\n
\n\n\n \n Relation\n avec {userToDetach.attached_to.first_name} {userToDetach.attached_to.last_name}\n
\n\n {userToDetach.attached_to.first_name} {userToDetach.attached_to.last_name} est payeur\n pour {userToDetach.first_name} {userToDetach.last_name}}\n name=\"is_paying_for\"\n validate={required} />\n
\n\n \n {userToDetach.attached_to.first_name} {userToDetach.attached_to.last_name} est représentant légal\n de {userToDetach.first_name} {userToDetach.last_name}}\n name=\"is_legal_referent\"\n validate={required} />\n
\n Bonjour '+values.first_name+' '+values.last_name+'
';\n let htmltext = ''+\n 'Un email va vous être envoyé sur l\\'adresse '+'
'\n +''+this.state.email+''+'
'\n +'Vous allez être redirigé vers la page de connexion'\n +'
\n
\n \n \n
\n \n \n \n Sélectionner\n \n
\n {props.textDisplayed}
\n\n {isImage ? X : null}\n
\n}\n\nDragAndDrop.propTypes = {\n acceptedTypes: PropTypes.string.isRequired,\n textDisplayed: PropTypes.string.isRequired,\n file_url: PropTypes.string,\n setFile: PropTypes.func.isRequired,\n onClearedFile: PropTypes.func\n}\n\nexport default DragAndDrop;","import React, {useState} from 'react';\nimport {useForm} from \"react-hook-form\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\n\nexport default function MailSettings(props) {\n const {register, formState: {errors}, handleSubmit} = useForm();\n\n function onSubmit(data) {\n fetch('/parameters/mails', {\n method: 'POST',\n credentials: 'same-origin',\n headers: {\n 'X-CSRF-TOKEN': csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n mail_settings: {\n from: data.from,\n address: data.address,\n authentication: data.authentication,\n domain: data.domain,\n password: data.password,\n port: data.port,\n redirect: data.redirect.split('\\n'),\n ssl_tls: data.sslTls,\n user_name: data.user_name,\n }\n })\n }).then(response => {\n if (response.ok) {\n swal({\n title: 'Success',\n text: 'Les paramètres ont bien été pris en compte',\n icon: 'success'\n });\n } else {\n swal({\n title: 'Error',\n text: 'Une erreur est survenue, contactez un administrateur',\n icon: 'error'\n });\n }\n });\n }\n\n return \n}","import React, {useEffect, useState} from \"react\";\nimport DragAndDrop from \"./DragAndDrop\";\nimport {useForm} from \"react-hook-form\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\n\nexport default function RulesSettings(props) {\n //const [documentName, setPicture] = useState(props.document_url);\n const [documentCleared, setDocumentCleared] = useState(false);\n const {register, handleSubmit} = useForm();\n const [file, setFile] = useState(undefined);\n\n function onSubmit(data) {\n let formData = new FormData();\n\n swal({\n title: \"chargement...\",\n onOpen: () => swal.showLoading()\n });\n\n formData.append('selected', data.select);\n\n if (data.url !== \"\")\n formData.append('rules_url', data.url);\n\n if (file !== undefined)\n formData.append('pdf_file', file);\n\n formData.append('document_cleared', documentCleared);\n fetch('/parameters/rules_of_procedure', {\n method: 'POST',\n credentials: 'same-origin',\n headers: {\n 'X-CSRF-TOKEN': csrfToken,\n },\n body: formData\n }).then(res => {\n if (res.ok) {\n res.json().then(json => {\n swal({\n type: \"success\",\n title: \"Enregistrement effectué\"\n });\n });\n } else {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\"\n })\n }\n });\n }\n\n function onClearedFile() {\n setDocumentCleared(true);\n }\n\n\n function showCorrectDiv() {\n if (document.getElementById(\"format\").value === \"PDF\") {\n document.getElementById(\"pdfDiv\").style.display = \"block\";\n document.getElementById(\"urlDiv\").style.display = \"none\";\n } else if (document.getElementById(\"format\").value === \"URL\") {\n document.getElementById(\"pdfDiv\").style.display = \"none\";\n document.getElementById(\"urlDiv\").style.display = \"block\";\n } else {\n document.getElementById(\"pdfDiv\").style.display = \"none\";\n document.getElementById(\"urlDiv\").style.display = \"none\";\n }\n }\n\n useEffect(() => {\n showCorrectDiv();\n })\n\n return \n\n}","import React, {Fragment, useState} from \"react\";\nimport {useForm} from \"react-hook-form\";\nimport {validateEmail} from \"../../tools/format\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../utils\";\nimport DragAndDrop from \"./DragAndDrop\";\nimport * as api from \"../../tools/api\";\n\nexport default function SchoolParameters(props) {\n const [academy, setAcademy] = useState((props.school || {}).academy)\n const [zone, setZone] = useState((props.school || {}).zone)\n const [imageUrl, setPicture] = useState(props.picture_url)\n const {register, formState: {errors}, handleSubmit, getValues, setValue} = useForm();\n\n let file = undefined;\n\n function onSubmit(data) {\n let formData = new FormData();\n formData.append(\"city\", data.city);\n formData.append(\"contactPhone\", data.contactPhone);\n formData.append(\"email\", data.email);\n formData.append(\"schoolName\", data.name);\n formData.append(\"street\", data.street);\n formData.append(\"postalCode\", data.postalCode);\n formData.append(\"countryCode\", data.countryCode);\n formData.append(\"picture\", file);\n formData.append(\"bankHolidaysZone\", data.bankHolidaysZone);\n formData.append(\"recaptcha_score_min\", data.min_score_recaptcha);\n formData.append(\"siret_rna\", data.siretRna);\n formData.append(\"rcs\", data.rcs);\n formData.append(\"entity_subject_to_vat\", data.entitySubjectToVAT);\n formData.append(\"activities_not_subject_to_vat\", data.activitiesNotSubjectToVat);\n formData.append(\"zone_set_by_user\", data.zone_set_by_user);\n formData.append(\"academy\", academy);\n formData.append(\"zone\", zone || data.zone);\n swal({\n title: \"chargement...\",\n onOpen: () => swal.showLoading()\n });\n\n fetch(\"/parameters/school\", {\n method: \"post\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData\n }).then(res => {\n if (res.ok) {\n res.json().then(json => {\n setAcademy(json.academy);\n setZone(json.zone);\n setPicture(json.picture)\n\n swal({\n type: \"success\",\n title: \"Enregistrement effectué\"\n });\n });\n } else {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\"\n })\n }\n });\n }\n\n function onAddressChange(address, postalCode, city, countryCode) {\n api.set()\n .success(data => {\n setZone(data.zone || \"\");\n setAcademy(data.academy);\n\n if (data.zone) {\n setValue(\"zone_set_by_user\", false);\n }\n })\n .error(data => {\n console.error(data);\n })\n .get(\"/school/get_zone_by_address\", {address, postalCode, city, countryCode});\n }\n\n let addressChangeTimeout = null;\n\n function addressChange() {\n const address = getValues(\"street\");\n const postalCode = getValues(\"postalCode\");\n const city = getValues(\"city\");\n const countryCode = getValues(\"countryCode\")\n const zone_set_by_user = getValues(\"zone_set_by_user\")\n\n if ((zone_set_by_user === \"false\" || zone_set_by_user === false) && address && postalCode && city && countryCode) {\n if (addressChangeTimeout !== null) {\n clearTimeout(addressChangeTimeout);\n }\n\n addressChangeTimeout = setTimeout(() => onAddressChange(address, postalCode, city, countryCode), 500);\n }\n }\n\n function onZoneSetByUser() {\n setValue(\"zone_set_by_user\", true);\n }\n\n function getSiretOrRnaPatternByCountry(countryCode) {\n const siretForCountry = (() => {\n switch (countryCode) {\n case \"BE\":\n return /^[0-9]{10}$/\n default:\n // FR by default\n return /^[0-9]{14}$/\n }\n })();\n\n const rna = /|^W[0-9]{9}$/;\n\n return new RegExp(`^(${siretForCountry.source}|${rna.source})$`);\n }\n\n function validateSiretRna(value) {\n const pattern = getSiretOrRnaPatternByCountry(getValues(\"countryCode\"));\n if (pattern.test(value.replace(/\\s/g, \"\"))) {\n return true;\n } else {\n return `La saisie ne correspond ni à un RNA ni au siret de votre pays (${getValues(\"countryCode\")})`;\n }\n }\n\n return \n}","import React, { Fragment, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport * as api from \"../../tools/api\";\nimport swal from \"sweetalert2\";\n\n/**\n * Component for teachers parameters\n * @param {boolean} teacher_can_edit_planning\n * @param {boolean} authorize_teachers\n * @param {boolean} show_teacher_contacts\n * @returns {JSX.Element}\n * @constructor\n */\nexport default function TeachersParameters({ teacher_can_edit_planning, authorize_teachers, show_teacher_contacts }) {\n const [planningChecked, setPlanningChecked] = useState(teacher_can_edit_planning);\n const [permitTeacherActivities, setPermitTeacherActivities] = useState(authorize_teachers);\n const [showTeacherContacts, setShowTeacherContacts] = useState(show_teacher_contacts);\n\n function onSubmit() {\n swal.showLoading();\n\n api.set()\n .success((data) => {\n if (data.success) {\n swal({\n title: \"Succès\",\n text: \"Les paramètres ont été sauvegardés\",\n type: \"success\"\n });\n\n window.location.reload();\n }\n else {\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la sauvegarde des paramètres\",\n type: \"error\"\n });\n }\n })\n .error(() => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la sauvegarde des paramètres\",\n type: \"error\"\n });\n })\n .post(\"/parameters/teachers\", {\n teacher_can_edit_planning: planningChecked,\n authorize_teachers: permitTeacherActivities,\n show_teacher_contacts: showTeacherContacts\n }, {});\n }\n\n return (\n \n {(() => {\n if (isImage) {\n return (\n 
\n )\n } else {\n return url ?
\n \n
\n\n : \n {props.fileLabel}\n \n {props.fileTitle || `${url}`.split(\"/\").pop()}\n \n \n
\n\n \n X\n
\n Document actuel : aucun
;\n }\n })()}\nDroit sur le planning
\n\n setPlanningChecked(!planningChecked)}\n />\n \n \n
\n\n Droit sur les demandes d'inscriptions
\n\n
\n\n \n setPermitTeacherActivities(!permitTeacherActivities)}\n />\n \n \n
\n Coordonnées
\n\n setShowTeacherContacts(!showTeacherContacts)}\n />\n \n \n
\n\n \n \n \n {\n (previousSeasonLevel && previousSeasonLevel.evaluation_level_ref ?\n `Niveau ${previousSeasonLevel.evaluation_level_ref.label} pour ${activity.activity_ref.activity_ref_kind.name} en ${season.previous.label}`\n :\n `Pas de niveau trouvé pour ${activity.activity_ref.activity_ref_kind.name} en ${season.previous.label}`).toUpperCase()\n }\n \n
\n \n {!!i && }\n this.handleAnswer(q.id, v)} />\n
)\n .value();\n\n return \n {renderedQuestions}\n {\n readOnly || !onSubmit || onSubmit(answers)}>\n {submitLabel || DEFAULT_SUBMIT_LABEL}\n \n }\n
;\n }\n}","import React from \"react\";\nimport Evaluation from \"./Evaluation\";\nimport { formatActivityForDisplay } from \"../../tools/format\";\nimport { parseValues } from \"./question\";\nimport { findAndGet } from \"../utils\";\n\nexport default function EvaluationMenu({\n user,\n season,\n questions,\n activities,\n referenceData,\n}) {\n const activitiesList = activities\n .map(a => \n
;\n}\n\nfunction ActivityEvaluation({\n user,\n season,\n activity,\n questions,\n referenceData,\n}) {\n return \n {activitiesList}\n
\n \n
;\n}","import React, { Component } from \"react\";\nimport Table from \"react-table\";\n\nexport default class StudentEvaluationStats extends Component {\n constructor(props) {\n super(props);\n \n this.state = {};\n }\n\n render() {\n const columns = [\n {\n id: \"teacher\",\n Header: \"Professeur\",\n accessor: d => `${d.teacher.last_name} ${d.teacher.first_name}`,\n Cell: c => \n {c.value}\n \n },\n {\n id: \"nb_students\",\n Header: \"Nombre élèves\",\n accessor: d => d.nb_students,\n Cell: c => \n
\n {formatActivityForDisplay(activity)}
\n\n
\n \n {c.value}\n
,\n },\n {\n id: \"nb_evaluated_students\",\n Header: \"Nombre évaluations\",\n accessor: d => d.nb_evaluated_students,\n Cell: c => \n {c.value}\n
,\n },\n {\n id: \"nb_redirections\",\n Header: \"Nombre changements\",\n accessor: d => d.nb_redirections,\n Cell: c => \n {c.value}\n
,\n },\n {\n id: \"nb_informed_redirections\",\n Header: \"Nombre élèves/parents prévenus\",\n accessor: d => d.nb_informed_redirections,\n Cell: c => \n {c.value}\n
,\n },\n {\n id: \"evaluations_completion_rate\",\n Header: \"% d'évaluations complétées\",\n accessor: d => d.evaluations_completion_rate,\n Cell: c => \n
,\n },\n ];\n\n return \n {c.value}%\n
\n {answerValue || MESSAGES.no_answer}
:\n\n \n
\n}","import React from \"react\";\nimport { MESSAGES } from \"../../../tools/constants\";\nimport { parseValues } from \".\";\n\nexport const radioValue = ({radio_values}, value) => value ?\n parseValues(radio_values).find(([, val]) => val === value)[0] :\n MESSAGES.no_answer;\n\nexport default function RadioQuestion({\n readOnly,\n question,\n onChange,\n value,\n}) {\n if(readOnly) {\n return \n {questionField}\n
\n {radioValue(question, value)}
;\n }\n else {\n const radioValues = parseValues(question.radio_values);\n\n return\n {\n radioValues\n .map(([lab, val]) => {\n const inputId = `question${question.id}-${val}`;\n\n return (\n
;\n }\n}","import _ from \"lodash\";\nimport React from \"react\";\nimport { reactOptionMapper } from \"../../utils\";\nimport TARGETS from \"./select_targets\";\nimport Select from \"react-select\";\nimport { MESSAGES } from \"../../../tools/constants\";\nimport { parseValues } from \".\";\nimport { fullname } from \"../../../tools/format\";\n\nfunction createTargetOptions(selectTarget, referenceData) {\n const target = TARGETS[selectTarget];\n\n try {\n return referenceData[target.setName]\n .map(reactOptionMapper({\n id: target.valueAccessor,\n label: target.labelAccessor\n }));\n } catch (err) {\n console.error(\"Target %s is not supported, please add it to select_question source\");\n return [\n { label: `TARGET ${selectTarget} NOT SUPPORTED` },\n ];\n }\n}\n\nfunction createStaticOptions(options) {\n return parseValues(options)\n .map(([label, value]) => ({\n value,\n label,\n }));\n}\n\nfunction createOptions(selectValues, selectTarget, referenceData) {\n let result = [];\n\n if(selectValues !== null)\n result = result.concat(createStaticOptions(selectValues));\n\n if(selectTarget !== null)\n result = result.concat(createTargetOptions(selectTarget, referenceData));\n\n return result;\n}\n\nfunction formatActivities(activities, referenceData) {\n const groups = activities.map((a, i) => {\n const ref = referenceData.find(r => r.id === parseInt(a));\n\n if (ref) {\n return (\n \n \n
\n );\n })\n }\n - \n {ref.users.slice(0, 3).map((u, j) => (\n
- {fullname(u)} \n ))}\n
- {\"...\"} \n
- {groups}
\n {selectValues.map(({ value, label }) =>\n {selectValues.length > 1 && \"- \"}{label}\n )}\n
\n ) : question.placeholder || MESSAGES.no_answer;\n }\n else {\n const onChangeValue = val => {\n const values = isMulti ? val.map(v => v.value) : [val.value];\n onChange(values.join(\",\"));\n };\n\n return \n
\n ) : (\n \n
\n {\n evaluationAvailabilities.length > 0 ? (\n Gestion des évaluations
\n\n {\n\n editorsVisibility[ti.id] === true && this.submitAppointment(ti.id, body)}/>\n }\n {\n evaluationAvailabilities\n .map(ti => \n this.toggleEditorVisibility(ti.id)}>\n
\n \n
\n {ti.teacher.first_name} {ti.teacher.last_name}, {moment(ti.start).format(\"DD MMM YYYY, HH:mm - \") + moment(ti.end).format(\"HH:mm\")}
\n \n\n {\n editorsVisibility[ti.id] === true && this.submitAppointment(ti.id, body)}/>\n }\n
\n )\n }\n Pour le moment, aucun professeur n'a mis de disponibilité pour des évaluations
\n )\n }\n \n }\n}\n\n","import React, { useState } from \"react\";\nimport { Form, Field } from \"react-final-form\";\n\nimport moment from \"moment\";\nmoment.locale(\"fr\");\n\nimport { optionMapper } from \"../utils\";\nimport { required, ordCheck, composeValidators } from \"../../tools/validators\";\nimport { MESSAGES } from \"../../tools/constants\";\n\nexport default function EvaluationAvailabilityEditor({\n // Subject props\n availability,\n // Datasets\n activityRefs,\n rooms,\n // Handlers\n onSubmit,\n}) {\n const { evaluation_appointments: appointments } = availability;\n\n const initialValues = {\n start: moment(availability.start).format(\"HH:mm\"),\n end: moment(availability.end).format(\"HH:mm\"),\n activity_ref_id: null,\n room_id: null,\n };\n\n const intervalIntegrity = vals => vals.start >= vals.end ? \"err_interval_integrity\" : \"\";\n\n const intervalOverlap = vals => {\n const [startH, startM] = vals.start.split(\":\").map(p => parseInt(p));\n const [endH, endM] = vals.end.split(\":\").map(p => parseInt(p));\n\n const int = {\n start: moment(availability.start).hour(startH).minute(startM).valueOf(),\n end: moment(availability.end).hour(endH).minute(endM).valueOf(),\n };\n\n return availability\n .evaluation_appointments\n .find(ea => {\n const oint = {\n start: moment(ea.time_interval.start).valueOf(),\n end: moment(ea.time_interval.end).valueOf(),\n };\n\n // overlap condition\n return int.start < oint.end && oint.start < int.end;\n });\n };\n\n const WithError = ({ touched, error, children }) =>\n {children}\n {touched && error &&
;\n\n const handleSubmit = values => {\n const [startH, startM] = values.start.split(\":\").map(p => parseInt(p));\n const [endH, endM] = values.end.split(\":\").map(p => parseInt(p));\n\n onSubmit({\n ...values,\n start: moment(availability.start).hour(startH).minute(startM).toISOString(),\n end: moment(availability.end).hour(endH).minute(endM).toISOString(),\n teacher_id: availability.teacher.id,\n });\n };\n\n const validateForm = values => {\n if(!values.start || !values.end)\n return;\n \n const res = {};\n\n const intervalErr = intervalIntegrity(values);\n intervalErr && (res.interval = intervalErr);\n\n const overlap = !intervalErr && intervalOverlap(values);\n overlap && (res.overlap = overlap);\n\n return res;\n };\n\n return {error.startsWith(\"err_\") ? MESSAGES[error] : error}
}\n\n
\n
;\n }}\n ;\n}\n\nfunction AppointmentsList({ appointments, highlightId }) {\n const hightlightStyles = {\n background: \"#d94142\",\n color: \"white\",\n fontWeight: \"bold\",\n };\n\n return Rendez-vous validés
\n {\n appointments.length > 0 ?\n\n Aucun rendez-vous validé pour le moment.\n
\n }\n\n
\n
\n Nouveau rendez-vous
\n \n| Horaires | \nActivité | \nSalle | \nÉlève | \n
|---|---|---|---|
| {moment(start).format(\"DD MMM YYYY, HH:mm - \") + moment(end).format(\"HH:mm\")} | \n{a.activity_ref.label} | \n{a.room.label} | \n{a.student ? `${a.student.first_name} ${a.student.last_name}` : \"Aucun\"} | \n
\n {props.original.sendMail ?\n props.original.templateName && props.original.templateName != \"null\" ?\n \n Mail\n \n :\n \n Mail\n \n : \"\" }\n\n {props.original.sendSMS ?\n this.handleSMSProcess(e, props.original.id)}\n >\n SMS\n \n : \"\" }\n\n this.DeleteRulesProcess(e, props.original.id)}\n >\n \n \n
\n )},\n sortable: false,\n filterable: false,\n width: 300\n },\n ];\n\n\n const events = [\n { value: 'user_created', label: 'un utilisateur est créé' },\n { value: 'activity_accepted', label: 'une proposition d\\'activité est acceptée' },\n { value: 'activity_assigned', label: 'une activité est assignée' },\n { value: 'application_created', label: 'une application est créée' }\n ]\n\n const actions = [\n { value: 'sendSMS', label: 'Envoyer un SMS' },\n { value: 'sendMail', label: 'Envoyer un Mail' },\n ]\n\n const sendOptions = [\n { value: 'is_admin', label: 'Aux administrateurs'},\n { value: 'is_teacher', label: 'Aux professeurs' },\n { value: 'is_paying', label: 'Aux payeurs' },\n ]\n\n const ReactSelectAdapter = ({ input, ...rest }) => (\n \n )\n\n return (\n \n
\n\n \n
\n \n {\n // if (rowInfo && rowInfo.row) {\n // return {\n // onClick: (e) => {\n // this.setState({\n // selected: rowInfo.original.id,\n // isModifyRuleModalOpen : true\n // })\n // },\n // }\n // } else {\n // return {}\n // }\n // }}\n resizable={false}\n showPagination={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n
\n \n this.openRuleModal()}\n >\n Ajouter une règle\n \n
\n \n Ajouter une Règles\n
\n\n
\n \n\n \n (\n \n )}\n />\n
\n \n Modifier la règle\n
\n\n
\n \n\n \n (\n \n )}\n />\n
\n \n
;\n}","import _, { filter } from \"lodash\";\nimport React from \"react\";\nimport ReactTableFullScreen from \"../ReactTableFullScreen\";\nimport Switch from \"react-switch\";\nimport { makeDebounce } from \"../../tools/inputs\";\nimport {\n csrfToken,\n ISO_DATE_FORMAT,\n findAndGet,\n optionMapper,\n reactOptionMapper,\n} from \"../utils\";\n\nrequire(\"moment/locale/fr\");\n\nconst FILTER_STORAGE_KEY = \"general_checks_list_filters\";\n\nconst defaultTableProps = () => ({\n page: 0,\n pageSize: 10,\n sorted: [{ id: \"cashing_date\", desc: true }],\n filtered: [{ id: \"check_status\", value: \"all\" }],\n resized: [],\n expanded: {},\n});\n\nconst NB_DISPLAYED_RECIPIENTS = 3;\nconst MESSAGE_MODAL_ID = \"messagesModal\";\n\nconst debounce = makeDebounce();\n\nconst requestData = (pageSize, page, sorted, filtered, format) => {\n return fetch(`/payments/checklist${format ? `.${format}` : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted[0],\n filtered,\n }),\n })\n .catch(reason => alert(reason))\n .then(response => {\n if (!format || format === \"json\") return response.json();\n else {\n return response.blob();\n }\n })\n .then(data => {\n if (!format || format === \"json\") {\n return {\n data: data.payments,\n pages: data.pages,\n rowsCount: data.rowsCount,\n totalAmount: data.totalAmount,\n };\n } else {\n return data;\n }\n });\n};\n\nconst putCheckStatus = (id, check_status) => {\n let format = \"json\";\n return fetch(`/payments/check_status${format ? `.${format}` : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n id,\n check_status,\n }),\n });\n};\n\nclass CheckList extends React.Component {\n constructor(props) {\n super(props);\n\n const localStorageValue = localStorage.getItem(FILTER_STORAGE_KEY);\n const filter =\n localStorageValue != null\n ? JSON.parse(localStorageValue)\n : defaultTableProps();\n\n this.state = {\n data: [],\n pages: null,\n message: {\n title: \"Rappel pour paiement\",\n content: \"\",\n isEmail: true,\n isSMS: false,\n },\n bulkEdit: {},\n page: 0,\n filter,\n loading: true,\n rowsCount: 0,\n totalAmount: 0,\n targets: [],\n };\n\n this.fetchData = this.fetchData.bind(this);\n }\n\n componentDidMount() {\n this.mounted = true;\n this.fetchData(this.state.filter, 0);\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n componentDidUpdate() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(this.state.filter)\n );\n }\n\n fetchData(filter, delay = 400) {\n this.setState({ filter });\n\n debounce(() => {\n if (!this.mounted) return;\n this.setState({ loading: true, file: undefined });\n requestData(\n filter.pageSize,\n filter.page,\n filter.sorted,\n filter.filtered,\n \"json\"\n ).then(res => {\n if (!this.mounted) return;\n this.setState({\n ...res,\n loading: false,\n });\n });\n }, delay);\n }\n\n resetFilters() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(defaultTableProps())\n );\n this.setState({ filter: defaultTableProps() }, () => {\n this.fetchData(this.state.filter);\n });\n }\n\n handleChangeSwitch(checked, check) {\n putCheckStatus(check.id, checked).then(() =>\n this.setState({\n data: this.state.data.map(p => ({\n ...p,\n check_status: p.id === check.id ? checked : p.check_status,\n })),\n })\n );\n }\n\n handleChangeReferenceDate(value) {\n const filter = { ...this.state.filter };\n const indexFiltered = _.keyBy(filter.filtered, \"id\");\n indexFiltered.reference_date = { id: \"reference_date\", value };\n filter.filtered = Object.values(indexFiltered);\n this.fetchData(filter);\n }\n\n handleChangeRadio(event) {\n const filter = { ...this.state.filter };\n const indexFiltered = _.keyBy(filter.filtered, \"id\");\n indexFiltered.check_status = {\n id: \"check_status\",\n value: event.target.value,\n };\n filter.filtered = Object.values(indexFiltered);\n this.fetchData(filter);\n }\n\n render() {\n const { data, pages, loading } = this.state;\n\n let referenceDate = this.state.filter.filtered.find(\n obj => obj.id === \"reference_date\"\n );\n referenceDate = referenceDate == undefined ? \"\" : referenceDate.value;\n\n let radioCheckValue = this.state.filter.filtered.find(\n obj => obj.id === \"check_status\"\n );\n radioCheckValue =\n radioCheckValue == undefined ? \"\" : radioCheckValue.value;\n\n const columns = [\n {\n Header: \"Payeur\",\n // maxWidth: 175,\n id: \"users.last_name\",\n Cell: props => {\n const user = _.get(\n props.original,\n \"due_payment.payment_schedule.user\"\n );\n return (\n (user && (\n \n {`${user.last_name} ${user.first_name}`}\n \n )) ||\n \"Inconnu\"\n );\n },\n },\n {\n Header: \"N° Adhérent associés\",\n // maxWidth: 100,\n id: \"users.adherent_number\",\n Cell: props => {\n const user = _.get(\n props.original,\n \"due_payment.payment_schedule.user\"\n );\n let family = _.get(user, \"get_users_paying_for_self\");\n family = (user.students.length ? [user] : []).concat(\n family\n );\n // check for unicity\n let familyList = [];\n let map = new Map();\n for (const member of family) {\n if (!map.has(member.id)) {\n map.set(member.id, true);\n familyList.push(member);\n }\n }\n // build the list\n let numbersList = familyList.map(function(member, index) {\n return (\n \n
\n \n
\n \n
\n Modification d'échéances en masse
\n\n
\n \n \n onChange(e.target.name, e.target.value)}\n className=\"form-control\"\n id=\"bulk-due-date\"\n name=\"previsional_date\"\n type=\"date\"/>\n
\n \n \n \n Annuler\n \n \n \n Enregistrer\n \n
\n - {numbersList}
\n \n this.handleChangeRadio(e)}\n >\n \n \n \n
\n \n \n \n this.handleChangeReferenceDate(\n e.target.value\n )\n }\n />\n
\n Date de réglement :
\n\n \n
\n \n Nombre de chèques : {this.state.rowsCount}\n
\n \n\n\n \n Montant total:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalAmount)}\n \n
\n \n\n \n \n this.fetchData({ ...this.state.filter, page })\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted => {\n console.log(sorted);\n if (sorted[0].id === \"payments.amount\") {\n this.setState({\n data: _.orderBy(\n this.state.data,\n [\"amount\"],\n [sorted[0].desc ? \"asc\" : \"desc\"]\n ),\n filter: { ...this.state.filter, sorted },\n });\n } else {\n this.fetchData({\n ...this.state.filter,\n sorted,\n });\n }\n }}\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n })\n }\n filterable\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n
\n \n );\n }\n}\n\nexport default CheckList;\n","import _, {isDate} from \"lodash\";\nimport React from \"react\";\nimport Select from \"react-select\";\nimport ReactTableFullScreen from \"../ReactTableFullScreen\";\nimport swal from \"sweetalert2\";\nimport {makeDebounce} from \"../../tools/inputs\";\nimport {\n csrfToken,\n findAndGet,\n optionMapper,\n reactOptionMapper,\n} from \"../utils\";\nimport BulkEditModal from \"./BulkEditModal\";\nimport MessageModal from \"./MessageModal\";\nimport SubPaymentList from \"./SubPaymentList\";\nimport DateRangePicker from \"../utils/DateRangePicker\";\nimport * as api from \"../../tools/api\";\nimport * as DuePaymentStatus from '../utils/DuePaymentStatuses'\nimport {UNPAID_ID} from \"../utils/DuePaymentStatuses\";\n\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst FILTER_STORAGE_KEY = \"general_due_payments_list_filters\";\n\nconst defaultTableProps = () => ({\n page: 0,\n pageSize: 12,\n sorted: [{id: \"previsional_date\"}],\n filtered: [],\n resized: [],\n expanded: {},\n});\n\nconst NB_DISPLAYED_RECIPIENTS = 3;\nconst MESSAGE_MODAL_ID = \"messagesModal\";\nconst BULK_MODAL_ID = \"bulkEditModal\";\n\nconst debounce = makeDebounce();\n\nconst requestData = (pageSize, page, sorted, filtered, format) => {\n return fetch(`/due_payments/list${format ? `.${format}` : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted[0],\n filtered,\n }),\n })\n .catch(reason => alert(reason))\n .then(response => {\n if (!format || format === \"json\") return response.json();\n else {\n return response.blob();\n }\n })\n .then(data => {\n if (!format || format === \"json\") {\n return {\n data: data.payments,\n pages: data.pages,\n rowsCount: data.rowsCount,\n totalAmount: data.totalDueAmount,\n totalPaidAmount: data.totalPaidAmount,\n };\n } else {\n return data;\n }\n });\n};\n\nclass DuePaymentList extends React.Component {\n constructor(props) {\n super(props);\n\n const localStorageValue = localStorage.getItem(FILTER_STORAGE_KEY);\n const filter =\n localStorageValue != null\n ? JSON.parse(localStorageValue)\n : defaultTableProps();\n\n const duePaymentMethodsOptions = [\n {\n label: \"Sans mode de règlement\",\n value: \"null\",\n },\n ..._.map(this.props.paymentMethods, reactOptionMapper()),\n ];\n\n const columns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n sortable: false,\n Filter: () => (\n \n \n ●\n \n
\n );\n },\n },\n {\n Header: \"N°\",\n id: \"number\",\n maxWidth: 70,\n accessor: d => d.number,\n Filter: ({onChange, filter}) => {\n let nextValue = \"t\";\n let badgeClass = \"badge \";\n let label = \"Tous\";\n\n switch ((filter && filter.value) || \"\") {\n case \"t\":\n nextValue = \"f\";\n badgeClass += \"badge-primary\";\n label = \"Adh\";\n break;\n case \"f\":\n nextValue = \"\";\n badgeClass += \"badge-warning\";\n label = \"Non Adh\";\n break;\n }\n\n return (\n \n // {d.value.mail ? (\n // \n // this.setState({targets: [d.original.id]})\n // }\n // data-target={`#${MESSAGE_MODAL_ID}`}\n // className=\"btn btn-xs btn-primary\"\n // title=\"Envoyer un rappel\"\n // >\n // \n // \n // ) : null}\n //
\n // ),\n // },\n ];\n\n this.state = {\n columns: columns,\n data: [],\n pages: null,\n message: {\n title: \"Rappel pour paiement\",\n content: \"\",\n isEmail: true,\n isSMS: false,\n },\n bulkEdit: {},\n page: 0,\n filter,\n loading: true,\n validityMap: {},\n rowsCount: 0,\n totalAmount: 0,\n targets: [],\n targetStatus: [],\n csv_export_loading: false,\n };\n\n this.fetchData = this.fetchData.bind(this);\n this.downloadFile = this.downloadFile.bind(this);\n this.returnBlob = this.returnBlob.bind(this);\n this.onCsvExport = this.onCsvExport.bind(this);\n }\n\n componentDidMount() {\n this.mounted = true;\n this.fetchData(this.state.filter, 0);\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n componentDidUpdate() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(this.state.filter)\n );\n\n loadTippy(getTippyNodes());\n }\n\n fetchData(filter, delay = 400) {\n this.setState({filter});\n\n debounce(() => {\n if (!this.mounted) return;\n this.setState({loading: true, file: undefined});\n requestData(\n filter.pageSize,\n filter.page,\n filter.sorted,\n filter.filtered,\n \"json\"\n ).then(res => {\n if (!this.mounted) return;\n const validityMap = _.reduce(\n res.data,\n (acc, due) => {\n let result = \"N\";\n\n if (due.payments.length) {\n const total = due.payments.reduce(\n (n, p) => parseFloat(p.adjusted_amount) + n,\n 0\n );\n\n const difference = Math.abs(\n parseFloat(due.adjusted_amount) - total\n );\n\n if (difference >= 0.01) {\n result = \"NE\";\n } else {\n result = \"E\";\n }\n }\n\n return {\n ...acc,\n [due.id]: result,\n };\n },\n {}\n );\n\n this.setState({\n ...res,\n validityMap,\n loading: false,\n });\n });\n }, delay);\n }\n\n resetFilters() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(defaultTableProps())\n );\n this.setState({filter: defaultTableProps()}, () => {\n this.fetchData(this.state.filter);\n });\n }\n\n handleChangeSeason(value) {\n const filter = {...this.state.filter};\n\n const indexFiltered = _.keyBy(filter.filtered, \"id\");\n\n if (value) indexFiltered.season_id = {id: \"season_id\", value};\n else delete indexFiltered.season_id;\n\n filter.filtered = Object.values(indexFiltered);\n\n this.fetchData(filter);\n }\n\n returnBlob(res) {\n if (res.headers.has(\"content-disposition\")) {\n\n const content = res.headers.get(\"content-disposition\");\n const match = content.match(/filename=\\\"(.*)\\\"/);\n if (match) {\n this.filename = match[1]\n }\n }\n return res.blob();\n }\n\n downloadFile(file) {\n const download = document.createElement(\"a\");\n download.download = this.filename || `${moment().format(\n \"DD_MM_YYYY-HH_mm_ss\"\n )}.csv`;\n download.href = URL.createObjectURL(file);\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n }\n\n onCsvExport() {\n this.setState({csv_export_loading: true})\n const filter = this.state.filter.filtered;\n let ids = [];\n\n if(this.state.targets === \"all\")\n {\n ids = \"all\";\n }\n else\n {\n ids = this.state.targets && this.state.targets.length > 0 ? this.state.targets : this.state.data.map(d => d.id);\n }\n\n let searchParams;\n\n if (ids === \"all\") {\n searchParams = new URLSearchParams({\n filtered: JSON.stringify(filter),\n stream: true\n });\n } else {\n searchParams = new URLSearchParams({\n list: JSON.stringify(ids),\n stream: true\n });\n }\n\n const url = `/due_payments/export?${searchParams.toString()}`\n fetch(url, {\n method: \"GET\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n }\n }).then(res => this.returnBlob(res))\n .then(file => this.downloadFile(file))\n .then(() => this.setState({csv_export_loading: false}));\n }\n\n sendReminderMail() {\n const to = _.uniq(\n this.state.data\n .filter(\n ({id}) =>\n this.state.targets.includes(id) &&\n this.state.validityMap[id] === \"N\"\n )\n .map(d => _.get(d, \"payment_schedule.user.id\"))\n .filter(id => id)\n );\n\n swal({\n title: \"Confirmation d'envoi\",\n text: \"Êtes-vous sûr ?\",\n type: \"question\",\n showCancelButton: true,\n })\n .then(v => {\n if (v.value) {\n return fetch(\"/messages/create\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n message: this.state.message,\n to,\n }),\n });\n }\n })\n .then(res => {\n if (res) {\n if (res.ok)\n swal({\n title: \"Succès\",\n text: \"Message envoyé\",\n type: \"success\",\n });\n else\n throw new Error(\n `Erreur ${res.status} : ${res.statusText}`\n );\n }\n })\n .catch(reason =>\n swal({\n title: \"Erreur\",\n text: reason,\n type: \"error\",\n })\n );\n }\n\n sendPaymentMail() {\n swal({\n title: \"Envoyer un mail de relance\",\n text: \"Voulez vous envoyer un mail de relance pour les paiements sélectionnés ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n if (res.value) {\n api.set()\n .success(res => {\n if (res.status === \"success\")\n swal({title: \"Succès\", text: \"Mail envoyé\", type: \"success\"});\n })\n .error(errorMsg => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: errorMsg,\n });\n })\n .post(\n `/due_payments/send_payment_mail`,{\n targets: this.state.targetStatus,\n }\n );\n }\n });\n }\n\n submitBulkEdit() {\n fetch(\"/due_payments/bulkedit/general\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n targets: this.state.targets,\n filter: this.state.targets === \"all\" ? this.state.filter : null,\n due_payment: {\n ...this.state.bulkEdit,\n },\n }),\n }).then(res => {\n if (res.ok) {\n let targets =\n this.state.targets === \"all\"\n ? this.state.data.map(d => d.id)\n : this.state.targets;\n\n let data = [...this.state.data].map(d => {\n if (targets.includes(d.id))\n return {\n ...d,\n ...this.state.bulkEdit,\n };\n\n return {\n ...d,\n };\n });\n\n this.setState({\n data,\n });\n }\n });\n }\n\n promptStatusEdit(id, statusId) {\n swal({\n title: \"Édition du statut\",\n type: \"warning\",\n confirmButtonText: \"Valider\",\n input: \"select\",\n inputOptions: _.zipObject(\n this.props.statuses.map(status => status.id),\n this.props.statuses.map(status => status.label)\n ),\n inputClass: \"form-control\",\n inputValue: statusId,\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n const newStatusId = res.value;\n if (newStatusId) {\n fetch(\"/due_payments/edit_status\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({id, status: res.value}),\n }).then(res => {\n if (!res.ok) swal(\"Echec\", \"\", \"error\");\n else\n this.setState({\n data: this.state.data.map(dp => {\n if (dp.id === id) {\n return {\n ...dp,\n due_payment_status_id: parseInt(\n newStatusId\n ),\n };\n }\n\n return dp;\n }),\n });\n });\n }\n });\n }\n\n renderStatus(cell) {\n if (cell.value) {\n let status = this.props.statuses.find(s => s.id === cell.value);\n let dueId = cell.original.id;\n\n return status ? (\n \n
\n );\n }\n\n bulkDelete() {\n swal({\n title: \"Confirmation\",\n text:\n \"Voulez-vous supprimer toutes les échéances sélectionnées et les paiements associés ?\",\n type: \"question\",\n showCancelButton: true,\n }).then(r => {\n if (r.value) {\n fetch(\"/due_payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets: this.state.targets,\n }),\n })\n .catch(res => console.error(res))\n .then(res => {\n this.setState({\n data: this.state.data.filter(\n d => !this.state.targets.includes(d.id)\n ),\n targets: [],\n });\n });\n }\n });\n }\n\n render() {\n const {data, pages, loading} = this.state;\n\n\n const totalRecipients = _.chain(this.state.data)\n .filter(\n d =>\n this.state.validityMap[d.id] === \"N\" &&\n (this.state.targets === \"all\" ||\n this.state.targets.includes(d.id))\n )\n .map(d => _.get(d, \"payment_schedule.user\"))\n .compact()\n .uniqBy(u => u.id)\n .value();\n\n let recipientsToDisplay = totalRecipients.slice(\n 0,\n NB_DISPLAYED_RECIPIENTS\n );\n\n let recipients = recipientsToDisplay\n .map(u => `${u.first_name} ${u.last_name}`)\n .join(\", \");\n\n const restCount = Math.max(\n 0,\n this.state.targets === \"all\"\n ? this.state.total - NB_DISPLAYED_RECIPIENTS\n : totalRecipients.length - NB_DISPLAYED_RECIPIENTS\n );\n if (restCount) recipients += `, et ${restCount} autres`;\n\n const filteredSeasonId =\n findAndGet(\n this.state.filter.filtered,\n f => f.id === \"season_id\",\n \"value\"\n ) || \"\";\n\n const events = []\n\n return (\n \n
\n \n Vous avez sélectionné {count} échéance(s){\" \"}\n {this.state.targets.length === this.state.data.length &&\n Math.max(\n this.state.rowsCount - this.state.targets.length,\n 0\n ) ? (\n \n this.setState({targets: \"all\"})\n }\n className=\"btn btn-sm btn-info m-l-sm\"\n >\n Sélectionner les{\" \"}\n {this.state.rowsCount -\n this.state.targets.length}{\" \"}\n restantes\n \n ) : null}\n
\n \n {this.state.targetStatus.length > 0 || this.state.targets.length === this.state.data.length ? (\n this.sendPaymentMail()}\n >\n Envoyer un mail de relance aux paiements impayés\n \n ) : \"\"}\n \n Édition de masse\n \n \n Supprimer\n \n
\n \n \n
\n {this.state.targets.length > 0 ? this.targetsAlert() : null}\n\n \n this.fetchData(this.state.filter)}\n >\n \n \n this.resetFilters()}\n >\n \n \n\n events[0]()}\n >\n \n \n\n \n this.handleChangeSeason(e.target.value)\n }\n value={filteredSeasonId}\n className=\"form-control m-r\"\n >\n \n {this.props.seasons.map(optionMapper())}\n \n\n 0 ? `les ${this.state.targets === \"all\" ? this.state.rowsCount : this.state.targets.length} lignes sélectionnées)` : \"tous les paiements visibles\")}\n onClick={() => {this.onCsvExport()}}\n disabled={this.state.csv_export_loading}\n >\n {this.state.csv_export_loading ? : }\n \n
\n\n \n {this.state.rowsCount} échéances\n
\n\n \n Total échéances:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalAmount)}\n \n\n \n Total paiements:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalPaidAmount)}\n \n
\n \n \n this.fetchData({...this.state.filter, page})\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted =>\n this.fetchData({...this.state.filter, sorted})\n }\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n })\n }\n filterable\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={10}\n SubComponent={row => {\n if (row.original.payments.length > 0) {\n return (\n
\n \n
\n );\n }\n}\n\nexport default GeneralPayments;\n","import React from \"react\";\n\nexport default function MessageModal({ id, onChange, onSend, message, recipients, }) {\n return \n
;\n}","import _ from \"lodash\";\nimport React from \"react\";\nimport ReactTableFullScreen from \"../ReactTableFullScreen\";\nimport swal from \"sweetalert2\";\nimport {makeDebounce} from \"../../tools/inputs\";\nimport {\n csrfToken,\n findAndGet,\n optionMapper,\n reactOptionMapper,\n} from \"../utils\";\nimport MessageModal from \"./MessageModal\";\nimport DateRangePicker from \"../utils/DateRangePicker\";\nimport * as api from \"../../tools/api\";\nimport * as PaymentStatus from \"../utils/PaymentStatuses\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst FILTER_STORAGE_KEY = \"general_payments_list_filters\";\n\nconst PAYMENT_STATUS = {\n VALIDATED: 1,\n FAILED: 2,\n PENDING: 3,\n UNPAID: 4\n};\n\nconst defaultTableProps = () => ({\n page: 0,\n pageSize: 11,\n sorted: [{id: \"cashing_date\"}],\n filtered: [],\n resized: [],\n expanded: {},\n});\n\nconst NB_DISPLAYED_RECIPIENTS = 3;\nconst MESSAGE_MODAL_ID = \"messagesModal\";\n\nconst debounce = makeDebounce();\n\nconst pageSizeOptions = [5, 10, 11, 15, 20, 50, 100];\n\nconst requestData = (pageSize, page, sorted, filtered, format) => {\n return fetch(`/payments/list${format ? `.${format}` : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted[0],\n filtered,\n }),\n })\n .catch(reason => alert(reason))\n .then(response => {\n if (!format || format === \"json\") return response.json();\n else {\n return response.blob();\n }\n })\n .then(data => {\n if (!format || format === \"json\") {\n return {\n data: data.payments,\n pages: data.pages,\n rowsCount: data.rowsCount,\n totalAmount: data.totalAmount,\n };\n } else {\n return data;\n }\n });\n};\n\nclass PaymentList extends React.Component {\n constructor(props) {\n super(props);\n\n const localStorageValue = localStorage.getItem(FILTER_STORAGE_KEY);\n const filter =\n localStorageValue != null\n ? JSON.parse(localStorageValue)\n : defaultTableProps();\n\n\n const columns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n sortable: false,\n Filter: () => (\n \n
\n \n
\n \n
\n Envoi d'un rappel
\n\n \n \n \n\n {/*
\n Titre
\nDestinataire.s
\n{recipients}
\nMessage
\nEnvoi par
*/}\n\n
\n \n
*/}\n {/*\n
*/}\n \n \n \n Annuler\n \n \n \n Envoyer\n \n
\n \n // {d.value.mail ? (\n // \n // this.setState({targets: [d.original.id]})\n // }\n // data-target={`#${MESSAGE_MODAL_ID}`}\n // className=\"btn btn-xs btn-primary\"\n // title=\"Envoyer un rappel\"\n // >\n // \n // \n // ) : null}\n //
\n // ),\n // },\n ];\n\n this.state = {\n columns: columns,\n data: [],\n pages: null,\n message: {\n title: \"Rappel pour paiement\",\n content: \"\",\n isEmail: true,\n isSMS: false,\n },\n bulkEdit: {},\n page: 0,\n filter,\n loading: true,\n rowsCount: 0,\n totalAmount: 0,\n targets: [],\n targetStatus: [],\n csv_export_loading: false,\n };\n\n this.fetchData = this.fetchData.bind(this);\n this.downloadFile = this.downloadFile.bind(this);\n this.returnBlob = this.returnBlob.bind(this);\n this.onCsvExport = this.onCsvExport.bind(this);\n }\n\n componentDidMount() {\n this.mounted = true;\n this.fetchData(this.state.filter, 0);\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n componentDidUpdate() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(this.state.filter)\n );\n\n loadTippy(getTippyNodes());\n }\n\n fetchData(filter, delay = 400) {\n this.setState({filter});\n\n debounce(() => {\n if (!this.mounted) return;\n this.setState({loading: true, file: undefined});\n requestData(\n filter.pageSize,\n filter.page,\n filter.sorted,\n filter.filtered,\n \"json\"\n ).then(res => {\n if (!this.mounted) return;\n\n this.setState({\n ...res,\n loading: false,\n });\n });\n }, delay);\n }\n\n resetFilters() {\n localStorage.setItem(\n FILTER_STORAGE_KEY,\n JSON.stringify(defaultTableProps())\n );\n this.setState({filter: defaultTableProps()}, () => {\n this.fetchData(this.state.filter);\n });\n }\n\n handleChangeSeason(value) {\n const filter = {...this.state.filter};\n\n const indexFiltered = _.keyBy(filter.filtered, \"id\");\n\n if (value) indexFiltered.season_id = {id: \"season_id\", value};\n else delete indexFiltered.season_id;\n\n filter.filtered = Object.values(indexFiltered);\n\n this.fetchData(filter);\n }\n\n returnBlob(res) {\n if (res.headers.has(\"content-disposition\")) {\n\n const content = res.headers.get(\"content-disposition\");\n const match = content.match(/filename=\\\"(.*)\\\"/);\n if (match) {\n this.filename = match[1]\n }\n }\n return res.blob();\n }\n\n downloadFile(file) {\n const download = document.createElement(\"a\");\n download.download = this.filename || `${moment().format(\n \"DD_MM_YYYY-HH_mm_ss\"\n )}.csv`;\n download.href = URL.createObjectURL(file);\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n }\n\n onCsvExport() {\n this.setState({csv_export_loading: true})\n const filter = this.state.filter.filtered;\n let ids = [];\n\n if(this.state.targets === \"all\")\n {\n ids = \"all\";\n }\n else\n {\n ids = this.state.targets && this.state.targets.length > 0 ? this.state.targets : this.state.data.map(d => d.id);\n }\n\n let searchParams;\n\n if (ids === \"all\") {\n searchParams = new URLSearchParams({\n filtered: JSON.stringify(filter),\n stream: true\n });\n } else {\n searchParams = new URLSearchParams({\n list: JSON.stringify(ids),\n stream: true\n });\n }\n\n const url = `/payments/export?${searchParams.toString()}`\n fetch(url, {\n method: \"GET\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n }\n }).then(res => this.returnBlob(res))\n .then(file => this.downloadFile(file))\n .then(() => this.setState({csv_export_loading: false}));\n }\n\n sendReminderMail() {\n const to = _.uniq(\n this.state.data\n .filter(\n ({id, payment_status_id}) =>\n this.state.targets.includes(id) &&\n (payment_status_id === PAYMENT_STATUS.UNPAID || payment_status_id === PAYMENT_STATUS.PENDING)\n )\n .map(d => _.get(d, \"payment_schedule.user.id\"))\n .filter(id => id)\n );\n\n swal({\n title: \"Confirmation d'envoi\",\n text: \"Êtes-vous sûr ?\",\n type: \"question\",\n showCancelButton: true,\n })\n .then(v => {\n if (v.value) {\n return fetch(\"/messages/create\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n message: this.state.message,\n to,\n }),\n });\n }\n })\n .then(res => {\n if (res) {\n if (res.ok)\n swal({\n title: \"Succès\",\n text: \"Message envoyé\",\n type: \"success\",\n });\n else\n throw new Error(\n `Erreur ${res.status} : ${res.statusText}`\n );\n }\n })\n .catch(reason =>\n swal({\n title: \"Erreur\",\n text: reason,\n type: \"error\",\n })\n );\n }\n\n sendPaymentMail() {\n swal({\n title: \"Envoyer un mail de relance\",\n text: \"Voulez vous envoyer un mail de relance pour les règlements sélectionnés ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n if (res.value) {\n api.set()\n .success(res => {\n if (res.status === \"success\")\n swal({title: \"Succès\", text: \"Mail envoyé\", type: \"success\"});\n })\n .error(errorMsg => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: errorMsg,\n });\n })\n .post(\n `/payments/send_reglement_mail`,{\n targets: this.state.targetStatus,\n }\n );\n }\n });\n }\n\n submitBulkEdit() {\n fetch(\"/due_payments/bulkedit/general\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n targets: this.state.targets,\n filter: this.state.targets === \"all\" ? this.state.filter : null,\n due_payment: {\n ...this.state.bulkEdit,\n },\n }),\n }).then(res => {\n if (res.ok) {\n let targets =\n this.state.targets === \"all\"\n ? this.state.data.map(d => d.id)\n : this.state.targets;\n\n let data = [...this.state.data].map(d => {\n if (targets.includes(d.id))\n return {\n ...d,\n ...this.state.bulkEdit,\n };\n\n return {\n ...d,\n };\n });\n\n this.setState({\n data,\n });\n }\n });\n }\n\n promptStatusEdit(id, statusId) {\n swal({\n title: \"Édition du statut\",\n type: \"warning\",\n confirmButtonText: \"Valider\",\n input: \"select\",\n inputOptions: _.zipObject(\n this.props.statuses.map(status => status.id),\n this.props.statuses.map(status => status.label)\n ),\n inputClass: \"form-control\",\n inputValue: statusId,\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n const newStatusId = res.value;\n if (newStatusId) {\n fetch(\"/payments/edit_status\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({id, status: res.value}),\n }).then(res => {\n if (!res.ok) swal(\"Echec\", \"\", \"error\");\n else\n this.setState({\n data: this.state.data.map(p => {\n if (p.id == id) {\n return {\n ...p,\n payment_status_id: parseInt(\n newStatusId\n ),\n };\n }\n\n return p;\n }),\n });\n });\n }\n });\n }\n\n renderStatus(cell) {\n let status = this.props.paymentStatuses.find(s => s.id === cell.value);\n let paymentId = cell.original.id;\n\n return (\n \n
\n );\n }\n\n bulkDelete() {\n swal({\n title: \"Confirmation\",\n text:\n \"Voulez-vous supprimer tous les paiements sélectionnés ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(r => {\n if (r.value) {\n fetch(\"/payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets: this.state.targets,\n }),\n })\n .catch(res => console.error(res))\n .then(res => res.json())\n .then(res => {\n this.setState({\n data: this.state.data.filter(\n d => !this.state.targets.includes(d.id)\n ),\n targets: [],\n });\n });\n }\n });\n }\n\n handleFilesDropped(files) {\n const body = new FormData();\n body.append(\"file\", files[0]);\n\n fetch(\"/payments/import_file\", {\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n method: \"POST\",\n body,\n })\n .then(res => res.json())\n .then(res => {\n swal({\n type: \"info\",\n title: \"Résultats\",\n text: `Réussites : ${res.inserted}, Échecs : ${res.failed}, Ignorés : ${res.ignored}`,\n }).then(() =>\n this.setState({\n failedCount: this.state.failedCount + res.failed,\n })\n );\n });\n }\n\n promptStatusEdit(id, statusId) {\n swal({\n title: \"Édition du statut\",\n type: \"warning\",\n confirmButtonText: \"Valider\",\n input: \"select\",\n inputOptions: _.zipObject(\n this.props.statuses.map(status => status.id),\n this.props.statuses.map(status => status.label)\n ),\n inputClass: \"form-control\",\n inputValue: statusId,\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n const newStatusId = res.value;\n if (newStatusId) {\n fetch(\"/payments/edit_status\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({id, status: res.value}),\n }).then(res => {\n if (!res.ok) swal(\"Echec\", \"\", \"error\");\n else\n this.setState({\n data: this.state.data.map(p => {\n if (p.id === id) {\n return {\n ...p,\n payment_status_id: parseInt(newStatusId),\n };\n }\n\n return p;\n }),\n });\n });\n }\n });\n }\n\n render() {\n const {data, pages, loading} = this.state;\n\n const duePaymentMethodsOptions = [\n {\n label: \"Sans mode de règlement\",\n value: \"null\",\n },\n ..._.map(this.props.paymentMethods, reactOptionMapper()),\n ];\n\n const totalRecipients = _.chain(this.state.data)\n .filter(\n d =>\n (d.payment_status_id === PAYMENT_STATUS.UNPAID || d.payment_status_id === PAYMENT_STATUS.PENDING) &&\n (this.state.targets === \"all\" ||\n this.state.targets.includes(d.id))\n )\n .map(d => _.get(d, \"payment_schedule.user\"))\n .compact()\n .uniqBy(u => u.id)\n .value();\n\n let recipientsToDisplay = totalRecipients.slice(\n 0,\n NB_DISPLAYED_RECIPIENTS\n );\n\n let recipients = recipientsToDisplay\n .map(u => `${u.first_name} ${u.last_name}`)\n .join(\", \");\n\n const restCount = Math.max(\n 0,\n this.state.targets === \"all\"\n ? this.state.total - NB_DISPLAYED_RECIPIENTS\n : totalRecipients.length - NB_DISPLAYED_RECIPIENTS\n );\n if (restCount) recipients += `, et ${restCount} autres`;\n\n const filteredSeasonId =\n findAndGet(\n this.state.filter.filtered,\n f => f.id === \"season_id\",\n \"value\"\n ) || \"\";\n\n const events = [];\n\n return (\n \n
\n \n Vous avez sélectionné {count} règlement(s){\" \"}\n {this.state.targets.length === this.state.data.length &&\n Math.max(\n this.state.rowsCount - this.state.targets.length,\n 0\n ) ? (\n \n this.setState({targets: \"all\"})\n }\n className=\"btn btn-sm btn-info m-l-sm\"\n >\n Sélectionner les{\" \"}\n {this.state.rowsCount -\n this.state.targets.length}{\" \"}\n restantes\n \n ) : null}\n
\n \n {this.state.targetStatus.length > 0 || this.state.targets.length === this.state.data.length ? (\n this.sendPaymentMail()}\n >\n Envoyer un mail de relance aux règlements impayés\n \n ) : \"\"}\n \n Supprimer\n \n
\n \n \n
\n {this.state.targets.length > 0 ? this.targetsAlert() : null}\n\n \n this.fetchData(this.state.filter)}\n >\n \n \n this.resetFilters()}\n >\n \n \n\n events[0]()}\n >\n \n \n\n \n this.handleChangeSeason(e.target.value)\n }\n value={filteredSeasonId}\n className=\"form-control m-r\"\n >\n \n {this.props.seasons.map(optionMapper())}\n \n\n 0 ? `les ${this.state.targets === \"all\" ? this.state.rowsCount : this.state.targets.length} lignes sélectionnées)` : \"tous les paiements visibles\")}\n onClick={() => {this.onCsvExport()}}\n disabled={this.state.csv_export_loading}\n >\n {this.state.csv_export_loading ? : }\n \n\n {/*todo: restore import functionnality... so do not delete */}\n {/**/}\n {/* */}\n {/* {this.state.failedCount > 100*/}\n {/* ? \"100+\"*/}\n {/* : this.state.failedCount || \"0\"}*/}\n {/**/}\n
\n\n \n {this.state.rowsCount} règlements\n
\n\n \n Total paiements:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalAmount)}\n \n
\n \n \n this.fetchData({...this.state.filter, page})\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted =>\n this.fetchData({...this.state.filter, sorted})\n }\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n })\n }\n filterable\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={8}\n SubComponent={row => {\n return (\n
\n | Numéro | \nDate prévisionnelle | \nMode règlement | \nMontant | \n
|---|---|---|---|
| {data.number} | \n{data.previsional_date} | \n{paymentMethod && paymentMethod.label} | \n{data.adjusted_amount} | \n
\n
\n \n );\n }\n\n render() {\n const seasonsOptions = _.sortBy(this.props.seasons, s => s.label).map(\n s => (\n \n )\n );\n\n //Tries to take the season from the table query\n const season = _.find(\n _.get(this.state, \"filter.filtered\"),\n ({ id }) => id === \"season\"\n );\n\n //If a season filter is taken, compare against it.\n //Otherwise compare against all seasons.\n const seasonsToCheck = season\n ? [parseInt(season.value)]\n : this.props.seasons.map(s => s.id);\n\n //This map takes all users and for each of them\n //determines their \"validity\", which is if they have the desired\n //schedules, of only some of them, or not at all.\n //The meaning is different whether there is a season filter or not:\n //- A season is selected: are not valid users which do not have\n //a schedule for the selected season\n //- No season selected: Are not valid users without schedules,\n //partially valid those with schedules for only some of the seasons\n //and are valid users which have a schedule for each season\n const validityMap = _.reduce(\n this.state.data,\n (acc, { id, payment_schedules }) => {\n //User is invalid by default, the checkings done below\n //are looking for proofs of his innocence :)\n let result = \"N\";\n\n const schedulesSeasons = payment_schedules.map(\n s => s.season_id\n );\n\n //Checks if there is a schedule for each season to check\n const seasonsCheck = _.reduce(\n seasonsToCheck,\n (acc, id) => acc && schedulesSeasons.includes(id),\n true\n );\n\n if (seasonsCheck) {\n //The payer has a schedule for every season selected\n result = \"E\";\n } else if (!season && schedulesSeasons.length) {\n //The payer has a schedule for only some of the seasons selected\n result = \"NE\";\n }\n\n //Aggregates previous results with the current one.\n //This map associates users (with their ids) to their validity\n return {\n ...acc,\n [id]: result,\n };\n },\n {}\n );\n\n const columns = [\n {\n Header: \"\",\n id: \"selection\",\n width: 25,\n sortable: false,\n accessor: r => this.state.targets.includes(r.id),\n Filter: () => (\n \n Vous avez sélectionné {count} payeur(s){\" \"}\n {this.state.targets.length === this.state.data.length &&\n Math.max(\n this.state.total - this.state.targets.length,\n 0\n ) ? (\n \n this.setState({ targets: \"all\" })\n }\n className=\"btn btn-sm btn-info m-l-sm\"\n >\n Sélectionner les{\" \"}\n {this.state.total - this.state.targets.length}{\" \"}\n restants\n \n ) : null}\n
\n \n \n Envoyer un message\n \n
\n \n {d.value.mail ? (\n \n this.setState({ targets: [d.original.id] })\n }\n className=\"btn btn-xs btn-primary\"\n title=\"Envoyer un rappel\"\n data-toggle=\"modal\"\n data-target={`#${MESSAGE_MODAL_ID}`}\n >\n \n \n ) : null}\n
\n ),\n },\n ];\n\n const currentSeason = this.props.seasons.find(s => s.is_current);\n const seasonFilterId = _.chain(this.state.filter)\n .get(\"filtered\")\n .find(({ id }) => id === \"season\")\n .get(\"value\")\n .value();\n\n const filteredSeason =\n seasonFilterId &&\n _.find(this.props.seasons, s => s.id == seasonFilterId);\n\n let recipientsToDisplay = [];\n\n if (this.state.targets === \"all\")\n recipientsToDisplay = this.state.data.slice(\n 0,\n NB_DISPLAYED_RECIPIENTS\n );\n else if (this.state.targets.length)\n recipientsToDisplay =\n this.state.targets.length &&\n this.state.data.filter(d =>\n this.state.targets\n .slice(0, NB_DISPLAYED_RECIPIENTS)\n .includes(d.id)\n );\n\n let recipients = recipientsToDisplay\n .map(u => `${u.first_name} ${u.last_name}`)\n .join(\", \");\n\n const restCount = Math.max(\n 0,\n this.state.targets === \"all\"\n ? this.state.total - NB_DISPLAYED_RECIPIENTS\n : this.state.targets.length - NB_DISPLAYED_RECIPIENTS\n );\n if (restCount) recipients += `, et ${restCount} autres`;\n\n return (\n \n \n this.setState({\n message: {\n ...this.state.message,\n [e.target.name]: e.target.value,\n },\n })\n }\n onSend={() => this.sendReminderMail()}\n />\n
\n );\n }\n}\n\nexport default DuePaymentList;\n","import React from \"react\";\nimport _ from \"lodash\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport ReactTable from \"react-table\";\nimport DateFilter from \"../utils/DateFilter\";\n\nclass SubPaymentList extends React.Component {\n constructor(props) {\n super(props);\n\n const columns = [\n {\n Header: \"Mode de réglement\",\n id: \"payment_method_id\",\n accessor: d => {\n const pm = _.find(\n this.props.paymentMethods,\n pm => pm.id == d.payment_method_id\n );\n return pm ? pm.label : \"Non précisé\";\n },\n sortable: false,\n Filter: ({ filter, onChange }) => (\n \n
\n {this.state.targets.length ? this.targetsAlert() : null}\n \n {this.state.total} payeurs sans échéancier pour\n \n
\n\n this.fetchData(filter)}\n columns={columns}\n pageSizeOptions={[10, 14, 20, 30, 50]}\n defaultPageSize={14}\n defaultFiltered={[\n {\n id: \"season\",\n value: currentSeason && currentSeason.id,\n },\n ]}\n filterable\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n
\n \n
\n );\n }\n}\n\nexport default SubPaymentList;\n","import React, { useState, useRef } from 'react';\nimport { csrfToken } from '../utils';\nimport swal from 'sweetalert2';\nimport { EmailEditor } from 'react-email-editor';\n\nexport default function ElvisEditor(props) {\n const [json, setJson] = useState(JSON.parse(props.templateJson));\n const [html, setHtml] = useState(props.templateBody);\n const emailEditorRef = useRef();\n\n const handleProcess = () => {\n emailEditorRef.current.editor.exportHtml((data) => {\n setJson(data.design);\n setHtml(data.html);\n\n fetch(`/notification_templates/${encodeURIComponent(props.templateId)}`, {\n method: 'PATCH',\n credentials: 'same-origin',\n headers: {\n 'X-CSRF-Token': csrfToken,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n json: data.design,\n html: data.html,\n }),\n })\n .then(response => {\n if (!response.ok) {\n swal('Erreur', 'Erreur lors de l\\'acheminement', 'error');\n }\n\n return response.json();\n })\n .then(json => {\n swal('Réussite', 'Template modifié', 'success');\n });\n });\n };\n\n const handleDeleteProcess = (e) => {\n e.preventDefault();\n swal({\n title: 'Êtes vous sûr de supprimer ce template ?',\n type: 'warning',\n confirmButtonText: 'Oui !',\n cancelButtonText: 'Annuler',\n showCancelButton: true,\n }).then(a => {\n if (a.value) {\n fetch(`/notification_templates/${encodeURIComponent(props.templateId)}`, {\n method: 'DELETE',\n credentials: 'same-origin',\n headers: {\n 'X-CSRF-Token': csrfToken,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n id: props.templateId,\n }),\n })\n .then(response => {\n if (!response.ok) {\n swal('Erreur', 'Erreur lors de l\\'acheminement', 'error');\n }\n\n swal('Réussite', 'Template supprimé', 'success')\n .then(() => {\n window.location.href = \"/notification_templates\";\n });\n })\n\n }\n });\n };\n\n const onLoad = () => {\n const unlayer = emailEditorRef.current.editor;\n\n unlayer.setAppearance({\n theme: 'light',\n panels: {\n tools: {\n dock: 'right',\n },\n },\n loader: {\n url:\n 'https://custom-images.strikinglycdn.com/res/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/1632721/882276_138965.png',\n },\n });\n\n unlayer.loadDesign(json);\n unlayer.setMergeTags(props.mergeTags);\n };\n\n const onReady = () => {\n console.log('onReady');\n };\n\n return (\n \n
\n );\n};\n","export const APPLICATION_TAGS = {\n first_name: {\n name: \"Prénom de l'utilisateur\",\n value: \"{{first_name}}\",\n sample: \"Prénom\"\n },\n\n last_name: {\n name: \"Nom de l'utilisateur\",\n value: \"{{last_name}}\",\n sample: \"Nom\"\n },\n\n applicationId: {\n name: \"ID de la demande d'inscription\",\n value: \"{{application.id}}\",\n sample: \"ID de la demande d'inscription\"\n },\n \n application_season_label: {\n name: \"Saison de la demande d'inscription\",\n value: \"{{application.season_label}}\",\n sample: \"Saison de la demande d'inscription\"\n },\n\n application_total_all_due_payments: {\n name: \"Total des paiements dus\",\n value: \"{{application.total_all_due_payments}}\",\n sample: \"Total des paiements dus\"\n },\n\n application_total_pending_due_payments: {\n name: \"Total des paiements dus restants\",\n value: \"{{application.total_pending_due_payments}}\",\n sample: \"Total des paiements dus restants\"\n },\n}\n\nexport const ACTIVITY_TAGS = {\n activity_day_in_week: {\n name: \"Jour de la semaine de l'activité\",\n value: \"{{activity.day_in_week}}\",\n sample: \"Jour de la semaine de l'activité\"\n },\n\n activity_start_date: {\n name: \"Date de début de l'activité\",\n value: \"{{activity.startDate}}\",\n sample: \"Date de début de l'activité\"\n },\n\n activity_start_hour: {\n name: \"Heure de début de l'activité\",\n value: \"{{activity.activity_start}}\",\n sample: \"Heure de début de l'activité\"\n },\n\n activity_end: {\n name: \"Heure de fin de l'activité\",\n value: \"{{activity.activity_end}}\",\n sample: \"Heure de fin de l'activité\"\n },\n\n activity_label: {\n name: \"Nom de l'activité\",\n value: \"{{activity.display_name}}\",\n sample: \"Nom de l'activité\"\n },\n\n activity_teacher_first_name: {\n name: \"Prénom du professeur\",\n value: \"{{activity.teacher_first_name}}\",\n sample: \"Prénom du professeur\"\n },\n\n activity_teacher_last_name: {\n name: \"Nom du professeur\",\n value: \"{{activity.teacher_last_name}}\",\n sample: \"Nom du professeur\"\n },\n\n activity_display_price: {\n name: \"Prix de l'activité\",\n value: \"{{activity.display_price}}\",\n sample: \"Prix de l'activité\"\n },\n\n}\nexport const ACTIVITY_INSTANCE_TAGS = {\n activity_start_date: {\n name: \"Date de début de la séance\",\n value: \"{{activity_instance.start_date}}\",\n sample: \"Date de début de la séance\"\n },\n\n activity_start_hour: {\n name: \"Heure de début de la séance\",\n value: \"{{activity_instance.activity_start}}\",\n sample: \"Heure de début de la séance\"\n },\n\n activity_end: {\n name: \"Heure de fin de la séance\",\n value: \"{{activity_instance.activity_end}}\",\n sample: \"Heure de fin de la séance\"\n },\n\n activity_teacher_first_name: {\n name: \"Prénom du professeur\",\n value: \"{{activity_instance.teacher_first_name}}\",\n sample: \"Prénom du professeur\"\n },\n\n activity_teacher_last_name: {\n name: \"Nom du professeur\",\n value: \"{{activity_instance.teacher_last_name}}\",\n sample: \"Nom du professeur\"\n }\n}\n\nexport const PAYMENT_TAGS = {\n\n // payment_schedule_id: {\n // name: \"payment_schedule_id\",\n // value: \"{{payments.payment_schedule_id}}\",\n // sample: \"payment_schedule_id\"\n // },\n\n season_label: {\n name: \"Saison du paiement\",\n value: \"{{payments.season_of_payment}}\",\n sample: \"Saison du paiement\"\n },\n\n previsional_date: {\n name: \"Date du paiement\",\n value: \"{{payment.previsional_date}}\",\n sample: \"Date du paiement\"\n },\n\n amount: {\n name: \"Montant du paiement\",\n value: \"{{payment.amount}}\",\n sample: \"Montant du paiement\"\n },\n\n status: {\n name: \"Statut du paiement\",\n value: \"{{payment.status}}\",\n sample: \"Statut du paiement\"\n },\n\n paymentsLoop: {\n name : \"Paiements\",\n rules: {\n repeat: {\n name: \"Répeter pour chaque paiement\",\n before: \"{% for payment in due_payments %}\",\n after: \"{% endfor %}\"\n }\n }\n }\n}\n\nexport const REGLEMENTS_TAGS = {\n //\n // reglement_id: {\n // name: \"reglement_id\",\n // value: \"{{reglements.reglement_id}}\",\n // sample: \"reglement_id\"\n // },\n //\n // reglement_payable_id: {\n // name: \"reglement_payable_id\",\n // value: \"{{reglements.reglement_payable_id}}\",\n // sample: \"reglement_payable_id\"\n // },\n\n reglement_reception_date: {\n name: \"Date de réception du règlement\",\n value: \"{{reglements.reglement_reception_date}}\",\n sample: \"Date de réception du règlement\"\n },\n\n reglement_cashing_date: {\n name: \"Date d'encaissement du règlement\",\n value: \"{{reglement.['cashing_date']}}\",\n sample: \"Date d'encaissement du règlement\"\n },\n\n reglement_amount: {\n name: \"Montant du règlement\",\n value: \"{{reglement['amount']}}\",\n sample: \"Montant du règlement\"\n },\n\n reglement_status: {\n name: \"Statut du règlement\",\n value: \"{{reglement['status']}}\",\n sample: \"Statut du règlement\"\n },\n\n reglementsLoop: {\n name : \"Règlements\",\n rules: {\n repeat: {\n name: \"Répeter pour chaque règlement\",\n before: \"{% for reglement in reglements %}\",\n after: \"{% endfor %}\"\n }\n }\n }\n}\n\nexport const UTILS_TAGS = {\n button_school_link: {\n name: \"Bouton vers le site de l'école\",\n value: \"{{school_link}}\",\n sample: \"Bouton vers le site de l'école\"\n },\n}\n\nexport const SCHOOL_LOGO_TAGS = {\n img_school_logo: {\n name: \"Logo de l'école\",\n value: \"{{school_logo}}\",\n sample: \"Logo de l'école\"\n },\n}","import React, {Fragment, useRef} from 'react';\nimport {Field, Form, } from \"react-final-form\";\nimport {required} from \"../../tools/validators\";\nimport Input from \"../common/Input\";\nimport {csrfToken} from \"../utils\";\nimport swal from \"sweetalert2\";\nimport {EmailEditor} from \"react-email-editor\";\n\nexport default function TemplateCreator() {\n const emailEditorRef = useRef();\n\n const onSubmit = (values) => {\n try {\n emailEditorRef.current.editor.exportHtml((data) => {\n fetch(\n `/notification_templates/`,\n {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n\n body: JSON.stringify({\n name: values.name,\n path: values.path,\n html: data.html,\n json: data.design\n }),\n }\n ).then(response => {\n if (!response.ok)\n swal(\"Erreur\", \"Erreur lors de l'acheminement\", \"error\")\n\n return response.json()\n }).then(json => {\n swal(\"Réussite\", \"Template créé\", \"success\")\n .then(() => {\n window.location.href = \"/notification_templates\";\n });\n });\n });\n } catch (error) {\n swal('Erreur', error.message, 'error');\n }\n };\n\n return (\n \n \n Modifier le template\n \n
\n \n
\n\n Creation de templates
\n\n
\n \n \n Revenir à l'édition\n \n
\n \n (\n \n )}\n />\n
\n \n
\n {templateName}
\n\n
\n \n
\n \n
\n \n \n Revenir à la liste\n \n
\n \n \n \n \n
\n },\n sortable: false,\n filterable: false,\n width: 200\n },\n ];\n\n return (\n \n
\n\n\n Édition des templates emails
\n\n
\n \n
\n \n
\n \n
\n \n
\n\n \n Paramétrage des catégories de prix\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 } else {\n return \n
\n\n \n
\n Statut d'inscription par défaut
\n\n \n
\n Le statut sélectionné sera le statut par défaut pour les nouvelles inscriptions.
\n\n
\n \n \n
\n {props.original.is_stopping ? \"Oui\" : \"Non\"}
\n ),\n },\n {\n id: \"is_active\",\n Header: \"Actif ?\",\n accessor: d => d.is_active,\n Cell: props => (\n{props.original.is_active ? \"Oui\" : \"Non\"}
\n ),\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return props.original.built_in ? \"\" :\n\n \n \n \n\n \n this.deleteStatus(props.original)\n }\n >\n \n \n
\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n return (\n \n
\n}","import React, {Fragment, useState} from \"react\";\nimport Modal from \"react-modal\";\nimport {Field, Form} from \"react-final-form\";\nimport Input from \"../../common/Input\";\nimport InputSelect from \"../../common/InputSelect\";\nimport Checkbox from \"../../common/Checkbox\";\nimport DragAndDrop from \"../../editParameters/DragAndDrop\";\n\nexport default function ConsentDocumentModal({document, isOpen, isFetching, onRequestClose, onSubmit}) {\n const required = value => (value ? undefined : 'requis')\n const [file, setFile] = useState(undefined);\n const [fileHasChanged, setFileHasChanged] = useState(false);\n\n function handleSubmit(values) {\n onSubmit(values, file, fileHasChanged);\n }\n\n\n if(document===null && fileHasChanged)\n setFileHasChanged(false);\n\n return isOpen ?\n \n
\n\n Visibilité
\n\n setVisibilityActivated(e.target.checked)}\n />\n \n
\n \n
\n\n Choix de l'activité
\n \n\n
\n\n Edition d'un document de consentement
\n \n\n\n \n\n \n }>\n\n \n\n
\n\n \n :\n null;\n\n}","import React, {Fragment, useEffect, useState} from \"react\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport ConsentDocumentModal from \"./ConsentDocumentModal\";\nimport {csrfToken} from \"../../utils\";\nimport Modal from \"react-modal\";\n\nexport default function ConsentDocumentsList() {\n\n const [isFetching, setIsFetching] = useState(false);\n const [documents, setDocuments] = useState([]);\n const [editedDocument, setEditedDocument] = useState(null);\n const [documentSaved, setDocumentSaved] = useState(true);\n\n function didMount() {\n fetchDocuments();\n Modal.setAppElement('body');\n }\n\n function fetchDocuments() {\n api.set()\n .before(() => setIsFetching(true))\n .success(documents => {\n setIsFetching(false);\n setDocuments(documents);\n })\n .error(() => {\n setIsFetching(false);\n swal({\n title: \"Erreur lors de la récupération des données\",\n type: \"error\",\n });\n })\n .get(`/consent_documents`);\n }\n\n function deleteDocument(documentId) {\n setDocumentSaved(false);\n api.set()\n //.before(() => this.setState({isFetching: true}))\n .before(() => setIsFetching(true))\n .success(() => {\n setIsFetching(false);\n\n const index = documents.findIndex(doc => doc.id === documentId);\n setDocuments(documents.splice(index, index));\n setEditedDocument(null);\n setDocumentSaved(true);\n })\n .error(() => {\n setIsFetching(false);\n swal({\n title: \"Erreur lors de la suppresion\",\n type: \"error\",\n });\n })\n .del(`/consent_documents/${documentId}`);\n }\n\n function updateDocument(document, file, fileHasChanged) {\n\n setDocumentSaved(false);\n\n let formData = new FormData();\n formData.append(\"_method\", \"PATCH\");\n formData.append(\"id\", document.id);\n formData.append(\"title\", document.title);\n formData.append(\"content\", document.content);\n formData.append(\"expected_answer\", document.expected_answer);\n formData.append(\"attached_file_has_changed\", fileHasChanged);\n if (fileHasChanged)\n formData.append(\"attached_file\", file);\n\n fetch(`/consent_documents/${document.id}`, {\n method: \"post\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData\n }).then(res => {\n if (res.ok) {\n res.json().then(updatedDocument => {\n setIsFetching(false);\n\n const index = documents.findIndex(doc => doc.id === document.id);\n documents[index] = updatedDocument;\n setDocuments(documents);\n setEditedDocument(null);\n setDocumentSaved(true);\n })\n } else {\n console.error(\"error\");\n }\n });\n }\n\n function createDocument(document, file) {\n setDocumentSaved(false);\n\n let formData = new FormData();\n formData.append(\"title\", document.title);\n formData.append(\"content\", document.content);\n formData.append(\"expected_answer\", document.expected_answer);\n formData.append(\"attached_file\", file);\n\n fetch(`/consent_documents/`, {\n method: \"post\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData\n }).then(res => {\n if (res.ok) {\n res.json().then(updatedDocument => {\n setIsFetching(false);\n document = res;\n documents.push(document);\n setDocuments(documents);\n setEditedDocument(null);\n setDocumentSaved(true);\n })\n } else {\n console.error(\"error\");\n }\n });\n }\n\n function handleEdit(id) {\n setEditedDocument(documents.find(doc => doc.id === id));\n }\n\n function handleCancel() {\n setEditedDocument(null);\n }\n\n function handleAdd() {\n let document = {\n title: \"\",\n content: \"\",\n expected_answer: false\n }\n setEditedDocument(document);\n }\n\n function handleSubmit(document, file, fileHasChanged) {\n if (document.id)\n updateDocument(document, file, fileHasChanged);\n else\n createDocument(document, file, true);\n }\n\n function handleMoveUp(docId) {\n api.set()\n .before(() => setIsFetching(true))\n .success(documents => {\n setIsFetching(false);\n setDocuments(documents);\n })\n .error(() => {\n setIsFetching(false);\n swal({\n title: \"Erreur lors de la récupération des données\",\n type: \"error\",\n });\n })\n .post(`/consent_documents/move_up`,\n {id: docId}\n );\n }\n\n function handleMoveDown(docId) {\n api.set()\n .before(() => setIsFetching(true))\n .success(documents => {\n setIsFetching(false);\n setDocuments(documents);\n })\n .error(() => {\n setIsFetching(false);\n swal({\n title: \"Erreur lors de la récupération des données\",\n type: \"error\",\n });\n })\n .post(`/consent_documents/move_down`,\n {id: docId}\n ); }\n\n function compareIndices(d1, d2) {\n if (d1.index && d2.index)\n return d1.index - d2.index;\n else\n return 0;\n }\n\n useEffect(didMount, [documents.length]);\n\n return \n Ajoutez des documents à faire valider à vos élèves avant leur inscription. Renseignez les documents\n ci-dessous.\n
\n\n\n \n
\n\n {\n documents\n .sort(compareIndices)\n .map((doc) => {\n return \n\n
\n\n\n \n isLast ? \"\" : onMoveDown(document.id)}>\n {isLast || } \n
\n isFirst ? \"\" : onMoveUp(document.id)}>\n {isFirst || } \n
\n onEdit(document.id)}>\n
\n\n \n {document.title}\n
\n \n onDelete(document.id)}\n >\n
\n \n :\n null;\n}","import React, {Component, Fragment} from \"react\";\nimport ReactTable from \"react-table\";\nimport {csrfToken} from \"../utils\";\n\n/**\n * Il faut hériter de cette classe.\n * Elle permet de faire rapidement un tableau avec actions crud. Pour cela il faut:\n * mettre l'URL de récupération en json des données dans les propriétés de l'élément enfant sous le nom \"urllistdata'\n * Modifier le state \"column\" pour mettre un tableau de colonne.\n */\nexport default class BaseDataTable extends Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n data: [],\n pages: null,\n loading: true,\n filter: {},\n tableState: {},\n subComponent: null\n };\n }\n\n fetchData(state, instance)\n {\n this.setState({ loading: true, filter: state, tableState: state });\n\n this.requestData.call(this,\n state.pageSize,\n state.page,\n state.sorted,\n state.filtered,\n )\n .then(response => response.json())\n .then(data => {\n return {\n data: data.status,\n pages: data.pages,\n total: data.total,\n };\n })\n .then(res => {\n this.setState({\n ...res,\n loading: false,\n });\n });\n }\n\n requestData(pageSize, page, sorted, filtered, format)\n {\n return fetch(`${this.props.urlListData}${format ? \".\" + format : \"\"}`,\n {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted[0],\n filtered,\n }),\n });\n }\n\n render()\n {\n const { data, pages, loading } = this.state;\n\n return \n
\n \n Créer\n
\n \n
\n \n this.fetchData.call(this, state, instance)}\n columns={this.state.columns}\n defaultSorted={[{ id: \"id\", desc: true }]}\n filterable\n defaultFilterMethod={(filter, row) => {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n SubComponent={this.state.subComponent}\n />\n
\n \n
\n - \n {this.state.tabsNames.map((tabName, i) =>\n {\n return
- \n
\n\n {this.state.divObjects.map((divObj, i) =>\n {\n if(!this.showedTabs.includes(i) && this.state.activeTab === i)\n {\n this.showedTabs.push(i);\n }\n\n return
\n \n
\n })}\n {this.state.activeTab === i || this.showedTabs.includes(i) ? divObj : \"\"}
\n {props.original.can_continue ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n\n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer l'instrument '\" + status.label + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/evaluation_level_ref/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import React, { useState,useEffect } from 'react';\nimport { useForm } from \"react-hook-form\";\nimport swal from \"sweetalert2\";\nimport { csrfToken } from \"../../utils\";\nimport * as api from \"../../../tools/api\";\n\nexport default function EvaluationSlot(props) {\n\n const { register, formState: { errors }, handleSubmit } = useForm();\n const [sessionHour,setSessionHour] = useState(null)\n\n useEffect(() => { \n getData()\n },[]);\n\n\n function getData(){\n api.get(`/admin/get_session_hour`).then(({ data, error }) => {\n if (error) {\n console.info(error)\n } else {\n setSessionHour(data.session_hour.e)\n }\n });\n }\n\n function onSubmit(data) {\n\n let formData = new FormData();\n formData.append(\"sessionHour\", data.sessionHour);\n\n\n swal({\n title: \"chargement...\",\n onOpen: () => swal.showLoading()\n });\n\n fetch(\"/admin/update_session_hour\", {\n method: \"post\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n body: formData\n }).then(res => {\n if (res.ok) {\n res.json().then(json => {\n swal({\n type: \"success\",\n title: \"Enregistrement effectué\"\n });\n });\n } else {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\"\n })\n }\n });\n }\n\n\n\n return \n \n\n\n\n
\n\n}\n\n","import BaseParameters from \"../BaseParameters\";\nimport EvaluationLevels from \"./EvaluationLevels\";\nimport React,{Component} from \"react\";\nimport EvaluationSlot from \"./EvaluationSlot\"\nimport { xorBy } from \"lodash\";\nxorBy\n\nexport default class EvaluationsParameters extends BaseParameters\n{\n constructor(props)\n {\n super(props);\n\n \n\n this.state.tabsNames = [\"Niveaux d'évaluation\",\"Créneau d'évaluation\"];\n this.state.divObjects = [\n
\n\n\n \n
\n \n {(adhesion || {}).label ? `Modifier l'adhésion` : \"Nouvelle adhésion\"}\n
\n\n
\n\n {adhesionEnabled && \n
\n \n
\n \n setAdhesionEnabled(e.target.checked)}\n />\n \n
\n \n
}\n\n {adhesionEnabled && \n setAdhesionPrices([...adhesionPrices, adh])}\n >\n Ajouter\n \n
\n \n
}\n \n \n setAdhesionPrices([...adhesionPrices.map(a => a.id === adh.id ? adh : a)])}\n >\n \n \n\n {props.original.built_in ? \"\" :\n }\n \n }\n ]}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n />\n\n
\n {(props.original.season || {}).label}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => \n
\n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n `${coupon.label} (-${coupon.percent_off}%)`}\n oneResourceTypeName=\"un taux de remise\"\n thisResourceTypeName=\"ce taux de remise\"\n defaultSorted={[{id: \"label\", asc: true}]}\n />\n
\n \n\n onEdit(item)}>\n \n \n\n\n {!item.has_any_discount && onDelete(item)}>\n \n }\n
\n );\n}","import React, {Fragment, useEffect, useState} from \"react\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport {toast} from \"react-toastify\";\nimport { EditorState, convertToRaw, convertFromRaw, ContentState } from 'draft-js';\nimport { Editor } from 'react-draft-wysiwyg';\n\nexport default function EditPaymentScheduleOptions()\n{\n const [paymentScheduleOptions, setPaymentScheduleOptions] = useState([]);\n const [indexValues, setIndexValues] = useState([]);\n const [paymentScheduleOptionsActivated, setPaymentScheduleOptionsActivated] = useState(false);\n const [init, setInit] = useState(true);\n const [editorState, setEditorState] = useState(\n () => EditorState.createEmpty(),\n );\n\n useEffect(() =>\n {\n api.set()\n .success(res =>\n {\n setPaymentScheduleOptions(res.data);\n setPaymentScheduleOptionsActivated(res.activated);\n setInit(false);\n setIndexValues(res.index)\n\n // Convertir le contenu JSON brut en ContentState\n let savedContentRaw = null;\n let savedContentState = null;\n if (res.display_text != null) {\n try {\n savedContentRaw = JSON.parse(res.display_text);\n savedContentState = convertFromRaw(savedContentRaw);\n } catch (e) {\n savedContentState = ContentState.createFromText(res.display_text);\n }\n setEditorState(EditorState.createWithContent(savedContentState));\n }\n })\n .error(res =>\n {\n swal(\"Une erreur est survenue lors de la récupération des options d'échéancier de paiement\", res.error, \"error\");\n })\n .get(\"/payment_schedule_options\", {});\n }, []);\n\n useEffect(() =>\n {\n if(!init)\n {\n api.set()\n .error(res =>\n {\n swal(\"Une erreur est survenue lors de la mise à jour des conditions de paiement\", res.error, \"error\");\n })\n .post(\"/payment_schedule_options/activated\", {activated: paymentScheduleOptionsActivated});\n }\n\n }, [paymentScheduleOptionsActivated]);\n\n const onItemDelete = (paymentScheduleOption) =>\n {\n swal({\n title: \"Êtes-vous sûr ?\",\n text: \"La suppression de cette option d'échéancier de paiement est définitive.\",\n type: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Oui, supprimer\",\n cancelButtonText: \"Non, annuler\",\n }).then((result) =>\n {\n if (result.value)\n {\n api.set()\n .success(res =>\n {\n setPaymentScheduleOptions(paymentScheduleOptions.filter(p => p.id !== paymentScheduleOption.id));\n })\n .error(res =>\n {\n swal(\"Une erreur est survenue lors de la suppression de l'option d'échéancier de paiement\", res.error, \"error\");\n })\n .del(`/payment_schedule_options/${paymentScheduleOption.id}`, {});\n }\n });\n };\n\n const onSaveDisplayText = () =>\n {\n api.set()\n .success(res => {\n toast.success(\"Les informations complémentaires ont été enregistrées.\");\n }).error(res => {\n swal(\"Une erreur est survenue lors de la mise à jour des informations complémentaires\", res.error, \"error\");\n })\n .post(\"/payment_schedule_options/display_text\", {display_text: JSON.stringify(convertToRaw(editorState.getCurrentContent()))});\n };\n\n function handleMoveUp(paymentId) {\n api.set()\n .success(payment => {\n setPaymentScheduleOptions(payment);\n })\n .error(() => {\n swal({\n title: \"Erreur lors de la récupération des données\",\n type: \"error\",\n });\n })\n .post(`/payment_schedule_options/move_up`,\n {id: paymentId}\n );\n }\n\n function handleMoveDown(paymentId) {\n api.set()\n .success(payment => {\n setPaymentScheduleOptions(payment);\n })\n .error(() => {\n swal({\n title: \"Erreur lors de la récupération des données\",\n type: \"error\",\n });\n })\n .post(`/payment_schedule_options/move_down`,\n {id: paymentId}\n );\n }\n\n /**\n * @author Xavier Maquignon\n * @param d1\n * @param d2\n * @returns {number}\n */\n function compareIndices(d1, d2) {\n if (d1.index && d2.index)\n return d1.index - d2.index;\n else\n return 0;\n }\n\n return \n
\n\n \n
\n Visibilité
\n\n\n setPaymentScheduleOptionsActivated(e.target.checked)}\n />\n \n
\n \n
\n\n \n
\n\n \n Renseigner et ajouter vos modalités de paiement
\n\n
\n\n \n {paymentScheduleOptions\n .sort(compareIndices)\n .map((paymentScheduleOption, index) =>\n {\n return
\n \n
\n \n
\n\n \n Renseigner des informations complémentaires sur les modalités de paiement.
\n\n\n
\n\n \n {paymentScheduleOption.label}\n \n\n \n isLast ? \"\" : onMoveDown(paymentScheduleOption.id)}>\n {isLast || } \n
\n isFirst ? \"\" : onMoveUp(paymentScheduleOption.id)}>\n {isFirst || } \n
\n onDelete(paymentScheduleOption)}>\n \n
\n \n};\n","import React, {Component, Fragment} from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\nimport {makeDebounce} from \"../../../tools/inputs\";\nimport ReactTable from \"react-table\";\nimport BaseDataTable from \"../BaseDataTable\";\n\nexport default class PaymentsMethods extends BaseDataTable {\n constructor(props) {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"label\",\n Header: \"Libellé\",\n accessor: d => d.label,\n },\n {\n id: \"show_payment_method_to_user\",\n Header: \"Afficher au client ?\",\n accessor: d => d.show_payment_method_to_user,\n Cell: props => {props.original.show_payment_method_to_user ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"is_special\",\n Header: \"Est spécial ?\",\n accessor: d => d.is_special,\n Cell: props => {props.original.is_special ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"is_credit_note\",\n Header: \"Est à crédit ?\",\n accessor: d => d.is_credit_note,\n Cell: props => {props.original.is_credit_note ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return \n \n \n \n\n {props.original.built_in ?\n null\n :\n this.deleteStatus(props.original)}>\n \n }\n
\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status) {\n swal({\n title: \"Voulez-vous vraiment supprimer la méthode de paiement '\" + status.label + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res => {\n if (res.value) {\n fetch(`/payment_method/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result => {\n if (result.status === 200) {\n this.fetchData(this.state.tableState)\n } else {\n result.text().then(text => {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import React from \"react\";\nimport PaymentsMethods from \"./PaymentsMethods\";\nimport BaseParameters from \"../BaseParameters\";\nimport AdhesionSettings from './AdhesionSettings';\nimport EditPaymentScheduleOptions from \"./EditPaymentScheduleOptions\";\nimport Coupons from \"./Coupons\";\nimport PricingCategoriesEdit from \"../Activities/PricingCategoriesEdit\";\n\nexport default class PaymentsParameters extends BaseParameters {\n constructor(props) {\n super(props);\n\n this.state.tabsNames = [\n 'Adhésion',\n /*'Statuts de paiements',*/\n 'Moyens de paiements',\n 'Catégories de prix',\n 'Modalités de paiement',\n 'Taux de remise'\n ];\n\n this.state.divObjects = [\n {props.original.color}
\n }\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n props.original.built_in ?\n null\n :\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le status '\" + status.label + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/payment_statuses/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import React, {Component, Fragment, useEffect} from \"react\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\n\nexport default function CancelActivityParameters()\n{\n const [hours, setHours] = React.useState(0);\n\n useEffect(() => {\n api.set()\n .success((data) => {\n setHours(data.hours);\n })\n .error(() => {\n swal({\n title: \"Erreur lors du chargement des paramètres\",\n type: \"error\",\n });\n })\n .get(\"/parameters/hours_before_cancelling_activity\", {});\n }, []);\n\n const onSubmit = () => {\n api.set()\n .success(() => {\n swal({\n title: \"Sauvegarde effectuée\",\n type: \"success\",\n });\n })\n .error(() => {\n swal({\n title: \"Erreur lors de la sauvegarde\",\n type: \"error\",\n });\n })\n .post(\"/parameters/hours_before_cancelling_activity\", {\n hours: hours,\n }, {});\n }\n\n const hoursEdit = (event) => {\n setHours(event.target.value);\n };\n\n return \n
\n \n
\n Nombre d'heures
\n\n \n
\n\n \n En dessous de ce nombre d'heures il sera impossible pour l'élève d'annuler son cours.
\n\n
;\n}","import BaseParameters from \"../BaseParameters\";\nimport React from \"react\";\nimport TeacherAvailabilities from \"./TeacherAvailabilities\";\nimport SchoolAvailabilities from \"./SchoolAvailabilities\";\nimport CancelActivityParameters from \"./CancelActivityParameters\";\nimport PlanningDisplayParameters from \"./PlanningDisplayParameters\";\n\nexport default function PlanningsParameters({planningId, auth_token, seasons, availabilityChecked})\n{\n return \n
\n Paramètres d'affichage des plannings
\n\n\n\n setShowActivityCode(!showActivityCode)} />\n \n
\n\n \n\n setRecurrenceActivated(!recurrenceActivated)} />\n \n
\n\n \n Gestion des horaires de votre école
\n(si il y en a, ceux-ci seront proposés par défaut aux élèves lors de leur inscription)
\n\n\n
\n \n
\n}\n\nTeacherAvailabilities.propTypes = {\n defaultChecked: PropTypes.bool,\n planningDefaultChecked: PropTypes.bool\n}","import BaseDataTable from \"../BaseDataTable\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\n\nexport default class BandsType extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n Disponibilité
\n\n setChecked(!checked)} />\n \n \n
\n\n \n \n
\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le type de groupe '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/band_types/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\nimport React from \"react\";\n\nexport default class Features extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"active\",\n Header: \"Actif ?\",\n accessor: d => d.active,\n Cell: props => {props.original.active ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n\n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer la feature '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/room_features/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\n\nexport default class FlatRate extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"enable\",\n Header: \"Actif ?\",\n accessor: d => d.enable,\n Cell: props => {props.original.enable ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"nb_hour\",\n Header: \"Nombre d'heure\",\n accessor: d => d.nb_hour,\n },\n {\n id: \"solo_duo_rate\",\n Header: \"Tarif solo/duo\",\n accessor: d => d.solo_duo_rate,\n },\n {\n id: \"group_rate\",\n Header: \"Tarif de groupe\",\n accessor: d => d.group_rate,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n\n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le forfait '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/flat_rates/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\n\nexport default class Groups extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom du groupe\",\n accessor: d => d.name,\n },\n {\n id: \"type\",\n Header: \"Type\",\n accessor: d => d.band_type.name,\n sortable: false\n },\n {\n id: \"genre\",\n Header: \"Genre musical\",\n accessor: d => d.music_genre.name,\n sortable: false\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le groupe '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/bands/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\n\nexport default class Instruments extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.label,\n },\n {\n id: \"active\",\n Header: \"Actif ?\",\n accessor: d => d.active,\n Cell: props => {props.original.active ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n\n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer l'instrument '\" + status.label + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/instruments/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\n\nexport default class Materials extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"prix\",\n Header: \"Prix /h\",\n accessor: d => d.prix,\n },\n {\n id: \"active\",\n Header: \"Est Actif ?\",\n accessor: d => d.name,\n Cell: props => {props.original.active ? \"Oui\" : \"Non\"}
\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n\n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n this.deleteStatus = this.deleteStatus.bind(this);\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le matériel '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/materials/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseDataTable from \"../BaseDataTable\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../utils\";\nimport React from \"react\";\n\nexport default class MusicGenres extends BaseDataTable\n{\n constructor(props)\n {\n super(props);\n\n this.state.columns = [\n {\n Header: \"#\",\n accessor: \"id\",\n width: 75,\n },\n {\n id: \"name\",\n Header: \"Nom\",\n accessor: d => d.name,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n \n \n\n this.deleteStatus(props.original)}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n }\n\n deleteStatus(status)\n {\n swal({\n title: \"Voulez-vous vraiment supprimer le genre '\" + status.name + \"' ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"non\",\n confirmButtonText: 'oui'\n }).then(res =>\n {\n if(res.value)\n {\n fetch(`/practice/music_genres/${status.id}`,\n {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n }\n })\n .then(result =>\n {\n if(result.status === 200)\n {\n this.fetchData(this.state.tableState)\n }\n else\n {\n result.text().then(text =>\n {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: text\n })\n })\n }\n })\n }\n });\n }\n}","import BaseParameters from \"../BaseParameters\";\nimport React from \"react\";\nimport Groups from \"./Groups\";\nimport BandsType from \"./BandsType\";\nimport MusicGenres from \"./MusicGenres\";\nimport Materials from \"./Materials\";\nimport FlatRate from \"./FlatRate\";\nimport Features from \"./Features\";\nimport Instruments from \"./Instruments\";\n\nexport default class PracticeParameters extends BaseParameters\n{\n constructor(props)\n {\n super(props);\n\n this.state.tabsNames = [\"Type de groupes\", \"Genre musical\", \"Gestion des groupes\", \"Matériels\", \"Forfaits\", \"Option des salles\", \"Instruments\"];\n this.state.divObjects = [\n \n \n \n \n\n \n this.deleteStatus(props.original)\n }\n >\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n const LocationList = ({ rooms, location }) => (\n - \n {_.orderBy(rooms, room => room.label)\n .filter(room => room.location_id === location)\n .map(room => (\n
- \n \n {room.label}\n \n \n ))}\n
\n
\n\n \n {statedPaymentScheduleOption.id ? `Modifier l'option d'échéancier de paiement \"${paymentScheduleOption.label}\"` : \"Ajouter une option d'échéancier de paiement\"}\n
\n\n
\n\n \n setStatedPaymentScheduleOption({\n ...statedPaymentScheduleOption,\n label: e.target.value,\n })}\n />\n
\n Nom de l'option d'échéancier de paiement *
\n\n
\n\n {statedPaymentScheduleOption.payments_number === 0 && \n setStatedPaymentScheduleOption({\n ...statedPaymentScheduleOption,\n payments_number: parseInt(e.target.value),\n })}\n >\n \n {PAYMENT_SCHEDULE_OPTIONS_PAYMENTS_NUMBERS.map(t => )}\n \n \n
\n Nombre d'échéances *
\n\n\n
}\n\n \n setStatedPaymentScheduleOption({\n ...statedPaymentScheduleOption,\n other_payments_number: e.target.value,\n })}\n />\n
\n Autres *
\n\n
\n\n \n setStatedPaymentScheduleOption({\n ...statedPaymentScheduleOption,\n pricing_category_id: parseInt(e.target.value),\n })}\n >\n \n {pricingCategories.map(pricingCategory => )}\n \n
\n Tarif associé
\n Sélectionner le type de tarif que vous voulez associer à cette option d'échéancier de\n paiement. Les types de tarifs sont à définir dans le menu Paiement > paramétrage\n\n\n
\n\n \n renderMonthInGroup(month))}\n buttonStyles={{\n width: \"100px\",\n height: \"75px\",\n backgroundColor: \"white\",\n }}\n />\n
\n Sélectionner le ou les mois de règlement
\n\n\n
\n\n \n
\n\n Jour du règlement
\n\n Ajouter un ou plusieurs jours possibles de règlement. L'élève pourra choisir le jour souhaité.\n
\n\n \n \n
\n \n {statedPaymentScheduleOption && statedPaymentScheduleOption.available_payments_days && statedPaymentScheduleOption.available_payments_days.sort((a, b) => a - b).map((day, i) =>\n
\n\n \n setStatedPaymentScheduleOption({\n ...statedPaymentScheduleOption,\n available_payments_days: statedPaymentScheduleOption.available_payments_days.filter(d => d !== day),\n })} />\n
)}\n \n
\n \n \n \n
\n \n \n {month}\n
;\n}\n\nfunction DayForCollectionItem({ day, onDelete }) {\n return \n
;\n}","import React from \"react\";\nimport { USER_OPTIONS, optionMapper, displayInlineAddress, csrfToken } from \"../utils\";\n\nconst testId = id => id || id === 0;\n\nclass Address extends React.Component {\n constructor(props) {\n super(props);\n\n this.debouncedUpdateSuggestions = _.debounce(\n this.updateSuggestions,\n 500\n );\n\n this.state = {\n suggestions: [],\n };\n }\n\n handleFieldChange(e) {\n let address = { ...this.props.address };\n address[e.target.name] = e.target.value;\n\n if (this.props.user.id !== 0 && e.target.name === \"street_address\")\n this.debouncedUpdateSuggestions(e.target.value);\n\n this.props.setAddress(address.id, address.isNew, address, true);\n }\n\n updateSuggestions(val) {\n fetch(`/addresses/search?query=${val}&user_id=${this.props.user.id}`, {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n })\n .then(res => res.json()) \n .then(res => this.setState({ suggestions: res }));\n }\n\n suggestionSelected(addressId) {\n let suggestion = this.state.suggestions.find(\n s => s.address_id === addressId,\n );\n\n this.props.setAddress(\n this.props.address.id,\n this.props.address.isNew,\n suggestion.address,\n false,\n );\n }\n\n render() {\n const family = _.get(this.props.user, \"family\");\n\n const { identicalAddress } = this.props;\n\n function handleIdenticalAddressCheck(e) {\n if(e.target.checked)\n this.props.handleSetIdenticalAddress(this.props.address.id, null, null);\n else\n this.props.handleUnsetIdenticalAddress(this.props.address.id);\n }\n\n return (\n \n {day}\n
\n\n onDelete(day)}>\n \n
\n \n \n this.props.removeAddress(this.props.address)\n }\n >\n \n Supprimer\n \n
\n );\n }\n}\n\nexport default Address;\n","import React from \"react\";\nimport { fullname } from \"../../tools/format\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst testId = id => id || id === 0;\n\nconst renderUserOptions = users => users.map(\n (u, i) => \n);\n\nconst renderPhoneOptions = phones => phones.map(\n (p, i) => \n);\n\nconst ContactInfos = ({\n title,\n infos,\n validationState,\n identicalTelephones,\n identicalMailUserId,\n handleChangeInfos,\n handleAddEmptyPhoneNumber,\n handleUpdatePhoneInfos,\n handleDeletePhoneNumber,\n handleSetIdenticalMailUserId,\n handleSetIdenticalTelephone,\n handleUnsetIdenticalTelephone,\n}) => {\n const family = _.get(infos, \"family\");\n const hasFamily = Array.isArray(family) && family.length;\n\n const phoneNumbers = _.map(infos.telephones, (t, i) => {\n const hasIdenticalTelephone = Array.isArray(identicalTelephones) \n && identicalTelephones.length;\n\n const identicalTelephone = hasIdenticalTelephone && identicalTelephones[i];\n\n const handleIdenticalPhoneCheck = (e) => {\n if(e.target.checked) {\n handleSetIdenticalTelephone(i, 0, 0);\n } else {\n handleUnsetIdenticalTelephone(i);\n }\n }\n\n return (\n \n {\n family.length ?\n
\n\n \n \n Identique à\n {\n identicalAddress ?\n {\n const u = _.find(family, u => u.id == e.target.value);\n \n if(u)\n this.props.handleSetIdenticalAddress(this.props.address.id, u.id);\n }}\n value={identicalAddress.userId}>\n \n {_(family).map(optionMapper(USER_OPTIONS)).value()}\n \n : null\n }\n {\n identicalAddress && testId(identicalAddress.userId) ?\n this.props.handleSetIdenticalAddress(this.props.address.id, identicalAddress.userId, e.target.value)}\n value={identicalAddress.addressId || \"\"}>\n \n {_.map(_.get(_.find(family, u => u.id == identicalAddress.userId), \"addresses\"),\n optionMapper({label: (a, i) => `Adresse ${i+1} : ${displayInlineAddress(a)}`}))}\n : null\n }\n
: null\n \n }\n \n \n
\n {this.state.suggestions.length > 0 ? (\n \n this.handleFieldChange(e)}\n />\n
\n\n \n \n this.handleFieldChange(e)}\n />\n
\n \n
\n ) : null}\n\n \n \n this.suggestionSelected(s.address_id)\n }\n style={{\n cursor: \"pointer\",\n }}\n >\n \n {`${s.user.first_name} ${\n s.user.last_name\n }`}\n \n {\" : \"}\n {s.address.street_address}\n \n ))}\n
\n Adresses déjà existantes :
\n {this.state.suggestions.map(s => (\n\n \n
\n\n \n this.handleFieldChange(e)}\n />\n
\n\n \n \n this.handleFieldChange(e)}\n />\n
\n \n
\n );\n });\n\n const emailError =\n (validationState && validationState.failed.includes(\"email\")) || false;\n\n return (\n \n {hasFamily ?\n
\n \n \n {\"Identique à\"}\n \n\n {hasIdenticalTelephone ?\n handleSetIdenticalTelephone(i, parseInt(e.target.value), 0)}\n value={identicalTelephone.userIdx}\n >\n {renderUserOptions(family)}\n \n : null}\n\n {hasIdenticalTelephone && testId(identicalTelephone.userIdx) ?\n handleSetIdenticalTelephone(i, identicalTelephone.userIdx, parseInt(e.target.value))}\n value={identicalTelephone.telephoneIdx || \"\"}\n >\n {renderPhoneOptions(_.get(family[identicalTelephone.userIdx], \"telephones\"))}\n \n : null}\n
\n : null}\n \n \n
\n \n handleUpdatePhoneInfos(i, e)}\n />\n
\n \n handleUpdatePhoneInfos(i, e)}\n >\n \n \n \n \n \n
\n \n handleDeletePhoneNumber(i)}\n >\n \n {\"supprimer\"}\n \n
\n \n {title ? \n \n
\n {phoneNumbers}\n\n {\"Ajouter un téléphone\"}\n \n
\n\n \n \n );\n};\n\nexport default ContactInfos;\n","import React from \"react\";\nimport { fullname } from \"../../tools/format\";\nimport ContactInfos from \"./ContactInfos\";\n\nclass FamilyMemberUser extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return (\n Contact
: null}\n \n\n \n
\n {hasFamily ?\n handleChangeInfos(e)} \n />\n
\n\n \n {hasFamily ?\n
\n \n handleSetIdenticalMailUserId(\n e.target.checked ? 0 : null,\n _.get(family, \"[0].email\"),\n )} />\n \n {\"Identique à\"}\n \n\n {identicalMailUserId !== null ?\n {\n const idx = parseInt(e.target.value);\n handleSetIdenticalMailUserId(idx, family[idx].email);\n }}\n value={identicalMailUserId}\n >\n {renderUserOptions(family)}\n \n : null}\n
\n : null}\n\n \n {phoneNumbers}\n
{\"Ajouter un contact\"}
\n\n\n {this.props.infos.possibleMatches &&\n this.props.infos.possibleMatches.length > 0 ? (\n
\n \n this.props.handleSelectParentMatch(\n this.props.idx,\n m.id\n )\n }\n style={{\n cursor: \"pointer\",\n }}\n >\n \n {m.first_name}\n \n {m.last_name}\n {\" \"}\n {`(adhérent N° ${\n m.adherent_number\n })`}\n \n );\n }\n )}\n
\n ) : null}\n\n \n Utilisateurs déja existants (cliquez\n pour sélectionner):{\" \"}\n
\n {_.map(\n this.props.infos.possibleMatches,\n (m, i) => {\n return (\n\n
\n\n \n \n \n this.props.handleChangeMemberInfos(e)\n }\n />\n
\n\n \n \n \n this.props.handleChangeMemberInfos(e)\n }\n />\n
\n \n
\n\n \n \n \n this.props.handleChangeMemberInfos(e)\n }\n />\n
\n \n
\n ) : null}\n\n \n \n \n this.props.handleChangeMemberInfos(e)\n }\n >\n \n \n \n \n \n \n \n \n \n \n \n
\n \n {fullname(this.props.infos)}\n {\" est \"}\n {this.props.infos.link ? {this.props.infos.link} : \"...\"}\n {\" de \"}\n {fullname(this.props.orig)}\n
\n\n
\n \n
\n \n
\n {/*\n
\n\n \n \n this.props.handleChangeMemberInfos(\n e\n )\n }\n />\n \n Payeur\n \n
\n \n
\n\n \n \n this.props.handleChangeMemberInfos(\n e\n )\n }\n />\n \n Référent légal\n \n
\n \n
\n \n \n this.props.handleChangeMemberInfos(\n e\n )\n }\n />\n \n Accompagnant\n \n
\n \n
\n \n \n this.props.handleChangeMemberInfos(\n e\n )\n }\n />\n \n À contacter en premier\n \n
\n \n
*/}\n\n \n\n this.props.handleDeleteUserLink(\n this.props.idx,\n this.props.infos.is_inverse,\n )}>\n Supprimer définitivement ce lien familial\n \n \n \n
\n \n \n
\n \n \n this.props.handleChangeInfos(e)\n }\n possibleMatches={this.props.possibleMatches}\n handleSelectMatch={matchId =>\n this.props.handleSelectMatch(matchId)\n }\n />\n \n \n this.props.handleChangeInfos(e)\n }\n >\n \n \n \n \n \n \n
\n \n \n \n \n \n \n this.props.handleSelectAge(e)\n }\n />\n {this.props.infos.birthday ? (\n \n \n {moment().diff(\n moment(this.props.infos.birthday),\n \"years\"\n ) + \" ans\"}\n \n \n ) : null}\n \n
\n\n \n \n
\n );\n }\n )}\n \n {_.map(\n {\n ..._.zipObject(\n this.props.seasons.map(s => s.id),\n _.times(this.props.seasons.length, Array)\n ),\n ..._.groupBy(this.props.infos.levels, \"season_id\"),\n },\n (levels, seasonId) => {\n const season = this.props.seasons.find(\n s => s.id == seasonId\n );\n return (\n
\n \n
\n ))}\n \n {season ? season.label : \"Non précisée\"}\n
\n\n {levels.map((level, i) => (\n \n \n
\n \n \n this.props.handleRemoveLevel(\n level.id\n )\n }\n style={{\n border: \"none\",\n background:\n \"transparent\",\n }}\n >\n \n \n
\n \n {\n _.get(_.find(this.props.activityRefs, ref => ref.id == level.activity_ref_id), \"label\") || \"\"\n }\n
\n\n \n this.props.handleUpdateLevel(\n level.id,\n e.target\n .name,\n e.target\n .value\n )\n }\n >\n \n Choisir un\n niveau\n \n {_.chain(\n this.props\n .evaluationLevels\n )\n .sortBy(\n \"activity_ref_id\"\n )\n .map(\n optionMapper()\n )\n .value()}\n \n
\n \n \n this.props.handleUpdateLevel(\n level.id,\n e.target\n .name,\n e.target\n .checked\n )\n }\n />\n
\n \n Peut continuer\n
\n\n
\n \n
\n \n \n this.updateDraft(\n seasonId,\n e.target.name,\n e.target.value\n )\n }\n >\n \n ACTIVITÉ\n \n {_(\n this.props\n .activityRefs\n )\n .sortBy(\"label\")\n .map(optionMapper())\n .value()}\n \n
\n \n
\n \n \n this.updateDraft(\n seasonId,\n e.target\n .name,\n e.target\n .checked\n )\n }\n />\n
\n \n Peut continuer\n
\n\n \n this.updateDraft(\n seasonId,\n e.target\n .name,\n e.target\n .value\n )\n }\n value={\n _.get(\n this.state\n .drafts[\n seasonId\n ],\n \"evaluation_level_ref_id\"\n ) || \"\"\n }\n >\n \n NIVEAU\n \n {_.chain(\n this.props\n .evaluationLevels\n )\n .sortBy(\n \"activity_ref_id\"\n )\n .map(\n optionMapper()\n )\n .value()}\n \n {\n {\n this.setState(\n {\n drafts: {\n ...this\n .state\n .drafts,\n [seasonId]: null,\n },\n }\n );\n this.props.handleNewLevel(\n this\n .state\n .drafts[\n seasonId\n ]\n );\n }}\n >\n \n \n }\n
\n \n this.props.handleSaveInfos()}\n >\n Confirmer\n \n
\n \n \n );\n }\n}\n\nexport default LevelInfos;\n","import React from \"react\";\nimport { toLocaleDate, toDate } from \"../../tools/format\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nclass NamePicker extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const necessaryColor = { color: \"#D63031\" };\n\n const lastNameError =\n this.props.validationState &&\n this.props.validationState.failed.includes(\"last_name\");\n \n const firstNameError =\n this.props.validationState &&\n this.props.validationState.failed.includes(\"first_name\");\n \n return (\n \n {this.props.inEdition ||\n this.props.personSelection == \"other\" ? (\n
\n \n ) : null}\n\n {this.props.user.is_admin &&\n this.props.possibleMatches &&\n this.props.possibleMatches.length > 0 ? (\n \n \n \n this.props.handleChangeInfos(e)\n }\n />\n
\n \n \n \n {\n this.props.handleChangeInfos(e);\n }}\n />\n
\n \n \n {\" \"}\n
\n\n {\" \"}\n
\n\n
\n ) : null}\n \n );\n }\n}\n\nexport default NamePicker;\n","import React, { useState, Fragment } from \"react\";\nimport Checkbox from \"../common/Checkbox\";\nimport PropTypes from \"prop-types\";\nimport * as api from \"../../tools/api\";\nimport swal from \"sweetalert2\";\nimport { csrfToken } from \"../utils\";\nimport moment from \"moment\";\nimport \"moment/locale/fr\";\n\nmoment.locale(\"fr\");\n\n/**\n * @param {{is_teacher: boolean, is_admin: boolean, adhesions: []}} user\n * @param {({}) => void} onSubmit\n * @returns {JSX.Element}\n * @constructor\n */\nexport default function Roles({ user, lessonsPlanned, onSubmit }) {\n const [isTeacher, setIsTeacher] = useState(user.is_teacher);\n const [isAdmin, setIsAdmin] = useState(user.is_admin);\n\n function removeLessons() {\n api.set()\n .success(() => {\n swal.fire({\n title: \"Succès\",\n type: \"success\",\n text: \"Les séances à venir ont été supprimées\",\n width: \"400px\",\n confirmButtonText: \"Ok\",\n }).then(() => {\n setIsTeacher(false);\n });\n })\n .error(errorMsg => {\n console.error(\"error deleting activity instances : \", errorMsg);\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n });\n })\n .del(`/teachers/${user.id}/activity_instances`);\n }\n\n function formatActivity(a) {\n const day = moment(a.time_interval.start).format('dddd')\n const startsAt = moment(a.time_interval.start).format('HH:mm')\n const endsAt = moment(a.time_interval.end).format('HH:mm')\n return `Cours de ${a.activity_ref.label} le ${day} de ${startsAt} à ${endsAt}\n
\n \n \n this.props.handleSelectMatch(\n m.id,\n )\n }\n style={{\n cursor: \"pointer\",\n }}\n >\n \n {m.first_name}\n \n {m.last_name}\n {\" \"}\n {toLocaleDate(toDate(m.birthday))}\n \n );\n })}\n
\n \n Utilisateurs déja existants (cliquez pour\n sélectionner):{\" \"}\n
\n {_.map(this.props.possibleMatches, (m, i) => {\n return (\n`;\n }\n\n function getActivitiesList() {\n return api.set()\n .success((activities) => {\n let res = \"\";\n const htmlText =\n `Les ${lessonsPlanned} séances font partie des cours suivants :
` +\n _.reduce(activities, (res, activity) => res + formatActivity(activity), res);\n\n swal.fire({\n title: \"Liste des cours à remplacer\",\n type: \"success\",\n html: htmlText,\n confirmButtonText: \"Ok\",\n width: 600,\n });\n })\n .error(errorMsg => {\n console.error(\"error fetching lessons : \", errorMsg);\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n });\n })\n .get(`/teachers/${user.id}/activities/`);\n }\n\n function onChangeIsTeacher(isTeacher) {\n // dans le cas où on cherche à désactiver le rôle professeur, on doit prendre quelques précautions\n if (isTeacher && lessonsPlanned > 0) {\n swal.fire({\n title: \"Etes-vous sûr ?\",\n html: `Ce professeur a ${lessonsPlanned} séances de cours à venir dans le planning.
Que souhaitez-vous faire ?`,\n confirmButtonText: \"Les supprimer\",\n cancelButtonText: \"Annuler et voir les séances\",\n showCancelButton: true,\n })\n .then(res => {\n if (res.value) {\n removeLessons();\n } else {\n getActivitiesList();\n }\n })\n\n\n return;\n }\n\n setIsTeacher(!isTeacher);\n }\n\n return
\n
\n}\n\nRoles.propTypes = {\n user: PropTypes.shape({\n is_admin: PropTypes.bool.isRequired,\n is_teacher: PropTypes.bool.isRequired,\n adhesions: PropTypes.arrayOf(PropTypes.shape({\n is_active: PropTypes.bool.isRequired,\n season_id: PropTypes.number.isRequired,\n validity_start_date: PropTypes.string,\n validity_end_date: PropTypes.string\n }))\n })\n}","import React, {Fragment} from \"react\";\nimport _, {toInteger} from \"lodash\";\nimport Select from \"react-select\";\nimport ErrorList from \"../common/ErrorList\";\nimport * as TimeIntervalHelpers from \"./TimeIntervalHelpers\";\nimport {csrfToken, findAndGet, ISO_DATE_FORMAT, optionMapper, USER_OPTIONS} from \"../utils\";\nimport YearlyCalendar from \"./YearlyCalendar\";\nimport TabbedComponent from \"../utils/ui/tabs\";\nimport * as api from \"../../tools/api\";\nimport {AttendanceControl} from '../PresenceSheet'\nimport {withSave} from '../planning/activity_management/index'\nimport swal from \"sweetalert2\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst getRoom = (rooms, id) => _.find(rooms, r => r.id == id);\n\nconst isEveil = activity => {\n return activity.activity_ref.has_additional_student;\n};\n\nconst getTime = momentObj => {\n return momentObj.format(\"HH:mm\");\n};\n\nconst InstancesUpdateScope = Object.freeze({\n SINGULAR: 0, // Affect a single instance\n FOLLOWING: 1, // Affect instance and the ones after\n ALL: 2, // Affect season's room and all instances' rooms\n});\n\n// Utilisée uniquement pour les vue. Utilisée également par AttendancesTable.\n// Forcé de faire de cette manière car React refuse de mettre à jours les composants après changement des states.\n// Façon de faire à remplacer si quelqu'un trouve le pb de maj.\nlet viewAttendances = [];\n\nlet viewOptions = [];\n\nlet listUser = [];\n\nclass ActivityDetailsModal extends React.Component {\n constructor(props) {\n super(props);\n /* After validating, room_id, location_id, and activityId are undefined,\n only activity holds the information. To make code consistent,\n we start by copying these values at the correct place.*/\n\n let activity = undefined;\n\n if (props.interval.activity_instance) activity = props.interval.activity_instance.activity;\n else if (props.interval.activity) activity = props.interval.activity;\n\n const activityId = activity ? activity.activity_ref_id : props.activityId;\n\n const room_id = props.interval.activity_instance ? props.interval.activity_instance.room.id : activity ? activity.room.id : props.room_id;\n\n let location_id;\n if (activity) {\n location_id = _.filter(props.room_refs, room => room.id == room_id)[0].location_id;\n } else if (props.locations && props.locations.length === 1) {\n location_id = props.locations[0].id;\n } else {\n location_id = props.location_id;\n }\n\n const rooms_constrained = activity\n ? _.chain(props.rooms)\n .filter(room_ref => room_ref.location_id === location_id)\n .sortBy([\"location_id\", \"label\"])\n .value()\n : props.rooms;\n\n const teacher_id =\n activity && activity.teacher\n ? activity.teacher.id\n : (props.user && props.user.id) || 0;\n\n let mainTeacherId =\n activity &&\n _.filter(activity.teachers_activities, ta => ta.is_main)[0];\n mainTeacherId = mainTeacherId && mainTeacherId.user_id;\n\n let assistantTeacherId =\n activity &&\n _.filter(activity.teachers_activities, ta => !ta.is_main)[0];\n assistantTeacherId = assistantTeacherId && assistantTeacherId.user_id;\n\n const teachers_constrained = activity\n ? _.chain(props.teachers)\n .filter(teacher =>\n _.chain(teacher.teachers_activity_refs)\n .map(act => act.activity_ref_id)\n .includes(activityId)\n .value()\n )\n .sortBy([\"last_name\", \"first_name\"])\n .value()\n : props.teachers;\n\n let recurrences = [\n {\n start: moment(this.props.interval.start),\n selected: true,\n },\n ];\n\n if (this.props.interval.is_validated)\n recurrences = TimeIntervalHelpers.generateInstances(\n this.props.interval.start,\n this.props.seasons\n );\n\n const instance = {\n teacher_id: _.get(this.props.interval, \"activity_instance.teachers_activity_instances[0].user_id\"),\n evaluation_level_ref_id: _.get(this.props.interval, \"activity_instance.activity.evaluation_level_ref_id\"),\n instances_update_scope: InstancesUpdateScope.SINGULAR,\n ..._.pick(_.get(this.props.interval, \"activity_instance\"), [\"room_id\", \"location_id\", \"are_hours_counted\", \"cover_teacher_id\"]),\n };\n\n this.state = {\n activity: activity,\n room_id: room_id,\n location_id: location_id,\n activityId: activityId,\n teacher_id: teacher_id,\n mainTeacherId,\n assistantTeacherId,\n\n initial_room_id: room_id,\n initialMainTeacherId: mainTeacherId,\n initialAssistantTeacherId: assistantTeacherId,\n\n conflicting_interval: null,\n conflicting_interval_teacher: null,\n\n rooms_constrained: rooms_constrained,\n teachers_constrained: teachers_constrained,\n\n editionMode: false,\n\n startTime: moment(props.interval.start),\n endTime: moment(props.interval.end),\n\n isRecurrent: false,\n\n activityInstances: recurrences,\n\n changes: {\n recurrences,\n instance,\n },\n\n groupName: null,\n isEditingGroup: false,\n errors: [],\n attendances: [],\n options: [],\n submitting: this.props.savingActivityInstances\n };\n\n this.state.attendances = (_.get(this.props.interval, \"activity_instance.student_attendances\") || []).map(sa => {\n const attended = _.find(this.state.changes.attendances, (v, k) => sa.id == k);\n return attended !== undefined && attended != null && {\n ...sa,\n attended,\n } || {...sa};\n });\n\n viewAttendances = []\n listUser = []\n\n this.state.attendances.forEach(a => {\n listUser.push(a.user)\n viewAttendances.push({...a})\n });\n\n viewOptions = []\n\n this.state.options = (_.get(this.props.interval, \"activity_instance.activity.options\") || []).map(sa => {\n\n if (listUser.find(user => user.id === sa.desired_activity.activity_application.user.id) === undefined)\n return {...sa.desired_activity.activity_application.user};\n });\n\n // copy complète du tableau pour bien différencier métier et vue\n\n this.state.options = this.state.options.filter(element => {\n return element !== undefined;\n });\n this.state.options.forEach(o => {\n viewOptions.push(o)\n })\n\n }\n\n componentDidMount() {\n if (!this.props.generic) this.verifyTimeOverlap();\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.savingActivityInstances !== this.props.savingActivityInstances) {\n this.setState({submitting: this.props.savingActivityInstances})\n }\n\n }\n\n // ===========================================\n // SELECTION HANDLERS\n // ===========================================\n handleSelectLocation(e) {\n const location_id = e.target.value;\n if (this.state.location_id != location_id) {\n const rooms = _.chain(this.props.rooms)\n .filter(room => room.location_id == location_id)\n .filter(room =>\n _.chain(room.activity_refs)\n .map(a => a.id)\n .includes(this.state.activityId)\n .value()\n )\n .sortBy([\"location_id\", \"label\"])\n .value();\n\n this.setState({\n rooms_constrained: rooms,\n location_id: location_id,\n });\n\n // Updating the room based on selected location\n // By default, we show the first room available for this location\n this.handleChangeRoom(_.head(rooms).id);\n }\n }\n\n handleSelectRoom(e) {\n this.handleChangeRoom(e.target.value);\n }\n\n handleGroupNameChange(value) {\n this.setState({groupName: value});\n }\n\n toggleGroupNameEdit() {\n this.setState({isEditingGroup: !this.state.isEditingGroup});\n }\n\n handleSelectActivity(e) {\n const activityId = parseInt(e.target.value);\n const teachers_constrained = _.chain(this.props.teachers)\n .filter(teacher =>\n _.chain(teacher.teachers_activity_refs)\n .map(act => act.activity_ref_id)\n .includes(activityId)\n .value()\n )\n .sortBy([\"last_name\", \"first_name\"])\n .value();\n\n const rooms_constrained = _.chain(this.props.rooms)\n .filter(room =>\n _.chain(room.activity_refs)\n .map(a => a.id)\n .includes(activityId)\n .value()\n )\n .sortBy([\"location_id\", \"label\"])\n .value();\n\n this.setState({\n activityId,\n teachers_constrained,\n rooms_constrained,\n });\n }\n\n handleChangeRoom(room_id) {\n // The time interval overlapping itself, we need to consider what was the selected room at the construction of the modal.\n if (this.state.initial_room_id != room_id) {\n const room_ref = _.find(\n this.props.room_refs,\n room_ref => room_ref.id == room_id\n );\n const location_id =\n room_ref && room_ref.location ? room_ref.location.id : null;\n\n const start = moment(this.state.startTime);\n const end = moment(this.state.endTime);\n\n fetch(`/time_interval/overlap_room/${room_id}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n start,\n end,\n }),\n })\n .then(response => response.json())\n .then(conflicting_interval => {\n this.setState({\n isValidated: !!conflicting_interval,\n room_id,\n location_id,\n conflicting_interval,\n });\n });\n } else {\n // validation allowed if no teacher interval incoherence\n const isValidated = this.state.conflicting_interval_teacher\n ? false\n : true;\n this.setState({\n conflicting_interval: null,\n isValidated: isValidated,\n room_id: room_id,\n });\n }\n }\n\n /* handleChangeTeacher(teacherId, isMain) {\n const propToModify = isMain ? \"mainTeacherId\" : \"assistantTeacherId\";\n if (teacherId == 0) {\n this.setState({\n [propToModify]: null,\n });\n return;\n }\n\n // The time interval overlapping itself, we need to consider what was the selected teacher at the construction of the modal\n if (\n (isMain && this.state.initialMainTeacherId != teacherId) ||\n (!isMain && this.state.initialAssistantTeacherId != teacherId)\n ) {\n const start = moment(this.state.startTime);\n const end = moment(this.state.endTime);\n\n fetch(`/time_interval/overlap_teacher/${teacherId}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n start,\n end,\n }),\n })\n .then(response => response.json())\n .then(conflicting_interval_teacher => {\n this.setState({\n isValidated: conflicting_interval_teacher\n ? false\n : true,\n [propToModify]: teacherId,\n conflicting_interval_teacher,\n });\n });\n } else {\n // validation allowed if no room interval incoherence\n const isValidated = this.state.conflicting_interval ? false : true;\n\n this.setState({\n isValidated: isValidated,\n [propToModify]: teacherId,\n conflicting_interval_teacher: null,\n });\n }\n } */\n\n //TEACHERS EDITION HANDLERS\n handleChangeTeacher(teacherId, value) {\n const newTeacherId = parseInt(value);\n\n fetch(`/activity_instance/${this.props.interval.activity_instance.id}/teacher/${teacherId}`,\n {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n teacher: {\n user_id: newTeacherId,\n },\n }),\n }\n ).then(res => {\n if (res.ok) {\n //Feed teacher change back to user in UI\n\n }\n });\n }\n\n handleToggleIsMainTeacher(teacherId, isMain) {\n\n\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n teacher: {\n is_main: isMain,\n },\n }),\n }).then(res => {\n if (res.ok) {\n const newTeachersActivities = [\n ...this.state.activity.teachers_activities,\n ].map(ta => {\n if (ta.user_id === teacherId)\n return {\n ...ta,\n is_main: isMain,\n };\n return ta;\n });\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n }\n });\n }\n\n handleAddTeacher(teacherId) {\n\n\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"PUT\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n })\n .then(res => res.json())\n .then(ta => {\n const newTeachersActivities = [\n ...this.state.activity.teachers_activities,\n ta,\n ];\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n });\n }\n\n handleRemoveTeacher(teacherId) {\n\n\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"DELETE\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n }).then(res => {\n const newTeachersActivities = this.state.activity.teacher_activities.filter(\n ta => ta.user_id !== teacherId\n );\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n });\n }\n\n handleSelectTime(e, point) {\n this.setState(\n {[`${point}Time`]: this.getMoment(e.target.value)},\n () => this.verifyTimeOverlap()\n );\n }\n\n handleRemoveStudent(s) {\n const users = this.state.activity.users;\n _.remove(users, s);\n\n this.props.handleRemoveStudent(this.state.activity, s);\n\n this.setState({activity: {...this.state.activity, users}});\n }\n\n handleRemoveOptionalStudent(option) {\n const options = this.state.activity.options;\n _.remove(options, option);\n\n this.props.handleRemoveOptionalStudent(this.state.activity, option);\n\n this.setState({activity: {...this.state.activity, options}});\n }\n\n // ===============================================\n // MISC HELPERS\n // ===============================================\n getMoment(time) {\n const day = moment(this.props.interval.start).format(ISO_DATE_FORMAT);\n const res = moment(`${day}T${time}`);\n return res;\n }\n\n verifyTimeOverlap() {\n const startTime = moment(this.state.startTime);\n const endTime = moment(this.state.endTime);\n const room_id = this.state.room_id;\n const teacher_id = this.state.teacher_id;\n const time_interval_id = this.props.id;\n\n\n fetch(`/planning/overlap`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n startTime,\n endTime,\n room_id,\n teacher_id,\n time_interval_id,\n }),\n })\n .then(response => response.json())\n .then(conflicting_intervals => {\n this.setState({\n isValidated:\n !(conflicting_intervals.teacher == null ||\n conflicting_intervals.room == null),\n conflicting_interval: conflicting_intervals.room,\n conflicting_interval_teacher: conflicting_intervals.teacher,\n });\n });\n }\n\n // =========================================\n // COMMIT HANDLERS\n // =========================================\n\n handleSaveActivityInstances() {\n const activityInstances = formatInstances(\n this.state.changes.recurrences,\n this.state.startTime,\n this.state.endTime,\n );\n\n this.props.handleSaveActivityInstances(\n this.props.interval.id,\n this.state,\n activityInstances\n );\n }\n\n handleUpdateActivity() {\n // Reset error on call\n this.setState({errors: []});\n\n // Get activity from state\n const activity = {id: this.state.activity.id, group_name: this.state.groupName};\n\n // Call api\n api\n .post(`/activity/${activity.id}`, {activity})\n .then(({data, error}) => {\n if (error) {\n this.setState({errors: error});\n } else if (data) {\n //room has been updated, close modal and feed it back in UI\n if (\n this.props.planningType === \"room\" &&\n data.room_id !== this.state.activity.room_id\n ) {\n this.props.activityChangeFeedback(\n this.props.interval.id,\n this.props.planningType\n );\n } else {\n this.setState({activity: data});\n }\n\n this.props.handleUpdateActivityInInstances(activity);\n this.setState({isEditingGroup: false});\n }\n });\n }\n\n handleEditActivityInstance() {\n this.setState({editionMode: false});\n\n const instance = Object.assign({}, this.state, this.props.interval);\n instance.startTime = instance.startTime.toDate();\n instance.endTime = instance.endTime.toDate();\n\n this.props.handleEditActivityInstance(instance);\n\n this.props.closeModal();\n }\n\n handleRemove() {\n this.props.onRemove();\n }\n\n handleEditionMode() {\n this.setState({editionMode: true});\n }\n\n // ========================================\n // YEARLY CALENDAR HANDLERS\n // ========================================\n handleChangeRecurrentActivity(e) {\n const acts = !this.state.isRecurrent\n ? TimeIntervalHelpers.generateInstances(\n this.props.interval.start,\n this.props.seasons\n )\n : {\n [moment(this.props.interval.start).format(\n ISO_DATE_FORMAT\n )]: {\n date: moment(this.props.interval.start),\n selected: true,\n },\n };\n\n const newState = {\n isRecurrent: !this.state.isRecurrent,\n activityInstances: acts,\n };\n\n if (newState.isRecurrent) {\n newState.changes = {\n recurrences: {...acts}\n }\n } else {\n newState.changes = {\n recurrences: {\n 0: Object.values(acts)[0]\n }\n }\n }\n\n this.setState(newState);\n }\n\n handlePickDateYearlyCalendar(selectedDay) {\n const recurrences = {...this.state.changes.recurrences};\n const key = selectedDay.format(ISO_DATE_FORMAT);\n\n if (recurrences[key]) {\n // It's already an instance, so we remove it\n const instance = {...recurrences[key]};\n instance.selected = !instance.selected;\n recurrences[key] = instance;\n } else {\n // It's not an instance, so we add it\n recurrences[key] = {\n start: selectedDay,\n selected: true,\n };\n }\n\n this.setState({\n changes: {\n ...this.state.changes,\n recurrences,\n },\n });\n }\n\n // ========================================\n // RENDERING HELPERS\n // ========================================\n\n renderTeacherSelection() {\n const renderMainTeacherOptions = this.state.teachers_constrained\n .filter(teacher => teacher.id !== this.state.assistantTeacherId)\n .map((teacher, i) => (\n \n ));\n\n const renderAssistantTeacherOptions = this.state.teachers_constrained\n .filter(teacher => teacher.id !== this.state.mainTeacherId)\n .map((teacher, i) => (\n \n ));\n\n return (\n \n onChangeIsTeacher(isTeacher)\n }}\n />\n\n setIsAdmin(!isAdmin)\n }}\n />\n\n
\n \n \n
\n \n \n \n this.handleChangeTeacher(e.target.value, true)\n }\n value={this.state.mainTeacherId || 0}\n className=\"form-control m-b\"\n >\n \n {renderMainTeacherOptions}\n \n \n \n this.handleChangeTeacher(e.target.value, false)\n }\n value={this.state.assistantTeacherId || 0}\n >\n \n {renderAssistantTeacherOptions}\n \n
\n );\n }\n\n render() {\n const errors = [\n ...(this.props.errors || []),\n ...(this.state.errors || [])\n ];\n\n const start = moment.isMoment(this.state.startTime)\n ? moment(this.state.startTime).format(\"HH:mm\")\n : moment(this.state.startTime.toDate()).format(\"HH:mm\");\n const end = moment.isMoment(this.state.endTime)\n const timeIntervalInvalid = end <= start;\n\n const detectedSeason = TimeIntervalHelpers.getSeasonFromDate(\n this.state.startTime.toDate(),\n this.props.seasons\n );\n\n if (this.props.interval.is_validated && this.state.activity && !this.state.editionMode) {\n const room = getRoom(\n this.props.room_refs,\n this.state.room_id\n );\n\n let activities = [];\n if (this.props.planning) {\n if (this.props.planning.time_intervals) {\n activities = _.map(\n this.props.planning.time_intervals,\n ti => ti.activity\n );\n } else {\n activities = _.map(\n this.props.planning,\n ti => ti.activity\n );\n }\n }\n\n if (this.props.user && !this.props.user.is_teacher && !this.props.user.is_admin) {\n activities = _.map(\n this.props.user.activities,\n a => a.time_interval.activity\n );\n }\n\n const mainTeacher = this.props.teachers.find(\n t => t.id == this.state.mainTeacherId\n );\n\n const assistantTeacher = this.props.teachers.find(\n t => t.id == this.state.assistantTeacherId\n );\n\n let styleOptionalStudents = {color: \"#9575CD\"};\n\n const students = TimeIntervalHelpers.omitInactiveStudents(\n this.state.activity.users,\n this.props.interval.activity_instance.inactive_students\n );\n\n const studentIds = _.map(students, s => s.id);\n\n const optionalStudents = _.filter(\n this.state.activity.options,\n o =>\n o.desired_activity &&\n o.desired_activity.activity_application &&\n !_.includes(\n studentIds,\n o.desired_activity.activity_application.user_id\n )\n );\n\n const attendancesPanelContent =\n (this.props.isAdmin || this.props.isTeacher) &&\n ((students.length > 0 || optionalStudents.length > 0) &&\n this.props.interval.activity_instance &&\n this.props.interval.activity_instance\n .student_attendances) ? (\n \n Pour le moment, aucun élève n'est inscrit à ce cours.\n
\n );\n\n const editionPanelContent = this.props.isAdmin || (this.props.isTeacher && this.props.teacher_can_edit && _.get(this.props.planning, \"user.id\") === this.props.currentUserId) ? (\n\n this.state.changes.recurrences}\n existingDates={_.get(\n this.props.interval,\n \"activity_instance.activity.activity_instances\"\n )}\n handlePickDate={(date, classes) => this.handlePickDateYearlyCalendar(date, classes)}\n />\n
\n ) : null;\n\n const instancePanelContent = this.props.isAdmin || (this.props.isTeacher && this.props.teacher_can_edit && _.get(this.props.planning, \"user.id\") === this.props.currentUserId) ? (\n \n
\n
\n );\n\n return result;\n }\n\n return (\n \n
\n {deleteActivity}\n \n \n\n {!this.state.isEditingGroup ?\n \n {this.state.activity.group_name ? this.state.activity.group_name : \"Groupe à définir\"}\n
\n :\n this.handleGroupNameChange(value)}\n value={this.state.groupName || this.state.activity.group_name}\n onSave={() => this.handleUpdateActivity()}\n />\n }\n \n {\" \"}\n
\n\n {\n this.props.interval.comment &&\n
\n \n {this.state.activity.group_name ? this.state.activity.group_name : \"Groupe à définir\"}\n this.toggleGroupNameEdit()}\n >\n \n \n
\n :\n \n {this.state.activity.activity_ref.label} -{\" \"}\n {room.label} -{\" \"}\n {moment(this.props.interval.start).format(\"HH:mm\")}{\" \"}\n - {moment(this.props.interval.end).format(\"HH:mm\")}\n
\n\n {\" \"}\n \n {students.length + optionalStudents.length}\n {\" \"}\n /{this.state.activity.activity_ref.occupation_limit}\n
\n\n {\n this.props.interval.comment &&\n \n Commentaire du professeur
\n {this.props.interval.comment.content}\n
\n }\n \n {this.props.interval.comment.content}\n
\n \n
\n \n \n {!this.props.generic && (this.props.isAdmin || this.props.isTeacher) ? (\n \n
\n {this.state.conflicting_interval ? (\n\n this.handleSelectTime(e, point)\n }\n />\n\n \n this.handleSelectActivity(e)\n }\n />\n\n \n this.handleSelectLocation(e)\n }\n />\n\n this.handleSelectRoom(e)}\n />\n\n \n this.handleSaveActivityInstances()}\n disabled={\n this.state.conflicting_interval ||\n moment(this.state.startTime, \"HH:mm\") >\n moment(this.state.endTime, \"HH:mm\")\n }>\n {this.state.isRecurrent\n ? \"Créer les cours de cette activité \"\n : \"Créer ce cours \"}\n {this.state.submitting ?\n \n :\n \"\"}\n \n
\n \n ) : null}\n
\n );\n }\n}\n\nclass AttendanceTable extends React.Component {\n constructor(props) {\n super(props);\n\n this.state =\n {\n attendances: viewAttendances,\n options: viewOptions\n }\n }\n\n render() {\n const {handleUpdate, handleUpdateAll} = this.props;\n\n let bulkValue = null;\n\n if (this.state.attendances.reduce((acc, sa) => acc && sa.attended === 1, true))\n bulkValue = 1;\n else if (this.state.attendances.reduce((acc, sa) => acc && sa.attended === 0, true))\n bulkValue = 0;\n else if (this.state.attendances.reduce((acc, sa) => acc && sa.attended === 2, true))\n bulkValue = 2;\n else if (this.state.attendances.reduce((acc, sa) => acc && sa.attended === 3, true))\n bulkValue = 3;\n\n let styleOptionalStudents = {color: \"#9575CD\"};\n\n return Création d'une activité
\n\n {this.state.conflicting_interval ? (\n
\n
\n ) : null}\n {this.state.conflicting_interval_teacher != null ? (\n \n La\n salle {findAndGet(this.props.rooms, {id: parseInt(this.state.room_id)}, \"label\", \"??\")}\n est déjà occupée de {moment(\n this.state.conflicting_interval.start\n ).format(\"HH[h]mm\") /*[] in format is the escaping sequence*/} à {moment(\n this.state.conflicting_interval.end\n ).format(\"HH[h]mm\")}\n
\n\n
\n ) : null}\n {timeIntervalInvalid ? (\n \n Le professeur \"\n {this.props.planning.user.first_name}{\" \"}\n {this.props.planning.user.last_name}\" est\n déjà occupé durant ce créneau horaire (\n {moment(\n this.state.conflicting_interval_teacher\n .start\n ).format(\"HH:mm\")}{\" \"}\n -{\" \"}\n {moment(\n this.state.conflicting_interval_teacher\n .end\n ).format(\"HH:mm\")}\n )\n
\n\n
\n ) : null}\n\n\n Le créneau horaire est invalide.
\n\n this.state.changes.recurrences}\n handlePickDate={(date, classes) =>\n this.handlePickDateYearlyCalendar(\n date,\n classes\n )\n }\n />\n ) : null}\n
\n {\n this.props.interval.comment &&\n \n \n this.handleChangeRecurrentActivity(e)\n }\n />\n \n
\n\n {this.state.isRecurrent &&\n _.size(this.state.activityInstances) > 0 ? (\n \n Commentaire du professeur
\n {this.props.interval.comment.content}\n
\n }\n \n {this.props.interval.comment.content}\n
\n
\n \n {\n this.props.handleDeleteInterval(this.props.interval.id);\n }}\n >\n \n Supprimer le créneau\n \n
\n | N° Adh | \nElève | \n\n Présent\n | \n {a.user.adherent_number} | \n\n | \n \n | \n {/*\n \n {this.props.isTeacher ? null : (\n \n | */}\n \n ))}\n {this.state.options\n .map((a, i) => (\n {a.adherent_number} | \n\n \n {a.last_name}\n \n {`${a.first_name}, ${moment().diff(\n a.birthday,\n \"years\"\n )} ans `} (option)\n \n | \n \n ))}\n
|---|
\n \n {\"Nom du groupe\"}\n \n this.handleInputChange(e.target.value)}\n name=\"groupName\"\n />\n \n \n \n
\n\n \n {\"Changer le nom du groupe pour cette instance le modifiera pour toutes les occurences de cette activité.\"}\n
\n\n \n\n onChange(e.target.value)}\n />\n
\n );\n};\n\nconst TimeSelection = ({startTime, endTime, handleSelectTime}) => {\n const start = moment(startTime.toDate());\n const end = moment(endTime.toDate());\n return (\n \n );\n};\n\nconst ActivitySelection = ({\n activities,\n activityId,\n handleSelectActivity,\n }) => {\n return (\n \n );\n};\n\nconst LocationSelection = ({locations, locationId, handleSelectLocation}) => {\n\n if (locations.length === 1) {\n return (\n \n \n
\n );\n }\n\n return (\n \n );\n};\n\nconst RoomSelection = ({\n roomsConstrained,\n roomId,\n roomRefs,\n handleSelectRoom,\n }) => {\n const renderRoomOptions = _.map(roomsConstrained, (room, i) => {\n return (\n \n );\n });\n\n const renderAllRoomOptions = _.map(roomRefs, (room, i) => {\n return (\n \n );\n });\n\n return (\n \n );\n};\n\nclass ActivityEdition extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n ...props.selection,\n startDate: moment(props.startTime).format('YYYY-MM-DD'),\n endTime: moment(props.endTime).format('HH:mm'),\n startTime: moment(props.startTime).format('HH:mm')\n };\n\n\n }\n\n render() {\n const {\n selection,\n startTime,\n endTime,\n locations,\n rooms,\n evaluationLevelRefs,\n teachers,\n onChange,\n } = this.props;\n const {\n teacher_id: selectedTeacherId,\n location_id: selectedLocationId,\n room_id: selectedRoomId,\n instances_update_scope: selectedInstancesUpdateScope = InstancesUpdateScope.SINGULAR,\n evaluation_level_ref_id: selectedEvaluationLevelRefId,\n } = this.state;\n\n const _onChange = (name, value) => {\n onChange(name, value);\n\n const newState = {...this.state};\n newState[name] = value;\n\n this.setState(newState);\n };\n\n return (\n \n {locations[0].label}\n
\n\n
\n );\n };\n}\n\nconst TeachersEditor = ({\n teachers,\n selected,\n onChangeTeacher,\n onToggleIsMainTeacher,\n onAddTeacher,\n onRemoveTeacher,\n }) => {\n const notSelectedTeachersOptions = teachers\n .filter(t => !selected.map(ta => ta.user_id).includes(t.id))\n .map(t => (\n \n ));\n return (\n \n \n _onChange(name, value)}\n />\n
\n \n
\n \n \n _onChange(name, value)}\n />\n
\n \n \n _onChange(name, value)}\n />\n
\n \n \n _onChange(name, value)}>\n {locations.map(optionMapper())}\n \n
\n \n \n _onChange(name, value)}>\n \n {evaluationLevelRefs.map(optionMapper())}\n \n
\n \n _onChange(name, parseInt(value))}\n value={selectedInstancesUpdateScope}\n className=\"form-control mb-4\"\n name=\"instances_update_scope\"\n style={{flex: \"1 1\"}}>\n \n \n \n \n
\n\n \n \n {\n _onChange(name, parseInt(value));\n }}>\n {rooms\n .filter(r => r.location.id == selectedLocationId)\n .map(optionMapper())}\n \n
\n \n Attention : Aucune vérification n'est faite lors d'un\n changement de professeur. Le changement de professeur ne sera\n opéré qu'à partir de cette séance, et répercuté sur toutes celles\n la suivant.\n
\n\n {selectedTeacherId ? (\n \n \n _onChange(name, value)}\n value={selectedTeacherId}>\n {_.map(teachers, optionMapper(USER_OPTIONS))}\n \n
\n ) : (\n \"Aucun professeur principal pour ce cours\"\n )}\n \n \n \n
\n
\n );\n}\n\nconst coveringEditorSelectStyles = {\n option: (styles, {data}) => {\n return {\n ...styles,\n color: data.canCover ? \"forestgreen\" : \"#c2c2c2\",\n };\n },\n};\n\nconst TeacherCoveringEditor = ({\n teacher,\n coverTeacherId,\n areHoursCounted,\n potentialCoveringTeachers,\n teachers,\n onChange,\n }) => {\n const teachersOptions = [\n {\n label: \"PAS DE REMPLAÇANT\",\n value: \"\",\n canCover: true,\n },\n ..._(teachers)\n .filter(t => t.id !== _.get(teacher, \"id\"))\n .map(t => {\n const canCover = coverTeacherId == t.id || potentialCoveringTeachers && potentialCoveringTeachers.includes(t.id);\n\n return {\n label: `${t.last_name} ${t.first_name} ${canCover ? \"✓\" : \"❌\"}`,\n value: t.id,\n canCover,\n isDisabled: !canCover,\n };\n })\n .sortBy([\n ({canCover}) => canCover ? 0 : 1, // place available teachers first\n \"label\", // and subsort by names\n ])\n .value(),\n ]\n\n const selectedOption = teachersOptions.find(({value}) => value == coverTeacherId);\n\n return (\n | Professeur | \nPrincipal | \nSupprimer | \n
|---|---|---|
| \n | \n \n | \n \n | \n
| \n | \n \n | \n |
\n
\n );\n};\n\nconst formatInstances = (instances, startTime, endTime) => _(instances)\n .filter(instance => instance.selected)\n .map(ai => ({\n start: moment(ai.start)\n .hour(startTime.hour())\n .minute(startTime.minute())\n .format(),\n end: moment(ai.start)\n .hour(endTime.hour())\n .minute(endTime.minute())\n .format(),\n }))\n .value();\n\nexport default ActivityDetailsModal;\n","import React from \"react\";\nimport util from \"tui-code-snippet\";\nimport Calendar from \"tui-calendar\";\n\nimport * as TimeIntervalHelpers from \"./TimeIntervalHelpers\";\nimport { getHoursString } from \"../utils/DateUtils\";\n\nimport moment from \"moment-timezone\";\n\nimport day from \"dayjs\";\nimport _ from \"lodash\";\n\nconst EVENT_TYPES = [\n \"beforeCreateSchedule\",\n \"beforeDeleteSchedule\",\n \"beforeUpdateSchedule\",\n \"clickSchedule\",\n];\n\nfunction getTimeTemplate(schedule, isMultiView, show_activity_code, {isAllDay=false, isRoomCalendar=false, seasons=[], user=null,}) {\n let html = [];\n const start = day(schedule.start.toUTCString());\n const end = day(schedule.end.toUTCString());\n\n const duration = end.diff(start, \"minutes\");\n\n // construct lines\n\n let groupDisplayLine = \"\"; // groups\n let hourDateDisplayLine = \"\"; // title\n let locationTeacherDisplayLine = \"\"; // location\n let studentTeacherDisplayLine = \"\"; // students\n\n if (!isAllDay) {\n if (schedule.activity && schedule.activity.group_name) {\n groupDisplayLine += `${schedule.activity.group_name}`;\n }\n\n hourDateDisplayLine += \"\" + start.format(\"HH:mm\") + \"\";\n }\n\n let pattern = \"\";\n\n switch(_.get(_.get(schedule.raw, \"activity_instance.activity.location\") || _.get(schedule.raw, \"activity.location\"), \"label\")) {\n case \"Harfleur\":\n pattern = \"pattern-stars\";\n default:\n break;\n }\n\n if(pattern)\n locationTeacherDisplayLine += ``;\n\n if (schedule.isPrivate)\n {\n locationTeacherDisplayLine += '';\n locationTeacherDisplayLine += \" Private\";\n }\n else\n {\n if (schedule.isReadOnly) {\n locationTeacherDisplayLine += '';\n } else if (schedule.recurrenceRule) {\n locationTeacherDisplayLine += '';\n } else if (schedule.attendees.length > 0) {\n locationTeacherDisplayLine += '';\n } else if (schedule.location) {\n locationTeacherDisplayLine += '';\n }\n const teacherName =\n schedule.teacher.first_name + \" \" + schedule.teacher.last_name;\n const roomName = schedule.location;\n\n locationTeacherDisplayLine += isRoomCalendar ? teacherName : roomName;\n\n const seasonForLevel = TimeIntervalHelpers.getSeasonFromDate(\n schedule.start.toDate(),\n seasons\n );\n\n if (schedule.activity && schedule.activityInstance)\n {\n const students = TimeIntervalHelpers.omitInactiveStudents(schedule.activity.users, schedule.activityInstance.inactive_students);\n \n studentTeacherDisplayLine += (students.length === 1 ? `${students[0].first_name} ${students[0].last_name}` : students.length +\n \"/\" +\n schedule.activity.activity_ref.occupation_limit +\n \" - \" +\n TimeIntervalHelpers.levelDisplay(\n students,\n schedule.activity.activity_ref.id,\n seasonForLevel ? seasonForLevel.id : 0\n )) +\n \" - \" +\n TimeIntervalHelpers.averageAgeDisplay(TimeIntervalHelpers.averageAge(students));\n }\n\n let title = \"Disponibilité\";\n switch (schedule.kind) {\n case \"o\":\n title = \"Dispo. Option\";\n break;\n case \"c\":\n title = \"Dispo. Cours\";\n break;\n case \"e\":\n title = \"Dispo. Evaluation\"\n break;\n }\n if (schedule.isValidated) {\n title = schedule.title;\n }\n\n if(schedule.raw.comment)\n title += '';\n\n hourDateDisplayLine += \" - \" + title;\n\n const coverTeacher = _.get(schedule.raw.activity_instance, \"cover_teacher\");\n if(coverTeacher)\n {\n const teacher = _.get(schedule.activity, \"teacher\");\n\n if(teacher && teacher.id === user.id) {\n studentTeacherDisplayLine += `Remplacé par ${coverTeacher.first_name} ${coverTeacher.last_name}`;\n } else if(teacher && coverTeacher.id === user.id) {\n studentTeacherDisplayLine = `Remplaçant de ${teacher.first_name} ${teacher.last_name}`\n }\n }\n }\n\n locationTeacherDisplayLine += \"\";\n studentTeacherDisplayLine += \"\";\n\n // add lines to html\n\n if(show_activity_code)\n html.push(groupDisplayLine);\n\n html.push(hourDateDisplayLine);\n\n if(!isMultiView)\n {\n html.push(locationTeacherDisplayLine);\n\n if(_.get(schedule, \"activity.activity_ref.occupation_limit\") === 1 && duration < 60)\n {\n // append studentTeacherDisplayLine to first element of html tab\n html = [studentTeacherDisplayLine, ...html];\n }\n else\n {\n html.push(studentTeacherDisplayLine);\n }\n }\n\n return html.join(\"\n \n onChange(\"cover_teacher_id\", v.value || null)}>\n \n
\n\n {coverTeacherId ? (\n \n \n
\n ) : null}\n \n
\n \n \n onChange(name, true)\n }/>\n Oui\n
\n \n \n onChange(name, false)\n }/>\n Non\n
\n \");\n}\n\nclass CustomCalendar extends React.Component {\n constructor(props) {\n super(props);\n\n this.calRef = React.createRef();\n }\n\n componentDidMount() { \n const timezoneName = moment.tz.guess();\n Calendar.setTimezoneOffsetCallback(function(timestamp) {\n return moment.tz.zone(timezoneName).utcOffset(timestamp);\n });\n\n const props = this.props;\n\n const scheduleView = [\"time\"];\n\n if (!this.props.generic) scheduleView.push(\"allday\");\n\n const isMultiView = this.props.selectedPlannings.length > 1;\n \n this.calendar = new Calendar(this.calRef.current, {\n usageStatistics: false,\n taskView: false,\n scheduleView,\n useCreationPopup: false,\n useDetailPopup: false,\n isReadOnly: this.props.displayOnly || isMultiView,\n disableClick: isMultiView,\n disableDbClick: isMultiView,\n week: {\n startDayOfWeek: 1,\n narrowWeekend: false,\n daynames: [\"Dim\", \"Lun\", \"Mar\", \"Mer\", \"Jeu\", \"Ven\", \"Sam\"],\n hourStart: 8,\n hourEnd: 22,\n },\n template: {\n timegridDisplayPrimaryTime: function(time) {\n return time.hour + \":\" + time.minutes;\n },\n monthGridHeader(model) {\n const date = new Date(model.date);\n const template =\n '' +\n date.getDate() +\n \"\";\n return template;\n },\n weekDayname(dayname) {\n return `
\n
`;\n },\n allday(schedule) {\n return schedule.title + ' ';\n },\n time: (schedule) => {\n return getTimeTemplate(\n schedule,\n isMultiView,\n this.props.show_activity_code,\n {\n isAllDay:false,\n isRoomCalendar: props.isRoomCalendar,\n seasons: props.seasons,\n user: props.user\n }\n );\n },\n },\n ...this.props.options,\n });\n\n const isDateValid = d => !isNaN(d.valueOf());\n\n if (this.props.conflict) {\n this.calendar.setDate(moment(this.props.conflict.ts));\n this.setState({ currentDate: this.calendar.getDate().toDate() });\n } else {\n let startDate = isDateValid(this.props.day)\n ? this.props.day\n : new Date();\n this.calendar.setDate(startDate);\n this.setState({ currentDate: this.calendar.getDate().toDate() });\n }\n\n this.registerEvents();\n this.renderCal();\n }\n\n componentDidUpdate(prevProps) {\n EVENT_TYPES.map(event => {\n if (this.props[event] !== prevProps[event]) {\n this.calendar.off(event);\n this.calendar.on(event, this.props[event]);\n }\n });\n this.renderCal();\n }\n\n componentWillUnmount() {\n this.calendar.destroy();\n }\n\n calculateTotalHours() {\n moment.locale(\"fr\");\n const currentDate = moment(this.props.day);\n\n const lessonIntervals = this.props.intervals.filter(\n i =>\n (i.isValidated && i.kind === \"c\") ||\n (i.kind === \"p\" &&\n i.start !== i.end &&\n moment(i.start).isSame(currentDate, this.props.view))\n );\n const optionIntervals = this.props.intervals.filter(\n i =>\n i.isValidated &&\n i.kind === \"o\" &&\n i.start !== i.end &&\n moment(i.start).isSame(currentDate, this.props.view)\n );\n\n const lessonMinutes = lessonIntervals.map(i =>\n moment(i.end).diff(i.start, \"minutes\")\n );\n const optionMinutes = optionIntervals.map(i =>\n moment(i.end).diff(i.start, \"minutes\")\n );\n\n const lessonTotal = lessonMinutes.reduce((a, b) => a + b, 0) / 60;\n const optionTotal = optionMinutes.reduce((a, b) => a + b, 0) / 60;\n\n return {\n lesson: lessonTotal,\n option: optionTotal,\n };\n }\n\n registerEvents() {\n const events = EVENT_TYPES.reduce((handlers, event) => {\n if (this.props[event]) {\n return { ...handlers, [event]: this.props[event] };\n }\n\n return handlers;\n }, {});\n\n this.calendar.on(events);\n }\n\n renderCal() {\n this.calendar.clear();\n this.calendar.createSchedules(this.props.intervals);\n this.calendar.render();\n }\n\n handleToggleView(view) {\n this.calendar.changeView(view, true);\n if (view !== this.props.view)\n this.props.updateIntervals(this.props.day, view);\n }\n\n handleToggleTodayView() {\n this.calendar.setDate(new Date());\n this.props.updateIntervals(new Date(), this.props.view);\n this.setState({ currentDate: new Date() });\n }\n handleToggleSeasonStartView() {\n const seasonStart = new Date(this.props.season.start);\n this.calendar.setDate(seasonStart);\n this.props.updateIntervals(seasonStart, this.props.view);\n }\n handleToggleNextSeasonStartView() {\n const nextSeasonStart = new Date(this.props.nextSeason.start);\n\n // si le jour de la semaine n'est pas lundi, ajuster nextSeasonStart\n if (nextSeasonStart.getDay() !== 1) {\n nextSeasonStart.setDate(nextSeasonStart.getDate() + (1 + 7 - nextSeasonStart.getDay()) % 7);\n }\n\n this.calendar.setDate(nextSeasonStart);\n this.props.updateIntervals(nextSeasonStart, this.props.view);\n this.setState({ currentDate: nextSeasonStart });\n }\n handleTogglePrev() {\n this.calendar.prev();\n this.props.updateIntervals(\n this.calendar.getDate().toDate(),\n this.props.view\n );\n this.setState({ currentDate: this.calendar.getDate().toDate() });\n }\n handleToggleNext() {\n this.calendar.next();\n this.props.updateIntervals(\n this.calendar.getDate().toDate(),\n this.props.view\n );\n this.setState({ currentDate: this.calendar.getDate().toDate() });\n }\n\n handleSetToConflictDate(ts) {\n const conflictDate = moment(ts);\n conflictDate.startOf(\"week\");\n this.calendar.setDate(conflictDate.toDate());\n this.props.updateIntervals(conflictDate.toDate(), this.props.view);\n this.setState({ currentDate });\n }\n\n render() {\n const totalHours = this.calculateTotalHours();\n\n return (\n \n ${\n props.generic\n ? \"\"\n : `\n ${dayname.date}\n `\n }\n \n ${dayname.dayName}\n \n
\n ${\n props.user &&\n !props.generic &&\n (props.isAdmin || props.isTeacher)\n ? `\n Présences\n `\n : \"\"\n }\n \n {this.props.loading &&
\n Chargement...
}\n \n \n
\n \n
\n\n \n handleTogglePrev()}\n >\n \n \n {currentDate != null ? (\n handleToggleNext()}\n >\n \n \n
\n |\n \n handleToggleView(\"month\")}\n >\n Mois\n \n handleToggleView(\"week\")}\n >\n Semaine\n \n handleToggleView(\"day\")}\n >\n Jour\n \n
\n |\n \n \n {/* \n ) : null}\n
\n \n handleToggleSeasonStartView()}>\n \n \n handleToggleTodayView()}>\n \n \n handleToggleNextSeasonStartView()}>\n \n \n
\n |\n {conflicts && filteredConflicts.length > 0 ? (\n \n \n \n {filteredConflicts.length} conflits\n \n
*/}\n - \n {_.map(filteredConflicts, (c, i) => (\n
\n
\n \n {`Nombre d'heures de cours : ${getHoursString(\n totalHours.lesson\n )}, Options: ${getHoursString(totalHours.option)}`}\n
\n{dateFormat}
;\n};\n\nexport default CustomCalendar;\n","import React, { Fragment } from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport { getSeasonFromDate } from \"./TimeIntervalHelpers\";\nimport { RECURRENCE_TYPES, WEEKDAYS } from \"../../tools/constants\";\nimport { toFullDateFr, toLocaleDate } from \"../../tools/format\";\nimport Checkbox from \"../common/Checkbox\";\n\nclass CreateIntervalModal extends React.Component {\n constructor(props) {\n super(props);\n\n const detectedSeason = getSeasonFromDate(this.props.newInterval.start.toDate(), this.props.seasons);\n\n this.state = {\n kind: this.props.kind || \"p\",\n season: detectedSeason && detectedSeason.id || \"\",\n isAdminSelectIntervalRecurrence: false,\n isRecurrent: false,\n recurrentType: RECURRENCE_TYPES.getDefault()\n };\n\n }\n\n handleOptionChange(e) {\n this.setState({ kind: e.target.value });\n\n }\n\n handleSave() {\n const interval = { ...this.props.newInterval, kind: this.state.kind, recurrentType: this.state.isRecurrent ? this.state.recurrentType : null };\n this.props.onSave(interval, this.state.season);\n this.props.closeModal();\n }\n\n handleChangeSeason(season) {\n this.setState({ season });\n }\n\n\n render()\n {\n let component;\n\n if (this.props.currentUserIsAdmin && this.props.recurrenceActivated)\n {\n if (this.state.isAdminSelectIntervalRecurrence)\n {\n\n\n component =\n
\n\n
\n }\n else\n {\n const date = new Date(this.props.newInterval.start);\n\n component = Création d'une disponibilité
\n\n\n
\n
\n\n \n La disponibilité sera ajoutée pour le créneau suivant :
\n {toFullDateFr(this.props.newInterval.start)} de \n {new Date(this.props.newInterval.start).toLocaleTimeString()} à \n {new Date(this.props.newInterval.end).toLocaleTimeString()}\n
\n \n {toFullDateFr(this.props.newInterval.start)} de \n {new Date(this.props.newInterval.start).toLocaleTimeString()} à \n {new Date(this.props.newInterval.end).toLocaleTimeString()}\n
\n
\n \n this.setState({ isRecurrent: e.target.checked })\n }}\n />\n
\n\n {this.state.isRecurrent && \n this.setState({ recurrentType: e.target.value })}>\n {RECURRENCE_TYPES.getAll().map((type, i) =>\n \n )}\n \n
}\n \n
\n\n
\n }\n }\n else\n {\n component = {toFullDateFr(date)}
\n\n\n
this.props.handleCloseAndOpenDetails(this.props.newInterval)}>\n
\n\n \n \n
\n \n Ajout d'un cours\n
\n this.setState({isAdminSelectIntervalRecurrence: true})}>\n
\n \n \n
\n \n Ajout d'une disponibilité\n
\n Création d'un créneau de disponibilité
\n\n \n
\n {component}\n
\n }\n}\n\nCreateIntervalModal.propTypes = {\n newInterval: PropTypes.object.isRequired,\n seasons: PropTypes.array.isRequired,\n closeModal: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n kind: PropTypes.string,\n handleCloseAndOpenDetails: PropTypes.func,\n currentUserIsAdmin: PropTypes.bool,\n recurrenceActivated: PropTypes.bool\n};\n\nexport default CreateIntervalModal;\n","import React, { Fragment } from \"react\";\nimport * as api from \"../../tools/api\";\nimport ErrorList from \"../common/ErrorList\";\nimport { toTimeRange, fullnameWithAge, fullname } from \"../../tools/format\";\nimport QuestionnaireModal from \"../common/FormDisplayModal\";\nimport { getAnswersObject } from \"../evaluation/Evaluation\";\nimport { toast } from \"react-toastify\";\nimport EvaluationForm from \"../evaluation/EvaluationForm\";\n\nconst ListItemContent = ({label, value}) => \n \n this.handleSave()}\n >\n Enregistrer\n \n
\n {control}
\n \n
\n );\n }\n}\n\nexport default EvaluationModal;\n","import React, { Fragment } from \"react\";\nimport { fullname } from \"../../tools/format\";\n\n// SUB COMPONENTS\nconst TeacherItem = ({ schedule, teachers }) => {\n if (!schedule.activityInstance.cover_teacher_id) {\n return (\n - \n
- \n Auto-évaluation :\n
Veuillez aller sur la page Gestion des évaluations pour valider des créneaux d'évaluation.
\n )}\n\n\n this.handleDelete()}\n >\n {\"Supprimer\"}\n \n
\n \n {\"Enseignant\"}\n {\" : \"}\n {fullname(schedule.teacher)}\n
\n\n {\"Remplacé par\"}\n {\" : \"}\n {fullname(coverTeacher)}\n
\n\n \n {\"Heures comptées pour le professeur absent\"}\n \n {\" : \"}\n {schedule.activityInstance.are_hours_counted ? \"Oui\" : \"Non\"}\n
\n{\"Détails de la disponibilité\"}
\n\n- \n
{\"Détails du créneau\"}
\n\n- \n {schedule.activity && schedule.activity.group_name ? (\n
\n \n
\n\n
,\n {position: toast.POSITION.BOTTOM_CENTER, autoClose: 3000}\n );\n\n this.updateIntervals(this.state.day, this.state.view);\n }\n });\n }\n\n async handleUpdateActivityInstances(activityInstances) {\n const res = await fetch(\n `/activity/${this.state.intervalStore[this.state.intervalDetail].activity_instance.activity_id}/activity_instances`,\n {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n activityInstances,\n }),\n }\n );\n\n let intervals = await res.json();\n\n intervals = intervals.filter(i =>\n moment(i.start).isSame(\n moment(this.state.day),\n this.state.view\n )\n );\n\n const intervalStore = TimeIntervalHelpers.indexById(\n intervals,\n this.state.intervalStore\n );\n\n toast.success(\n {\"Les cours pour l'activité sont créés\"}
\n\n
,\n {position: toast.POSITION.BOTTOM_CENTER, autoClose: 3000}\n );\n\n this.setState({\n selectedIntervals: _.values(intervalStore),\n intervalStore,\n isDetailModalOpen: false,\n intervalDetail: null,\n });\n }\n\n handleUpdateActivityInstance(changes) {\n let instance = _.get(\n this.state.intervalStore[this.state.intervalDetail],\n \"activity_instance\"\n );\n\n const BASIC_CHANGES_FILTER = [\n \"room_id\",\n \"instances_update_scope\",\n \"location_id\",\n \"cover_teacher_id\",\n ];\n\n const propertiesFilter = (object, filter) =>\n filter.reduce(\n (acc, filter) => ({...acc, [filter]: object[filter]}),\n {}\n );\n\n const instanceTeacherId = _.get(\n instance,\n \"teachers_activity_instances[0].user_id\"\n );\n\n const hasIntervalMovedToAnotherRoom =\n this.state.type === \"room\" &&\n instance.room_id !== this.props.room.id;\n const hasIntervalMovedToAnotherPlanning =\n changes.teacher_id &&\n this.state.type === \"planning\" &&\n changes.teacher_id !== instanceTeacherId;\n\n let hasIntervalOwnerChanged =\n hasIntervalMovedToAnotherPlanning || hasIntervalMovedToAnotherRoom;\n\n if (changes.cover_teacher_id) {\n const oldCoverTeacherId = _.get(instance, \"cover_teacher_id\");\n const coverTeacherId = changes.cover_teacher_id;\n\n const isIntervalOwnerNoLongerACoveringTeacher =\n oldCoverTeacherId === instanceTeacherId &&\n oldCoverTeacherId !== coverTeacherId;\n\n hasIntervalOwnerChanged =\n hasIntervalOwnerChanged ||\n isIntervalOwnerNoLongerACoveringTeacher;\n }\n\n if (instance) {\n instance = {\n ...instance,\n ...propertiesFilter(changes, BASIC_CHANGES_FILTER),\n };\n\n instance = {\n ...instance,\n room: _.find(this.props.rooms, r => r.id === instance.room_id),\n };\n\n\n fetch(`/activity_instance/${instance.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify(changes),\n })\n .then(response => response.json())\n .then((data) => {\n if (data.error_message) {\n toast.error(\n `${data.error_message}`,\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n );\n return;\n }\n\n if (hasIntervalOwnerChanged) {\n this.setState({\n isDetailModalOpen: false,\n ...this.getIntervals(\n this.state.selectedIntervals.filter(\n i => i.id !== this.state.intervalDetail\n )\n ),\n });\n } else {\n if (changes.teacher_id)\n _.set(\n instance,\n \"teachers_activity_instances[0].user_id\",\n changes.teacher_id\n );\n if (changes.cover_teacher_id !== undefined)\n instance.cover_teacher =\n changes.cover_teacher_id &&\n this.props.teachers.find(\n t => t.id === changes.cover_teacher_id\n );\n\n let newState = this.getIntervals(\n this.state.selectedIntervals.map(i => {\n\n if (i.id === this.state.intervalDetail) {\n return {\n ...i,\n activity_instance: instance,\n };\n }\n return i;\n })\n );\n\n TimeIntervalHelpers.fetchInterval(csrfToken, instance.time_interval_id).then(i => {\n newState.selectedIntervals = [...newState.selectedIntervals.filter(inter => inter.id !== i.id), i]\n\n this.setState({\n ...newState\n });\n });\n }\n this.closeDetailModal();\n if (data.result) {\n toast.success(\n ` Mise à jour de ${data.result.success} cours et création de ${data.result.conflicts.length} conflits`,\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n );\n } else {\n toast.success(\n `Le cours est mis à jour !`,\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n );\n }\n })\n }\n }\n\n async handleUpdateAllActivityInstances(schedule) {\n const instanceId = schedule.activityInstance.id;\n\n const res = await fetch(\n `/activity_instance/${instanceId}/update_all/${schedule.id}`,\n {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }\n );\n const results = await res.json();\n\n if (this.props.updateTimePreferences) {\n // Dans le cas d'un planning simple pour les demandes d'inscription,\n // le handler est au sein du composant wizard\n this.props.updateTimePreferences(results.intervals);\n } else {\n let intervals = results.intervals;\n const intervalStore = TimeIntervalHelpers.indexById(\n intervals,\n this.state.intervalStore\n );\n\n this.setState(\n {\n selectedIntervals: _.values(intervalStore),\n intervalStore,\n conflicts: _.compact([\n ...this.state.conflicts,\n ...results.conflicts,\n ]),\n },\n () => {\n return toast.success(\n `${results.success} succès - ${results.conflicts.length} conflits`,\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n );\n }\n );\n }\n\n // this.setState({selectedIntervals: intervals});\n }\n\n async handleSimulateUpdateAllActivityInstances(event) {\n // Get check_conflicts_mass_update\n const instanceId = event.schedule.activityInstance.id;\n\n const res = await fetch(\n `/time_interval/${event.schedule.id}/check_conflicts/${instanceId}`,\n {\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }\n );\n const checkResults = await res.json();\n\n const confirmationToast = ({closeToast}) => (\n Les cours pour l'activité sont créés
\n\n \n this.handleUpdateAllActivityInstances(event.schedule)\n }\n >\n Confirmer\n \n
\n );\n\n toast.warning(confirmationToast, {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: null,\n });\n }\n\n handleUpdateTimeInterval(event) {\n const newStart = moment(event.start.toDate());\n const newEnd = moment(event.end.toDate());\n\n if (this.props.updateTimePreferences && false) {\n const intervals = [...this.props.intervals];\n const idx = intervals.findIndex(\n i =>\n (i.id && i.id === event.schedule.id) ||\n i.uid === event.schedule.id\n );\n intervals[idx] = {\n ...intervals[idx],\n start: newStart.toISOString(),\n end: newEnd.toISOString(),\n };\n this.props.updateTimePreferences(intervals);\n } else {\n // Update specific interval\n const {intervalStore} = this.state;\n\n const interval = intervalStore[event.schedule.id];\n interval.start = moment(interval.start)\n .year(newStart.year())\n .month(newStart.month())\n .date(newStart.date())\n .hour(newStart.hour())\n .minutes(newStart.minutes())\n .toISOString();\n interval.end = moment(interval.end)\n .year(newStart.year())\n .month(newStart.month())\n .date(newStart.date())\n .hour(newEnd.hour())\n .minutes(newEnd.minutes())\n .toISOString();\n intervalStore[event.schedule.id] = interval;\n\n const intervals = _.values(intervalStore);\n\n const toastUpdate = (\n \n Mise à jour de {checkResults.success} cours et création de{\" \"}\n {checkResults.conflicts.length} conflits\n
\n \n\n \n this.handleSimulateUpdateAllActivityInstances(\n event\n )\n }\n >\n Mettre à jour tous les cours suivants\n \n ) : null}\n
\n );\n\n const conflictResolution = (\n \n {event.schedule.activity\n ? \"Le cours est mis-à-jour!\"\n : \"La disponibilité est à jour\"}\n
\n {event.schedule.activity ? (\n\n \n (window.location.href = `/planning/${\n this.props.plannings\n ? this.props.plannings[0].id\n : 0\n }`)\n }\n >\n Retour au planning\n \n
\n );\n\n if (this.props.updateTimePreferences) {\n // Dans le cas d'un planning simple pour les demandes d'inscription,\n // le handler est au sein du composant wizard\n this.props.updateTimePreferences(intervals);\n } else {\n this.commitIntervals([interval], \"\");\n if (this.props.conflict) {\n toast.success(conflictResolution, {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n });\n } else {\n toast.success(toastUpdate, {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose:\n event.schedule && event.schedule.activity\n ? null\n : 3000,\n });\n }\n }\n\n this.setState({selectedIntervals: intervals, intervalStore});\n }\n }\n\n handleDeleteInterval(id) {\n // Delete specific interval\n const {intervalStore} = this.state;\n\n // the distinction is between teacher planning and ActivityApplication\n if (this.props.updateTimePreferences) {\n const updatedStore = _.omit(intervalStore, id);\n const intervalsList = _.values(updatedStore);\n this.props.updateTimePreferences(intervalsList);\n }\n if (intervalStore[id]) {\n fetch(`/time_intervals/${id}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((res) => {\n\n if (res.ok) {\n _.unset(intervalStore, id);\n\n this.setState({\n selectedIntervals: _.values(intervalStore),\n intervalStore,\n });\n }\n });\n }\n\n this.closeDetailModal();\n }\n\n handleSimpleDeleteInterval(intervalId) {\n const store = _.omit(this.state.intervalStore, intervalId);\n\n this.setState({\n selectedIntervals: _.values(store),\n intervalStore: store,\n });\n }\n\n handleDeleteAllActivityInstances(activityId) {\n fetch(`/activity/${activityId}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n .then(response => response.json())\n .then(() => {\n toast.success(\n \"L'activité et les cours associés sont supprimés\",\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n );\n\n this.updateIntervals(this.state.day, this.state.view);\n });\n }\n\n handleDeleteActivityInstance(instanceId, activityId) {\n // Delete activity instance (iff no student assigned)\n const toastDelete = (\n Conflit Résolu !
\n\n \n this.handleDeleteAllActivityInstances(activityId)\n }\n >\n Supprimer tous les autres cours de cette activité\n \n
\n );\n\n fetch(`/activity_instance/${instanceId}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n .then(response => response.json())\n .then(interval => {\n this.closeDetailModal();\n toast.success(toastDelete, {\n position: toast.POSITION.BOTTOM_CENTER,\n });\n const intervalStore = {...this.state.intervalStore};\n // TODO Fix backend so it returns a good interval\n // ensure data consistency with back end\n // (strangely the server doesn't respond right, so quick fix)\n intervalStore[interval.id] = {\n // interval;\n ...interval,\n is_validated: false,\n activity: null,\n activity_instance: null,\n };\n const selectedIntervals = _.values(intervalStore);\n this.setState({selectedIntervals, intervalStore});\n });\n }\n\n\n handleUpdateAttendance(intervalId, attendanceId, attended) {\n fetch(`/student_attendances/${attendanceId}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n student_attendance: {\n attended,\n },\n }),\n })\n .then(res => {\n if (res.ok) {\n const interval = {\n ...this.state.intervalStore[intervalId],\n };\n if (interval) {\n interval.activity_instance.student_attendances.find(\n a => a.id === attendanceId\n ).attended = attended;\n\n this.setState({\n intervalStore: {\n ...this.state.intervalStore,\n [intervalId]: interval,\n },\n });\n } else {\n toast.error(\n \"Erreur de la mise à jour (instance introuvable)\"\n );\n }\n }\n })\n .catch(() => toast.error(\"Echec de la mise à jour\"));\n }\n\n handleUpdateAttendances(intervalId, attendances) {\n fetch(`/student_attendances/bulk`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n student_attendances: attendances,\n }),\n })\n .then(res => res.json())\n .then(({attendances}) => {\n const interval = {\n ...this.state.intervalStore[intervalId],\n };\n\n if (interval) {\n interval.activity_instance.student_attendances = attendances;\n\n this.setState({\n intervalStore: {\n ...this.state.intervalStore,\n [intervalId]: interval,\n },\n });\n } else {\n toast.error(\n \"Erreur de la mise à jour (instance introuvable)\"\n );\n }\n\n this.forceUpdate();\n })\n .catch(() => toast.error(\"Echec de la mise à jour\"))\n }\n\n // =============================\n // MULTIVIEW MODAL\n // =============================\n handleOpenMultiViewModal(schedule) {\n this.setState({isMultiViewModalOpen: true, selectedSchedule: schedule});\n }\n\n closeMultiViewModal() {\n this.setState({isMultiViewModalOpen: false, selectedSchedule: undefined});\n }\n\n // =============================\n // MULTIVIEW MODAL\n // =============================\n handleOpenEvaluationModal(schedule) {\n this.setState({isEvaluationModalOpen: true, selectedSchedule: schedule});\n }\n\n closeEvaluationModal(refresh = false) {\n this.setState({isEvaluationModalOpen: false, selectedSchedule: undefined});\n\n if (refresh) {\n this.fetchIntervals();\n }\n }\n\n // =============================\n // CREATION MODAL\n // =============================\n handleOpenCreation(newInterval) {\n this.setState({\n isCreationModalOpen: true,\n newInterval,\n });\n }\n\n afterOpenCreationModal() {\n // We can now access modal children references\n }\n\n closeCreationModal() {\n this.setState({isCreationModalOpen: false, newInterval: {}});\n }\n\n // =============================\n // DETAILS MODAL\n // =============================\n handleOpenDetail(interval) {\n if (this.props.updateTimePreferences) {\n return this.setState({\n isDetailModalOpen: true,\n intervalDetail: interval.id,\n });\n }\n\n TimeIntervalHelpers.fetchInterval(csrfToken, interval.id).then(\n newInterval => {\n let newIntervals = [...this.state.selectedIntervals];\n const intIndex = newIntervals.findIndex(\n i => i.id === interval.id\n );\n\n // if (intIndex !== -1) {\n if (newIntervals.length === 0) {\n newIntervals = [newInterval];\n } else {\n newIntervals.splice(intIndex, 1, newInterval);\n }\n this.setState({\n ...this.getIntervals(newIntervals),\n isDetailModalOpen: true,\n intervalDetail: newInterval.id,\n });\n // }\n }\n );\n }\n\n handleSetCoveringTeacher(teacherIdInput) {\n const oldCoverTeacherId = _.get(\n this.state.intervalStore[this.state.intervalDetail],\n \"activity_instance.cover_teacher_id\"\n );\n const coverTeacherId = parseInt(teacherIdInput) || null;\n const instanceId = _.get(\n this.state.intervalStore[this.state.intervalDetail],\n \"activity_instance.id\"\n );\n\n const isIntervalToBeRemoved =\n oldCoverTeacherId === this.props.user.id &&\n oldCoverTeacherId !== coverTeacherId;\n\n if (instanceId)\n fetch(\n `/activity_instance/${instanceId}/cover_teacher/${coverTeacherId}`,\n {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n },\n }\n ).then(res => {\n if (res.ok)\n this.setState({\n ...this.getIntervals(\n _(this.state.selectedIntervals)\n .map(i => {\n if (i.id === this.state.intervalDetail) {\n if (isIntervalToBeRemoved) return null;\n\n return {\n ...i,\n activity_instance: {\n ...i.activity_instance,\n cover_teacher_id: coverTeacherId,\n cover_teacher: this.props.teachers.find(\n t => t.id === coverTeacherId\n ),\n },\n };\n }\n\n return i;\n })\n .compact()\n .value()\n ),\n isDetailModalOpen: !isIntervalToBeRemoved,\n });\n });\n }\n\n activityChangeFeedback(intervalId, planningType) {\n let typeLabel;\n switch (planningType) {\n case \"room\":\n typeLabel = \"salle\";\n break;\n case \"user\":\n typeLabel = \"professeur\";\n break;\n default:\n typeLabel = \"entité inconnue\";\n }\n\n this.setState(\n {\n ...this.getIntervals(\n this.state.selectedIntervals.filter(\n i => i.id !== intervalId\n )\n ),\n isDetailModalOpen: false,\n intervalDetail: {},\n },\n () =>\n toast.success(\n `Changement de ${typeLabel} de ce cours effectué.`,\n {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n }\n )\n );\n }\n\n afterOpenDetailModal() {\n // We can now access modal children references\n }\n\n closeDetailModal() {\n this.setState({isDetailModalOpen: false, intervalDetail: {}});\n }\n\n handleUpdateActivityInInstances(activity) {\n const intervalStore = {...this.state.intervalStore};\n\n _.forEach(_.values(intervalStore), ti => {\n if (ti.activity_instance && ti.activity_instance.activity_id === activity.id) {\n ti.activity_instance.activity = {\n ...ti.activity_instance.activity,\n ...activity\n };\n }\n });\n\n const selectedIntervals = _.values(intervalStore);\n this.setState({selectedIntervals, intervalStore});\n }\n\n closeAlert = () => {\n this.setState({showAlert: false});\n };\n\n // =============================\n // RENDER\n // =============================\n render() {\n // const total = TimeIntervalHelpers.computeInterval(\n // this.state.selectedIntervals\n // );\n\n // const validated = TimeIntervalHelpers.computeValidatedInterval(\n // this.state.selectedIntervals\n // );\n\n // const options = total - validated;\n\n let contextIntervals = this.props.updateTimePreferences\n ? this.props.intervals\n : this.state.selectedIntervals;\n\n // const rawPlanning = _.chain(contextIntervals)\n // .filter(ti => ti.is_validated)\n // .sortBy(ti => moment(ti.start).day())\n // .groupBy(ti => moment(ti.start).format(\"dddd\"))\n // .value();\n\n // const showTeacher = this.props.isRoom || this.props.user;\n\n if (this.props.generic) {\n contextIntervals = TimeIntervalHelpers.genericIntervalsOnDay(\n contextIntervals,\n moment(this.state.day)\n );\n }\n\n const isMultiView = this.state.selectedPlannings.length > 1;\n\n const colors = TimeIntervalHelpers.getColors(\n this.props.isRoom\n ? _.get(this.props, \"rooms\", [])\n : _.get(this.props, \"teachers\", [])\n );\n\n let intervals = TimeIntervalHelpers.formatIntervalsForSchedule(\n contextIntervals,\n this.props.conflict,\n this.props.user,\n this.props.isRoom ? \"room\" : \"teacher\",\n this.state.selectedPlannings.length,\n colors\n );\n\n //Flag used to determine if we should update frontend after\n //updating an activity's room or teacher\n let planningType;\n if (this.props.user) planningType = \"user\";\n else if (this.props.room) planningType = \"room\";\n\n intervals = _.flatten(intervals);\n\n let selectValues;\n let selectOptions;\n\n if (!this.props.generic || this.props.isAdmin) {\n switch (this.state.type) {\n case \"planning\":\n selectValues = this.state.selectedPlannings.map(id => {\n const u = _.find(this.props.teachers, {\n planning: {id},\n });\n return (\n u && {\n value: u.planning.id,\n label: `${u.first_name} ${u.last_name}`,\n bgColor: colors[u.id],\n isFixed: u.id === this.props.user.id\n }\n );\n });\n selectOptions = this.props.teachers.map(t => ({\n value: t.planning.id,\n label: `${t.first_name} ${t.last_name}`,\n }));\n break;\n case \"room\":\n selectValues = this.state.selectedPlannings.map(id => {\n const r = _.find(this.props.rooms, {id});\n return (\n r && {\n value: r.id,\n label: r.label,\n bgColor: colors[r.id],\n }\n );\n });\n selectOptions = this.props.rooms.map(r => ({\n value: r.id,\n label: r.label,\n }));\n break;\n }\n }\n\n //todo spécial pour ziggy ? => à changer pour elvis\n const ziggySelectStyles = {\n multiValue: (base, state) => ({\n ...base,\n backgroundColor: state.data.bgColor || base.backgroundColor,\n color: \"white\",\n }),\n multiValueRemove: (base, state) => state.data.isFixed ? ({...base, display: 'none'}) : base,\n multiValueLabel: base => ({\n ...base,\n color: \"white\",\n }),\n option: (base, state) => ({\n ...base,\n color: state.isFocused ? \"white\" : base.color,\n //background: state.bgColor || \"none\",\n }),\n };\n\n return (\n Le cours est supprimé!
\n\n {this.state.showAlert && (\n {\n if (interval.isAllDay) {\n return false;\n }\n\n return this.props.show_availabilities && (this.props.modal || (!this.props.displayOnly && this.props.isTeacher))\n ? this.handleOpenCreation(interval)\n : this.handleCreateInterval(interval);\n } : e => e.guide.clearGuideElement()}\n beforeUpdateSchedule={event => {\n //only admins can move activities intervals\n // const canModify = !isMultiView && (\n // event.schedule.isValidated === false ||\n // this.props.isAdmin);\n\n const canModify = !isMultiView && (this.props.teacher_can_edit && this.props.isTeacher) || this.props.isAdmin\n\n return canModify &&\n (this.props.modal || !this.props.displayOnly) &&\n (!this.props.generic || !event.schedule.isValidated)\n ? this.handleUpdateTimeInterval(event)\n : null;\n }}\n beforeDeleteSchedule={event => {\n return this.handleDeleteInterval(event);\n }}\n clickSchedule={\n !isMultiView\n ? e => {\n if (e.schedule.isAllDay) return;\n\n // If evaluation\n if (e.schedule.kind === \"e\") {\n this.handleOpenEvaluationModal(e.schedule.raw);\n return;\n }\n\n return (!this.props.displayOnly ||\n e.schedule.isValidated) &&\n this.props.detailsModal\n ? this.props.user.is_teacher ? this.handleOpenDetail(e.schedule) : e.schedule.activity ? null : this.handleDeleteInterval(e.schedule.id)\n : null;\n }\n : e => this.handleOpenMultiViewModal(e.schedule)\n }\n />\n\n {this.props.displayRaw ? (\n \n
\n {\n let k = moment(i.start).isoWeekday() % 7;\n\n // decale k of 1 to have monday as first day\n k = k === 0 ? 6 : k - 1;\n\n return {\n ...acc,\n [k]: (acc[k] && [...acc[k], i]) || [i],\n };\n }, {})}\n />\n \n ) : null}\n\n {this.props.room && }\n\n this.closeMultiViewModal()}\n ariaHideApp={false}\n className=\"test2\"\n style={{content: {overflow: \"auto\"}}}\n contentLabel=\"Detail d'un créneau\"\n >\n this.closeMultiViewModal()}\n schedule={this.state.selectedSchedule}\n teachers={this.props.teachers}\n />\n \n\n this.closeEvaluationModal()}\n style={{content: {overflow: \"auto\"}}}\n >\n this.closeEvaluationModal(true)}\n onDelete={(intervalId) => {\n this.handleSimpleDeleteInterval(intervalId);\n this.closeEvaluationModal(false);\n }}\n />\n \n\n this.afterOpenCreationModal()}\n onRequestClose={() => this.closeCreationModal()}\n className=\"test\"\n contentLabel=\"Creation d'un créneau\"\n >\n \n this.handleCreateInterval(interval, seasonId)\n }\n closeModal={() => this.closeCreationModal()}\n seasons={this.props.seasons}\n currentUserIsAdmin={this.props.isAdmin}\n handleCloseAndOpenDetails={interval => {\n this.closeCreationModal();\n this.handleCreateInterval(interval);\n\n //this.handleOpenDetail(interval);\n }}\n />\n \n\n this.afterOpenDetailModal()}\n onRequestClose={() => {\n if (!this.props.show_availabilities) {\n return this.handleDeleteInterval(this.state.intervalDetail);\n }\n\n this.closeDetailModal();\n }}\n ariaHideApp={false}\n className=\"test2\"\n style={{content: {overflow: \"auto\"}}}\n contentLabel=\"Detail d'un créneau\"\n >\n {\n if (!this.props.show_availabilities && this.state.intervalDetail) {\n return this.handleDeleteInterval(this.state.intervalDetail);\n }\n\n this.closeDetailModal();\n }}\n season={this.props.season}\n seasons={this.props.seasons}\n generic={this.props.generic}\n isAdmin={this.props.isAdmin}\n planningType={planningType}\n isTeacher={this.props.isTeacher}\n activityChangeFeedback={(int, type) =>\n this.activityChangeFeedback(int, type)\n }\n handleSaveActivityInstances={(\n availabilityInterval,\n activity,\n activityInstances\n ) =>\n this.handleCreateActivityInstances(\n availabilityInterval,\n activity,\n activityInstances\n )\n }\n handleUpdateActivityInstances={async (id, instances) =>\n await this.handleUpdateActivityInstances(id, instances)\n }\n handleEditActivityInstance={instance =>\n this.handleUpdateActivityInstance(instance)\n }\n handleDeleteInterval={id => {\n if (this.props.updateTimePreferences) {\n return this.handleDeleteInterval(\n this.state.intervalDetail\n );\n } else {\n return this.handleDeleteInterval(id);\n }\n }}\n handleDeleteActivityInstance={(\n instanceId,\n activityId\n ) =>\n this.handleDeleteActivityInstance(\n instanceId,\n activityId\n )\n }\n handleRemoveStudent={(activity, student) =>\n this.handleRemoveStudent(activity, student)\n }\n handleRemoveOptionalStudent={(\n activity,\n optionalStudent\n ) =>\n this.handleRemoveOptionalStudent(\n activity,\n optionalStudent\n )\n }\n handleUpdateInstance={(k, v) =>\n this.handleUpdateActivityInstance(k, v)\n }\n handleUpdateAttendance={this.handleUpdateAttendance.bind(\n this\n )}\n handleUpdateAllAttendances={this.handleUpdateAttendances.bind(\n this\n )}\n handleSetCoveringTeacher={teacherId =>\n this.handleSetCoveringTeacher(teacherId)\n }\n userActivities={\n this.props.isRoom\n ? this.props.activity_refs\n : this.props.user_act\n }\n locations={this.props.locations}\n room_refs={this.props.room_refs}\n rooms={this.props.rooms}\n planning={this.props.planning}\n teachers={this.props.teachers}\n evaluation_level_refs={this.props.evaluation_level_refs}\n user={this.props.user}\n errors={this.state.errors}\n handleUpdateActivityInInstances={\n act => this.handleUpdateActivityInInstances(act)\n }\n savingActivityInstances={this.state.savingActivityInstances}\n teacher_can_edit={this.props.teacher_can_edit}\n currentUserId={this.props.currentUserId}\n />\n \n
\n );\n }\n}\n\nPlanning.propTypes = propTypes;\n\nexport default Planning;\n","import React from \"react\";\nimport EvaluationForm from \"../evaluation/EvaluationForm\";\nimport Modal from \"react-modal\";\nimport { getAnswersObject } from \"../evaluation/Evaluation\";\nimport { fullname } from \"../../tools/format\";\n\nconst QuestionnaireModal = ({\n student,\n questions,\n questionnaire,\n referenceData,\n toggleModal,\n isOpen,\n}) => {\n const isLoading = !student || !questions || !questionnaire;\n\n return (\n \n Attention, les vacances scolaires n'ont pas été importées. \n \n Gérer dès maintenant les dates de vacances de votre école.\n \n\n \n ×\n \n
\n )}\n {/* FILTER BAR */}\n \n {this.props.room ||\n (this.props.user &&\n this.props.user.is_teacher &&\n this.props.isAdmin) ? (\n
\n\n {/* CALENDAR */}\n \n
\n ) : null}\n \n \n
\n\n \n ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: \"#d63031\",\n primary75: \"#d63031\",\n primary50: \"#d63031\",\n primary25: \"#d63031\",\n danger: \"#f8ac59\",\n dangerLight: \"#ffe0bf\",\n },\n })}\n onChange={values =>\n this.updateTargets(\n values.map(v => v.value)\n )\n }\n />\n
\n\n \n {this.state.type === \"planning\"\n ? \"Autres professeurs\"\n : \"Autres salles\"}\n {\" à afficher \"}\n\n {this.props.room ? (\n \n \n \n ) : null}\n
\n\n {\n if (this.props.room) {\n this.updateTargets([this.props.room.id]);\n } else {\n this.updateTargets([this.props.planning.id]);\n }\n\n this.setState({lastReinitialize: Date.now()})\n }}>\n \n \n {this.props.room &&\n \n \n \n }\n
\n \n
\n \n\n {isLoading ? (\n
\n \n );\n};\n\nexport default QuestionnaireModal;\n","import React, {Fragment} from \"react\";\nimport {array, bool, object} from \"prop-types\";\nimport _ from \"lodash\";\n\nimport * as TimeIntervalHelpers from \"./TimeIntervalHelpers\";\nimport {\n fullnameWithAge,\n fullname,\n toDate,\n toHourMin,\n} from \"../../tools/format.js\";\nimport {WEEKDAYS} from \"../../tools/constants\";\n\nconst levelDisplay = (users, activityRefId, timeInterval, seasons) => {\n const season = TimeIntervalHelpers.getSeasonFromDate(\n timeInterval.start,\n seasons\n );\n\n return TimeIntervalHelpers.levelDisplay(\n users,\n activityRefId,\n season ? season.id : 0\n );\n};\n\nconst StudendItems = ({students}) => {\n return (\n {\"Chargement...\"}
\n ) : (\n\n
\n )}\n {fullname(student)}
\n\n
\n );\n};\n\nclass RawPlanning extends React.Component {\n constructor(props) {\n super(props);\n }\n\n renderDayColumns(tis) {\n const {isTeacher, seasons, evaluations_level_refs} = this.props;\n return Array.isArray(tis) && tis.length\n ? tis\n .sort((a, b) => toDate(a.start) - toDate(b.start))\n .reduce((comps, ti) => {\n if (ti.is_validated && ti.kind !== \"e\") {\n comps.push(\n \n
\n \n
\n\n {activity.group_name || null}
\n\n
\n \n {toHourMin(toDate(timeInterval.start))} -{\" \"}\n {toHourMin(toDate(timeInterval.end))}{\" \"}\n {activity.activity_ref.label}{\" \"}\n {isTeacher ? activity.room.label : null}\n
\n\n {isTeacher ? null :{fullname(teacher)}
}\n\n\n {students.length + options.length}/\n {activity.activity_ref.occupation_limit} élèves -{\" \"}\n {studentsGlobalLevel}\n
\n\n- \n
\n
\n \n );\n }\n}\n\nRawPlanning.propTypes = {\n data: object,\n isTeacher: bool,\n seasons: array,\n};\n\nexport default RawPlanning;\n","import React from \"react\";\n\nexport default function RoomActivitiesListModal({room, refs}) {\n return \n
\n \n {sortedData.length == 0 ? (\n
\n\n \n {\"Aucune activité cette semaine.\"}\n
\n ) : null}\n\n {sortedData.map(day => (\n \n
\n ))}\n \n {WEEKDAYS[parseInt(day) === 6 ? 0 : parseInt(day) + 1]}\n
\n\n {this.renderDayColumns(data[day])}\n\n
;\n}","import React from \"react\";\nimport { array, func, number } from \"prop-types\";\nimport _ from \"lodash\";\nimport Select from \"react-select\";\nimport { reactOptionMapper } from \"../utils\";\n\n//------------------\n// Utility functions\n/**\n * Find all teachers having the given activities\n * @param {Array} elements\n * @param {string} mode\n * @param {Array} activities\n */\nconst findElementsByActivities = (elements, mode, activities) => {\n const planningIds = [];\n const activityRefIds = activities.map(act => act.id);\n\n let activitiesKey = null;\n let idFn = x => x.id;\n\n switch(mode) {\n case \"room\":\n activitiesKey = \"room_activities\";\n break;\n case \"teacher\":\n activitiesKey = \"teachers_activity_refs\";\n idFn = x => x.planning.id;\n break;\n }\n\n for (let elt of elements) {\n if (Array.isArray(elt[activitiesKey])) {\n const elementActivityRefIds = elt[activitiesKey].map(\n act => act.activity_ref_id\n );\n\n for (let id of activityRefIds) {\n if (elementActivityRefIds.includes(id)) {\n planningIds.push(idFn(elt));\n break;\n }\n }\n }\n }\n\n return planningIds;\n};\n\n/**\n * Format options for activities selections\n * @param {*} teachers \n * @param {*} activities \n */\nconst formatOptions = (elements, activities, mode) => {\n let activitiesKey = null;\n\n switch(mode) {\n case \"room\":\n activitiesKey = \"room_activities\";\n break;\n case \"teacher\":\n activitiesKey = \"teachers_activity_refs\";\n break;\n }\n\n return Array.isArray(elements) && Array.isArray(activities)\n ? elements\n .reduce((acc, elt) => {\n // Check if element has activity refs\n if (!Array.isArray(elt[activitiesKey])) {\n return acc.splice();\n }\n\n const options = [];\n // Foreach activity refs, check if we already pushed the option\n elt[activitiesKey].forEach(ref => {\n const activityRef = activities.find(\n act => ref.activity_ref_id === act.id\n );\n\n if (activityRef) {\n if (!acc.map(opt => opt.id).includes(activityRef.id)) {\n options.push({\n id: activityRef.id,\n value: activityRef.id,\n label: activityRef.label,\n });\n }\n }\n });\n\n // Return the list of options\n return acc.concat(options);\n }, [])\n : [];\n}\n\nconst SELECT_STYLES = {\n container: p => ({\n ...p,\n flex: \"auto\",\n })\n};\n\n//----------------\n// REACT COMPONENT\nclass SelectActivity extends React.Component {\n constructor(props) {\n super(props);\n\n let elements = [];\n\n switch(props.mode) {\n case \"room\":\n elements = props.rooms;\n break;\n case \"teacher\":\n elements = props.teachers;\n break;\n }\n\n this.state = {\n elements,\n options: formatOptions(elements, props.activities, props.mode),\n values: [],\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.lastReinitialize !== this.props.lastReinitialize) {\n this.setState({ values: [] });\n }\n }\n\n // Only for room planning\n handleChangeLocation(locationValue) {\n const { mode, rooms, onChange, defaultPlanning } = this.props;\n const { values } = this.state;\n\n let elements = rooms;\n\n if(_.get(locationValue, \"value\"))\n elements = rooms.filter(e => e.location_id === parseInt(locationValue.value));\n\n if(values.length > 0)\n onChange(_.uniq([defaultPlanning, ...findElementsByActivities(elements, mode, values)]));\n\n this.setState({\n elements\n });\n }\n\n handleSelect = selectedActivities => {\n const { mode, defaultPlanning, onChange } = this.props;\n const { elements } = this.state;\n\n this.setState({ values: selectedActivities });\n\n if (selectedActivities.length === 0) {\n onChange([defaultPlanning]);\n } else {\n onChange(_.uniq([defaultPlanning, ...findElementsByActivities(elements, mode, selectedActivities)]));\n }\n };\n\n render() {\n const { mode, locations } = this.props;\n const { options, values } = this.state;\n\n return \n
\n \n
\n
\n \n
\n Activités de la salle {room.label}
\n \n\n
\n
\n - \n {refs.map(r =>
- \n {r.label}\n )}\n
\n
;\n }\n}\n\n//----------\n// PROPTYPES\nSelectActivity.propTypes = {\n defaultPlanning: number,\n lastReinitialize: number,\n teachers: array,\n activities: array,\n onChange: func,\n};\n\nexport default SelectActivity;\n","import React from \"react\";\nimport { array, func, number } from \"prop-types\";\nimport _ from \"lodash\";\nimport Select from \"react-select\";\n\n//------------------\n// Utility functions\n/**\n * Find all teachers having the given activities\n * @param {object} datasets\n * @param {string}\n * @param {Array} locations\n */\nconst findElementsByLocation = ({ rooms }, mode, locations) => {\n const planningIds = [];\n const locationsIds = _.map(locations, \"id\");\n\n let elements = [];\n let locationKey = null;\n let idFn = x => x.id;\n\n switch (mode) {\n case \"room\":\n elements = rooms;\n locationKey = \"location_id\";\n break;\n }\n\n for (let elt of elements) {\n if (Boolean(elt[locationKey])) {\n const elementLocationId = elt[locationKey];\n\n for (let id of locationsIds) {\n if (elementLocationId === id) {\n planningIds.push(idFn(elt));\n break;\n }\n }\n }\n }\n\n return planningIds;\n};\n\n/**\n * Format options for locations selections \n */\nconst formatOptions = ({ rooms }, locations, mode) => {\n let elements = null;\n let locationKey = null;\n\n switch (mode) {\n case \"room\":\n elements = rooms;\n locationKey = \"location_id\";\n break;\n }\n\n return Array.isArray(elements) && Array.isArray(locations)\n ? elements\n .reduce((acc, elt) => {\n // Check if element has activity refs\n if (!Boolean(elt[locationKey])) {\n return acc.splice();\n }\n\n const options = [];\n\n const location = locations.find(\n act => elt[locationKey] === act.id\n );\n\n if (location) {\n if (!acc.map(opt => opt.id).includes(location.id)) {\n options.push({\n id: location.id,\n value: location.id,\n label: location.label,\n });\n }\n }\n\n // Return the list of options\n return acc.concat(options);\n }, [])\n : [];\n}\n\n//----------------\n// REACT COMPONENT\nclass SelectLocation extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n options: formatOptions({ rooms: props.rooms }, props.locations, props.mode),\n values: [],\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.lastReinitialize !== this.props.lastReinitialize) {\n this.setState({ values: [] });\n }\n }\n\n handleSelect = selectedLocations => {\n const { rooms, mode, defaultPlanning, onChange } = this.props;\n\n this.setState({ values: selectedLocations });\n\n if (selectedLocations.length === 0) {\n onChange([defaultPlanning]);\n } else {\n onChange(_.uniq([defaultPlanning, ...findElementsByLocation({ rooms }, mode, selectedLocations)]));\n }\n };\n\n render() {\n const { options, values } = this.state;\n\n return (\n Autres Activités à afficher
\n\n {mode === \"room\" && this.handleChangeLocation(v)}\n options={locations.map(reactOptionMapper())}\n className=\"m-r-sm\"\n styles={SELECT_STYLES} />}\n
\n \n \n
\n
\n )\n}","import React, { Fragment } from \"react\";\nimport { array, object } from \"prop-types\";\nimport moment from \"moment\";\nimport _ from \"lodash\";\n\nimport * as TimeIntervalHelpers from \"./TimeIntervalHelpers\";\nimport {\n fullnameWithAge,\n fullname,\n toDate,\n toHourMin,\n toLocaleDate,\n} from \"../../tools/format.js\";\nimport * as api from \"../../tools/api\";\nimport { WEEKDAYS, INTERVAL_KINDS } from \"../../tools/constants\";\nimport { makeDebounce } from \"../../tools/inputs\";\nimport KindLegend from \"../common/KindLegend\";\nimport QuestionnaireModal from \"./QuestionnaireModal\";\nimport SelectTeachers from \"./SelectTeachers\";\n\nconst debounce = makeDebounce();\nconst debounceModal = makeDebounce();\n\nconst StudentItems = ({ students, selectedPlanning, currentPlanning }) => {\n let displayStudents;\n\n if (selectedPlanning !== null && currentPlanning !== selectedPlanning)\n {\n displayStudents =\n \n \n Planning de\n \n \n {\n listTeacher.map((data,index) =>\n {\n const {first_name, last_name, planning}= data;\n if(currentUser === planning.id)\n return(- {last_name} {first_name}
)\n return(- {last_name} {first_name}
)\n })\n }\n
\n \n
\n - \n {\n listTeacher.map((data,index) =>\n {\n const {first_name, last_name, planning}= data;\n if(currentUser === planning.id)\n return(
- {last_name} {first_name} )\n return(
- {last_name} {first_name} )\n })\n }\n
\n
\n \n );\n};\n\nclass SimpleEvaluation extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n fetchQuestionnaire() {\n const appointment = this.props.timeInterval.evaluation_appointment;\n\n if (appointment) {\n this.props.toggleModal();\n\n debounceModal(() => {\n api.set()\n .success(\n ({\n questions,\n new_student_level_questionnaire: questionnaire,\n reference_data: referenceData,\n }) =>\n this.props.setQuestionnaire(\n appointment.student,\n questions,\n questionnaire,\n referenceData\n )\n )\n .get(\n `/new_student_level_questionnaire/appointment/${appointment.id}`\n );\n }, 400);\n }\n }\n\n render() {\n const { timeInterval } = this.props;\n const appointment = timeInterval.evaluation_appointment;\n\n if (!appointment) {\n return null;\n }\n\n // Render\n return (\n \n \n \n {toHourMin(toDate(timeInterval.start))}\n {\" - \"}\n {toHourMin(toDate(timeInterval.end))}\n {activity.group_name ? (\n
\n
\n\n \n {toHourMin(toDate(timeInterval.start))}\n {\" - \"}\n {toHourMin(toDate(timeInterval.end))}\n {activity.group_name ? (\n \n {activity.group_name}\n \n ) : null}\n
\n \n
\n {activity.activity_ref.label}
\n{activity.room.label}
\n\n\n {students.length + options.length}/\n {activity.activity_ref.occupation_limit}\n {\" élèves \"}\n {TimeIntervalHelpers.levelDisplayForActivity({ ...activity, users: students, time_interval: timeInterval }, seasons)}\n
\n\n- \n
\n
\n \n );\n }\n}\n\nclass SimplePlanning extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n loading: false,\n data: this.props.data,\n day: this.props.day,\n evalModalIsOpen: false,\n questions: null,\n questionnaire: null,\n referenceData: null,\n student: null\n };\n\n this.toggleEvalModal = this.toggleEvalModal.bind(this);\n this.setQuestionnaire = this.setQuestionnaire.bind(this);\n }\n\n renderDayColumns(tis) {\n const { seasons, selectedPlanning, currentPlanning } = this.props;\n return Array.isArray(tis) && tis.length\n ? tis\n .sort((a, b) => toDate(a.start) - toDate(b.start))\n .reduce((comps, ti) => {\n if (ti.is_validated) {\n if (ti.kind == INTERVAL_KINDS.EVALUATION) {\n comps.push(\n \n \n
\n\n \n {toHourMin(toDate(timeInterval.start))}\n {\" - \"}\n {toHourMin(toDate(timeInterval.end))}\n\n \n {\"EVAL\"}\n \n
\n\n
\n \n {appointment.activity_ref.label}\n
\n\n\n
\n\n {fullname(appointment.student)}
\n \n this.fetchQuestionnaire()}\n >\n {\"Lire auto-évaluation\"}\n \n
\n \n \n
\n \n
\n\n \n
\n \n this.changeDate(prevWeek)}\n >\n \n \n\n this.changeDate(nextWeek)}\n >\n \n \n
\n {displayWeek}
\n\n\n
\n\n {loading ? (\n {\"Chargement...\"}
\n ) : (\n \n {sortedData.length == 0 ? (\n
\n\n \n {\"Aucune activité cette semaine.\"}\n
\n ) : null}\n\n {sortedData.map(day => (\n \n
\n ))}\n \n {WEEKDAYS[day]}{\" \"}\n {data[day].length\n ? toLocaleDate(\n toDate(data[day][0].start)\n )\n : null}\n
\n\n {this.renderDayColumns(data[day])}\n\n
\n );\n }\n}\n\nexport default StudentModal;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\nimport { subnetMatch } from \"ipaddr.js\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst getRoom = (rooms, id) => _.find(rooms, r => r.id == id);\nconst getTeacher = (activity, activities) => {\n if (activity.time_interval == undefined || activities == undefined) {\n return null;\n }\n const planning = _.find(\n activity.time_interval.plannings,\n p => p.user.is_teacher == true\n );\n\n return planning ? planning.user : null;\n};\n\nclass TimeInterval extends React.Component {\n levelDisplay(users, activityRefId) {\n return \"Banana\";\n // if (users.length > 0) {\n // if (users[0].levels.length > 0) {\n // const levelLabel = _.find(\n // users[0].levels,\n // level => level.activity_ref_id == activityRefId,\n // );\n // return levelLabel != undefined\n // ? levelLabel.evaluation_level_ref.label\n // : \"\";\n // }\n // }\n }\n\n handleClick(e) {\n e.stopPropagation();\n this.props.handleDelete(this.props.uid);\n }\n\n handleDelete(e) {\n e.stopPropagation();\n this.props.handleDeleteActivity(this.props.activity.id);\n }\n\n render() {\n let label = \"\";\n switch (this.props.kind) {\n case \"o\":\n label = \"Option\";\n break;\n case \"c\":\n label = \"Cours\";\n break;\n case \"p\":\n default:\n label = \"Dispo.\";\n break;\n }\n\n let styleOptions = { color: \"#9575CD\" };\n\n if (this.props.is_validated && this.props.activity) {\n const room = getRoom(\n this.props.room_refs,\n this.props.activity.room_id\n );\n\n let activities = [];\n if (this.props.planning.time_intervals) {\n activities = _.map(\n this.props.planning.time_intervals,\n ti => ti.activity\n );\n } else {\n activities = _.map(this.props.planning, ti => ti.activity);\n }\n\n if (\n this.props.user &&\n !this.props.user.is_teacher &&\n !this.props.user.is_admin\n ) {\n activities = _.map(\n this.props.user.activities,\n a => a.time_interval.activity\n );\n }\n\n const teacherId =\n this.props.activity &&\n this.props.activity.teachers_activities &&\n this.props.activity.teachers_activities.find(x => x.is_main)\n .user_id;\n const teacher =\n teacherId && this.props.teachers.find(t => t.id == teacherId);\n\n let levelAndAge = \"\";\n if (this.props.activity.users.length > 0) {\n const levelDisplay = this.levelDisplay(\n this.props.activity.users,\n this.props.activity.activity_ref_id\n );\n const averageAge = Math.floor(\n this.props.activity.users\n .map(u => moment().diff(u.birthday, \"years\"))\n .reduce((sum, val) => sum + val, 0) /\n this.props.activity.users.length\n );\n levelAndAge = ` - ${levelDisplay} - ${averageAge} ans`;\n }\n\n let location = \"LH\";\n if (this.props.activity.location.label == \"Harfleur\") {\n location = \"HA\";\n }\n\n const teacherName = teacher ? (\n Selection
\n {this.renderKindOption()}\n \n{`${teacher.first_name} ${teacher.last_name}`}
\n ) : null;\n\n let activityKind = \"lesson\";\n switch (this.props.activity.activity_ref.kind) {\n case \"Enfance\":\n activityKind = \"enfance\";\n break;\n case \"CHAM\":\n activityKind = \"cham\";\n break;\n case \"ATELIERS\":\n activityKind = \"atelier\";\n break;\n }\n\n const students = this.props.activity.users;\n const studentIds = _.map(students, s => s.id);\n const options = _.filter(\n this.props.activity.options,\n o =>\n !_.includes(\n studentIds,\n o.desired_activity.activity_application.user_id\n )\n );\n\n return (\n\n \n {this.props.activity.activity_ref.label}\n \n
\n {room.label}\n {!this.props.displayOnly &&\n this.props.is_validated &&\n students.length == 0 ? (\n \n ) : null}\n
\n
{label}
\n {!this.props.displayOnly && !this.props.is_validated ? (\n \n ) : null}\n \n );\n }\n}\n\nexport default TimeInterval;\n","import _ from \"lodash\";\nimport { ISO_DATE_FORMAT } from \"../utils\";\nimport { capitalFirstLetters } from \"../../tools/format\";\nconst moment = require(\"moment-timezone\");\nrequire(\"moment/locale/fr\");\n\n//returns hsl color for planning intervals \nconst MAX_HUE = 360;\nconst DEFAULT_SAT = 68;\nconst DEFAULT_LUM = 60;\nconst getUniformHSLColor = (i, nbColors, { maxHue = MAX_HUE, sat = DEFAULT_SAT, lum = DEFAULT_LUM } = {}) => `hsl(${i * maxHue / (nbColors + 1)}deg, ${sat}%, ${lum}%)`;\n\n// Resources management\nexport const getTeacherId = (interval) => _.get(interval, ['activity_instance', 'activity', 'teacher', 'id'], null) ||\n _.get(interval, 'owner_id', null);\nexport const getRoomId = (interval) => _.get(interval, ['activity_instance', 'room_id'], null);\nexport const resourceGetters = {\n \"room\": getRoomId,\n \"teacher\": getTeacherId\n};\nexport const getColors = (resources) => {\n const colors = {}; \n\n resources.forEach((res, i) => {\n colors[res.id] = getUniformHSLColor(i, resources.length);\n });\n\n return colors;\n};\n\nexport const omitInactiveStudents = (users, inactiveStudents) => _.differenceBy(users, inactiveStudents, 'id');\n\nexport function fetchIntervals(\n csrfToken,\n id,\n type,\n date,\n granularity,\n abortSignal,\n) {\n return fetch(\n `/${type}/${id}/intervals/${granularity}/${moment(date).format(\n ISO_DATE_FORMAT\n )}`,\n {\n type: \"GET\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n },\n signal: abortSignal,\n }\n ).then(res => res.json());\n}\n\nexport function fetchInterval(csrfToken, intervalId) {\n return fetch(`/time_interval/${intervalId}`, {\n type: \"GET\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n },\n }).then(res => res.json());\n}\n\nexport const indexById = (intervals, store = {}) => {\n _.map(intervals, i => {\n if (i.id == undefined) {\n let maxId =\n _.size(store) == 0\n ? 0\n : _.chain(store)\n .keys()\n .max()\n .value();\n i.id = parseInt(maxId, 10) + 1;\n }\n // We do this only if the interval is more recent than already stored\n const prevInterval = store[i.id];\n if (\n _.has(store, i.id) &&\n moment(store[i.id].updated_at).isAfter(moment(i.updated_at))\n ) {\n store[i.id] = prevInterval;\n } else {\n store[i.id] = i;\n }\n });\n\n return store;\n};\n\nexport const genericIntervalsOnDay = (intervals, day) =>\n _.map(intervals, i => ({\n ...i,\n start: moment(i.start)\n .year(day.year())\n .week(day.week())\n .toISOString(),\n end: moment(i.end)\n .year(day.year())\n .week(day.week())\n .toISOString(),\n }));\n\nexport const kindColors = {\n e: { color: \"#BD9DAD\", bgColor: \"#E8D1E5\", borderColor: \"#E8D1E5\", validated: \"#a35b99\" },\n}\n\nexport const formatIntervalsForSchedule = (rawIntervals, conflict, user, resourceType, resourceCount, colors) => {\n const isMultiView = (resourceCount > 1);\n\n let formattedIntervals = _.map(rawIntervals, int => {\n let color = \"#9CBCAC\";\n let bgColor = \"#D1E7D4\";\n let borderColor = color;\n let activity = undefined;\n\n if (Object.keys(kindColors).includes(int.kind)) {\n color = int.is_validated ? \"white\" : kindColors[int.kind].color;\n bgColor = int.is_validated ? kindColors[int.kind].validated : kindColors[int.kind].bgColor;\n borderColor = bgColor;\n }\n \n // If specific multi resource view\n if (isMultiView) {\n const resourceId = resourceGetters[resourceType](int);\n bgColor = colors[resourceId];\n color = \"white\";\n borderColor = color;\n }\n\n if (int.activity_instance) activity = int.activity_instance.activity;\n else if (int.activity) activity = int.activity;\n\n let room = null;\n\n if (int.activity_instance && int.activity_instance.room)\n room = int.activity_instance.room;\n else if (activity) room = activity.room;\n\n if (!isMultiView && activity != undefined) {\n switch (activity.activity_ref.kind) {\n case \"Enfance\":\n bgColor = \"#FFC314\";\n color = \"white\";\n borderColor = \"#d63031\";\n break;\n case \"CHAM\":\n bgColor = \"#5A676F\";\n color = \"white\";\n borderColor = \"#d63031\";\n break;\n case \"ATELIERS\":\n bgColor = \"#FF9846\";\n color = \"white\";\n borderColor = \"#d63031\";\n break;\n default:\n bgColor = \"#E96469\";\n color = \"white\";\n borderColor = \"#d63031\";\n }\n }\n\n // Exclude disponibility if in multiView\n // if (isMultiView && !activity) {\n // return null;\n // }\n\n if (int.isAllDay) {\n // If the interval is all day, it's a holiday and needs no further\n // formatting\n return int;\n }\n\n if (resourceType === \"teacher\") {\n const coverTeacher = _.get(int, \"activity_instance.cover_teacher\");\n\n if(coverTeacher) {\n const teacher = _.get(activity, \"teacher.id\");\n \n if (isMultiView) {\n bgColor = colors[coverTeacher.id];\n } else if(teacher === user.id) {\n bgColor = \"gainsboro\";\n color = \"slategray\";\n //color border if hours are counted\n borderColor = _.get(int, \"activity_instance.are_hours_counted\") ? \"#d63031\" : \"slategray\";\n } else if(coverTeacher.id === user.id) {\n bgColor = \"slategray\";\n color = \"gainsboro\";\n borderColor = \"gainsboro\";\n }\n }\n }\n\n color = int.color || color;\n borderColor = int.borderColor || borderColor;\n\n let title = \"Disponibilité\";\n if (activity) {\n title = activity.activity_ref.label;\n } else if (int.kind === \"e\") {\n title = !int.is_validated ? \"Dispo. Evaluation\" : \"Evaluation\";\n }\n\n const locationLabel = _.get(activity, \"location.label\");\n let locationIndicator = `${capitalFirstLetters(locationLabel)} - `;\n\n return {\n id: int.id || int.uid,\n calendarId: \"1\",\n evaluation: int.evaluation_appointment,\n title,\n location: locationIndicator + (room && room.label || \"\"),\n category: \"time\",\n start: int.start,\n end: int.end,\n borderColor: borderColor,\n color: color,\n bgColor: bgColor,\n dragBgColor: bgColor,\n attendees: activity ? activity.users : [],\n kind: int.kind,\n teacher: (int.activity_instance && int.activity_instance.teacher) || (activity && activity.teacher || {}),\n isValidated: int.is_validated,\n activity_instance: int.activity_instance\n ? int.activity_instance\n : undefined,\n raw: int,\n activity: activity ? activity : undefined,\n };\n });\n\n if (conflict) {\n // Si l'on est sur le planning pour une résolution de conflict,\n // on grise et lock tous les autre intervals\n formattedIntervals = _.map(formattedIntervals, interval => {\n if (interval.id != conflict.activity_instance.time_interval_id) {\n interval.bgColor = \"#EEE\";\n interval.color = \"#EEE\";\n interval.borderColor = \"#EEE\";\n interval.isReadOnly = true;\n }\n return interval;\n });\n }\n\n return _.compact(formattedIntervals);\n};\n\nexport const formatHolidays = holidays => {\n return _.map(holidays, h => {\n return {\n id: h.id,\n calendarId: \"1\",\n title: h.label,\n start: h.date,\n end: h.date,\n isAllDay: true,\n category: \"allday\",\n isReadOnly: true,\n color: \"#9CBCAC\",\n bgColor: \"#D1E7D4\",\n borderColor: \"#D1E7D4\",\n };\n });\n};\n\n//Returns the label of the first valid level\n//found in given users for given activityref and season\nexport const levelDisplay = (users, activityRef, seasonId) => {\n if(activityRef === undefined)\n activityRef = {}\n\n const id = activityRef.id || activityRef\n\n const uniqueLevels = _(users)\n .map(u => u.levels)\n .flatten()\n .compact()\n .filter(level =>\n (level.activity_ref_id == id || ( level.activity_ref !== undefined && level.activity_ref.activity_ref_kind_id == activityRef.activity_ref_kind_id) ) &&\n level.season_id == seasonId)\n .uniqBy(\"evaluation_level_ref_id\")\n .value();\n\n if(uniqueLevels.length > 1)\n return \"À PRÉCISER\";\n else\n return _.get(uniqueLevels, \"[0].evaluation_level_ref.label\") || \"NON INDIQUÉ\";\n}\n\nexport const levelDisplayForActivity = (activity, seasons) => {\n const {\n time_interval: timeInterval,\n activity_ref: activityRef,\n evaluation_level_ref: evaluationLevelRef,\n users,\n } = activity;\n\n if(evaluationLevelRef)\n return evaluationLevelRef.label;\n\n if (timeInterval) {\n const season = getSeasonFromDate(\n timeInterval.start,\n seasons\n );\n\n return levelDisplay(\n users,\n activityRef,\n season ? season.id : 0\n );\n }\n\n return null;\n}\n\nexport const studentLevelDisplay = (student, activityRef, seasonId) => {\n const studentLevel = _.find(\n student.levels,\n level => (level.activity_ref_id == activityRef.id ||\n (level.activity_ref && level.activity_ref.activity_ref_kind_id == activityRef.activity_ref_kind_id)) &&\n level.season_id == seasonId\n );\n\n return studentLevel && studentLevel.evaluation_level_ref ?\n studentLevel.evaluation_level_ref.label :\n \"NON INDIQUÉ\";\n}\n\nexport const age = birthday => moment().diff(birthday, \"years\");\n\nexport const averageAge = users => {\n return Math.floor(\n users\n .map(u => age(u.birthday))\n .reduce((sum, val) => sum + val, 0) / users.length\n );\n};\n\nexport const averageAgeDisplay = age => {\n return isNaN(age) ? \"\" : `${age} ans`\n};\n\n// TODO Include availabilityInterval somehow\nexport const generateInstances = (startingDate, seasons) => {\n const season = getSeasonFromDate(startingDate, seasons);\n\n if (!season) return [];\n\n // In order to generate instance over the full season, we need to determine the first instance\n // A combinaison of the season start and of the starting date\n const firstInstance = moment(startingDate);\n const seasonStart = moment(season.start)\n .hour(firstInstance.hour())\n .minute(firstInstance.minute());\n\n const seasonEnd = moment(season.end);\n const holidayDates = _.map(season.holidays, h =>\n moment(h.date).format(ISO_DATE_FORMAT)\n );\n\n let instances = [];\n\n let now = firstInstance.clone();\n while (instances.length < season.nb_lessons && now.isSameOrBefore(seasonEnd) ) {\n // skip if we are on a holiday\n if(!_.includes(holidayDates, moment(now).format(ISO_DATE_FORMAT)))\n instances.push(moment(now));\n now.add(1, \"week\");\n }\n\n instances = _.uniqBy(instances, i => i.format(ISO_DATE_FORMAT));\n instances = _.map(instances, i => i.hour(firstInstance.hour()));\n\n return _.reduce(instances, (acc, i) => ({\n ...acc,\n [i.format(ISO_DATE_FORMAT)]: {\n start: i,\n selected: true,\n },\n }), {});\n};\n\nexport const getSeasonFromDate = (date, seasons) =>\n seasons.filter(s => moment(date).isBetween(s.start, s.end))[0];\n\nexport const cutInterval = interval => {\n // Un interval avec start et end doit être divisé en un liste d'intervals d'une heure\n // Pour cela, on prend le start et on ajoute une heure, pour créer un nouveau créneau, on répète l'opération jusqu'à\n // ce que le end du nouvel interval soit égal au end de l'interval de départ\n // const intervalClone = _.clone(interval);\n\n // TODO We need to find a way to do this before the interval creation\n // Si l'interval est une dispo pour un élève, on ne le coupe pas\n // if (interval.kind == \"p\") {\n // return [interval];\n // }\n\n // TUI Calendar uses TZDate for start and end, so we need to either convert them to\n // moment objects, or refactor following code.\n const start = moment.isMoment(interval.start)\n ? interval.start\n : moment(interval.start.toDate());\n const end = moment.isMoment(interval.end)\n ? interval.end\n : moment(interval.end.toDate());\n\n // si l'interval dure 1h30, on ne le découpe pas\n if (end.diff(start) == 5400000 || end.diff(start) == 1800000) {\n return [interval];\n }\n\n const newInterval = {\n ...interval,\n start: start.clone(),\n end: start.clone().add(1, \"hour\"),\n };\n\n const restInterval = {\n ...interval,\n start: start.clone().add(1, \"hour\"),\n end,\n };\n\n // Si le nouvel interval d'une heure à la même heure de fin que l'original, on a fini le travail\n let intervals = [];\n if (newInterval.end.isSame(restInterval.end)) {\n intervals = [newInterval];\n } else {\n const rest = cutInterval(restInterval);\n intervals = [newInterval, ...rest];\n }\n\n return intervals;\n};\n\nexport const computeInterval = (intervals, filter) => {\n // Helper function to get the total duration of all intervals\n return intervals\n .filter(filter || (() => true))\n .map(interval => {\n const start = moment(interval.start);\n const end = moment(interval.end);\n return moment.duration(end.diff(start));\n })\n .reduce((total, duration) => total.add(duration), moment.duration());\n};\n\nexport const computeValidatedInterval = intervals => {\n return this.computeInterval(intervals, i => i.is_validated);\n};\n\nconst isTZDate = date => {\n return !_.isString(date) && !moment.isMoment(date) && !_.isDate(date);\n};\n\n// Convert Ruby DateTime into moment object for easier manipulation\nexport const momentify = timeIntervals => {\n return _.map(timeIntervals, timeInterval => {\n const newInterval = {\n ...timeInterval,\n start: isTZDate(timeInterval.start)\n ? timeInterval.start.toDate()\n : moment(timeInterval.start),\n end: isTZDate(timeInterval.end)\n ? timeInterval.end.toDate()\n : moment(timeInterval.end),\n };\n return newInterval;\n });\n};\n","import React from \"react\";\nimport { Calendar as ReactYearlyCalendar } from \"react-yearly-calendar\";\nimport _, {isArray} from \"lodash\";\nimport { ISO_DATE_FORMAT } from \"../utils\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nexport default class YearlyCalendar extends React.Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n ...this.props,\n };\n }\n\n render()\n {\n const legend = this.props.legend\n\n // appel d'une fonction à chaque rendu et on force le rendu après chaques clic pour contourner un bug de réact\n // qui ne reload pas les données tous seul. Raison inconnue, probablement dû aux éléments parents.\n // la condition de type est là pour garder l'élément fonctionnel avec les autres composants parents.\n const activityInstances = typeof this.props.activityInstances === 'function' ? this.props.activityInstances() : this.props.activityInstances;\n\n let seasonDays = [];\n let seasonStart = moment(this.props.season && this.props.season.start).clone();\n\n while (seasonStart.isSameOrBefore(moment(this.props.season && this.props.season.end))) {\n seasonDays.push(moment(seasonStart));\n seasonStart.add(1, \"days\");\n }\n const customCssClasses = {\n holiday: _.map(this.props.season && this.props.season.holidays, h => h.date),\n seasonDay: _.map(seasonDays, date => date.format(ISO_DATE_FORMAT)),\n activityInstance: _(activityInstances)\n .filter(instance => instance.selected)\n .map(instance =>\n instance.start.format(ISO_DATE_FORMAT),\n )\n .value(),\n existingInstances: _.map(this.state.existingDates, ai => moment(ai.time_interval.start).format(ISO_DATE_FORMAT)),\n today: [moment().format(ISO_DATE_FORMAT)],\n };\n\n return (\n\n \n {\n this.props.handlePickDate(date, classes);\n this.forceUpdate();\n }}\n />\n\n
\n );\n }\n}\n","import React from \"react\";\nimport { optionMapper, USER_OPTIONS } from \"../../utils\";\n\nexport default function ActivityEdition({\n selection,\n locations,\n rooms,\n teachers,\n onChange,\n}) {\n const {\n teacher_id: selectedTeacherId,\n location_id: selectedLocationId,\n room_id: selectedRoomId,\n } = selection;\n\n return (\n {this.props.label}
\n{_.size((isArray(activityInstances) ? activityInstances : Object.values(activityInstances)).filter(ai => ai.selected))} cours prévus sur la saison
\n\n
\n \n {legend ? legend.selected : \"Cours\"}\n
\n \n
\n \n {legend? legend.unselected : \"Existant\"}\n
\n \n
\n \n
\n );\n};","import React from \"react\";\nimport moment from \"moment\";\n\nexport default function AttendanceTable({\n attendances,\n handleUpdate,\n handleUpdateAll,\n}) {\n let bulkValue = null;\n\n if (\n attendances.reduce((acc, sa) => acc && sa.attended === 1, true) ===\n true\n )\n bulkValue = true;\n else if (\n attendances.reduce((acc, sa) => acc && sa.attended === 0, true) ===\n true\n )\n bulkValue = false;\n\n let styleOptionalStudents = { color: \"#9575CD\" };\n\n return (\n \n \n onChange(name, value)}>\n {locations.map(optionMapper())}\n \n
\n\n \n \n onChange(name, value)}>\n {rooms\n .filter(r => r.location.id == selectedLocationId)\n .map(optionMapper())}\n \n
\n\n \n Attention : Aucune vérification n'est faite lors d'un\n changement de professeur. Le changement de professeur ne sera\n opéré qu'à partir de cette séance, et répercuté sur toutes celles\n la suivant.\n
\n {selectedTeacherId ? (\n \n \n onChange(name, value)}\n value={selectedTeacherId}>\n {_.map(teachers, optionMapper(USER_OPTIONS))}\n \n
\n ) : (\n \"Aucun professeur principal pour ce cours\"\n )}\n | N° Adh | \nElève | \n\n Présent\n | \n {a.user.adherent_number} | \n\n | \n {(() => {\n return (\n \n | \n );\n })()}\n {/*\n \n {this.props.isTeacher ? null : (\n \n | */}\n \n ))\n .value()}\n
|---|
\n \n \n
\n);","import React, { Fragment } from \"react\";\n\nexport default class EditGroupNameInput extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.debounce = null;\n\n this.state = { value: this.props.value || \"\" };\n }\n\n handleInputChange(value) {\n if (this.debounce) {\n clearTimeout(this.debounce);\n }\n\n this.debounce = setTimeout(() => {\n this.props.onChange(value);\n this.debounce = null;\n }, 400);\n\n this.setState({ value });\n }\n\n render() {\n return (\n \n \n {\"Nom du groupe\"}\n \n this.handleInputChange(e.target.value)}\n name=\"groupName\"\n />\n \n \n \n
\n \n \n {\"Changer le nom du groupe pour cette instance le modifiera pour toutes les occurences de cette activité.\"}\n
\n\n {component}\n \n
;\n\nconst formatInstances = (instances, startTime, endTime) => _(instances)\n .filter(instance => instance.selected)\n .map(ai => ({\n start: moment(ai.start)\n .hour(startTime.hour())\n .minute(startTime.minute())\n .format(),\n end: moment(ai.start)\n .hour(endTime.hour())\n .minute(endTime.minute())\n .format(),\n }))\n .value();\n\nexport default class ActivityManagement extends Component {\n constructor(props) {\n super(props);\n\n /* After validating, room_id, location_id, and activityId are undefined,\n only activity holds the information. To make code consistent,\n we start by copying these values at the correct place.*/\n\n let activity = undefined;\n\n if (props.interval.activity_instance)\n activity = props.interval.activity_instance.activity;\n else if (props.interval.activity) activity = props.interval.activity;\n\n const activityId = activity\n ? activity.activity_ref_id\n : props.activityId;\n\n const room_id = activity ? activity.room.id : props.room_id;\n\n const location_id = activity\n ? _.filter(props.room_refs, room => room.id == room_id)[0]\n .location_id\n : // ? activity.room.location_id\n props.location_id;\n\n const rooms_constrained = activity\n ? _.chain(props.rooms)\n .filter(room_ref => room_ref.location_id === location_id)\n .sortBy([\"location_id\", \"label\"])\n .value()\n : props.rooms;\n\n const teacher_id =\n activity && activity.teacher\n ? activity.teacher.id\n : (props.user && props.user.id) || 0;\n\n let mainTeacherId =\n activity &&\n _.filter(activity.teachers_activities, ta => ta.is_main)[0];\n mainTeacherId = mainTeacherId && mainTeacherId.user_id;\n\n let assistantTeacherId =\n activity &&\n _.filter(activity.teachers_activities, ta => !ta.is_main)[0];\n assistantTeacherId = assistantTeacherId && assistantTeacherId.user_id;\n\n const teachers_constrained = activity\n ? _.chain(props.teachers)\n .filter(teacher =>\n _.chain(teacher.teachers_activity_refs)\n .map(act => act.activity_ref_id)\n .includes(activityId)\n .value()\n )\n .sortBy([\"last_name\", \"first_name\"])\n .value()\n : props.teachers;\n\n let recurrences = [\n {\n start: moment(this.props.interval.start),\n selected: true,\n },\n ];\n\n if (this.props.interval.is_validated)\n recurrences = TimeIntervalHelpers.generateInstances(\n this.props.interval.start,\n this.props.seasons\n );\n\n const instance = {\n cover_teacher_id: _.get(props.interval, \"activity_instance.cover_teacher_id\"),\n are_hours_counted: _.get(props.interval, \"activity_instance.are_hours_counted\")\n };\n\n this.state = {\n activity: activity,\n room_id: room_id,\n location_id: location_id,\n activityId,\n teacher_id: teacher_id,\n mainTeacherId,\n assistantTeacherId,\n\n initial_room_id: room_id,\n initialMainTeacherId: mainTeacherId,\n initialAssistantTeacherId: assistantTeacherId,\n\n conflicting_interval: null,\n conflicting_interval_teacher: null,\n\n rooms_constrained,\n teachers_constrained,\n\n editionMode: false,\n\n startTime: moment(props.interval.start),\n endTime: moment(props.interval.end),\n\n isRecurrent: false,\n\n activityInstances: recurrences,\n\n changes: {\n recurrences,\n instance,\n },\n\n groupName: null,\n isEditingGroup: false,\n errors: []\n };\n }\n\n // ===========================================\n // SELECTION HANDLERS\n // ===========================================\n toggleGroupNameEdit() {\n this.setState({ isEditingGroup: !this.state.isEditingGroup });\n }\n\n //TEACHERS EDITION HANDLERS\n handleChangeTeacher(teacherId, value) {\n const newTeacherId = parseInt(value);\n\n fetch(`/activity_instance/${this.props.interval.activity_instance.id}/teacher/${teacherId}`,\n {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n teacher: {\n user_id: newTeacherId,\n },\n }),\n }\n ).then(res => {\n if (res.ok) {\n //Feed teacher change back to user in UI\n \n }\n });\n }\n\n handleToggleIsMainTeacher(teacherId, isMain) {\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n teacher: {\n is_main: isMain,\n },\n }),\n }).then(res => {\n if (res.ok) {\n const newTeachersActivities = [\n ...this.state.activity.teachers_activities,\n ].map(ta => {\n if (ta.user_id === teacherId)\n return {\n ...ta,\n is_main: isMain,\n };\n return ta;\n });\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n }\n });\n }\n\n handleAddTeacher(teacherId) {\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"PUT\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n })\n .then(res => res.json())\n .then(ta => {\n const newTeachersActivities = [\n ...this.state.activity.teachers_activities,\n ta,\n ];\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n });\n }\n\n handleRemoveTeacher(teacherId) {\n fetch(`/activity/${this.state.activity_id}/teacher/${teacherId}`, {\n method: \"DELETE\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n }).then(res => {\n const newTeachersActivities = this.state.activity.teacher_activities.filter(\n ta => ta.user_id !== teacherId\n );\n\n this.setState({\n activity: {\n ...this.state.activity,\n teachers_activities: newTeachersActivities,\n },\n });\n });\n }\n\n handleRemoveStudent(s) {\n const users = this.state.activity.users;\n _.remove(users, s);\n\n this.props.handleRemoveStudent(this.state.activity, s);\n\n this.setState({ activity: { ...this.state.activity, users } });\n }\n\n handleRemoveOptionalStudent(option) {\n const options = this.state.activity.options;\n _.remove(options, option);\n\n this.props.handleRemoveOptionalStudent(this.state.activity, option);\n\n this.setState({ activity: { ...this.state.activity, options } });\n }\n \n handleUpdateActivity() {\n // Reset error on call\n this.setState({ errors: [] });\n\n // Get activity from state\n const activity = { id: this.state.activity.id, group_name: this.state.groupName };\n\n // Call api\n api\n .post(`/activity/${activity.id}`, { activity })\n .then(({ data, error }) => {\n if (error) {\n this.setState({ errors: error });\n } else if (data) {\n //room has been updated, close modal and feed it back in UI\n if (\n this.props.planningType === \"room\" &&\n data.room_id !== this.state.activity.room_id\n ) {\n this.props.activityChangeFeedback(\n this.props.interval.id,\n this.props.planningType\n );\n } else { \n this.setState({ activity: data });\n }\n\n this.props.handleUpdateActivityInInstances(activity);\n this.setState({ isEditingGroup: false });\n }\n });\n }\n\n handleEditActivityInstance() {\n this.setState({ editionMode: false });\n\n const instance = Object.assign({}, this.state, this.props.interval);\n instance.startTime = instance.startTime.toDate();\n instance.endTime = instance.endTime.toDate();\n\n this.props.handleEditActivityInstance(instance);\n\n this.props.closeModal();\n }\n\n handlePickDateYearlyCalendar(selectedDay) {\n const recurrences = { ...this.state.changes.recurrences };\n const key = selectedDay.format(ISO_DATE_FORMAT);\n \n if (recurrences[key]) {\n // It's already an instance, so we remove it\n const instance = { ...recurrences[key] };\n instance.selected = !instance.selected;\n recurrences[key] = instance;\n } else {\n // It's not an instance, so we add it\n recurrences[key] = {\n start: selectedDay,\n selected: true,\n };\n }\n\n this.setState({\n changes: {\n ...this.state.changes,\n recurrences,\n },\n });\n }\n\n handleRemove() {\n this.props.onRemove();\n }\n\n handleEditionMode() {\n this.setState({ editionMode: true });\n }\n\n handleGroupNameChange(value) {\n this.setState({ groupName: value });\n }\n\n // ========================================\n // RENDERING HELPERS\n // ========================================\n\n renderTeacherSelection() {\n const renderMainTeacherOptions = this.state.teachers_constrained\n .filter(teacher => teacher.id !== this.state.assistantTeacherId)\n .map((teacher, i) => (\n \n ));\n\n const renderAssistantTeacherOptions = this.state.teachers_constrained\n .filter(teacher => teacher.id !== this.state.mainTeacherId)\n .map((teacher, i) => (\n \n ));\n\n return (\n \n \n \n this.handleChangeTeacher(e.target.value, true)\n }\n value={this.state.mainTeacherId || 0}\n className=\"form-control m-b\"\n >\n \n {renderMainTeacherOptions}\n \n \n \n this.handleChangeTeacher(e.target.value, false)\n }\n value={this.state.assistantTeacherId || 0}\n >\n \n {renderAssistantTeacherOptions}\n \n
\n );\n }\n\n render() {\n const detectedSeason = TimeIntervalHelpers.getSeasonFromDate(\n this.state.startTime.toDate(),\n this.props.seasons\n );\n\n const errors = this.props.errors.concat(this.state.errors);\n\n if (!this.state.editionMode) {\n const room = getRoom(\n this.props.room_refs,\n this.state.activity.room.id\n );\n\n let styleOptionalStudents = { color: \"#9575CD\" };\n\n const students = TimeIntervalHelpers.omitInactiveStudents(\n this.state.activity.users,\n this.props.interval.activity_instance.inactive_students\n );\n const studentIds = _.map(students, s => s.id);\n const optionalStudents = _.filter(\n this.state.activity.options,\n o =>\n o.desired_activity &&\n o.desired_activity.activity_application &&\n !_.includes(\n studentIds,\n o.desired_activity.activity_application.user_id\n )\n );\n\n const attendances = (_.get(this.props.interval, \"activity_instance.student_attendances\") || []).map(sa => {\n const attended = _.find(this.state.changes.attendances, (v, k) => sa.id == k);\n return attended !== undefined && {\n ...sa,\n attended,\n } || { ...sa };\n });\n\n const attendancesPanelContent =\n (this.props.isAdmin || this.props.isTeacher) &&\n ((students.length > 0 || optionalStudents.length > 0) &&\n this.props.interval.activity_instance &&\n this.props.interval.activity_instance\n .student_attendances) ? (\n \n Impossible d'éditer les présences\n
\n );\n\n const activitySelection = {\n teacher_id: _.get(this.props.interval, \"activity_instance.teachers_activity_instances[0].user_id\"),\n ..._.pick(_.get(this.props.interval, \"activity_instance\"), [\"room_id\", \"location_id\"]),\n ...this.state.changes.instance,\n };\n\n const editionPanelContent = this.props.isAdmin ? (\n\n
\n
\n );\n\n return result;\n }\n }\n}","import React from \"react\";\n\nimport YearlyCalendar from \"../YearlyCalendar\";\n\nexport default function RecurrencesEditor({\n recurrences,\n existingDates,\n season,\n onUpdateInstances,\n}) {\n return \n
\n {deleteActivity}\n \n this.handleGroupNameChange(value)} \n value={this.state.groupName || this.state.activity.group_name}\n onSave={() => this.handleUpdateActivity()} \n />\n }\n \n {\" \"}\n
\n
\n \n {this.state.activity.group_name ? this.state.activity.group_name : \"Groupe à définir\"}\n \n
\n : \n\n {this.state.activity.activity_ref.label} -{\" \"}\n {room.label} -{\" \"}\n {moment(this.props.interval.start).format(\"HH:mm\")}{\" \"}\n - {moment(this.props.interval.end).format(\"HH:mm\")}\n
\n\n {\" \"}\n \n {students.length + optionalStudents.length}\n {\" \"}\n /{this.state.activity.activity_ref.occupation_limit}\n
\n \n
\n \n
;\n}","import React from \"react\";\nimport _ from \"lodash\";\nimport Select from \"react-select\";\n\nconst coveringEditorSelectStyles = {\n option: (styles, {data}) => {\n return {\n ...styles,\n color: data.canCover ? \"forestgreen\" : \"#c2c2c2\",\n };\n },\n};\n\nexport default function TeacherCoveringEditor({\n teacher,\n coverTeacherId,\n areHoursCounted,\n potentialCoveringTeachers,\n teachers,\n onChange,\n}) {\n const teachersOptions = [\n {\n label: \"PAS DE REMPLAÇANT\",\n value: \"\",\n canCover: true,\n },\n ..._(teachers)\n .filter(t => t.id !== _.get(teacher, \"id\"))\n .map(t => {\n const canCover = coverTeacherId == t.id || potentialCoveringTeachers && potentialCoveringTeachers.includes(t.id);\n\n return {\n label: `${t.last_name} ${t.first_name} ${canCover ? \"✓\" : \"❌\"}`,\n value: t.id,\n canCover,\n isDisabled: !canCover,\n };\n })\n .sortBy([\n ({canCover}) => canCover ? 0 : 1, // place available teachers first\n \"label\", // and subsort by names\n ])\n .value(),\n ]\n\n const selectedOption = teachersOptions.find(({value}) => value == coverTeacherId);\n\n return (\n \n
\n );\n};","import React from \"react\";\n\nexport default function TeachersEditor({\n teachers,\n selected,\n onChangeTeacher,\n onToggleIsMainTeacher,\n onAddTeacher,\n onRemoveTeacher,\n}) {\n const notSelectedTeachersOptions = teachers\n .filter(t => !selected.map(ta => ta.user_id).includes(t.id))\n .map(t => (\n \n ));\n return (\n \n \n onChange(\"cover_teacher_id\", v.value || null)}>\n \n
\n\n {coverTeacherId ? (\n \n \n
\n ) : null}\n \n
\n \n \n onChange(name, true)\n }/>\n Oui\n
\n \n \n onChange(name, false)\n }/>\n Non\n
\n \n \n \n
\n
\n );\n};","import React, { Fragment } from \"react\";\nimport { fullname } from \"../../../tools/format\";\n\nconst moment = require(\"moment-timezone\");\nrequire(\"moment/locale/fr\");\n\nexport default class PracticeHandleSessions extends React.Component {\n constructor(props){\n super(props);\n\n let start = new Date(props.session.start);\n let end = new Date(props.session.end);\n\n this.state= {\n session: {id: props.session.id},\n roomId: props.session.resourceId,\n bandId: props.session.bandId,\n dateStart: start.toISOString().substring(0,10),\n hourStart: start.toLocaleString().substring(12),\n hourEnd: end.toLocaleString().substring(12),\n validated: true,\n }\n }\n\n handleSave() {\n this.props.onClose();\n this.props.onSave(this.state.session)\n }\n\n roomChange(event) {\n let roomId= event.target.value;\n this.setState({\n session: {\n ...this.state.session,\n room: roomId,\n },\n roomId,\n })\n }\n\n dateChange(event) {\n let date = new Date(event.target.value);\n let start = this.state.session.start \n ? new Date(this.state.session.start) \n : new Date(this.props.session.start);\n start.setFullYear(date.getFullYear());\n start.setMonth(date.getMonth());\n start.setDate(date.getDate());\n \n let end = this.state.session.end \n ? new Date(this.state.session.end) \n : new Date(this.props.session.end);\n end.setFullYear(date.getFullYear());\n end.setMonth(date.getMonth());\n end.setDate(date.getDate());\n\n this.setState({\n session: {\n ...this.state.session,\n start: start.toISOString(),\n end: end.toISOString(),\n },\n dateStart: event.target.value,\n validated: this.validateDate(event.target.value),\n })\n }\n\n validateDate(dateStart) {\n let day = new Date(dateStart).getUTCDay();\n let validated = !(day === 0 || day === 6) \n return validated\n }\n\n\n hourStartChange(event) {\n let hour = event.target.value\n let start = this.state.session.start \n ? new Date(this.state.session.start)\n : new Date(this.props.session.start); \n start.setHours(hour.substring(0,2))\n start.setMinutes(hour.substring(3))\n\n this.setState({\n session: {\n ...this.state.session,\n start: start.toISOString(),\n },\n hourStart: hour,\n })\n }\n\n hourEndChange(event) {\n let hour = event.target.value\n let end = this.state.session.end \n ? new Date(this.state.session.end)\n : new Date(this.props.session.end); \n end.setHours(hour.substring(0,2))\n end.setMinutes(hour.substring(3))\n\n this.setState({\n session: {\n ...this.state.session,\n end: end.toISOString(),\n },\n hourEnd: hour,\n })\n }\n\n validateHour(hourStart) {\n // not implemented\n // check room business hours\n }\n\n bandChange(event) {\n let bandId= event.target.value;\n this.setState({\n session: {\n ...this.state.session,\n band: bandId,\n },\n bandId,\n })\n }\n\n statusChange(event) {\n // this.setState({session: {\n // ...this.state.session,\n // status: select,\n // }})\n }\n\n onDelete() {\n this.props.onDelete(this.state.session);\n this.props.onClose();\n }\n\n render() {\n const {session, rooms, bands} = this.props;\n // let {start, stop} = {start: this.state.dateStart, stop: this.state.dateEnd};\n // start = new Date(start).toISOString().substring(0, 10);\n // console.log(start)\n return | Professeur | \nPrincipal | \nSupprimer | \n
|---|---|---|
| \n | \n \n | \n \n | \n
| \n | \n \n | \n |
\n
\n
\n }\n}","import React, { Fragment } from \"react\";\nimport { fullname } from \"../../../tools/format\";\n\nconst moment = require(\"moment-timezone\");\nrequire(\"moment/locale/fr\");\n\n// MAIN COMPONENT\nclass PracticeMultiViewModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n band: this.props.band.id,\n start: this.props.schedule.start,\n end: this.props.schedule.end,\n startTime: moment(this.props.schedule.startStr).format('HH:mm'),\n endTime: moment(this.props.schedule.endStr).format('HH:mm'),\n room: this.props.schedule.resource.id\n };\n }\n\n handleChangeBand(selectedBand) {\n this.setState({ band: selectedBand });\n }\n\n handleStartChange(start){\n var startSplit = start.split(':');\n var hour = startSplit[0];\n var minute = startSplit[1];\n \n this.setState({\n startTime : start\n })\n\n this.state.start.setHours(hour);\n this.state.start.setMinutes(minute);\n }\n\n handleEndChange(end){\n var endSplit = end.split(':');\n var hour = endSplit[0];\n var minute = endSplit[1];\n this.setState({\n endTime : end\n })\n\n this.state.end.setHours(hour);\n this.state.end.setMinutes(minute);\n }\n\n handleSave(){\n this.props.onSave(this.state);\n this.props.onClose();\n }\n\n render() {\n const { schedule } = this.props;\n // Do not render if schedule is falsy\n if (!schedule) {\n return null;\n }\n\n // Render\n return (\n Édition de réservation
\n\n
\n \n \n
\n \n \n \n
\n \n \n
\n \n this.dateChange(e)}/>\n this.hourStartChange(e)}/>\n this.hourEndChange(e)}/>\n
\n \n \n this.onDelete()}\n title={\"non implémenté\"}\n >\n Supprimer\n \n this.handleSave()}\n disabled={!this.state.validated}\n title={this.state.validated ? \"\" : \"la date n'est pas valide\"}\n >\n Enregistrer\n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default PracticeMultiViewModal;\n","import React from \"react\";\nimport FullCalendar from \"@fullcalendar/react\";\nimport interactionPlugin from \"@fullcalendar/interaction\";\nimport resourceTimelinePlugin from \"@fullcalendar/resource-timeline\";\nimport Modal from \"react-modal\";\nimport PracticeMultiViewModal from \"./PracticeMultiViewModel\";\nimport PracticeHandleSessions from \"./PracticeHandleSessions\";\nimport {csrfToken} from \"../../utils\";\nimport * as api from \"../../../tools/api\";\n\nconst moment = require(\"moment-timezone\");\nrequire(\"moment/locale/fr\");\n\nlet eventGuid = 0;\nlet todayStr = new Date().toISOString().replace(/T.*$/, \"\");\n\nexport const RESSOURCES = [\n {\n id: \"1\", title: \"Stax\",\n businessHours: [\n {\n startTime: '10:00',\n endTime: '15:00',\n daysOfWeek: [1] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [2] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '21:00',\n daysOfWeek: [3] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '20:00',\n daysOfWeek: [4] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n {\n startTime: '14:00',\n endTime: '20:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n ]\n },\n {\n id: \"2\", title: \"Rak\",\n businessHours: [\n {\n startTime: '10:00',\n endTime: '15:00',\n daysOfWeek: [1] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [2] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '21:00',\n daysOfWeek: [3] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '20:00',\n daysOfWeek: [4] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n {\n startTime: '14:00',\n endTime: '20:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n ]\n },\n {\n id: \"3\", title: \"Sun\",\n businessHours: [\n {\n startTime: '10:00',\n endTime: '15:00',\n daysOfWeek: [1] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [2] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '21:00',\n daysOfWeek: [3] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '20:00',\n daysOfWeek: [4] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n {\n startTime: '14:00',\n endTime: '20:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n ]\n },\n {\n id: \"4\",\n title: \"Chess\",\n businessHours: [\n {\n startTime: '10:00',\n endTime: '15:00',\n daysOfWeek: [1] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [2] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '21:00',\n daysOfWeek: [3] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '20:00',\n daysOfWeek: [4] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n {\n startTime: '14:00',\n endTime: '20:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n ]\n },\n {id: \"5\", title: \"Electric Lady\"},\n {\n id: \"6\",\n title: \"Motown\",\n businessHours: [\n {\n startTime: '10:00',\n endTime: '15:00',\n daysOfWeek: [1] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [2] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '21:00',\n daysOfWeek: [3] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '20:00',\n daysOfWeek: [4] // Mon,Wed,Fri\n },\n {\n startTime: '10:00',\n endTime: '12:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n {\n startTime: '14:00',\n endTime: '20:00',\n daysOfWeek: [5] // Mon,Wed,Fri\n },\n ]\n },\n];\n\nexport const ROOMS = [\n {id: \"1\", label: \"Stax\"},\n {id: \"2\", label: \"Rak\"},\n {id: \"3\", label: \"Sun\"},\n {id: \"4\", label: \"Chess\"},\n {id: \"5\", label: \"Electric Lady\"},\n {id: \"6\", label: \"Motown\"},\n];\n\nexport const BANDS = [\n {id: \"1\", label: \"Rolling Stones\"},\n {id: \"2\", label: \"Beatles\"},\n {id: \"3\", label: \"Led Zeppelin\"},\n {id: \"4\", label: \"The Who\"},\n {id: \"5\", label: \"Creedence\"},\n {id: \"6\", label: \"ZZ Top\"},\n];\n\nexport const INITIAL_EVENTS = [\n {\n id: createEventId(),\n title: \"All-day event\",\n start: todayStr,\n resourceId: \"1\",\n backgroundColor: \"blue\",\n borderColor: \"blue\"\n },\n {\n id: createEventId(),\n title: \"Timed event\",\n start: todayStr + \"T13:00:00\",\n end: todayStr + \"T15:00:00\",\n resourceId: \"2\",\n backgroundColor: \"blue\",\n borderColor: \"blue\"\n },\n {\n className: 'fc-non-business',\n id: createEventId(),\n title: \"Timed event\",\n start: todayStr + \"T10:00:00\",\n end: todayStr + \"T11:00:00\",\n resourceId: \"6\",\n display: \"background\",\n backgroundColor: \"blue\",\n borderColor: \"blue\"\n },\n {\n id: createEventId(),\n title: \"Timed 2\",\n start: todayStr + \"T10:00:00\",\n end: todayStr + \"T12:00:00\",\n resourceId: \"4\",\n backgroundColor: \"rgba(74,229,7,0.91)\",\n borderColor: \"transparent\"\n },\n {\n id: createEventId(),\n title: \"Timed 2\",\n start: todayStr + \"T15:00:00\",\n end: todayStr + \"T18:00:00\",\n resourceId: \"5\",\n backgroundColor: \"blue\",\n borderColor: \"blue\"\n },\n];\n\nexport function createEventId() {\n return String(eventGuid++);\n}\n\nexport default class PracticePlanning extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n weekendsVisible: true,\n isCreationModalOpen: false,\n isDetailModalOpen: false,\n currentEvents: [],\n bands: props.bands,\n selectedSchedule: {\n resource: {\n id: \"\"\n }\n },\n events: this.generateEvents(props.practice_sessions),\n rooms: this.generateRessources(props.rooms),\n };\n this.calendarRef = React.createRef();\n }\n\n componentDidMount() {\n Modal.setAppElement('body');\n this.state.dateInfo = {\n startStr: this.getDate(),\n endStr: null,\n };\n }\n\n fetchSessions() {\n let tmp = new URLSearchParams()\n tmp.append(\"start\", this.state.dateInfo.startStr)\n tmp.append(\"end\", this.state.dateInfo.endStr)\n const params = \"?\" + [...tmp.entries()].map(([k, v]) => `${k}=${v}`).join(\"&\");\n api.set()\n .success((results) => {\n this.setState({events: this.generateEvents(results)})\n })\n .get(`sessions${params}`)\n }\n\n datesSet(dateInfo) {\n this.state.dateInfo = dateInfo;\n this.fetchSessions();\n }\n\n handleCreateInterval(state) {\n api.set()\n .post('/practice/sessions', {\n current_user: {id: this.props.curent_user.id},\n band: {id: state.band},\n room: {id: state.room},\n start: state.start,\n stop: state.end,\n })\n let calendarApi = this.state.selectedSchedule.view.calendar;\n calendarApi.unselect();\n\n calendarApi.addEvent({\n id: createEventId(),\n title: this.displayBandName(state.band),\n start: state.start,\n end: state.end,\n resourceId: state.room,\n });\n\n location.reload();\n }\n\n handleUpdateSession(session) {\n api.set()\n .success(data => {\n this.setState({\n ...this.state,\n events: this.state.events.map(e => {\n let tmp = {...e}\n if (e.id == session.id) {\n if (session.room)\n tmp.resourceId = session.room;\n if (session.band) {\n tmp.bandId = session.band;\n tmp.title = this.state.bands.find(b => b.id == session.band).name\n }\n if (session.start)\n tmp.start = session.start;\n\n if (session.end)\n tmp.end = session.end;\n }\n\n return tmp\n }),\n });\n })\n .patch(`/practice/sessions/${session.id}`, {\n \"X-Csrf-Token\": csrfToken,\n room: session.room,\n band: session.band,\n start: session.start,\n end: session.end,\n })\n }\n\n handleDeleteSession(session) {\n api.set()\n .success(() => {\n this.setState({\n ...this.state,\n events: this.state.events.filter(e => e.id !== session.id)\n })\n })\n .del(`/practice/sessions/${session.id}`, {\n \"X-Csrf-Token\": csrfToken,\n })\n }\n\n closeMultiViewModal() {\n this.setState({isMultiViewModalOpen: false});\n }\n\n closeHandleSessionsModal() {\n this.setState({isHandleSessionsOpen: false});\n }\n\n displayBandName(bandId) {\n return this.state.bands.find(band => {\n return band.id === bandId\n }).name\n }\n\n generateEvents(practice_sessions) {\n\n return practice_sessions.map(session => {\n return {\n id: session.id,\n title: session.band.name,\n bandId: session.band.id,\n start: session.time_interval.start,\n end: session.time_interval.end,\n resourceId: session.room_id,\n backgroundColor: \"blue\",\n borderColor: \"blue\",\n }\n })\n }\n\n generateRessources(rooms) {\n return rooms.map(room => {\n return {\n id: room.id,\n title: room.label,\n }\n })\n }\n\n getDate() {\n let calendarApi = this.calendarRef.current.getApi();\n return calendarApi.getDate();\n }\n\n handleWeekendsToggle = () => {\n this.setState({\n weekendsVisible: !this.state.weekendsVisible,\n });\n };\n\n handleDateSelect = selectInfo => {\n moment.locale();\n this.setState({\n isMultiViewModalOpen: true,\n selectedSchedule: selectInfo,\n room: selectInfo.resource.id\n });\n\n let calendarApi = selectInfo.view.calendar;\n calendarApi.unselect(); // clear date selection\n };\n\n handleEventClick = clickInfo => {\n this.setState({\n isHandleSessionsOpen: true,\n eventSelected: this.state.events.find(e => e.id == clickInfo.event.id),\n })\n };\n\n handleEvents = events => {\n this.setState({\n currentEvents: events,\n });\n };\n\n render() {\n return (\n Création d'une réservation
\n\n \n
\n \n this.handleSave()}\n >\n Enregistrer\n \n
\n \n this.closeMultiViewModal()}\n className=\"test2\"\n contentLabel=\"Detail d'un créneau\"\n >\n this.closeMultiViewModal()}\n onSave={(state) =>\n this.handleCreateInterval(state)\n }\n schedule={this.state.selectedSchedule}\n bands={this.state.bands}\n band={this.state.bands[0]}\n />\n \n\n this.closeHandleSessionsModal()}\n className=\"test2\"\n contentLabel=\"Modification d'un créneau\"\n >\n this.closeHandleSessionsModal()}\n onSave={(session) => this.handleUpdateSession(session)}\n onDelete={(session) => this.handleDeleteSession(session)}\n session={this.state.eventSelected}\n rooms={this.state.rooms}\n bands={this.state.bands}\n />\n \n
\n );\n }\n}\n\nfunction renderEventContent(eventInfo) {\n return (\n \n {\n this.datesSet(dateInfo)\n }} // called on date changes\n // you can update a remote database when these fire:\n // eventAdd={function(){}}\n // eventChange={function(){}}\n // eventRemove={function(){}}\n />\n
\n\n Êtes-vous sûr(e) de vouloir {!isActivated ? \"désactiver\" : \"activer\"} ce plugin ?
\nLe redémarrage de la page va prendre un instant.
\n\n \n \n
\n \n \n \n
\n\n \n );\n}","import React, {useState} from \"react\";\nimport pluginImgDefault from \"./icons8-puzzle-150.svg\";\nimport Switch from \"react-switch\";\n\nexport default function PluginCard({plugin, setting_path, handleToggleActivation, pluginActivated, initialyActivated}) {\n\n return (\n \n \n firefox / standardisé\n WebkitLineClamp: 3, // Nombre de lignes à afficher avant troncature => chromium\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }}\n >\n {plugin.description}\n \n
\n\n \n \n {plugin.display_name}\n \n 
\n
\n \n \n \n En savoir plus\n \n
\n \n {plugin.price ? (
\n \n \n );\n}","import React, {useEffect} from \"react\";\nimport {useState} from \"react\";\nimport * as api from \"../../tools/api\";\nimport swal from \"sweetalert2\";\nimport {EditorState, convertToRaw, convertFromRaw, ContentState} from 'draft-js';\nimport PluginsList from \"./PluginsList\";\nimport RestartingMessage from \"./RestartingMessage\";\nimport PluginActivationModal from \"./PluginActivationModal\";\nimport Modal from \"react-modal\";\n\n\nexport default function Plugins(props) {\n const [plugins, setPlugins] = useState([]);\n const [selectedPlugins, setSelectedPlugins] = useState({});\n const [activatedPlugins, setActivatedPlugins] = useState({});\n const [firstActivatedState, setFirstActivatedState] = useState({});\n const [is_restarting, setIsRestarting] = useState(false);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [pluginID, setPluginID] = useState(null); // Utiliser un état local pour stocker pluginID\n let interval;\n\n useEffect(() => {\n getPlugins()\n }, []);\n\n useEffect(() => {\n if (plugins.length > 0) {\n const initialActivatedState = {};\n plugins.forEach((plugin) => {\n initialActivatedState[plugin.id] = !!plugin.activated_at;\n });\n setActivatedPlugins(initialActivatedState);\n setFirstActivatedState(initialActivatedState); // save initial state for conf page\n }\n }, [plugins]);\n\n function startTimer() {\n interval = setInterval(() => {\n checkRestartStatus();\n }, 3000);\n }\n\n useEffect(() => {\n if (is_restarting) {\n startTimer()\n }\n return () => {\n clearInterval(interval); // Nettoyer l'intervalle lors du démontage du composant\n };\n }, [is_restarting]);\n\n\n function getPlugins() {\n api.set()\n .success(res => {\n setPlugins(res.plugins);\n setIsRestarting(res.is_restarting);\n\n // Convertir le contenu JSON brut en ContentState\n let savedContentRaw = null;\n let savedContentState = null;\n if (res.display_text != null) {\n try {\n savedContentRaw = JSON.parse(res.display_text);\n savedContentState = convertFromRaw(savedContentRaw);\n } catch (e) {\n savedContentState = ContentState.createFromText(res.display_text);\n }\n setEditorState(EditorState.createWithContent(savedContentState));\n }\n })\n .error(res => {\n swal(\"Une erreur est survenue lors de la récupération des plugins\", res.error, \"error\");\n setIsRestarting(false)\n })\n .get(\"./plugins\", {});\n }\n\n function handlePluginStatusChange(pluginID, updatedActivated) {\n setSelectedPlugins((prevSelectedPlugins) => ({\n ...prevSelectedPlugins,\n [pluginID]: updatedActivated,\n }));\n }\n\n function checkRestartStatus() {\n try {\n api.set()\n .success(res => {\n setIsRestarting(res.is_restarting);\n if (!res.is_restarting) {\n clearInterval(interval); // Stop checking once restart is completed\n getPlugins(); // Refresh plugin data after restart\n }\n })\n .error(err => {\n setIsRestarting(false);\n clearInterval(interval); // In case of error, stop checking\n })\n .get('/plugins', {})\n } catch (error) {\n console.error(\"Exception while checking restart status:\", error);\n }\n }\n\n function handleSaveAndRestart() {\n api.set()\n .useLoading()\n .success(res => {\n if(res.restart)\n setIsRestarting(true);\n closeModal();\n swal(`Les plugins ont été enregistrés avec succès`, res.message, \"success\");\n })\n .error(res => {\n closeModal();\n swal(\"Une erreur est survenue lors de l'enregistrement des plugins\", res.error, \"error\");\n })\n .post('/plugins', {\n data: selectedPlugins,\n rollback: document.getElementById('rollback').checked ? 'on' : 'off'\n });\n }\n\n function toggleActivation(pluginID) {\n setActivatedPlugins((prevActivatedPlugins) => ({\n ...prevActivatedPlugins,\n [pluginID]: !prevActivatedPlugins[pluginID],\n }));\n\n handlePluginStatusChange(pluginID, !activatedPlugins[pluginID]);\n\n setPluginID(pluginID);\n\n setTimeout(() => {\n Modal.setAppElement('body');\n setIsModalOpen(true);\n }, 500);\n }\n\n function closeModal() {\n if (pluginID !== null) {\n setActivatedPlugins((prevActivatedPlugins) => ({\n ...prevActivatedPlugins,\n [pluginID]: !prevActivatedPlugins[pluginID],\n }));\n }\n\n setIsModalOpen(false);\n }\n\n\n if (is_restarting) {\n return PAYANT
) : (GRATUIT
)}\n \n {pluginActivated && initialyActivated ? (\n \n \n Configurer\n \n ) : null}\n {typeof pluginActivated !== \"undefined\" && (\n
\n \n setIsModalOpen(false)}\n handleSaveAndRestart={handleSaveAndRestart}\n />\n
\n\n } else {\n return (\n Aucun plugin
\n )\n }\n}","import React, {useState} from \"react\";\nimport PluginCard from \"./PluginCard\";\nimport RestartingMessage from \"./RestartingMessage\";\nimport PluginActivationModal from \"./PluginActivationModal\";\n\n\nexport default function PluginsList({\n plugins,\n selectedPlugins,\n handleStatus,\n handleSave,\n toggle,\n activatedPlugins,\n firstActivatedState,\n isModalOpen,\n }) {\n\n\n return (\n\n
\n );\n}\n","import React from \"react\";\n\nexport default function RestartingMessage() {\n return (\n \n Découvrez et activez les plugins dont vous avez besoin.\n
\n\n {plugins.map((plugin) => (\n toggle(plugin.id)}\n pluginActivated={activatedPlugins[plugin.id]}\n initialyActivated={firstActivatedState[plugin.id]}\n />\n ))}\n
\n \n \n Redémarrage en cours...\n
\n
\n )\n}","import React, {Component} from \"react\";\nimport fetch from \"isomorphic-unfetch\";\nimport DolibarrOption from \"./DolibarrOption\";\nimport {csrfToken} from \"../../../utils\"\nimport swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\n\n//Gets products from dolibarr\nconst dolibarrPromise = fetch(\"/dolibarr/get_products/\")\n\nexport default class DolibarrLink extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n dolibarrProducts: undefined,\n dolibarrProductsParsed: undefined,\n }\n this.fetchData = this.fetchData.bind(this);\n this.parseDolibarr = this.parseDolibarr.bind(this);\n this.handleLinkChange = this.handleLinkChange.bind(this);\n }\n\n async fetchData() {\n fetch(\"/dolibarr/get_products/\")\n .then((response) => {\n if (!response.ok) {\n return undefined\n } else {\n return response.json()\n }\n }).then((data) => {\n this.setState({dolibarrProducts:data});\n this.parseDolibarr(data);\n });\n }\n\n parseDolibarr(dolibarrProducts) {\n var dolibarrProductsParsed = [];\n for (let i = 0; i < dolibarrProducts.length; i++) {\n dolibarrProductsParsed.push({\n id: parseInt(dolibarrProducts[i].id),\n label: dolibarrProducts[i].label\n });\n }\n this.setState({dolibarrProductsParsed:dolibarrProductsParsed})\n }\n\n handleLinkChange(link) {\n\n fetch(\"/dolibarr/links_update\", {\n method: \"PATCH\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({link}),\n }).then(res => {\n if (res.ok) {\n swal({\n type: 'success',\n title: 'Association enregistrée',\n position: 'top',\n toast: true,\n showConfirmButton: false,\n showCloseButton: false,\n timer: 1500,\n })\n\n //Add saved element to props to display it without fetching data again\n let i = this.props.activityRefDolibarrLink.findIndex((element) => element.activity_ref_pricing_id == link.activity_ref_pricing_id);\n\n if (i != -1) {\n this.props.activityRefDolibarrLink[i].dolibarr_id = link.dolibarr_id;\n } else {\n this.props.activityRefDolibarrLink.push(link);\n }\n\n } else {\n swal({\n type: 'error',\n title: \"Une erreur est survenue, l'enregistrement n'a pas pu s'effectuer\",\n showConfirmButton: false,\n timer: 1500\n })\n }\n })\n }\n\n componentDidMount() {\n this.fetchData();\n }\n\n\n render() {\n\n let data = this.props.activityRefDolibarrLink;\n \n const columns = [\n {\n id: \"from_season\",\n Header: \"De la saison\",\n accessor: d => d.from_season_label.replace(\"Saison \", \"\"),\n width: 150,\n },\n {\n id: \"to_season\",\n Header: \"À la saison\",\n accessor: d => d.from_season_label.replace(\"Saison \", \"\"),\n width: 150,\n },\n {\n id: \"activity_ref\",\n Header: \"Activité\",\n accessor: d => d.activity_ref_label,\n width: 350,\n },\n {\n id: \"pricing_category\",\n Header: \"Tarif\",\n accessor: d => d.pricing_category_label,\n width: 350,\n },\n {\n id: \"dolibarr\",\n Header: \"Dolibarr\",\n filterable: false,\n style: {overflow:\"visible\"},\n sortable:false,\n Cell: props => {\n return (\n \n Redémarrage en cours...\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n Le redémarrage peut prendre quelques minutes.
\nLa page se rechargera automatiquement.
\n\n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .includes(filter.value.toLowerCase())\n }\n }}\n />\n
\n )\n } else {\n return(\n \n Correspondances des tarifs avec Dolibarr\n
\nChargement
\n )\n }\n }\n\n}","import React, {Component} from \"react\";\nimport Select from 'react-select';\n\nexport default class DolibarrOption extends Component {\n\n constructor(props) {\n super(props);\n this.handleChange = this.handleChange.bind(this);\n this.state = {\n selectedValue: undefined,\n };\n }\n\n handleChange(value) {\n this.setState({selectedValue: value.id});\n\n let link = {dolibarr_id: value.id, activity_ref_pricing_id: this.props.activityRefPricingId}\n\n this.props.onLinkChange(link);\n }\n\n componentDidMount() {\n let value = null;\n\n if (this.props.dolibarrId) {\n value = this.props.dolibarrId;\n }\n\n this.setState({selectedValue: value});\n }\n\n render() {\n let selectedValue = null;\n\n if (this.props.dolibarrId) {\n selectedValue = this.props.dolibarrProducts.find((element) => element.id == this.props.dolibarrId);\n }\n \n if (selectedValue !== undefined && this.props.activityRefPricingId) {\n return(\n ...
\n )\n }\n \n \n }\n\n}","import React, {Component} from \"react\";\nimport fetch from \"isomorphic-unfetch\";\nimport {csrfToken} from \"../../../utils\"\nimport Select from \"react-select\";\nimport swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport ReactTableFullScreen from \"../../../ReactTableFullScreen\";\n\nexport default class NoProposals extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n //seasons: undefined,\n //currentSeason: {id: 0, label: \"chargement\"},\n };\n }\n\n /*async getSeasons() {\n let seasons = await fetch(\"/seasons\",\n {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((response) => {\n if (!response.ok) {\n return undefined\n } else {\n return response.json()\n }\n }).then((data) => {\n\n let seasons = data.sort((a,b) => (a.label < b.label) ? 1 : ((b.label < a.label) ? -1 : 0))\n\n return seasons\n\n return data\n });\n\n\n\n return seasons;\n }*/\n\n async componentDidMount() {\n /*let seasons = await this.getSeasons()\n this.setState({seasons: seasons})\n\n let currentSeason = seasons.find(function(element) {return element.is_current = true})\n this.setState({currentSeason: currentSeason})*/\n }\n\n render() {\n var data = this.props.payers;\n var seasons = this.props.seasons;\n var currentSeason = this.props.currentSeason;\n\n const columns = [\n {\n id: \"season\",\n Header: \"Saison\",\n width: 200,\n sortable: false,\n filterable: !this.props.nofilter,\n accessor: d => d.season_label,\n Cell: props => (\n {props.value.replace(\"Saison \", \"\")}
\n ),\n Filter: ({ filter, onChange }) => (\n \n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .includes(filter.value.toLowerCase())\n }\n }}\n />\n
\n )\n\n }\n\n}","import React, {Component} from \"react\";\nimport fetch from \"isomorphic-unfetch\";\nimport {csrfToken} from \"../../../utils\"\nimport swal from \"sweetalert2\";\nimport Select from \"react-select\";\n\n\nexport default class DolibarrLink extends Component {\n\n constructor(props) {\n super(props);\n this.handleProposalLinks = this.handleProposalLinks.bind(this);\n this.handleNewLink = this.handleNewLink.bind(this);\n this.handleNewProposalLink = this.handleNewProposalLink.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleSeasonChange = this.handleSeasonChange.bind(this);\n this.state = {\n databaseId: \"\",\n dolibarrId: \"\",\n proposalId: \"\",\n userBaseId: \"\",\n seasons: [],\n season: undefined,\n };\n }\n\n componentDidMount() {\n fetch(\"/seasons\",\n {\n method: \"GET\",\n credentials: \"same-origin\",\n cache: \"no-store\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((res) => {\n if (res.ok) {\n res.json().then(data => {\n data.sort((a, b) => b.id - a.id);\n this.setState({seasons: data})\n })\n } else {\n swal({\n type: 'error',\n title: \"Erreur lors de la récupération des saisons\",\n showConfirmButton: false,\n timer: 1500\n })\n }\n })\n }\n\n handleSeasonChange(value) {\n this.setState({season: value})\n }\n\n handleProposalLinks() {\n\n swal({\n title: \"Enregistrement\",\n text: \"Associer depuis la table des devis ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n showLoaderOnConfirm: true,\n preConfirm: () => new Promise((resolve, reject) =>\n {\n fetch(\"/dolibarr/update_user_links\", {\n method: \"PATCH\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n }\n }).then(res => {\n if (res.ok)\n resolve();\n else\n reject()\n })\n })\n }).then(v => {\n if (v.value) {\n swal({\n type: 'success',\n title: 'Enregistrement effectué',\n showConfirmButton: false,\n timer: 1500\n })\n }\n else\n swal({\n type: 'error',\n title: 'Une erreur est survenue',\n })\n })\n }\n\n getUser(userId) {\n let user = fetch(\"/dolibarr/show_user/\"+userId,\n {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((response) => {\n if (!response.ok) {\n return undefined\n } else {\n return response.json()\n }\n }).then((data) => {return data;});\n\n return user;\n }\n\n getThirdparty(thirdpartyId) {\n let thirdparty = fetch(\"/dolibarr/get_tier_by_id/\"+thirdpartyId/*this.state.dolibarrId*/,\n {\n method: \"GET\",\n credentials: \"same-origin\",\n cache: \"no-store\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((response) => {\n if (!response.ok) {\n return undefined\n } else {\n return response.json()\n }\n }).then((data) => {return data;});\n\n return thirdparty\n }\n\n async getProposal() {\n let thirdparty = fetch(\"/dolibarr/get_devis_by_id/\"+this.state.proposalId,\n {\n method: \"GET\",\n credentials: \"same-origin\",\n cache: \"no-store\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then((response) => {\n if (!response.ok) {\n return undefined\n } else {\n return response.json()\n }\n }).then(async(data) => {\n let steptwo = await this.getThirdparty(data.socid)\n return steptwo\n });\n return thirdparty\n }\n\n async handleNewProposalLink() {\n swal.showLoading()\n\n let user = await this.getUser(this.state.userBaseId)\n let thirdparty = await this.getProposal()\n let season = this.state.season\n let seasonId = this.state.season.id\n let proposalId = this.state.proposalId\n\n if (user == undefined && thirdparty == undefined) {\n swal({\n type: 'error',\n title: 'Les deux ids sont introuvables',\n })\n } else if (user == undefined) {\n swal({\n type: 'error',\n title: \"L'id de l'utilisateur est introuvable dans la base\",\n })\n } else if (thirdparty == undefined) {\n swal({\n type: 'error',\n title: \"Le devis ou son tiers sont introuvables dans Dolibarr\",\n })\n } else {\n let newProposal = {payer_id: user.id, season_id: seasonId, dolibarr_proposal_id: proposalId}\n\n swal({\n title: \"Enregistrement\",\n text: \"Souhaitez vous associer le devis du tiers Dolibarr \" + thirdparty.name + \" à l'utilisateur \" + user.last_name + \" \" + user.first_name + \" pour la saison \" + season.label +\" ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n showLoaderOnConfirm: true,\n preConfirm: () => new Promise((resolve, reject) =>\n {\n fetch(\"/dolibarr/create_manual_proposal\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({newProposal}),\n }).then(res => {\n if (res.ok)\n resolve();\n else\n swal({\n type: 'error',\n title: 'Une erreur est survenue',\n })\n reject()\n })\n })\n }).then(v => {\n if (v.value) {\n swal({\n type: 'success',\n title: 'Enregistrement effectué',\n showConfirmButton: false,\n timer: 1500\n })\n }\n })\n\n }\n\n\n }\n\n async handleNewLink() {\n swal.showLoading()\n\n let user = await this.getUser(this.state.databaseId)\n let thirdparty = await this.getThirdparty(this.state.dolibarrId)\n\n if (user == undefined && thirdparty == undefined) {\n swal({\n type: 'error',\n title: 'Les deux ids sont introuvables',\n })\n } else if (user == undefined) {\n swal({\n type: 'error',\n title: \"L'id de l'utilisateur est introuvable dans la base\",\n })\n } else if (thirdparty == undefined) {\n swal({\n type: 'error',\n title: \"L'id du tiers dolibarr est introuvable\",\n })\n } else {\n let association = {user_id: user.id, socid: thirdparty.id}\n swal({\n title: \"Enregistrement\",\n text: \"Souhaitez vous associer l'utilisateur \" + user.last_name + \" \" + user.first_name + \" au tiers Dolibarr \" + thirdparty.name + \" ?\",\n type: \"question\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n showLoaderOnConfirm: true,\n preConfirm: () => new Promise((resolve, reject) =>\n {\n fetch(\"/dolibarr/new_user_link_manual\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({association}),\n }).then(res => {\n if (res.ok)\n resolve();\n else\n swal({\n type: 'error',\n title: 'Une erreur est survenue',\n })\n reject()\n })\n })\n }).then(v => {\n if (v.value) {\n swal({\n type: 'success',\n title: 'Enregistrement effectué',\n showConfirmButton: false,\n timer: 1500\n })\n }\n })\n }\n }\n\n handleChange(event) {\n this.setState({[event.target.name]: event.target.value})\n }\n\n render() {\n return (\n \n
\n )\n\n }\n}","import React, {Component} from \"react\";\nimport fetch from \"isomorphic-unfetch\";\nimport swal from \"sweetalert2\";\nimport {csrfToken} from \"../../../utils\"\n\nexport default class DolibarrTiers extends Component\n{\n constructor(props)\n {\n super(props);\n ////////////\n this.state = {\n newAddress: {},\n change: undefined,\n changes: [],\n updating: false,\n fetching: false,\n };\n ////////////\n this.handleFetch = this.handleFetch.bind(this);\n this.handleUpdate = this.handleUpdate.bind(this);\n this.updateThirdParty = this.updateThirdParty.bind(this);\n }\n\n componentDidMount()\n {\n this.handleFetch();\n }\n\n async handleFetch()\n {\n this.setState({fetching:true});\n\n let user_season = {user_id: this.props.payer.id, season_id: this.props.season}\n\n await fetch(\"/dolibarr/get_user_proposal/\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({user_season}),\n }).then(res => {\n if (res.ok)\n res.json().then(proposal => {\n // tier_id: {user_id: bigint, dolibarr_user_id: bigint}\n //this.setState({dolibarr_user_id: porposal.dolibarr_proposal_id})\n\n this.props.payer.doliProposal = proposal;\n this.setState({payer: this.props.payer, fetch: false})\n })\n }\n );\n\n //////////////\n\n let payer_id = this.props.payer.id;\n\n async function getDolibarrUserId() {\n let res = await fetch(\"/dolibarr/get_dolibarr_user_id/\" + payer_id);\n if (res.ok) {\n let data = await res.json();\n\n return data.dolibarr_user_id;\n } else {\n return null;\n }\n }\n\n let dolibarr_thirdparty_id = await getDolibarrUserId();\n\n ////////////////////\n\n this.props.payer.doliTiers = dolibarr_thirdparty_id; //\n this.setState({payer: this.props.payer, fetch: false}); //\n\n ////////////////////\n\n await fetch(`/dolibarr/get_tier_by_id/${dolibarr_thirdparty_id}`).then(res => {\n if (res.ok)\n res.json().then(data => {\n this.setState({newAddress: {}});\n let userAddress = this.props.payer.address;\n this.setState({tiers: data});\n\n let changes = [];\n\n if (data.address.trim() != userAddress.street_address.trim()) {\n let newAddress = {\n address: userAddress.street_address,\n zip: userAddress.postcode,\n town: userAddress.city\n }\n\n this.setState({newAddress: newAddress});\n\n changes.push({id: \"address\", label: \"Adresse\", data: newAddress});\n } else {\n changes.push({id: \"address\", label: \"Adresse\", data: false});\n }\n\n\n if (data.town != userAddress.city) {\n changes.push({id: \"town\", label: \"Orthographe ville\", data: {town: userAddress.city}});\n } else {\n changes.push({id: \"town\", label: \"Orthographe ville\", data: false});\n }\n\n if (data.code_compta === this.props.codeCompta) {\n changes.push({id: \"code_compta\", label: \"Code compta\", data: false});\n } else {\n changes.push({\n id: \"code_compta\",\n label: \"Code compta\",\n data: {code_compta: this.props.codeCompta}\n });\n }\n\n this.setState({changes: changes});\n\n this.setState({fetching:false});\n })\n })\n }\n\n handleUpdate(element) {\n if (!this.state.updating) {\n this.setState({updating:true});\n this.updateThirdParty(element);\n }\n }\n\n updateThirdParty(element) {\n let tiers = this.state.tiers;\n\n for (const [key, value] of Object.entries(element.data)) {\n tiers[key] = value;\n }\n\n fetch(\"/dolibarr/update_tier\", {\n method: \"PUT\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify(tiers),\n }).then(res => {\n if (res.ok) {\n this.handleFetch();\n this.setState({updating:false});\n } else {\n this.setState({updating:false});\n swal({\n type: \"error\",\n title: \"Une erreur est survenue et '\"+element.label+\"' n'a pas été mis(e) à jour dans Dolibarr\"\n });\n }\n })\n }\n\n componentDidUpdate(prevProps, prevState, snapshot)\n {\n if(prevProps && prevProps.season && this.props.season != prevProps.season)\n this.handleFetch();\n }\n\n render()\n {\n let somethinghaschanged = false;\n\n let changes = this.state.changes;\n\n changes.forEach(function(element) {\n if (element.data !== false) {\n somethinghaschanged = true;\n }\n });\n\n const payer = this.props.payer;\n\n return \n
\n\n Correspondances des utilisateurs avec Dolibarr\n
\n\n
\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n Association manuelle de tiers
\n\n
\n \n
\n \n \n
\n \n \n Permet d'associer un utilisateur Elvis et un tiers Dolibarr avec leurs ids respectifs.\n
\n\n
\n\n \n
\n \n
\n \n \n
\n \n
\n Association manuelle de devis
\n\n
\n \n option.id}\n placeholder={\"Saison\"}\n value={this.state.season}\n />\n\n
\n \n
\n \n \n
\n \n \n Permet d'associer un devis Dolibarr à un utilsateur Elvis (via leurs ids) sur une saison donnée.\n
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n Associer les utilisateurs via leurs devis depuis la table dolibarr_proposals\n
\n\n
\n \n \n
\n \n Récupère tous les devis Dolibarr enregistrés dans Elvis, puis associe les utilisateurs Elvis aux tiers Dolibarr en fonction des devis.
\nExemple : plusieurs tiers et devis ont été créés mais le lien ne s'établit que pour le devis : cette fonctionnalité permettra de créer les liens vers les tiers.
\nCette fonctionnalité ne doit pas être utilisé pour gérer du cas par cas. Pour un nombre limité d'associations, privilégier l'utilisation de la fonction \"Association manuelle de tiers\".
\n\n
\n }\n}","import React, {Fragment} from \"react\";\n\nimport swal from \"sweetalert2\";\nimport _ from \"lodash\";\n\nimport {toast} from \"react-toastify\";\n\nimport PaymentsSummary from \"../../../userPayments/PaymentsSummary\";\nimport DuePaymentsList from \"../../../userPayments/DuePaymentsList\";\nimport PaymentsList from \"../../../userPayments/PaymentsList\";\nimport CommentSection from \"../../../CommentSection\";\nimport DolibarrTiers from \"./DolibarrTiers\";\n\nimport {indexById, csrfToken, findAndGet} from \"../../../utils/\";\nimport SwitchPayerModal from \"../../../userPayments/SwitchPayerModal\";\nimport {set} from \"../../../../tools/api\";\nimport * as api from \"../../../../tools/api\";\n\nconst SEASON_STORED_KEY = \"PaymentsSummarySelectedSeason\";\n\nfunction calculateTotals(duePayments, payments, itemsForPayment) {\n const totalDue = _.reduce(\n _.map(itemsForPayment, d => d.discountedTotal),\n (sum, f) => sum + f,\n 0.0\n );\n\n const previsionalTotal = _.chain(duePayments)\n .values()\n .flatten()\n .map(dp => parseFloat(dp.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPayments = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n\n const totalPayback = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .compact()\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPaymentsToDay = _.chain(payments)\n .values()\n .flatten()\n .filter(\n p =>\n !p.payment_status_id && Date.parse(p.cashing_date) <= Date.now()\n )\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n return {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n };\n}\n\nfunction roundCurrency(value, digits = 2) {\n return Number(value.toFixed(digits));\n}\n\nfunction getDiscountedAmount(amount, percentOff) {\n const res = (amount || 0) * (1 - percentOff / 100);\n return roundCurrency(res);\n}\n\nfunction generateDataForPaymentSummaryTable({\n activities,\n desired,\n options,\n seasonId,\n seasons,\n adhesions,\n adhesionPrices,\n adhesionEnabled,\n packs,\n user\n }) {\n let data = [];\n\n const seasonActivities = activities.filter(a =>\n desired.find(d => d.activity_id === a.activity.id)\n );\n\n // Et ensuite une ligne par activité\n _.forEach(seasonActivities, act => {\n const a = act.activity;\n const des = _.find(\n desired,\n d =>\n d.activity_id === act.activity_id &&\n d.activity_application.user_id === act.user_id\n );\n\n if (des) {\n const activity_nb_lessons = a.intended_nb_lessons\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (new Date(arp.from_season.start) <= new Date(season.start) && (!arp.to_season || new Date(arp.to_season.end) >= new Date(season.end))) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percentOff = _.get(des, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n stopped_at: des.activity_application.stopped_at,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: a.activity_ref,\n prorata: des.prorata,\n coupon: {...coupon},\n studentId: act.id,\n user: act.user,\n pricingCategoryId: des.pricing_category_id,\n activityId: a.id,\n paymentLocation: act.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percentOff),\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n });\n }\n });\n\n const taken = data.map(d => d.activityId);\n const takenDesired = data.map(d => d.id);\n\n _.forEach(options, option => {\n if (_.includes(taken, option.activity.id)) {\n return;\n }\n const a = option.activity;\n const des = _.find(desired, d => d.id === option.desired_activity_id);\n\n if (des && !takenDesired.includes(des.id)) {\n takenDesired.push(des.id);\n\n const activity_nb_lessons = a.intended_nb_lessons\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (arp.from_season.start <= season.start && (!arp.to_season || arp.to_season.end >= season.end)) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percentOff = _.get(des, \"discount.coupon.percent_off\", 0);\n\n const formattedOption = {\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: des.activity_ref,\n prorata: des.prorata,\n coupon: coupon,\n studentId: option.id,\n user: option.desired_activity.activity_application.user,\n pricingCategoryId: des.pricing_category_id,\n paymentLocation: option.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percentOff),\n isOption: true,\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n };\n data.push(formattedOption);\n }\n });\n\n if (adhesionEnabled) {\n for (const adhesion of adhesions) {\n const adhesionPrice = adhesionPrices.find(p => p.id === adhesion.adhesion_price_id) || {};\n\n if (adhesionPrice) {\n const coupon = _.get(adhesion, \"discount.coupon\", 0);\n const percentOff = _.get(adhesion, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Adhésion de ${adhesion.user.first_name} ${adhesion.user.last_name}`,\n frequency: 1,\n initial_total: 1,\n due_total: adhesionPrice.price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(adhesionPrice.price, percentOff),\n unitPrice: adhesionPrice.price || 0,\n user: adhesion.user,\n studentId: adhesion.user.id,\n adhesionPriceId: adhesionPrice.id,\n adhesionId: adhesion.id,\n });\n }\n }\n }\n\n if ((packs || []).length > 0)\n {\n const userPacks = packs.filter(p => p.user_id === user.id)\n\n if (userPacks.length > 0)\n {\n for (const pack of userPacks)\n {\n const pack_price = pack.activity_ref_pricing.price;\n const coupon = _.get(pack, \"discount.coupon\", 0);\n const percentOff = _.get(pack, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Pack de ${user.first_name} ${user.last_name} pour ${pack.activity_ref.label} (${pack.activity_ref.kind})`,\n frequency: 1,\n initial_total: 1,\n due_total: pack_price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(pack_price || 0, percentOff),\n unitPrice: pack_price || 0,\n user: user,\n studentId: user.id,\n packPrice: pack.activity_ref_pricing,\n packId: pack.id,\n });\n }\n }\n }\n\n return data;\n}\n\nclass PaymentsManagement extends React.Component {\n constructor(props) {\n super(props);\n\n const season =\n parseInt(localStorage.getItem(SEASON_STORED_KEY)) ||\n this.props.currentSeason.id;\n\n this.state = {\n activities: this.props.activities,\n options: this.props.options,\n adhesion_payment_method: 0,\n schedule: this.props.schedule,\n schedulesBySeason: this.props.schedules,\n paymentsBySeason: this.props.payments,\n payersBySeason: this.props.payers,\n season,\n adhesions: this.props.adhesions,\n newComment: \"\",\n editedComment: null,\n };\n\n this.state = {\n ...this.state,\n ...this.getSeasonDependentState(season),\n };\n\n const status = this.getStatus(\n this.state.schedules,\n this.props.schedule_statuses\n );\n\n this.state = {\n ...this.state,\n scheduleStatus: status,\n schedule_status_id: status ? status.id : null,\n };\n }\n\n getStatus(schedules, statuses) {\n const schedule = _.chain(schedules)\n .values()\n .head()\n .value();\n\n if (schedule) {\n return _.find(\n statuses,\n s => s.id == schedule.payment_schedule_status_id\n );\n } else {\n return null;\n }\n }\n\n /**\n * Returns an object containing all season related data, to merge\n * with a superstate.\n * @param {*} seasonId the id of the season for which we request the data.\n */\n getSeasonDependentState(seasonId) {\n const payments = this.state.paymentsBySeason[seasonId] || {};\n const desiredActivities = this.props.desiredActivities[seasonId] || [];\n const adhesions = this.props.adhesions.filter(adh => adh.season_id == seasonId);\n const schedules = this.state.schedulesBySeason[seasonId] || {};\n const payers =\n findAndGet(\n this.state.payersBySeason,\n ps => parseInt(ps.season_id) === seasonId,\n \"payers\"\n ) || {};\n\n const duePayments = _.reduce(\n schedules,\n (acc, s) => ({...acc, [s.payable_id]: s.due_payments}),\n {}\n );\n\n const comments = _.chain(schedules)\n .values()\n .map(s => s.comments)\n .flatten()\n .value();\n\n const contextId = _.chain(schedules)\n .values()\n .map(s => s.id)\n .head()\n .value();\n\n return {\n // adhesions,\n payments,\n duePayments,\n schedules,\n desiredActivities,\n adhesions,\n payers,\n comments,\n contextId,\n };\n }\n\n handleCreateNewPayment(payment) {\n if (payment.id != undefined) {\n fetch(`/payments/${payment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n payment: {\n ...payment,\n payer: this.props.payer,\n },\n }),\n })\n .then(response => response.json())\n .then(payment => {\n let payments = this.state.payments[payment.payable_id];\n\n const index = _.findIndex(\n payments,\n p => p.id == payment.id\n );\n payments.splice(index, 1, payment);\n\n this.setState(\n {\n payments: {\n ...this.state.payments,\n [payment.payable_id]: payments,\n },\n },\n () => window.location.reload()\n );\n });\n } else {\n fetch(\"/payments\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n payment,\n }),\n })\n .then(response => response.json())\n .then(newPayment => {\n const duePayments = {...this.state.duePayments};\n\n if (newPayment.due_payment)\n duePayments[newPayment.payable_id] = Object.values({\n ...indexById(duePayments[newPayment.payable_id]),\n [newPayment.due_payment_id]: newPayment.due_payment,\n });\n\n this.setState({\n payments: {\n ...this.state.payments,\n [newPayment.payable_id]:\n this.state.payments[newPayment.payable_id] ==\n undefined\n ? [newPayment]\n : [\n ...this.state.payments[\n newPayment.payable_id\n ],\n newPayment,\n ],\n },\n duePayments,\n });\n });\n }\n }\n\n handleCreatePaymentSchedule(schedule) {\n const targetSchedule =\n this.props.schedules[this.state.season] &&\n this.props.schedules[this.state.season][schedule.payer.id];\n\n schedule.season_id = this.state.season;\n\n fetch(\"/payments/schedule\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n schedule,\n schedule_id: targetSchedule ? targetSchedule.id : null,\n }),\n })\n .then(response => response.json())\n .then(schedule => {\n let payableId = schedule.payable_id;\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payableId]: schedule.due_payments,\n },\n schedules: {\n ...this.state.schedules,\n [payableId]: schedule,\n },\n contextId: schedule.id,\n });\n });\n }\n\n handleChangePricingChoice(desId, userId, evt) {\n const pricing = this.props.pricingCategories.find(p => p.id == evt.target.value);\n\n let dess = {...this.state.desiredActivities};\n let des = _.find(\n dess,\n i => i.activity_application.user_id === userId && i.id == desId\n );\n\n if (pricing && des) {\n dess = _.filter(dess, i => i.id != des.id);\n\n des.pricing_category_id = pricing.id;\n\n dess = [...dess, des];\n\n fetch(`/desired_activities/${desId}/pricing`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n pricing_category_id: pricing.id,\n }),\n }).then(() => {\n this.setState({desiredActivities: dess});\n });\n }\n }\n\n handleChangeAdhesionPricingChoice(adhesionId, newAdhesionPricingId) {\n api.set()\n .success(() => {\n const adhesion = this.state.adhesions.find(adhesion => adhesion.id === adhesionId);\n adhesion.adhesion_price_id = parseInt(newAdhesionPricingId, 10);\n this.setState({activities: [...this.state.activities]});\n })\n .error((e) => {\n console.error(e)\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n .post(`/adhesions/${adhesionId}/update_adhesion_pricing?adhesion_price_id=${newAdhesionPricingId}`, {});\n }\n\n setStateWithCoupon(discountable_id, discountable_type, coupon) {\n let oldCoupon = null;\n\n switch (discountable_type) {\n // si mise à jour de la remise sur une adhésion\n case \"Adhesion\":\n // retrouver l'adhésion dans le state et mettre à jour la remise\n const adhesions = [...this.state.adhesions];\n const index = this.state.adhesions.findIndex(\n adh => adh.id === discountable_id\n )\n if (index === -1) return null;\n oldCoupon = _.get(adhesions[index], \"discount.coupon\", null);\n\n const adhesion = {\n ...adhesions[index],\n discount: {coupon: {...coupon}}\n };\n\n adhesions[index] = adhesion;\n this.setState({adhesions});\n break;\n\n\n // si mise à jour de la remise sur une activité\n case \"DesiredActivity\":\n // retrouver l'activité dans le state et mettre à jour la remise\n let dess = [...this.state.desiredActivities];\n const des = this.state.desiredActivities.find(\n i => i.id === discountable_id\n )\n if (!des) return null;\n oldCoupon = _.get(des, \"discount.coupon\", null);\n\n des.discount = {coupon: {...coupon}};\n dess = [...dess, des];\n this.setState({desiredActivities: dess});\n break;\n }\n\n return oldCoupon;\n }\n\n handleChangePercentOffChoice(discountable_id, discountable_type, couponId) {\n const coupon = _.find(this.props.coupons, c => c.id == couponId);\n\n const oldCoupon = this.setStateWithCoupon(discountable_id, discountable_type, coupon);\n\n const fetcher = api.set()\n .error((e) => {\n console.error(e);\n // Erreur -> on restaure la valeur précédente\n this.setStateWithCoupon(discountable_id, discountable_type, oldCoupon);\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n\n if (parseInt(couponId) === 0) {\n // si pas de remise sélectionnée, supprimer la remise\n fetcher.del(`/discounts`, {\n discountable_id: discountable_id,\n discountable_type: discountable_type\n });\n } else {\n // sinon, mettre à jour la remise\n fetcher.post(`/discounts/upsert`, {\n discountable_id: discountable_id,\n discountable_type: discountable_type,\n coupon_id: couponId\n });\n }\n\n }\n\n handleChangeActivityPaymentMethod(id, evt) {\n const method = parseInt(evt.target.value, 10);\n let items = {...this.state.activities};\n\n if (id != 0) {\n let item = _.find(items, i => i.id == id);\n items = _.filter(items, i => i.id != item.id);\n\n item.payment_method_id = method;\n\n items = [...items, item];\n }\n\n fetch(\"/payments/method\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n user_id: this.props.adhesion.user_id,\n activity: id,\n payment_method_id: method,\n }),\n }).then(() => {\n if (id == 0) {\n this.setState({adhesion_payment_method: method});\n } else {\n this.setState({activities: items});\n }\n });\n }\n\n handleSaveNewDuePayment(duePayment) {\n const schedule = this.state.schedules[duePayment.payer.id];\n\n fetch(`/due_payments`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n season_id: this.state.season,\n due_payment: {\n ...duePayment,\n payment_schedule_id: schedule ? schedule.id : 0,\n },\n }),\n })\n .then(response => response.json())\n .then(schedule => {\n // let duePayments = this.state.duePayments;\n // duePayments[duePayment.payer.id].push(newDue);\n\n // this.setState({ duePayments });\n\n let payableId = schedule.payable_id;\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payableId]: schedule.due_payments,\n },\n schedules: {\n ...this.state.schedules,\n [payableId]: schedule,\n },\n });\n });\n }\n\n handleSetToSwitchPayerId(toSwitchPayerId) {\n this.setState({\n toSwitchPayerId,\n });\n }\n\n handleSwitchPayer(newPayerId) {\n const {toSwitchPayerId: payerId} = this.state;\n\n const scheduleId = _.get(this.state.schedules[payerId], \"id\");\n\n set()\n .error(toast.error)\n .success(() => {\n window.location.reload();\n })\n .post(\n `/payment_schedules/${scheduleId}/change_owner/${newPayerId}`\n );\n }\n\n handleSaveDuePayment(duePayment, payerId) {\n fetch(`/due_payments/${duePayment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n due_payment: duePayment,\n }),\n })\n .then(response => response.json())\n .then(duePayment => {\n let duePayments = this.state.duePayments[payerId];\n\n const index = _.findIndex(\n duePayments,\n dp => dp.id == duePayment.id\n );\n duePayments.splice(index, 1, duePayment);\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: duePayments,\n },\n });\n });\n }\n\n handleDeletePayment(id, payerId) {\n fetch(`/payments/${id}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n .then(res => res.json())\n .then(duePayment => {\n let newPayments = {...this.state.payments};\n newPayments[payerId] = _.filter(\n newPayments[payerId],\n p => p.id != id\n );\n\n let duePayments = [...this.state.duePayments[payerId]];\n\n if (duePayment) {\n const index = _.findIndex(\n duePayments,\n dp => dp.id == duePayment.id\n );\n\n duePayments.splice(index, 1, duePayment);\n }\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: duePayments,\n },\n payments: newPayments,\n });\n });\n }\n\n handleCreatePayments(payerId, targets) {\n if (targets.length === 0) return;\n\n fetch(\n `/schedule/${this.state.schedules[payerId].id}/generate_payments`,\n {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({targets}),\n }\n )\n .then(response => response.json())\n .then(dues => {\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(dues),\n }),\n };\n\n const newPayments = {\n ...this.state.payments,\n [payerId]: Object.values({\n ...indexById(this.state.payments[payerId]),\n ...indexById(\n _(dues)\n .map(d => d.payments)\n .flatten()\n .value()\n ),\n }),\n };\n\n this.setState({\n payments: newPayments,\n duePayments: newDuePayments,\n });\n });\n }\n\n handleDeleteDuePayment(id, payerId) {\n fetch(`/due_payment/${id}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then(() => {\n let newDuePayments = {...this.state.duePayments};\n newDuePayments[payerId] = _.filter(\n newDuePayments[payerId],\n dp => dp.id != id\n );\n\n let newPayments = {...this.state.payments};\n newPayments[payerId] = _.filter(\n newPayments[payerId],\n p => p.due_payment_id != id\n );\n\n this.setState({\n duePayments: newDuePayments,\n payments: newPayments,\n });\n });\n }\n\n handleSwitchLocation(scheduleId, locationId) {\n let schedules =\n scheduleId || Object.values(this.state.schedules).map(v => v.id);\n\n fetch(`/payment_schedules/location`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n schedulesIds: schedules,\n locationId: locationId,\n }),\n }).then(res => {\n if (res.ok) {\n const oldSchedules = this.state.schedules;\n const newSchedules = {};\n\n Object.keys(oldSchedules).forEach(\n k =>\n (newSchedules[k] = {\n ...oldSchedules[k],\n location_id: locationId,\n })\n );\n\n toast.success(\"Changement de location sauvegardé\", {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n });\n this.setState({\n schedules: newSchedules,\n });\n }\n });\n }\n\n /**\n * Changes the current season and saves current season's frontend data to\n * season related data in the state.\n * @param {*} e select onchange event.\n */\n handleChangeSeason(e) {\n const newSeason = parseInt(e.target.value);\n\n localStorage.setItem(SEASON_STORED_KEY, newSeason);\n\n //Transfer current state data for this season to the season stores\n //for due payments\n let newSchedulesBySeason = {...this.state.schedulesBySeason};\n\n newSchedulesBySeason[this.state.season] = this.state.schedules;\n\n Object.entries(this.state.duePayments).forEach(([key, val]) => {\n newSchedulesBySeason[this.state.season][key].due_payments = val;\n });\n\n //for payments\n const newPaymentsBySeason = {...this.state.paymentsBySeason};\n\n Object.entries(this.state.payments).forEach(([key, val]) => {\n newPaymentsBySeason[this.state.season][key] = val;\n });\n\n //for comments\n const commentsGroupedByContextId = this.state.comments.reduce(\n (acc, c) => ({\n ...acc,\n [c.commentable_id]: [...(acc[c.commentable_id] || []), c],\n }),\n {}\n );\n\n for (const [scheduleId, comments] of Object.entries(\n commentsGroupedByContextId\n )) {\n if (scheduleId) {\n const schedule = Object.values(\n newSchedulesBySeason[this.state.season]\n ).find(s => s.id == scheduleId);\n\n if (schedule) schedule.comments = comments;\n }\n }\n\n let newState = {\n schedulesBySeason: newSchedulesBySeason,\n paymentsBySeason: newPaymentsBySeason,\n season: newSeason,\n ...this.getSeasonDependentState(newSeason),\n };\n const status = this.getStatus(\n newState.schedules,\n this.props.schedule_statuses\n );\n if (status) {\n newState = {\n ...newState,\n scheduleStatus: status,\n schedule_status_id: status.id,\n };\n }\n\n this.setState(newState);\n }\n\n handleBulkDeleteDuePayments(payerId, dues) {\n fetch(\"/due_payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets: dues,\n }),\n }).then(res => {\n if (res.ok) {\n //updates data to mimic reproduce backend's delete operation\n const newDuePayments = {...this.state.duePayments};\n const newPayments = {...this.state.payments};\n\n newDuePayments[payerId] = newDuePayments[payerId].filter(\n d => !dues.includes(d.id)\n );\n\n newPayments[payerId] = newPayments[payerId].filter(\n d => !dues.includes(d.due_payment_id)\n );\n\n this.setState({\n duePayments: newDuePayments,\n payments: newPayments,\n });\n }\n });\n }\n\n handleBulkDeletePayments(payerId, targets) {\n fetch(\"/payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets,\n }),\n })\n .then(res => res.json())\n .then(dues => {\n //updates data to mimic reproduce backend's delete operation\n const newPayments = {...this.state.payments};\n\n newPayments[payerId] = newPayments[payerId].filter(\n p => !targets.includes(p.id)\n );\n\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(dues),\n }),\n };\n\n this.setState({\n payments: newPayments,\n duePayments: newDuePayments,\n });\n });\n }\n\n handleBulkEditDuePayments(payerId, targets, edit) {\n const body = {\n targets,\n due_payment: {\n ...edit,\n },\n };\n\n fetch(\"/due_payments/bulkedit/user\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n })\n .then(res => res.json())\n .then(dues => {\n let newPayerDuePayments = [...this.state.duePayments[payerId]];\n newPayerDuePayments = _.map(newPayerDuePayments, due => {\n const newDue = _.find(dues, d => d.id === due.id);\n\n if (newDue) {\n return newDue;\n }\n\n return due;\n });\n\n const newPayerPayments = [...this.state.payments[payerId]].map(\n pay => {\n const newDue = dues.find(\n d => d.id === pay.due_payment_id\n );\n\n if (newDue) {\n const newPay = newDue.payments.find(\n p => p.id === pay.id\n );\n\n //this should always be true\n //but we ain't never be too sure\n if (newPay) return newPay;\n }\n\n return pay;\n }\n );\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: newPayerDuePayments,\n },\n payments: {\n ...this.state.payments,\n [payerId]: newPayerPayments,\n },\n });\n });\n }\n\n handleBulkEditPayments(payerId, targets, edit) {\n const body = {\n targets,\n ...edit,\n };\n\n fetch(\"/payments/bulkedit\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n })\n .then(res => res.json())\n .then(pays => {\n const newPayerPayments = [...this.state.payments[payerId]].map(\n pay => {\n const newPay = pays.find(p => p.id === pay.id);\n\n if (newPay) return newPay;\n\n return pay;\n }\n );\n\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(_.compact(pays.map(p => p.due_payment))),\n }),\n };\n\n this.setState({\n duePayments: newDuePayments,\n payments: {\n ...this.state.payments,\n [payerId]: newPayerPayments,\n },\n });\n });\n }\n\n handleChangeStatus(e) {\n this.setState({schedule_status_id: e.target.value});\n }\n\n handleSaveStatus() {\n const scheduleActions = _.map(_.values(this.state.schedules), s => {\n fetch(`/payment_schedule/${s.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n schedule_status_id: this.state.schedule_status_id,\n }),\n });\n });\n\n // const schedules = this.state.schedulesBySeason[seasonId] || {};\n\n Promise.all(scheduleActions).then(() => {\n const newStatus = _.find(\n this.props.schedule_statuses,\n ss => ss.id == this.state.schedule_status_id\n );\n this.setState({scheduleStatus: newStatus});\n });\n }\n\n // COMMENT HANDLERS\n handleCommentEdition(comment_id) {\n const comment = _.find(this.state.comments, c => c.id == comment_id);\n this.setState({editedComment: comment});\n }\n\n handleUpdateNewCommentContent(e) {\n this.setState({newComment: e.target.value});\n }\n\n handleUpdateEditedCommentContent(e) {\n this.setState({\n editedComment: {\n ...this.state.editedComment,\n content: e.target.value,\n },\n });\n }\n\n handleSaveComment() {\n fetch(\"/comments\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n pragma: \"no-cache\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n comment: {\n commentable_id: this.state.contextId,\n commentable_type: \"PaymentSchedule\",\n user_id: this.props.user_id,\n content: this.state.newComment,\n },\n }),\n })\n .then(response => response.json())\n .then(comments => {\n this.setState({comments, newComment: \"\"});\n });\n }\n\n handleSaveCommentEdition() {\n fetch(`/comments/${this.state.editedComment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n pragma: \"no-cache\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n comment: this.state.editedComment,\n }),\n })\n .then(response => response.json())\n .then(comments => {\n this.setState({comments, editedComment: null});\n });\n }\n\n handlePromptPaymentStatusEdit(payer, paymentId, newStatusId) {\n swal({\n title: \"Édition du statut\",\n type: \"warning\",\n confirmButtonText: \"Valider\",\n input: \"select\",\n inputOptions: _.zipObject(\n this.props.paymentStatuses.map(status => status.id),\n this.props.paymentStatuses.map(status => status.label)\n ),\n inputClass: \"form-control\",\n inputValue: newStatusId,\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n const newStatusId = res.value;\n if (newStatusId) {\n fetch(\"/payments/edit_status\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({id: paymentId, status: res.value}),\n }).then(res => {\n if (!res.ok) swal(\"Echec\", \"\", \"error\");\n else {\n let payments = this.state.payments[payer.id];\n const index = _.findIndex(\n payments,\n p => p.id == paymentId\n );\n payments[index].payment_status_id = newStatusId;\n\n //this.setState({payments[payer.id]: payments});\n this.setState({\n payments: {\n ...this.state.payments,\n [payer.id]: payments\n },\n });\n }\n });\n }\n });\n }\n\n render() {\n const itemsForPayment = generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: this.state.desiredActivities,\n options: this.state.options,\n seasonId: this.state.season,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: this.state.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n });\n\n const {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n } = calculateTotals(\n this.state.duePayments,\n this.state.payments,\n itemsForPayment\n );\n\n const globalLocation =\n (Object.keys(this.state.schedules).length > 0 &&\n _.reduce(\n this.state.schedules,\n (acc, s) => (s.location_id == acc ? acc : null),\n Object.entries(this.state.schedules)[0][1].location_id\n )) ||\n null;\n\n const generateStatusSelection = _.map(\n this.props.schedule_statuses,\n (s, i) => {\n return (\n \n { (somethinghaschanged && payer.doliProposal == undefined) && \n {\n swal.showLoading()\n if(payer.address && payer.address.city && payer.address.street_address && payer.address.postcode)\n {\n fetch(\"/dolibarr/create_tier_for_user/\" + payer.id, { method: \"get\" })\n .then(res => {\n\n if(res.ok)\n {\n res.json().then(tier =>\n {\n payer.doliTiers = tier.id\n\n this.setState({payer: payer});\n\n this.setState({dolibarr_user_id: tier.socid})\n\n let user_link = {user_id: payer.id, socid: tier.id}\n\n fetch(\"/dolibarr/new_user_link\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({user_link}),\n }).then(this.handleFetch())\n })\n\n return swal({title: \"Création réussi\", type: \"success\", text: \"ok\"});\n }\n\n return swal({title: \"Echec\", type: \"error\", text: res.statusText});\n });\n }\n else\n {\n swal({\n type: \"error\",\n title: \"Veuillez renseigner une adresse pour le payeur\"\n });\n }\n }\n }\n >Créer tiers : Lien vers le tiers }\n\n {payer.doliProposal != undefined ? \n Lien vers le devis{/*payer.doliProposal[0].ref ? ` ${payer.doliProposal[0].ref}` : \"\"}*/}\n :\n {\n if(payer.doliTiers == undefined)\n swal({title: \"Non\", type: \"error\"});\n else\n {\n swal.showLoading();\n fetch(\"/dolibarr/create_devis/?uid=\"+ payer.id + \"&sid=\" + this.props.season + \"&did=\" + payer.doliTiers, {method: \"get\"})\n .then(res =>\n {\n if(res.ok)\n {\n res.json().then(devis =>\n {\n payer.doliProposal = devis.id;\n \n this.setState({payer: payer})\n\n /////////////////////////////////////////////////////\n\n let newProposal = {dolibarr_proposal_id: devis.id,\n payer_id: payer.id,\n season_id: this.props.season}\n\n fetch(\"/dolibarr/create_proposal\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({newProposal}),\n }).then(res => {\n if(res.ok) {\n this.handleFetch()\n swal({\n type: \"success\",\n title: \"Devis créé, validé et signé\"\n })\n } else {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue avec la base de données\"\n })\n }\n\n })\n\n ///////////////////////////////////////////////////\n });\n }\n else\n {\n res.text().then(textError => swal({\n type: \"error\",\n title: \"Erreur\",\n text: textError\n }));\n }\n });\n\n\n }\n }}\n disabled={payer.doliTiers == undefined}\n >Créer devis }\n\n\n { (somethinghaschanged && payer.doliTiers && !this.state.fetching && !this.state.updating) &&\n \n }\n\n { (!somethinghaschanged && payer.doliTiers && !this.state.fetching && !this.state.updating) &&\n \n }\n\n { (payer.doliTiers && (this.state.fetching || this.state.updating)) &&\n \n }\n\n
\n \n Ne pas créer de devis avant d'avoir mis à jour le tiers\n
\n }\n\n {payer.doliTiers == undefined /*dolibarr_user_id == undefined*/ ? \n
\n\n\n {/**/}\n \n {changes.map(function(element) {\n if (element.data === false) {\n return (\n
\n \n {element.label}\n \n
\n )\n } else {\n return (\n \n {element.label}\n\n { element.id === \"code_compta\" ? //cas spécial code compta car put sur ce champ non géré par l'api rest\n
\n )\n }\n }.bind(this))\n }\n\n \n Le code compta à jour sera copié dans le presse-papier au clic sur le bouton \n
\n
\n Rafraîchir les infos avec le bouton après la mise à jour du code sur Dolibarr\n \n
\n :\n \n }\n\n\n \n
\n Rafraîchir les infos avec le bouton après la mise à jour du code sur Dolibarr\n \n
\n this.handleChangeStatus(e)}\n id={s.id}\n />\n \n
\n );\n }\n );\n\n const previousSeason = findAndGet(\n this.props.seasons,\n s => s.id === this.state.season,\n \"previous\"\n );\n\n let previousSeasonCreditNotes = null;\n let previousSeasonBalance = 0;\n\n if (previousSeason) {\n previousSeasonCreditNotes =\n previousSeason &&\n _(\n _.find(\n this.state.paymentsBySeason,\n (_, sId) => previousSeason.id == sId\n )\n )\n .map(a => a)\n .flatten()\n .filter(\"payment_method.is_credit_note\")\n .value();\n\n const previousSeasonState =\n previousSeason &&\n this.getSeasonDependentState(previousSeason.id);\n const {previsionalTotal, totalPayments} =\n previousSeason &&\n calculateTotals(\n previousSeasonState.duePayments,\n previousSeasonState.payments,\n generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: previousSeasonState.desiredActivities,\n options: this.state.options,\n seasonId: previousSeason.id,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: previousSeasonState.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n })\n );\n\n previousSeasonBalance = _.floor(\n previsionalTotal - totalPayments,\n 2\n );\n }\n\n return (\n \n
\n \n
\n\n \n
\n \n {_(this.props.activities)\n .map(a => a.user)\n .compact()\n .uniqBy(u => u.id)\n .map(u => (\n {`${u.first_name} ${u.last_name} N°${u.adherent_number}`}\n ))\n .value()}\n
\n \n
\n \n {\n this.props.seasons.find(\n s => s.id === this.state.season\n ).label\n }\n
\n\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n
\n\n
\n\n
\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n {`${p.first_name} ${p.last_name}`}\n ))}\n
\n\n \n\n
\n
\n \n
\n Moyen de paiement
\n\n \n Prélèvement\n
\n\n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n Nombre d'échéance(s)
\n\n \n Annuel\n
\n\n \n Trimestriel (Octobre/Janvier/Avril)\n
\n\n \n Mensuel (indiquer nombre d'échéances et\n premier mois)\n
\n\n
\n \n
\n Pour les prélèvements, date souhaitée
\n\n \n 5 du mois\n
\n\n \n 15 du mois\n
\n\n \n 28 du mois\n
\n\n
\n \n
\n \n
\n Adhésion réglée différemment
{\" \"}\n\n \n Oui{\" \"}\n \n Non\n
\n\n
\n \n
\n Moyen de paiement
\n\n
\n \n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n \n
\n Commentaire.s :
\n\n
\n \n
\n \n
\n Règlements\n concernant {this.props.user.first_name + \" \" + this.props.user.last_name}
\n\n
\n \n window.print()}\n >\n \n Imprimer\n \n
\n \n \n Changer le statut\n \n \n
\n \n {this.state.scheduleStatus\n ? this.state.scheduleStatus.label\n : \"Pas de Statut\"}\n
\n\n
\n \n
\n \n
\n Statut des règlements
\n\n {generateStatusSelection}\n
\n \n \n \n Annuler\n \n \n this.handleSaveStatus()\n }\n >\n \n Valider\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n {this.props.seasons.map(s => (\n \n ))}\n \n
\n \n
\n \n this.handleChangePricingChoice(desId, userId, evt)}\n handleChangePaymentMethod={(id, evt) => this.handleChangeActivityPaymentMethod(id, evt)}\n handleSwitchLocation={(id, location) => this.handleSwitchLocation(id, location)}\n handleChangePercentOffChoice={(discountable_id, discountable_type, couponId) => this.handleChangePercentOffChoice(discountable_id, discountable_type, couponId)}\n adhesionPrices={this.props.adhesionPrices}\n handleChangeAdhesionPricingChoice={(userId, evt) => this.handleChangeAdhesionPricingChoice(userId, evt)}\n // handleChangeProrataForDesiredActivity={(id, prorata) => this.handleChangeProrataForDesiredActivity(id, prorata)}\n />\n
\n \n {_.get(previousSeasonCreditNotes, \"length\") > 0 && (\n
\n\n {this.state.payers.length == 0 ?\n \"Aucun échéancier pour cette saison\"\n :\n _.map(this.state.payers, payer => {\n const previsionalTotal = _.chain(\n this.state.duePayments[payer.id]\n )\n .values()\n .flatten()\n .map(dp => dp.amount)\n .reduce(\n (sum, n) =>\n (\n parseFloat(sum) + parseFloat(n)\n ).toFixed(2),\n \"0\"\n )\n .value();\n\n\n return (\n \n
\n )}\n {previousSeasonBalance !== 0 && (\n \n
\n \n Avoir sur {previousSeason.label}\n
\n- \n {previousSeasonCreditNotes.map(\n p => (\n
- \n {_.get(\n p,\n \"payment_method.label\"\n )}{\" \"}\n : {p.amount} €\n \n )\n )}\n
\n
\n )}\n \n
\n \n Solde non nul sur{\" \"}\n {previousSeason.label}\n
\n\n {previousSeasonBalance}€\n
\n\n \n this.handleSetToSwitchPayerId(null)\n }\n onSubmit={newPayerId =>\n this.handleSwitchPayer(newPayerId)\n }\n />\n \n \n }\n\n\n {this.state.payments[payer.id] && this.state.payments[payer.id].length > 0 &&\n \n \n }\n\n
\n );\n })}\n\n \n \n Paiements par{\" \"}\n
\n {this.state.payers.length > 1 &&\n \n this.handleSetToSwitchPayerId(\n payer.id\n )\n }\n data-tippy-content=\"Changer le payeur\"\n data-toggle=\"modal\"\n data-target=\"#switch-payer-modal\"\n className=\"btn btn-sm btn-outline btn-primary\"\n >\n \n \n }\n
\n\n \n Paiements par{\" \"}\n \n {`${payer.first_name} ${payer.last_name} (${payer.class_name})`}\n \n\n {payer[\"payer_paying_for_current_season?\"] ? \"\" : \n N'est plus payeur\n }\n
\n {this.state.payers.length > 1 &&\n \n \n \n
\n\n {payer.payment_terms_summary &&\n \n
\n \n Modalités de paiement souhaitées : {payer.payment_terms_summary}\n
\n \n window.open(`/payments/summary/${this.props.user.id}.pdf?season_id=${this.state.season}&payer_id=${payer.id}`)}>\n \n Imprimer une attestation de paiement\n \n\n window.open(`/payment_schedule/${(this.state.schedules[payer.id] && this.state.schedules[payer.id].id)}.pdf`)}>\n \n Imprimer l'échéancier\n \n
\n\n \n \n
\n \n this.handleCreatePaymentSchedule(ps)}\n handleCreatePayments={this.handleCreatePayments.bind(this)}\n handleSaveNewDuePayment={dp => this.handleSaveNewDuePayment(dp)}\n handleSaveDuePayment={(p, payerId) => this.handleSaveDuePayment(p, payerId)}\n handleDeleteDuePayment={(id, payerId) => this.handleDeleteDuePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeleteDuePayments.bind(this)}\n handleBulkEditCommit={this.handleBulkEditDuePayments.bind(this)}\n seasonId={this.state.season}\n />{\" \"}\n
\n \n this.handleCreateNewPayment(p)}\n handleDeletePayment={(id, payerId) => this.handleDeletePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeletePayments.bind(this)}\n handleBulkEditPayments={this.handleBulkEditPayments.bind(this)}\n handlePromptStatusEdit={this.handlePromptPaymentStatusEdit.bind(this)}\n />\n
\n \n
\n \n \n this.handleUpdateNewCommentContent(e)\n }\n handleSaveComment={() =>\n this.handleSaveComment()\n }\n handleUpdateEditedCommentContent={e =>\n this.handleUpdateEditedCommentContent(e)\n }\n handleSaveCommentEdition={() =>\n this.handleSaveCommentEdition()\n }\n handleCommentEdition={id =>\n this.handleCommentEdition(id)\n }\n />\n
\n \n La génération de votre licence est en cours...\n
, { position: toast.POSITION.BOTTOM_CENTER })\n\n this.setState({ draw_toast: false });\n }\n\n // pour mettre le tableau des factures en plein écran\n const events = [];\n const invoicesColumns = [\n {\n Header: \"Date\",\n id: \"created_at\",\n accessor: d => new Date(d.created_at),\n Cell: props => \n \n \n \n \n \n \n \n \n \n \n \n
\n \n {new Date(props.original.created_at).toLocaleDateString()}\n
,\n Filter: ({ filter, onChange }) =>\n \n Facture du {new Date(props.original.pstart).toLocaleDateString()} au {new Date(props.original.pend).toLocaleDateString()}\n
\n },\n {\n Header: \"Montant\",\n id: \"amount\",\n accessor: d => parseFloat(d.amount),\n Cell: props => \n {props.original.amount} {props.original.currency}\n
\n },\n {\n Header: \"Statut\",\n id: \"status\",\n accessor: d => this.getStatusText(d.status),\n Filter: ({ filter, onChange }) =>\n \n\n this.closeInvoiceHeaderModal()}>\n \n\n
\n\n\n }\n\n /**\n *\n * @param {string} status\n * @returns {string}\n */\n getStatusText(status) {\n return STATUS_TEXT[status] || \"\";\n }\n\n downloadInvoice(id) {\n try {\n swal.showLoading();\n fetch(\"/elvis_subscription_management/download_invoice\", {\n method: \"POST\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ id: id })\n }).then(r => r.json())\n .then(json => {\n swal.close();\n window.location = json.link;\n });\n }\n catch (e) {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue, veuillez réessayer plus tard ou contacter le support.\"\n });\n }\n }\n\n changeSubscriptionSucceded() {\n this.setState({ draw_toast: true });\n setTimeout(() => this.waitForLicense(), 10);\n }\n\n changeInvoiceHeader(invoicing) {\n this.setState(\n {\n legalEntity: invoicing.legalEntity,\n siretRna: invoicing.siretRna,\n address: invoicing.address,\n telephone: invoicing.telephone,\n email: invoicing.email,\n tax_exempt: invoicing.tax_exempt,\n tax_id: invoicing.tax_id,\n });\n\n }\n\n closeInvoiceHeaderModal() {\n this.setState({ showInvoiceHeaderModal: false })\n }\n\n editInvoiceHeader(invoicing) {\n this.setState(\n {\n showInvoiceHeaderModal: true\n });\n\n }\n\n navigateToPortal(newWindow) {\n fetch(\"/elvis_subscription_management/get_portal_link\", {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken\n }\n }).then(response => response.json()).then(json => {\n if (newWindow)\n window.open(json.url);\n else\n window.location = json.url\n });\n }\n\n}","import React, {Fragment} from \"react\";\nimport {csrfToken} from \"../../utils\";\nimport swal from \"sweetalert2\";\nimport { Form, Field, FormSpy } from \"react-final-form\";\nimport * as api from \"../../../tools/api.js\";\nimport Input from \"../../common/Input\";\nimport InputSelect from \"../../common/InputSelect\";\nimport {required} from \"../../../tools/validators\";\nimport {checkVAT, countries} from 'jsvat/lib/commonjs';\n\nexport default class InvoiceHeaderComponent extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n legalEntity: this.props.legalEntity,\n siretRna: this.props.siretRna,\n address: this.props.address,\n telephone: this.props.telephone,\n email: this.props.email,\n tax_exempt: this.props.tax_exempt,\n tax_id: this.props.tax_id\n }\n this.taxExemptOptions = [\n {label: \"Imposable\", value: \"none\"},\n {label: \"Exonéré\", value: \"exempt\"},\n {label:\"Autoliquidation de la TVA\", value: \"reverse\"},\n ]\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.legalEntity !== this.props.legalEntity) {\n this.setState({legalEntity: this.props.legalEntity})\n }\n if (prevProps.siretRna !== this.props.siretRna) {\n this.setState({siretRna: this.props.siretRna})\n }\n if (prevProps.address !== this.props.address) {\n this.setState({address: this.props.address})\n }\n if (prevProps.telephone !== this.props.telephone) {\n this.setState({telephone: this.props.telephone})\n }\n if (prevProps.email !== this.props.email) {\n this.setState({email: this.props.email})\n }\n if (prevProps.tax_exempt !== this.props.tax_exempt) {\n this.setState({tax_exempt: this.props.tax_exempt})\n }\n if (prevProps.tax_id !== this.props.tax_id) {\n this.setState({tax_id: this.props.tax_id})\n }\n }\n\n render() {\n return \n\n {/* plans / facturations */}\n
\n\n\n\n\n\n \n
\n\n \n this.changeInvoiceHeader(invoicing) }\n />\n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n Moyen de paiement\n
\n\n {this.props.card ?\n \n \n :\n \"Aucun moyen de paiement enregistré\"\n }\n
\n \n {this.props.card.type === \"card\" ? \n {formatCardBrand(this.props.card['brand'])} **** ****\n **** {this.props.card['last4']}
\n Expire\n en {formatCardExpirationDate(this.props.card['exp_month'], this.props.card['exp_year'])}\n : \n Prélèvement SEPA **** **** **** {this.props.card['last4']}
\n banque code: {this.props.card['bank_code']} ({this.props.card['country']})\n }\n
\n \n Expire\n en {formatCardExpirationDate(this.props.card['exp_month'], this.props.card['exp_year'])}\n
\n banque code: {this.props.card['bank_code']} ({this.props.card['country']})\n
\n
\n\n \n
\n \n \n Mettre à jour\n \n
\n \n
\n\n \n
\n \n
\n\n\n\n \n
\n \n
\n\n \n Vos factures\n \n
\n\n {\n if (row[filter.id] != null) {\n return (row[filter.id].toLocaleDateString ? row[filter.id].toLocaleDateString() : row[filter.id].toString())\n .toLowerCase()\n .includes(filter.value.toLowerCase());\n }\n }}\n defaultPageSize={10}\n />\n
\n \n
\n\n \n
\n Merci de renseigner vos coordonnées de facturation
\n\n
\n\n \n \n {\n this.changeInvoiceHeader(invoicing);\n this.setState({showInvoiceHeaderModal: false});}\n }\n />\n
\n \n
\n }\n\n onValidate(values) {\n const errors = {}\n if (values.tax_exempt === 'none') {\n if (!values.tax_id || !values.tax_id.value) {\n // On ne rend plus obligatoire la saisie du numéro fiscal\n // errors.tax_id = {}\n // errors.tax_id.value = 'Valeur requise';\n } else {\n //console.log(\"onvalidate ; checkvat = \", checkVAT(values.tax_id.value, countries));\n if (checkVAT(values.tax_id.value, countries).isValid !== true) {\n errors.tax_id = {}\n errors.tax_id.value = 'Format invalide';\n }\n }\n }\n return errors\n }\n\n async onSubmit(values) {\n await api\n .set()\n .success((res) => {\n this.props.onSaveInvoiceHeader({\n legalEntity: values.legalEntity,\n siretRna: values.siretRna,\n address: values.address,\n telephone: values.telephone,\n email: values.email,\n tax_exempt: values.tax_exempt,\n tax_id: {\n id: res.tax_id.id,\n value: res.tax_id.value\n }\n });\n })\n .error((msg) => {\n console.error(msg);\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\"\n })\n })\n .post('/elvis_subscription_management/save_invoice_header', {\n \"legalEntity\": values.legalEntity,\n \"siretRna\": values.siretRna,\n \"address\": values.address,\n \"telephone\": values.telephone,\n \"email\": values.email,\n \"tax_exempt\": values.tax_exempt,\n \"tax_id\": {\n id: this.state.tax_id ? this.state.tax_id.id : null,\n value: values.tax_id ? values.tax_id.value : null\n }\n });\n }\n\n\n navigateToPortal(newWindow) {\n fetch(\"/elvis_subscription_management/get_portal_link\", {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken\n }\n }).then(response => response.json()).then(json => {\n if (newWindow)\n window.open(json.url);\n else\n window.location = json.url\n });\n }\n\n}","import React, {Fragment} from \"react\";\n\nexport default class InvoiceHeaderSummaryComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n legalEntity: this.props.legalEntity,\n siretRna: this.props.siretRna,\n address: this.props.address,\n telephone: this.props.telephone,\n email: this.props.email,\n tax_exempt: this.props.tax_exempt,\n tax_id: this.props.tax_id\n }\n this.taxExemptOptions = [\n {label: \"Imposable\", value: \"none\"},\n {label: \"Exonéré\", value: \"exempt\"},\n ]\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.legalEntity !== this.props.legalEntity) {\n this.setState({legalEntity: this.props.legalEntity})\n }\n if (prevProps.siretRna !== this.props.siretRna) {\n this.setState({siretRna: this.props.siretRna})\n }\n if (prevProps.address !== this.props.address) {\n this.setState({address: this.props.address})\n }\n if (prevProps.telephone !== this.props.telephone) {\n this.setState({telephone: this.props.telephone})\n }\n if (prevProps.email !== this.props.email) {\n this.setState({email: this.props.email})\n }\n if (prevProps.tax_exempt !== this.props.tax_exempt) {\n this.setState({tax_exempt: this.props.tax_exempt})\n }\n if (prevProps.tax_id !== this.props.tax_id) {\n this.setState({tax_id: this.props.tax_id})\n }\n }\n\n render() {\n const address = this.state.address || {};\n const tax_id = this.state.tax_id || {};\n\n return \n
\n\n \n Coordonnées de facturation\n
\n\n (\n \n\n )}\n />\n\n\n
\n\n\n \n
\n }\n\n\n}","import React, { Fragment } from 'react';\nimport Modal from \"react-modal\";\nimport swal from \"sweetalert2\";\nimport { csrfToken } from \"../../utils\";\nimport InvoiceHeaderComponent from \"./InvoiceHeaderComponent\";\n\nexport default class SubscriptionComponent extends React.Component {\n constructor(props) {\n super(props);\n\n const expiry_tab = ((this.props.license || {}).days_before_end || \"\").split(\".\");\n\n this.state = {\n expiry_days: parseInt(expiry_tab[0] || \"0\"),\n expiry_hours: parseInt(expiry_tab[1] || \"0\"),\n licence_canceled_at: (this.props.license || {}).cancel_at ? new Date(parseInt(this.props.license.cancel_at) * 1000) : undefined,\n showPlanModal: false,\n showInvoiceHeaderModal: false,\n legalEntity: this.props.legalEntity,\n siretRna: this.props.siretRna,\n address: this.props.address,\n telephone: this.props.telephone,\n email: this.props.email,\n tax_exempt: this.props.tax_exempt,\n tax_id: this.props.tax_id,\n currentPrice: [...this.props.prices].find(p => p.is_current)\n };\n\n this.is_expired = this.is_expired.bind(this);\n this.cancelSubscription = this.cancelSubscription.bind(this);\n this.changePlan = this.changePlan.bind(this);\n this.subscribePlan = this.subscribePlan.bind(this);\n //this.ensureInvoiceHeaderInfoThenSubscribe = this.ensureInvoiceHeaderInfoThenSubscribe.bind(this);\n this.closePlanModal = this.closePlanModal.bind(this);\n this.closeInvoiceHeaderModal = this.closeInvoiceHeaderModal.bind(this);\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.legalEntity !== this.props.legalEntity) {\n this.setState({ legalEntity: this.props.legalEntity })\n }\n if (prevProps.siretRna !== this.props.siretRna) {\n this.setState({ siretRna: this.props.siretRna })\n }\n if (prevProps.address !== this.props.address) {\n this.setState({ address: this.props.address })\n }\n if (prevProps.telephone !== this.props.telephone) {\n this.setState({ telephone: this.props.telephone })\n }\n if (prevProps.email !== this.props.email) {\n this.setState({ email: this.props.email })\n }\n if (prevProps.tax_exempt !== this.props.tax_exempt) {\n this.setState({ tax_exempt: this.props.tax_exempt })\n }\n if (prevProps.tax_id !== this.props.tax_id) {\n this.setState({ tax_id: this.props.tax_id })\n }\n }\n\n render() {\n //const currentPrice = [...this.props.prices].find(p => p.is_current);\n\n const interval_count = (this.state.currentPrice ? parseInt(this.state.currentPrice.recurring.split(\"|\")[0]) : undefined) || 1;\n const interval = (this.state.currentPrice ? this.state.currentPrice.recurring.split(\"|\")[1] : undefined) || \"mois\";\n\n const subscriptionId = (this.props.license || {}).subscription_id || \"\";\n const date = this.props.license ? new Date(this.props.license.end_date) : undefined;\n const expirationDate =\n (this.props.license || {}).end_date ?\n `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}` :\n \"\";\n\n const gotSubscription = this.props.license\n && this.props.license.subscription_id\n && this.props.license.subscription_id.startsWith(\"stripe/\");\n\n return \n
\n\n \n Coordonnées de facturation\n
\n\n {this.state.legalEntity ?\n \n \n :\n \"Aucune coordonnée de facturation enregistrée\"\n }\n\n
\n \n
\n\n\n \n \n
\n \n \n {this.state.legalEntity}
\n {this.state.siretRna}\n \n
\n \n {this.state.siretRna}\n
\n
\n\n\n \n \n
\n \n {address.line1}
\n {address.line2 ?\n{address.line2}
\n :\n \"\"\n }\n {address.postal_code} {address.city}
\n {address.country}
\n
\n \n {address.line2 ?\n
\n {address.country}
\n
\n
\n \n \n
\n \n {(this.taxExemptOptions.find(item => item.value === this.state.tax_exempt) || {}).label}\n
\n {tax_id.value}\n
\n \n {tax_id.value}\n
\n
\n \n
\n \n\n \n Editer\n \n
\n \n this.closeInvoiceHeaderModal()}>\n \n\n
;\n }\n\n closePlanModal() {\n this.setState({ showPlanModal: false })\n }\n\n closeInvoiceHeaderModal() {\n this.setState({ showInvoiceHeaderModal: false })\n }\n\n /**\n *\n * @returns {boolean}\n */\n is_expired() {\n return this.state.expiry_days <= 0 && this.state.expiry_hours <= 0;\n }\n\n cancelSubscription() {\n swal({\n type: \"warning\",\n title: \"L'abonnement sera annulé à la fin de la période en cours (la licence ne sera plus renouvelée). Voulez-vous continuer ?\",\n showCancelButton: true,\n cancelButtonText: \"Non\",\n confirmButtonText: \"Oui\"\n }).then(r => {\n if (r.value) {\n fetch(\"/elvis_subscription_management/cancel_subscription\", {\n method: \"DELETE\",\n headers: {\n \"X-CSRF-Token\": csrfToken\n }\n }).then(response => response.json()).then(json => {\n this.setState({ licence_canceled_at: new Date(Date.now() + (this.state.expiry_days * 86400000)) });\n\n swal({\n type: 'success',\n title: \"l'abonnement a été annulé.\"\n }).then(() => this.closePlanModal());\n })\n }\n });\n }\n\n changePlan(pid) {\n if (pid == undefined)\n return;\n\n //const cp = this.props.prices.find(p => p.is_current);\n const p = this.props.prices.find(p => p.price_id == pid);\n\n if (p == undefined)\n return;\n\n // si on a déjà une souscription Stripe, il faut la changer\n if (this.props.license\n && this.props.license.subscription_id\n && this.props.license.subscription_id.startsWith(\"stripe/\")) {\n swal({\n type: \"warning\",\n title: \"Voulez-vous vraiment changer de plan ?\",\n text: `L'abonnement \"${p.name}\" sera effectif dès maintenant. La différence de prix sera ajoutée ou soustraite selon le plan choisi lors de la prochaine facturation.`,\n showCancelButton: true,\n cancelButtonText: \"Non\",\n confirmButtonText: \"Oui\"\n }).then(res => {\n if (res.value) {\n fetch(\"/elvis_subscription_management/change_plan\", {\n method: \"POST\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ pid: pid })\n }).then(response => response.json()).then(json => {\n const isSuccess = !json.message;\n\n swal({\n type: isSuccess ? \"success\" : \"error\",\n title: isSuccess ? \"changement de plan effectué\" : \"une erreur est survenue, ressayez plus tard ou contactez un administrateur.\",\n text: isSuccess ? \"la nouvelle licence est en cours de génération.\" : json.message\n });\n\n this.setState({\n showPlanModal: false,\n currentPrice: p\n })\n this.props.changeSubscriptionSucceded();\n });\n }\n });\n }\n\n // si on n'a pas encore de souscription Stripe, on enregistre le pricing choisi\n else {\n fetch(\"/elvis_subscription_management/license/selected_price_id\", {\n method: \"POST\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({ selected_price_id: pid })\n }).then(response => response.json()).then(json => {\n const isSuccess = !json.message;\n console.log(json);\n\n swal({\n type: isSuccess ? \"success\" : \"error\",\n title: isSuccess ? \"Changement de plan effectué\" : \"Une erreur est survenue, réessayez plus tard ou contactez un administrateur.\",\n text: isSuccess ? \"Parfait ! Il ne vous reste plus qu'à payer l'abonnement.\" : json.message\n });\n\n this.setState({\n showPlanModal: false,\n currentPrice: p\n })\n });\n\n }\n\n\n }\n\n gotInvoiceHeaderInfo() {\n return (\n this.state.legalEntity &&\n this.state.siretRna &&\n this.state.address &&\n this.state.email &&\n this.state.tax_exempt &&\n (this.state.tax_exempt=='none' || this.state.tax_id!==undefined) // si tax_exempt vaut 'exempt', inutile de vérifier tax_id\n );\n }\n\n\n /**\n *\n * @param {string} price_id\n */\n subscribePlan() {\n if(this.state.currentPrice === undefined) {\n swal({\n type: \"error\",\n title: \"Erreur\",\n text: \"Veuillez choisir un plan\"\n })\n return;\n }\n\n const price_id = this.state.currentPrice.price_id\n fetch(`/elvis_subscription_management/create_pay_link?id=${price_id}`, {\n method: \"GET\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\"\n }\n }).then(res => res.json()).then(json => window.location = json.url);\n\n }\n\n changeInvoiceHeader(invoicing) {\n const state = {\n legalEntity: invoicing.legalEntity,\n siretRna: invoicing.siretRna,\n address: invoicing.address,\n telephone: invoicing.telephone,\n email: invoicing.email,\n tax_exempt: invoicing.tax_exempt,\n tax_id: invoicing.tax_id,\n }\n\n this.setState(state);\n this.props.onSaveInvoiceHeader(state);\n\n this.closeInvoiceHeaderModal();\n if (this.gotInvoiceHeaderInfo())\n this.subscribePlan();\n }\n}","import React, {Fragment, useEffect} from \"react\";\nimport swal from \"sweetalert2\";\nimport * as api from \"../../../tools/api\";\n\nexport default function Support()\n{\n useEffect(() => {\n api.set()\n .success((data) => {\n const script = document.createElement('script');\n\n script.src = \"https://youtrack.sixmon.net/static/simplified/form/form-entry.js\";\n script.async = true;\n script.id = data.ythid;\n script.setAttribute(\"data-yt-url\", \"https://youtrack.sixmon.net\");\n script.setAttribute(\"data-theme\", \"light\");\n script.setAttribute(\"data-lang\", \"fr\");\n\n document.getElementById(\"yt-helpdesk\").appendChild(script);\n })\n .error((error) => {\n console.error(error);\n\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la création du formulaire de support.\",\n type: \"error\",\n });\n })\n .get(\"/api/support/ythid\", {});\n }, []);\n\n return \n
\n\n \n Votre plan\n
\n\n \n {this.state.currentPrice ?\n \n \n :\n \n }\n \n\n
\n\n {this.state.currentPrice.name} ({this.state.currentPrice.desc})
\n\n {this.state.currentPrice.amount} {this.state.currentPrice.currency} {this.state.currentPrice.tax_suffix} {interval_count > 1 ? `tous les ${interval_count}` : \"par\"} {interval}\n
\n\n Aucun tarif sélectionné\n
\n }\n\n {/**********************************************/}\n {/* si licence d'évaluation ou pas de licence*/}\n {subscriptionId == \"\" || subscriptionId.startsWith(\"cockpit\") ?\n\n {subscriptionId == \"\" ?\n \"Pas de licence valide...\"\n :\n
\n\n :\n \n {this.is_expired() ?\n `Licence d'évaluation expirée depuis le ${expirationDate}`\n :\n `Licence d'évaluation valide jusqu'au ${expirationDate}`\n }\n
\n\n }\n\n {\n this.is_expired() ?\n `Votre abonnement a expiré le ${new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}`\n :\n this.state.expiry_days < 7 ?\n
\n
\n\n \n
\n \n {gotSubscription ?\n \"\"\n :\n this.setState({showInvoiceHeaderModal: true})}\n >\n Payer\n \n }\n
\n\n \n this.setState({showPlanModal: true})}\n >\n Changer le plan\n \n
\n \n\n \n \n Merci de renseigner vos coordonnées de facturation
\n \n \n\n \n \n this.changeInvoiceHeader(invoicing)}\n />\n \n \n\n \n\n\n this.closePlanModal()}>\n \n\n \n \n Choisissez le plan qui vous convient
\n \n \n\n \n {this.props.prices.map((p, i) =>\n {\n return p.active || p.is_current ?\n 5 ? 'sm-3' : 'bs'}`}>\n \n {p.name}
\n\n \n {p.amount} {p.currency}
\n\n {interval_count > 1 ? (\"tous les \" + interval_count) : \"par\"} {interval}
\n sans engagement
\n
\n {p.desc.replace(\"\\n\", \"
\")}\n\n
\n
\n\n {p.price_id === (this.state.currentPrice || {}).price_id ? \n \n\n {this.state.licence_canceled_at ? \"\" : \n
\n this.cancelSubscription()}>annuler l'abonnement\n }\n :\n \n \n }\n \n \n\n {p.price_id === (this.state.currentPrice || {}).price_id ? this.is_expired() ?\n Votre abonnement a expiré\n le {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\n \n {this.state.expiry_days < 7 ?\n Votre abonnement arrive bientôt à expiration.
: \"\"}\n {this.state.expiry_days >= 31 ?\n Date\n d'expiration: {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\n Temps avant expiration de la licence: {this.state.expiry_days} jours\n et {this.state.expiry_hours} heures
}\n : \"\"}\n \n : \"\"}\n )}\n \n \n
\n
\n Merci de renseigner vos coordonnées de facturation
\n\n this.changeInvoiceHeader(invoicing)}\n />\n
\n \n\n \n \n Choisissez le plan qui vous convient
\n \n \n\n \n {this.props.prices.map((p, i) =>\n {\n return p.active || p.is_current ?\n 5 ? 'sm-3' : 'bs'}`}>\n \n {p.name}
\n\n \n {p.amount} {p.currency}
\n\n {interval_count > 1 ? (\"tous les \" + interval_count) : \"par\"} {interval}
\n sans engagement
\n
\n {p.desc.replace(\"\\n\", \"
\")}\n\n
\n
\n\n {p.price_id === (this.state.currentPrice || {}).price_id ? \n \n\n {this.state.licence_canceled_at ? \"\" : \n
\n this.cancelSubscription()}>annuler l'abonnement\n }\n :\n \n \n }\n \n \n\n {p.price_id === (this.state.currentPrice || {}).price_id ? this.is_expired() ?\n Votre abonnement a expiré\n le {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\n \n {this.state.expiry_days < 7 ?\n Votre abonnement arrive bientôt à expiration.
: \"\"}\n {this.state.expiry_days >= 31 ?\n Date\n d'expiration: {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\n Temps avant expiration de la licence: {this.state.expiry_days} jours\n et {this.state.expiry_hours} heures
}\n : \"\"}\n \n : \"\"}\n )}\n \n \n
\n
\n Choisissez le plan qui vous convient
\n 5 ? 'sm-3' : 'bs'}`}>\n
\n : \"\"}\n )}\n \n
\n\n {p.price_id === (this.state.currentPrice || {}).price_id ? this.is_expired() ?\n {p.name}
\n\n\n {p.amount} {p.currency}
\n\n {interval_count > 1 ? (\"tous les \" + interval_count) : \"par\"} {interval}
\n sans engagement
\n
\n {p.desc.replace(\"\\n\", \"
\")}\n\n
\n
\n\n {p.price_id === (this.state.currentPrice || {}).price_id ?\n \n\n {this.state.licence_canceled_at ? \"\" : \n
\n this.cancelSubscription()}>annuler l'abonnement\n }\n :\n \n \n }\n
\n \n\n {interval_count > 1 ? (\"tous les \" + interval_count) : \"par\"} {interval}
\n sans engagement
\n
\n {p.desc.replace(\"\\n\", \"
\")}\n\n
\n
\n\n {p.price_id === (this.state.currentPrice || {}).price_id ?
\n this.cancelSubscription()}>annuler l'abonnement\n
Votre abonnement a expiré\n le {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\n\n {this.state.expiry_days < 7 ?\n
: \"\"}\n Votre abonnement arrive bientôt à expiration.
: \"\"}\n {this.state.expiry_days >= 31 ?\nDate\n d'expiration: {new Date(Date.now() + (this.state.expiry_days * 86400000)).toLocaleDateString()}
:\nTemps avant expiration de la licence: {this.state.expiry_days} jours\n et {this.state.expiry_hours} heures
}\n\n
\n\n \n \n Demande de support\n
\n\n \n
\n \n
\n\n \n
\n \n
\n\n {!isUpdate && (\n \n
\n \n
\n\n\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n\n
\n } else if (!this.state.has_stripe_key) {\n return \n } else if (!this.state.has_account_id) {\n return \n } else if (this.state.showTaxRateParameters) {\n return \n
\n\n\n Avant toute chose, vous devez compléter les informations de votre site :
\n\n
\n\n Coordonnées :
\n\n \n this.setState({street: e.target.value})}/>\n
\n\n \n \n this.setState({postalCode: e.target.value})}/>\n
\n\n \n \n this.setState({city: e.target.value})}/>\n
\n\n \n \n \n
\n\n \n \n
\n \n {this.state.invoices_activated && (\n \n
\n \n )\n }\n\n
\n\n } else {\n\n return \n
\n }\n />\n
\n \n \n
\n \n
\n }\n }\n\n\n}","import React from 'react';\n\nexport default function taxRatesActionButtons({\n item: item,\n onEdit,\n onDelete,\n }) {\n\n item.actionLabel = item.active ? \"archivé\" : \"activé\";\n item.actionToExecute = !item.active;\n\n let button\n if (item.active)\n button = onDelete(item)}>\n \n \n else\n button = onDelete(item)}>\n \n \n\n return (\n\n \n
\n Vous pouvez également accéder à votre dashboard depuisstripe \n
\n\n\n Les paramètres de paiement sont correctement configurés
\n \n\n Vous pouvez également accéder à votre dashboard depuis
\n
\n\n Activation des modules
\n\n \n this.setState({student_payment_activated: e.target.checked})}/>\n
\n \n \n this.setState({invoices_activated: e.target.checked})}/>\n
\n {(this.state.student_payment_activated !== this.state.base_student_payment_activated || this.state.invoices_activated !== this.state.base_invoices_activated) &&\n }\n \n {this.state.invoices_activated &&
\n\n\n \n this.setState({showTaxRateParameters: true})}\n className=\"btn btn-sm ml-5 mt-3\"\n style={{\n color: \"#006fb0\",\n borderColor: \"#006fb0\",\n }}\n >\n \n Paramétrer les taux de taxes\n \n
}\n Taux de taxe
\n\n
\n\n \n \n this.setState({tva: e.target.value})}/>\n {this.state.tva !== this.state.base_tva && (this.state.tva || \"\").length > 0 && /^FR[0-9]{11}$/i.test(this.state.tva) &&\n }\n
\n\n {this.state.activities_subject_to_vat && \n \n\n \n
\n }\n \n \n
\n\n \n onEdit(item)} >\n \n \n\n {/*{button}*/}\n
\n );\n}","import DataService from \"../../common/baseDataTable/DataService\";\nimport * as api from \"../../../tools/api\";\n\nexport default class TaxRatesDataService extends DataService\n{\n constructor(urlRootData) {\n super();\n\n this.urlRootData = urlRootData;\n }\n\n deleteData(item) {\n return new Promise((resolve, reject) => {\n api.set()\n .success(resolve)\n .error(reject)\n .del(`${this.urlRootData}/${item.id}`, item);\n });\n }\n\n}","import _ from \"lodash\";\nimport React from \"react\";\nimport {csrfToken, findAndGet, optionMapper} from \"../../../utils\";\nimport ReactTableFullScreen from \"../../../ReactTableFullScreen\";\nimport ExtendedSubPaymentList from \"./ExtendedSubPaymentList\";\nimport MessageModal from \"../../../generalPayments/MessageModal\";\nimport BulkEditModal from \"../../../generalPayments/BulkEditModal\";\nimport DuePaymentsList from \"../../../generalPayments/DuePaymentList\";\n\n\nconst NB_DISPLAYED_RECIPIENTS = 3;\nconst MESSAGE_MODAL_ID = \"messagesModal\";\nconst BULK_MODAL_ID = \"bulkEditModal\";\n\nclass ExtendedDuePaymentList extends DuePaymentsList {\n constructor(props) {\n super(props);\n }\n\n render() {\n\n const { data, pages, loading } = this.state;\n\n\n const totalRecipients = _.chain(this.state.data)\n .filter(\n d =>\n this.state.validityMap[d.id] === \"N\" &&\n (this.state.targets === \"all\" ||\n this.state.targets.includes(d.id))\n )\n .map(d => _.get(d, \"payment_schedule.user\"))\n .compact()\n .uniqBy(u => u.id)\n .value();\n\n let recipientsToDisplay = totalRecipients.slice(\n 0,\n NB_DISPLAYED_RECIPIENTS\n );\n\n let recipients = recipientsToDisplay\n .map(u => `${u.first_name} ${u.last_name}`)\n .join(\", \");\n\n const restCount = Math.max(\n 0,\n this.state.targets === \"all\"\n ? this.state.total - NB_DISPLAYED_RECIPIENTS\n : totalRecipients.length - NB_DISPLAYED_RECIPIENTS\n );\n if (restCount) recipients += `, et ${restCount} autres`;\n\n const filteredSeasonId =\n findAndGet(\n this.state.filter.filtered,\n f => f.id === \"season_id\",\n \"value\"\n ) || \"\";\n\n const events = []\n\n return (\n \n \n
\n {this.state.targets.length > 0 ? this.targetsAlert() : null}\n\n \n this.fetchData(this.state.filter)}\n >\n \n \n this.resetFilters()}\n >\n \n \n\n events[0]()}\n >\n \n \n\n \n this.handleChangeSeason(e.target.value)\n }\n value={filteredSeasonId}\n className=\"form-control m-r\"\n >\n \n {this.props.seasons.map(optionMapper())}\n \n\n 0 ? `les ${this.state.targets === \"all\" ? this.state.rowsCount : this.state.targets.length} lignes sélectionnées)` : \"tous les paiements visibles\")}\n onClick={() => {this.onCsvExport()}}\n disabled={this.state.csv_export_loading}\n >\n {this.state.csv_export_loading ? : }\n \n
\n\n \n {this.state.rowsCount} échéances\n
\n\n \n Total échéances:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalAmount)}\n \n\n \n Total paiements:{\" \"}\n {new Intl.NumberFormat(\"fr-FR\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(this.state.totalPaidAmount)}\n \n
\n \n \n this.fetchData({ ...this.state.filter, page })\n }\n onPageSizeChange={(pageSize, page) =>\n this.fetchData({\n ...this.state.filter,\n page,\n pageSize,\n })\n }\n onSortedChange={sorted =>\n this.fetchData({ ...this.state.filter, sorted })\n }\n onFilteredChange={filtered =>\n this.fetchData({\n ...this.state.filter,\n filtered,\n })\n }\n filterable\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={10}\n SubComponent={row => {\n if (row.original.payments.length > 0) {\n return (\n
\n \n
\n );\n }\n}","import _ from \"lodash\";\nimport React from \"react\";\nimport swal from \"sweetalert2\";\nimport PaymentsList from '../../../generalPayments/PaymentList';\nimport * as api from \"../../../../tools/api\";\n\nconst MESSAGE_MODAL_ID = \"messagesModal\";\n\n\nclass ExtendedPaymentList extends PaymentsList {\n constructor(props) {\n super(props);\n\n let column = _.last(this.state.columns);\n column.Cell = d => (\n \n {d.value.mail ? (\n \n this.setState({ targets: [d.original.id] })\n }\n data-target={`#${MESSAGE_MODAL_ID}`}\n className=\"btn btn-xs btn-primary\"\n title=\"Envoyer un rappel\"\n >\n \n \n ) : null}\n\n { !!d.original.invoice_id && this.props.isInvoicesActivated ?\n this.handleShowInvoice(d.original.id)}>\n \n \n : null }\n
\n );\n\n\n }\n\n handleShowInvoice(paymentId) {\n api.set()\n .success(({invoice_url}) => {\n console.log(invoice_url);\n window.open(invoice_url, '_blank');\n })\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Impossible d'afficher la facture\"\n });\n console.log(\"show invoice : \", res)\n })\n .get(\n \"/users/student_payments/invoice\",\n {payment_id: paymentId }\n );\n }\n\n}\n\n\nexport default ExtendedPaymentList;\n\n","import React from \"react\";\nimport _ from \"lodash\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport SubPaymentList from \"../../../generalPayments/SubPaymentList\";\nimport * as api from \"../../../../tools/api\";\nimport swal from \"sweetalert2\";\n\nclass ExtendedSubPaymentList extends SubPaymentList {\n constructor(props) {\n super(props);\n\n if(props.isInvoicesActivated)\n {\n const column =\n {\n Header: \"Actions\",\n maxWidth: 75,\n id: \"actions\",\n filterable: false,\n sortable: false,\n Cell: d => (\n \n { !!d.original.invoice_id ?\n this.handleShowInvoice(d.original.id)}>\n \n \n : null }\n
\n ),\n };\n\n this.state.columns.push(column);\n }\n }\n\n handleShowInvoice(paymentId) {\n api.set()\n .success(({invoice_url}) => {\n console.log(invoice_url);\n window.open(invoice_url, '_blank');\n })\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Impossible d'afficher la facture\"\n });\n console.log(\"show invoice : \", res)\n })\n .get(\n \"/users/student_payments/invoice\",\n {payment_id: paymentId }\n );\n }\n\n\n}\n\nexport default ExtendedSubPaymentList;\n","import _ from \"lodash\";\nimport React, { Fragment } from \"react\";\nimport PaymentsManagement from \"../../../userPayments/PaymentsManagement\"\n\nimport {toast} from \"react-toastify\";\n\nimport ExtendedPaymentsSummary from \"./ExtendedPaymentsSummary\";\nimport DuePaymentsList from \"../../../userPayments/DuePaymentsList\";\nimport PaymentsList from \"../../../userPayments/PaymentsList\";\nimport CommentSection from \"../../../CommentSection\";\nimport InvoicesSummary from \"./InvoicesSummary\";\n\nimport swal from \"sweetalert2\";\n\nimport {indexById, csrfToken, findAndGet} from \"../../../utils/\";\nimport SwitchPayerModal from \"../../../userPayments/SwitchPayerModal\";\nimport * as api from \"../../../../tools/api\";\nimport {redirectTo} from \"../../../../tools/url\";\nimport ModalBillingPayers from \"./ModalBillingPayers\";\n\nconst SEASON_STORED_KEY = \"PaymentsSummarySelectedSeason\";\n\nfunction calculateTotals(duePayments, payments, itemsForPayment) {\n const totalDue = _.reduce(\n _.map(itemsForPayment, d => d.discountedTotal),\n (sum, f) => sum + f,\n 0.0\n );\n\n const previsionalTotal = _.chain(duePayments)\n .values()\n .flatten()\n .map(dp => parseFloat(dp.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPayments = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPayback = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .compact()\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPaymentsToDay = _.chain(payments)\n .values()\n .flatten()\n .filter(\n p =>\n !p.payment_status_id && Date.parse(p.cashing_date) <= Date.now()\n )\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n return {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n };\n}\n\nfunction roundCurrency(value, digits = 2) {\n return Number(value.toFixed(digits));\n}\n\nfunction getDiscountedAmount(amount, percentOff) {\n const res = (amount || 0) * (1 - percentOff / 100);\n return roundCurrency(res);\n}\n\nfunction generateDataForPaymentSummaryTable({\n activities,\n desired,\n options,\n seasonId,\n seasons,\n adhesions,\n adhesionPrices,\n adhesionEnabled,\n packs,\n user,\n adhesion_billings = []\n }) {\n let data = [];\n\n const seasonActivities = activities.filter(a =>\n desired.find(d => d.activity_id === a.activity.id)\n );\n\n // Et ensuite une ligne par activité\n _.forEach(seasonActivities, act => {\n const a = act.activity;\n const des = _.find(\n desired,\n d =>\n d.activity_id === act.activity_id &&\n d.activity_application.user_id === act.user_id\n );\n\n if (des) {\n const activity_nb_lessons = a.intended_nb_lessons\n\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (new Date(arp.from_season.start) <= new Date(season.start) && (!arp.to_season || new Date(arp.to_season.end) >= new Date(season.end))) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percent_off = _.get(des, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n stopped_at: des.activity_application.stopped_at,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: a.activity_ref,\n prorata: des.prorata,\n coupon: {...coupon},\n studentId: act.id,\n user: act.user,\n pricingCategoryId: des.pricing_category_id,\n activityId: a.id,\n paymentLocation: act.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percent_off),\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n });\n }\n });\n\n const taken = data.map(d => d.activityId);\n const takenDesired = data.map(d => d.id);\n\n _.forEach(options, option => {\n if (_.includes(taken, option.activity.id)) {\n return;\n }\n const a = option.activity;\n const des = _.find(desired, d => d.id === option.desired_activity_id);\n\n if (des && !takenDesired.includes(des.id)) {\n takenDesired.push(des.id);\n\n const activity_nb_lessons = a.intended_nb_lessons\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (new Date(arp.from_season.start) <= new Date(season.start) && (!arp.to_season || new Date(arp.to_season.end) >= new Date(season.end))) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percentOff = _.get(des, \"discount.coupon.percent_off\", 0);\n\n const formattedOption = {\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: des.activity_ref,\n prorata: des.prorata,\n coupon: coupon,\n studentId: option.id,\n user: option.desired_activity.activity_application.user,\n pricingCategoryId: des.pricing_category_id,\n paymentLocation: option.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percentOff),\n isOption: true,\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n };\n data.push(formattedOption);\n }\n });\n\n if (adhesionEnabled) {\n for (const adhesion of adhesions) {\n const adhesionPrice = adhesionPrices.find(p => p.id === adhesion.adhesion_price_id) || {};\n\n if (adhesionPrice) {\n const coupon = _.get(adhesion, \"discount.coupon\", 0);\n const percentOff = _.get(adhesion, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Adhésion de ${adhesion.user.first_name} ${adhesion.user.last_name}`,\n frequency: 1,\n initial_total: 1,\n due_total: adhesionPrice.price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(adhesionPrice.price, percentOff),\n unitPrice: adhesionPrice.price || 0,\n user: adhesion.user,\n studentId: adhesion.user.id,\n adhesionPriceId: adhesionPrice.id,\n adhesionId: adhesion.id,\n billing_logs: adhesion_billings,\n });\n }\n }\n }\n\n if ((packs || []).length > 0)\n {\n const userPacks = packs.filter(p => p.user_id === user.id)\n\n if (userPacks.length > 0)\n {\n for (const pack of userPacks)\n {\n const pack_price = pack.activity_ref_pricing.price;\n const coupon = _.get(pack, \"discount.coupon\", 0);\n const percentOff = _.get(pack, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Pack de ${user.first_name} ${user.last_name} pour ${pack.activity_ref.label} (${pack.activity_ref.kind})`,\n frequency: 1,\n initial_total: 1,\n due_total: pack_price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(pack_price || 0, percentOff),\n unitPrice: pack_price || 0,\n user: user,\n studentId: user.id,\n packPrice: pack.activity_ref_pricing,\n packId: pack.id,\n });\n }\n }\n }\n\n return data;\n}\n\n\nexport default class ExtendedPaymentsManagement extends PaymentsManagement {\n constructor(props) {\n super(props);\n if (props.outcome)\n this.state = {\n ...this.state,\n draw_toast: true,\n };\n\n this.handlePayPayment = this.handlePayPayment.bind(this);\n this.handlePayDuePayment = this.handlePayDuePayment.bind(this);\n }\n\n handleCreatePaymentSuccess(new_payment) {\n if (new_payment) {\n const payer = this.props.user;\n\n const allDuePayments = this.state.duePayments;\n const duePayments = allDuePayments[payer.id] || [];\n const duePaymentIndex = duePayments.findIndex(dp => dp.id == new_payment.due_payment_id);\n duePayments.splice(duePaymentIndex, 1);\n duePayments.push(new_payment.due_payment);\n\n const allPayments = this.state.payments;\n const payments = allPayments[payer.id] || [];\n payments.push(new_payment);\n\n // actualisation des données des composants fils\n this.setState({\n duePayments: allDuePayments,\n payments: allPayments,\n });\n\n // appel à l'API pour déclencher le paiement\n this.handlePayPayment(new_payment.id);\n }\n\n }\n\n handlePayPayment(newPaymentId) {\n if (this.props.isStudentView && !(this.state.payers[0] || {}).address) {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: \"Impossible d'effectuer le règlement. Veuillez renseigner votre adresse postale.\"\n });\n\n return;\n }\n\n api.set()\n //.before(() => this.setState({ isFetching: true }))\n .success((res) => {\n console.log(\"pay_payment : \", res)\n\n // on redirige l'utilisateur vers l'URL pour qu'il fasse le paiement\n redirectTo(res.url)\n\n })\n .error((res) => {\n console.log(\"pay_payment : \", res)\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Impossible d'effectuer le règlement\"\n });\n })\n .post(`/users/student_payments/${newPaymentId}/pay`);\n }\n\n handlePayDuePayment(duePaymentId) {\n if (this.props.isStudentView && !(this.state.payers[0] || {}).address) {\n swal({\n title: \"Erreur\",\n type: \"error\",\n text: \"Impossible d'effectuer le règlement. Veuillez renseigner votre adresse postale.\"\n });\n\n return;\n }\n\n api.set()\n .success((new_payment) => this.handleCreatePaymentSuccess(new_payment))\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Impossible de créer le paiement\"\n });\n console.log(\"create_payment_for_due_payment : \", res)\n })\n .post(\n \"/users/student_payments\",\n {due_payment_id: duePaymentId}\n );\n }\n\n\n handleShowInvoice(paymentId) {\n api.set()\n .success(({invoice_url}) => {\n console.log(invoice_url);\n window.open(invoice_url, '_blank', 'location=yes,height=800,width=520,scrollbars=yes,status=yes');\n })\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Impossible d'afficher la facture\"\n });\n console.log(\"show invoice : \", res)\n })\n .get(\n \"/users/student_payments/invoice\",\n {payment_id: paymentId}\n );\n }\n\n shouldDisplayPayButton(duePaymentId) {\n const allPayments = _.chain(this.state.payments)\n .values()\n .flatten()\n .value();\n return allPayments.findIndex(p => p.due_payment_id === duePaymentId) < 0;\n }\n\n shouldDisplayRetryButton(paymentId) {\n const allPayments = _.chain(this.state.payments)\n .values()\n .flatten()\n .value();\n const payment = allPayments.find(p => p.id === paymentId);\n return payment != undefined && payment.payment_status_id != 1;\n }\n\n shouldRenderModalBillingPayers() {\n const {isStudentView, isInvoicesActivated, itemsForPayment} = this.props;\n if (!isStudentView || !isInvoicesActivated || !itemsForPayment) return false;\n\n const hasBillingLogs = itemsForPayment.some(data => (data.des || {}).billing_logs || data.billing_logs);\n return hasBillingLogs;\n }\n\n displayToastIfRequired() {\n if (this.state.draw_toast) {\n toast.info(\n \n Paiement {this.props.outcome === 'success' ? 'effectué avec succès' : 'échoué'}. En attente de la\n confirmation du serveur...\n
, {position: toast.POSITION.BOTTOM_CENTER}\n )\n\n setTimeout(() => this.waitForCheckoutSessionCompleted(this.props.csId), 10);\n }\n }\n\n waitForCheckoutSessionCompleted(csId) {\n\n api.set()\n .success((res) => {\n\n if (res.payment_succeeded) {\n this.setState({draw_toast: false});\n toast.dismiss();\n\n swal({\n title: \"Paiement confirmé\",\n text: \"Le paiement a bien été confirmé. La page va se recharger pour refléter les modifications.\",\n type: \"info\",\n confirmButtonText: \"OK\"\n }).then(() => {\n let url = new URL(window.location);\n window.location = url.origin + url.pathname; // recharger la page sans les paramètres dans l'URL\n });\n\n } else {\n setTimeout(() => this.waitForCheckoutSessionCompleted(csId), 5000);\n }\n\n })\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Problème technique lors de la confirmation du paiement\"\n });\n console.log(\"confirm_payment_intent_succeeded : \", res)\n })\n .get(\n \"/users/student_payments/payment_succeeded\",\n {cs_id: csId}\n );\n }\n\n sendUpcominPayment()\n {\n swal({\n type: \"question\",\n title: \"Êtes-vous sûr ?\",\n text: \"Envoyer les paiements à venir par email ?\",\n showCancelButton: true,\n confirmButtonText: \"Envoyer\",\n cancelButtonText: \"Annuler\",\n })\n .then((res) =>\n {\n if (res.value)\n {\n swal.showLoading();\n\n api.set()\n .success(() =>\n {\n swal(\"Mail envoyé\", \"Le mail a bien été envoyé\", \"success\");\n })\n .error((e) =>\n {\n console.error(e)\n\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n .post(\"/payments/send_upcoming_payment_mail\", {\n season_id: this.state.season,\n user_id: this.props.user.id\n }, {});\n }\n });\n }\n\n\n render() {\n const payer = this.props.user;\n\n const itemsForPayment = generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: this.state.desiredActivities,\n options: this.state.options,\n seasonId: this.state.season,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: this.state.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n adhesion_billings: this.props.billingLogs[this.state.season]\n });\n\n const duePaymentsButtons = [\n {\n class: \"btn btn-primary btn-xs m-r-sm\",\n icon: \"fas fa-shopping-cart\",\n key: \"pay\",\n onClick: (id) => this.handlePayDuePayment(id),\n shouldDisplay: (id) => this.shouldDisplayPayButton(id)\n },\n ];\n\n const paymentsButtons = [\n {\n class: \"btn btn-primary btn-xs m-r-sm\",\n icon: \"fas fa-shopping-cart\",\n key: \"pay\",\n onClick: (id) => this.handlePayPayment(id),\n shouldDisplay: (id) => this.shouldDisplayRetryButton(id)\n },\n ];\n\n const duePaymentListExtraButtons = this.props.isPaymentAvailable && this.props.isStudentView ?\n duePaymentsButtons\n :\n null;\n\n const paymentListExtraButtons = this.props.isPaymentAvailable && this.props.isStudentView ?\n paymentsButtons\n : null;\n\n const {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n } = calculateTotals(\n this.state.duePayments,\n this.state.payments,\n itemsForPayment\n );\n\n const globalLocation =\n (Object.keys(this.state.schedules).length > 0 &&\n _.reduce(\n this.state.schedules,\n (acc, s) => (s.location_id == acc ? acc : null),\n Object.entries(this.state.schedules)[0][1].location_id\n )) ||\n null;\n\n const generateStatusSelection = _.map(\n this.props.schedule_statuses,\n (s, i) => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n this.handleChangeStatus(e)}\n id={s.id}\n />\n \n
\n );\n }\n );\n\n const previousSeason = findAndGet(\n this.props.seasons,\n s => s.id === this.state.season,\n \"previous\"\n );\n\n let previousSeasonCreditNotes = null;\n let previousSeasonBalance = 0;\n\n if (previousSeason) {\n previousSeasonCreditNotes =\n previousSeason &&\n _(\n _.find(\n this.state.paymentsBySeason,\n (_, sId) => previousSeason.id == sId\n )\n )\n .map(a => a)\n .flatten()\n .filter(\"payment_method.is_credit_note\")\n .value();\n\n const previousSeasonState =\n previousSeason &&\n this.getSeasonDependentState(previousSeason.id);\n const {previsionalTotal, totalPayments} =\n previousSeason &&\n calculateTotals(\n previousSeasonState.duePayments,\n previousSeasonState.payments,\n generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: previousSeasonState.desiredActivities,\n options: this.state.options,\n seasonId: previousSeason.id,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: previousSeasonState.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n adhesion_billings: this.props.billingLogs[previousSeason]\n })\n );\n\n previousSeasonBalance = _.floor(\n previsionalTotal - totalPayments,\n 2\n );\n }\n\n this.displayToastIfRequired();\n\n return (\n \n
\n }\n\n \n
\n\n \n
\n \n {_(this.props.activities)\n .map(a => a.user)\n .compact()\n .uniqBy(u => u.id)\n .map(u => (\n {`${u.first_name} ${u.last_name} N°${u.adherent_number}`}\n ))\n .value()}\n
\n \n
\n \n {\n this.props.seasons.find(\n s => s.id === this.state.season\n ).label\n }\n
\n\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n
\n\n
\n\n
\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n {`${p.first_name} ${p.last_name}`}\n ))}\n
\n\n \n\n
\n
\n \n
\n Moyen de paiement
\n\n \n Prélèvement\n
\n\n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n Nombre d'échéance(s)
\n\n \n Annuel\n
\n\n \n Trimestriel (Octobre/Janvier/Avril)\n
\n\n \n Mensuel (indiquer nombre d'échéances et\n premier mois)\n
\n\n
\n \n
\n Pour les prélèvements, date souhaitée
\n\n \n 5 du mois\n
\n\n \n 15 du mois\n
\n\n \n 28 du mois\n
\n\n
\n \n
\n \n
\n Adhésion réglée différemment
{\" \"}\n\n \n Oui{\" \"}\n \n Non\n
\n\n
\n \n
\n Moyen de paiement
\n\n
\n \n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n \n
\n Commentaire.s :
\n\n
\n \n
\n \n
\n }\n\n Règlements concernant {this.props.user.first_name + \" \" + this.props.user.last_name}
\n {this.props.isStudentView ?\n \"\"\n :\n\n
\n \n window.print()}\n >\n \n Imprimer\n \n\n {\n this.props.is_upcoming_payment_defined && itemsForPayment.every(i => i.pricingCategoryId != undefined || i.adhesionPriceId != undefined) && \n \n Envoyer\n \n }\n
\n \n \n Changer le statut\n \n \n
\n \n {this.state.scheduleStatus\n ? this.state.scheduleStatus.label\n : \"Pas de Statut\"}\n
\n\n
\n \n
\n \n
\n Statut des règlements
\n\n {generateStatusSelection}\n
\n \n \n \n Annuler\n \n \n this.handleSaveStatus()\n }\n >\n \n Valider\n \n
\n \n \n \n\n {this.state.payers.length == 0 ?\n \"Aucun échéancier pour cette saison\"\n :\n _.map(this.state.payers, payer => {\n const previsionalTotal = _.chain(\n this.state.duePayments[payer.id]\n )\n .values()\n .flatten()\n .map(dp => dp.amount)\n .reduce(\n (sum, n) =>\n (\n parseFloat(sum) + parseFloat(n)\n ).toFixed(2),\n \"0\"\n )\n .value();\n\n\n return (\n
\n\n \n
\n\n \n
\n \n \n \n {this.props.seasons.map(s => (\n \n ))}\n \n
\n \n
\n \n this.handleChangePricingChoice(desId, userId, evt)}\n handleChangePaymentMethod={(id, evt) => this.handleChangeActivityPaymentMethod(id, evt)}\n handleSwitchLocation={(id, location) => this.handleSwitchLocation(id, location)}\n handleChangePercentOffChoice={(discountable_id, discountable_type, couponId) => this.handleChangePercentOffChoice(discountable_id, discountable_type, couponId)}\n adhesionPrices={this.props.adhesionPrices}\n handleChangeAdhesionPricingChoice={(userId, evt) => this.handleChangeAdhesionPricingChoice(userId, evt)}\n />\n
\n \n
\n \n this.handleIssuedPaidInvoice(payerId)}\n />\n
\n \n {_.get(previousSeasonCreditNotes, \"length\") > 0 && (\n
\n \n
\n )}\n {previousSeasonBalance !== 0 && (\n \n
\n \n Avoir sur {previousSeason.label}\n
\n- \n {previousSeasonCreditNotes.map(\n p => (\n
- \n {_.get(\n p,\n \"payment_method.label\"\n )}{\" \"}\n : {p.amount} €\n \n )\n )}\n
\n
\n )}\n \n
\n \n Solde non nul sur{\" \"}\n {previousSeason.label}\n
\n\n {previousSeasonBalance}€\n
\n\n \n this.handleSetToSwitchPayerId(null)\n }\n onSubmit={newPayerId =>\n this.handleSwitchPayer(newPayerId)\n }\n />\n \n \n window.open(`/payments/summary/${this.props.user.id}.pdf?season_id=${this.state.season}&payer_id=${payer.id}`)}>\n \n Imprimer une attestation de paiement\n \n\n window.open(`/payment_schedule/${(this.state.schedules[payer.id] && this.state.schedules[payer.id].id)}.pdf`)}>\n \n Imprimer l'échéancier\n \n
\n\n \n \n Paiements par{\" \"}\n
\n {this.state.payers.length > 1 &&\n \n this.handleSetToSwitchPayerId(\n payer.id\n )\n }\n data-tippy-content=\"Changer le payeur\"\n data-toggle=\"modal\"\n data-target=\"#switch-payer-modal\"\n className=\"btn btn-sm btn-outline btn-primary\"\n >\n \n \n }\n
\n\n \n Paiements par{\" \"}\n \n {`${payer.first_name} ${payer.last_name} (${payer.class_name})`}\n \n
\n {this.state.payers.length > 1 &&\n \n {this.shouldRenderModalBillingPayers() &&\n \n }\n\n {payer.payment_terms_summary &&\n \n \n
\n \n }\n\n {\n this.state.payments[payer.id] && this.state.payments[payer.id].length > 0 &&\n \n Modalités de paiement souhaitées\n : {payer.payment_terms_summary}\n
\n \n \n
\n \n }\n \n this.handleCreatePaymentSchedule(ps)}\n handleCreatePayments={this.handleCreatePayments.bind(this)}\n handleSaveNewDuePayment={dp => this.handleSaveNewDuePayment(dp)}\n handleSaveDuePayment={(p, payerId) => this.handleSaveDuePayment(p, payerId)}\n handleDeleteDuePayment={(id, payerId) => this.handleDeleteDuePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeleteDuePayments.bind(this)}\n handleBulkEditCommit={this.handleBulkEditDuePayments.bind(this)}\n extraButtons={duePaymentListExtraButtons}\n isStudentView={this.props.isStudentView}\n seasonId={this.state.season}\n />{\" \"}\n
\n \n this.handleCreateNewPayment(p)}\n handleDeletePayment={(id, payerId) => this.handleDeletePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeletePayments.bind(this)}\n handleBulkEditPayments={this.handleBulkEditPayments.bind(this)}\n handlePromptStatusEdit={this.handlePromptPaymentStatusEdit.bind(this)}\n extraButtons={paymentListExtraButtons}\n isStudentView={this.props.isStudentView}\n />\n
\n \n );\n })}\n\n {this.props.isStudentView ?\n \"\"\n :\n \n
\n }\n\n \n \n \n \n this.handleUpdateNewCommentContent(e)\n }\n handleSaveComment={() =>\n this.handleSaveComment()\n }\n handleUpdateEditedCommentContent={e =>\n this.handleUpdateEditedCommentContent(e)\n }\n handleSaveCommentEdition={() =>\n this.handleSaveCommentEdition()\n }\n handleCommentEdition={id =>\n this.handleCommentEdition(id)\n }\n />\n
\n \n
)\n },\n },\n {\n Header: \"N° d'adhérent\",\n id: \"adherent_number\",\n width: 50,\n accessor: d =>\n d.user && d.user.adherent_number != null\n ? d.user.adherent_number\n : \"\",\n },\n {\n Header: \"Élève\",\n id: \"student\",\n accessor: d =>\n d.user ? (\n \n {d.user.first_name} {d.user.last_name}\n \n ) : null,\n },\n {\n Header: \"Tarif\",\n id: \"tarif\",\n maxWidth: 100,\n Cell: props => {\n // Si il y as un packId\n if (props.original.packId)\n {\n // 15/03/24 on ne permet pas la modification du pack (pour l'instant)\n return {d.activity}
\n {d.stopped_at ? (\n \n {`(Arrêt le : ${moment(d.stopped_at).format(\"DD/MM/YYYY\")})`}\n
\n ) : null}\n {_.get(props, [\"original\", \"packPrice\", \"pricing_category\", \"name\"]) || \"Inconnue\"}
;\n }\n\n // Sinon, si la ligne n'a pas d'id, c'est que c'est une adhésion\n if (props.original.id === 0) {\n if (this.props.isStudentView) {\n return{(this.props.adhesionPrices.find(a => props.original.adhesionPriceId) || {}).label}
;\n }\n\n return{pricingCategory ? pricingCategory.label : \"aucun tarif défini\"}
;\n } else {\n let activity_ref_pricings = props.original.ref.activity_ref_pricing\n let season = this.props.seasons.find(s => s.id === this.props.season)\n let pricings = []\n\n activity_ref_pricings.forEach(asp => {\n if (asp.from_season.start <= season.start && (!asp.to_season || asp.to_season.end >= season.end)) {\n pricings.push(asp);\n }\n });\n\n return (\n{d.unitPrice + \" €\"}
,\n style: {\n textAlign: \"right\",\n display: \"block\",\n },\n },\n {\n Header: \"Prorata\",\n id: \"prorata\",\n maxWidth: 75,\n Cell: props => {\n if (props.original.id === 0) {\n return null;\n }\n\n const intendedNbLessons = props.original.intended_nb_lessons\n return{props.original.prorata || intendedNbLessons} sur {intendedNbLessons}
;\n },\n },\n {\n Header: \"Montant total\",\n id: \"initial_total\",\n maxWidth: 150,\n accessor: d => {\n let prorataTotal = 0;\n if (d.id == 0 || d.due_total >= 0) {\n prorataTotal = d.due_total;\n } else {\n prorataTotal = \"--\";\n }\n return (\n\n {prorataTotal + \" €\"}\n
\n );\n },\n style: {\n textAlign: \"right\",\n display: \"block\",\n }\n },\n {\n Header: \"Remise\",\n id: \"coupon\",\n maxWidth: 100,\n accessor: d => {\n d.coupon.percent_off ?{d.coupon.percent_off + \" %\"}
: null\n },\n Cell: props => {\n if (this.props.isStudentView) {\n return{\n props.original.coupon.percent_off ?\n `${props.original.coupon.percent_off}% (${props.original.coupon.label})`\n : '-'\n }
;\n }\n\n return (\n{d.discountedTotal.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })}
;\n },\n style: {\n textAlign: \"right\",\n display: \"block\",\n fontSize: \"18px\",\n marginBottom: 0,\n },\n Footer: (\n \n \n Total:\n {` ${totalDue == null\n ? \"--\"\n : totalDue.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n\n\n \n Total échéancier:\n \n {` ${previsionalTotal == null\n ? \"--\"\n : previsionalTotal.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n
\n\n \n Total réglé à ce jour:\n \n {` ${totalPaymentsToDay == 0 &&\n previsionalTotal == null\n ? \"--\"\n : totalPaymentsToDay.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n\n
\n\n \n Solde:\n \n {` ${totalPayments == 0 &&\n previsionalTotal == null\n ? \"--\"\n : (previsionalTotal - totalPayments).toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n \n )\n }\n ];\n\n return (\n
\n this.closeCreateCouponModal()}\n onSubmit={item => this.createCoupon(item)}\n />\n
\n );\n }\n\n}","import React, {useState, useEffect} from \"react\";\nimport ReactTable from \"react-table\";\nimport \"react-table/react-table.css\";\nimport * as api from \"../../../../tools/api\";\nimport moment from \"moment\";\nimport swal from \"sweetalert2\";\n\nexport default function InvoicesSummary(props) {\n const [invoiceData, setInvoiceData] = useState([]);\n const [creditNoteStatus, setCreditNoteStatus] = useState({});\n const payers = props.payers;\n\n useEffect(() => {\n if (payers) {\n payers.forEach((payer) => {\n api.set()\n .success((res) => {\n const sortedInvoices = res.sort((a, b) => new Date(b.due_date) - new Date(a.due_date));\n setInvoiceData((prevData) => [...prevData, ...sortedInvoices]);\n checkCreditNote(sortedInvoices);\n })\n .error((res) => {\n console.log(\"error\", res);\n })\n .get(\"/api/student_payments/invoice/show\", {payer: payer.id});\n });\n }\n }, [payers]);\n\n\n function checkCreditNote(invoices) {\n invoices.forEach((invoice) => {\n api.set()\n .success((res) => {\n if (res.error) {\n console.log(\"API error:\", res.error);\n } else if (res.has_credit_notes) {\n res.credit_notes.forEach((creditNote) => {\n setCreditNoteStatus((prevStatus) => ({\n ...prevStatus,\n [invoice.stripe_invoice_id]: creditNote.stripe_credit_note_id\n }));\n });\n }\n })\n .error((res) => {\n console.log(\"Network error:\", res);\n })\n .get(`/api/student_payments/credit_note/${invoice.stripe_invoice_id}`, {});\n });\n }\n\n function handleIssuedPaidInvoice(stripe_invoice_id, payer_id) {\n const invoiceId = stripe_invoice_id;\n swal.showLoading();\n api.set()\n .success(res => {\n const pdfUrl = res.url;\n if (pdfUrl) {\n window.open(pdfUrl, \"_blank\");\n }\n\n swal({\n title: \"La facture a été éditée avec succès !\",\n type: \"success\",\n }).then(() => {\n window.location.reload();\n });\n })\n .error((res) => {\n swal({\n title: res.error,\n type: \"error\",\n text: res.message\n });\n })\n .post(\n `/api/student_payments/invoice/issued_paid_invoice`,\n {\n invoiceId: invoiceId,\n payerId: payer_id\n }\n );\n }\n\n\n function showIssuedInvoice(stripe_invoice_id) {\n swal.showLoading();\n api.set()\n .success(res => {\n const pdfUrl = res.url;\n if (pdfUrl) {\n swal.close();\n window.open(pdfUrl, \"_blank\");\n }\n })\n .error((error) => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors du téléchargement de la facture\",\n type: \"error\"\n });\n })\n .get(`/api/student_payments/stripe/issued_invoice/${stripe_invoice_id}`, {});\n }\n\n function downloadInvoice(stripe_invoice_id) {\n swal.showLoading();\n api.set()\n .success((data) => {\n if (data.url) {\n swal.close();\n window.location = data.url;\n }\n })\n .error((error) => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors de la création de la facture\",\n type: \"error\"\n });\n })\n .get(`/api/student_payments/stripe/invoice/${stripe_invoice_id}`, {});\n }\n\n function downloadCreditNote(stripe_credit_note_id) {\n swal.showLoading();\n\n api.set()\n .success((data) => {\n if (data.url) {\n swal.close();\n window.location = data.url;\n }\n })\n .error((error) => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors de la création de la facture\",\n type: \"error\"\n });\n })\n .get(`/api/student_payments/stripe/credit_note/${stripe_credit_note_id}`, {});\n }\n\n const columns = [\n {\n Header: \"Statut\",\n accessor: \"status\",\n Cell: row => {\n return row.original.paid ?\n \n {/* \n \n \n */}\n {!this.props.isStudentView && _.values(this.props.schedules).length > 0 ? (\n
\n\n \n \n
\n ) : null}\n \n {this.props.locations.map((l, i) => (\n \n ))}\n
\n \n
\n\n Infos générales
\n\n {!this.props.isStudentView && this.props.isInvoicesActivated ? \n this.showCreateCouponModal()}>\n \n Créer un taux de remise\n \n \n : \"\"}\n\n\n\n
\n Acquittée
:\nOuverte
\n },\n className: \"text-center\",\n width: 100,\n },\n {\n Header: \"Date de création\",\n accessor: \"created_at\",\n Cell: row => {\n return moment(row.value).format(\"DD/MM/YYYY\");\n },\n width: 150,\n className: \"text-center\"\n },\n {\n Header: \"Date d'échéance\",\n accessor: \"due_date\",\n Cell: row => {\n return moment(row.value).format(\"DD/MM/YYYY\");\n },\n width: 150,\n className: \"text-center\"\n },\n {\n Header: \"Numéro\",\n accessor: \"number\",\n className: \"text-center\"\n },\n {\n Header: \"Montant\",\n accessor: \"amount_due\",\n Cell: row => {\n const amount = parseFloat(row.value);\n const isInteger = Number.isInteger(amount);\n return isInteger ? Math.floor(amount) + \" €\" : amount.toFixed(2) + \" €\";\n },\n width: 80,\n className: \"text-right font-weight-bold\"\n },\n {\n Header: \"Téléchargement\",\n accessor: \"stripe_invoice_id\",\n Cell: row => {\n return (\n\n {\n creditNoteStatus[row.original.stripe_invoice_id] && (\n \n )\n }\n \n
\n )\n },\n className: \"text-right\",\n },\n {\n Header: \"Actions\",\n accessor: \"stripe_invoice_id\",\n Cell: row => {\n return (\n \n {row.original.paid === null && (\n \n )}\n
\n );\n },\n className: \"text-center\",\n }\n\n ];\n\n return (\n \n
\n );\n}\n","import React, {Component, Fragment} from 'react';\nimport Modal from \"react-modal\";\nimport ReactTable from \"react-table\";\nimport * as api from \"../../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport PropTypes from \"prop-types\";\n\nconst moment = require(\"moment\");\n\nexport default class ModalBillingPayers extends Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n showDesiredInvoicesModal: false,\n };\n }\n\n render()\n {\n const all_billing_logs = this.props.datas.map((data) => (data.des || {}).billing_logs || data.billing_logs).filter((data) => data).flat(1);\n const payer_billing_logs = all_billing_logs.filter((data) => data.payer_id === this.props.payer.id);\n const payer_billing_logs_by_object = payer_billing_logs.reduce((acc, data) =>\n {\n if (!acc[data.billing_object_id]) {\n acc[data.billing_object_id] = [];\n }\n\n acc[data.billing_object_id].push(data);\n\n return acc;\n }, {});\n\n const credit_notes = payer_billing_logs.filter(data => data[\"is_credit_note?\"] === true);\n\n const columns = [\n {\n id: \"date\",\n Header: \"Date\",\n width: 100,\n accessor: d => d[1][0] ? moment(d[0].issue_date).format(\"DD/MM/YYYY\") : \"XX/XX/XXXX\",\n Cell: props => \n
\n Factures
\n{props.value}
\n },\n {\n id: \"amount\",\n Header: \"Montant\",\n width: 100,\n accessor: d => d[1].reduce((acc, data) => acc + data.unit_price * data.prorata, 0),\n Cell: props => {props.value}
\n },\n {\n id: \"objects\",\n Header: \"Objets\",\n Cell: props => {\n const datas = props.original[1].map(data => {\n console.log(data)\n if(data.product_type === \"des_act\")\n return this.props.datas.find(d => d.id == data.product_id).activity;\n else if(data.product_type === \"adh\")\n return \"Adhésions\";\n else\n return \"\";\n }).filter((data, index, self) => self.indexOf(data) === index).filter(data => data); // Remove duplicates and empty values\n\n return {datas.join(\", \")}
\n }\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n width: 150,\n Cell: props => \n this.download(props.original[0], (props.original[1][0] || {})[\"is_credit_note?\"])}>\n \n Télécharger\n \n
\n }\n ];\n\n return Factures de {this.getFullname(this.props.payer)}
\n\n \n \n
\n
\n }}\n />\n \n Avoirs:
\n| Date | \nMontant | \nObjets | \nActions | \n
|---|---|---|---|
| {moment(data[0].issue_date).format(\"DD/MM/YYYY\")} | \n{data[1].reduce((acc, data) => acc + data.unit_price * data.prorata, 0)} | \n{data[1].map(data => {\n if(data.product_type === \"des_act\")\n return this.props.datas.find(d => d.id == data.product_id).activity;\n else if(data.product_type === \"adh\")\n return \"Adhésions\";\n else\n return \"\";\n }).filter((data, index, self) => self.indexOf(data) === index).filter(data => data).join(\", \")} | \n\n | \n
\n \n\n this.setState({showInvoiceModal: true})}>\n \n Editer une facture\n \n\n this.setState({showInvoiceModal: false})}\n >\n this.setState({showInvoiceModal: false})}/>\n\n
\n }\n\n getTypeOfLine(line)\n {\n if(line.des)\n return \"des_act\";\n\n if(line.adhesionId)\n return \"adh\";\n\n if(line.packId)\n return \"pack\";\n\n return \"unknown\"\n }\n\n getIdOfLine(line) {\n switch (this.getTypeOfLine(line)) {\n case \"des_act\":\n return line.des.id;\n case \"adh\":\n return line.adhesionId;\n case \"pack\":\n return line.packId;\n default:\n return 0;\n }\n }\n\n getFullname(user) {\n return user.first_name + ' ' + user.last_name\n }\n\n createInvoice() {\n swal.showLoading();\n\n api.set()\n .success((data) => {\n swal({\n title: \"Facture créée\",\n text: \"La facture a été créée avec succès\",\n type: \"success\"\n }).then(() => window.location.reload());\n })\n .error((error) => {\n console.error(error)\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors de la création de la facture\",\n type: \"error\"\n });\n })\n .post(`/api/student_payments/invoice`, {\n payer_id: this.state.selectedPayer,\n lines: this.state.selectedLines,\n quotites: this.state.selectedLinesQuotites,\n season_id: this.props.season,\n due_date: this.state.dueDate,\n });\n }\n}\n\nModalGenerateInvoice.propTypes = {\n season: PropTypes.number.isRequired,\n payers: PropTypes.array.isRequired,\n generalColumns: PropTypes.array.isRequired,\n tableDatas: PropTypes.array.isRequired,\n}","import React, {Component, Fragment} from 'react';\nimport Modal from \"react-modal\";\nimport ReactTable from \"react-table\";\nimport * as api from \"../../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport PropTypes from \"prop-types\";\nimport SelectMultiple from \"../../../common/SelectMultiple\";\nimport CreatableSelect from \"react-select/lib/Creatable\";\n\nconst moment = require(\"moment\");\n\n/**\n * props:\n * - data: array of all activities datas\n * - payers: array of all payers\n */\nexport default class ModalShowInvoices extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showDesiredInvoicesModal: false,\n swal_credit_notes: {\n show: false,\n billing_objects: []\n }\n };\n\n this.downloadInvoice = this.downloadInvoice.bind(this);\n this.generateCreditNotes = this.generateCreditNotes.bind(this);\n this.generateCreditNotes = this.generateCreditNotes.bind(this);\n }\n\n hasBillingLogs(data) {\n return data.some(d => ((d.des || {}).billing_logs || []).length > 0 || (d.billing_logs || []).length > 0);\n }\n\n render() {\n const data = this.props.data || [];\n\n if (!this.hasBillingLogs(data)) {\n return \n this.setState({showDesiredInvoicesModal: true})}>\n \n Créer un avoir\n \n\n this.setState({showDesiredInvoicesModal: false})}\n contentLabel=\"Factures\"\n style={{\n content: {\n inset: \"auto\",\n minWidth: \"50%\",\n }\n }}\n ariaHideApp={false}\n >\n { this.setState({swal_credit_notes: {show: false, billing_objects: []}})}\n contentLabel=\"Factures\"\n style={{\n content: {\n inset: \"auto\",\n minWidth: \"50%\",\n }\n }}\n ariaHideApp={false}>\n \n }\n\n factureIsTotallyCredited(billings_by_id, billing_object_id) {\n const billings = billings_by_id[billing_object_id];\n\n if (billings.length === 0 || billings[0][\"is_credit_note?\"])\n return false;\n\n const facture_amount = billings.reduce((a, b) => a + (b[\"is_credit_note?\"] ? 0 : b.unit_price * b.prorata), 0);\n const credit_notes_amount = Object.values(billings_by_id)\n .flat(1)\n .filter(b => billings.map(bb => bb.billing_object_item_id).includes(b.billing_object_item_id) && b[\"is_credit_note?\"])\n .reduce((a, b) => a + b.unit_price * b.prorata, 0);\n\n return Math.abs(credit_notes_amount) >= facture_amount;\n }\n\n showCreditNote(billing_object, billings_payers) {\n if (billing_object[\"is_credit_note?\"] || billing_object.unit_price * billing_object.prorata < 0)\n return false;\n\n const billings = Object.values(billings_payers);\n\n const credit_notes = billings\n .flat(1)\n .filter(b => b.billing_object_item_id === billing_object.billing_object_item_id && b[\"is_credit_note?\"]);\n\n const credit_notes_amount = credit_notes.reduce((a, b) => a + b.unit_price * b.prorata, 0);\n\n return Math.abs(credit_notes_amount) < billing_object.unit_price * billing_object.prorata;\n }\n\n getCreditNotesForInvoice(billings_by_id, billing_object_id) {\n const billings = billings_by_id[billing_object_id];\n\n if (billings.length === 0 || billings[0][\"is_credit_note?\"])\n return [];\n\n const credit_notes = Object.values(billings_by_id)\n .flat(1)\n .filter(b => billings.map(b => b.billing_object_item_id).includes(b.billing_object_item_id) && b[\"is_credit_note?\"]);\n\n const credit_notes_by_id = {};\n\n for (const creditNote of credit_notes) {\n credit_notes_by_id[creditNote.billing_object_id] = credit_notes_by_id[creditNote.billing_object_id] || [];\n\n credit_notes_by_id[creditNote.billing_object_id].push(creditNote);\n }\n\n return credit_notes_by_id;\n }\n\n showSwalCreditNotes(billing_objects, billing_payers) {\n //show a swal with multiple select to choose which credit notes to generate\n this.setState({\n swal_credit_notes: {\n show: true,\n billing_objects: billing_objects,\n selected_items: billing_objects\n .filter(b => this.showCreditNote(b, billing_payers))\n .map(b => ({\n value: b.id,\n label: this.props.data.find(d => b.product_type === \"adh\" ? d.id === 0 : d.id == b.product_id).activity\n }))\n }\n });\n }\n\n downloadInvoice(billing_object_id, is_credit_note) {\n swal.showLoading();\n\n api.set()\n .success((data) => {\n if (data.url) {\n swal.close();\n window.location = data.url;\n }\n })\n .error((error) => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors de la création de la facture\",\n type: \"error\"\n });\n })\n .get(`/api/student_payments/stripe/${is_credit_note ? 'credit_note' : 'invoice'}/${billing_object_id}`, {});\n }\n\n generateCreditNotes(billing_log_ids) {\n swal.showLoading();\n\n api.set()\n .success((data) => {\n swal({\n title: \"Avoir généré\",\n text: \"L'avoir a été généré\",\n type: \"success\"\n }).then(() => window.location.reload());\n })\n .error((error) => {\n swal({\n title: \"Erreur\",\n text: \"Une erreur s'est produite lors de la création de l'avoir\",\n type: \"error\"\n });\n })\n .post(`/api/student_payments/credit_note`, {billing_log_ids});\n }\n\n getFullname(user) {\n return user.first_name + ' ' + user.last_name\n }\n\n\n}\n\nModalShowInvoices.propTypes = {\n data: PropTypes.array.isRequired,\n payers: PropTypes.array.isRequired\n}","import React from 'react';\n\nexport default function StripeCreditNoteActionButtons({\n item: item,\n onEdit,\n onDelete\n}) {\n return (\n \n\n {this.formatFloatWithTwoDecimal(totalHT)} € \n ,\n \n\n {this.formatFloatWithTwoDecimal(totalTVA)} € \n ,\n \n\n {this.formatFloatWithTwoDecimal(montantTotalCrediter)} € \n ,\n \n\n {this.formatFloatWithTwoDecimal(montantFacture)} € \n ,\n \n\n {this.formatFloatWithTwoDecimal(montantReajuste)} € \n ,\n\n\n ]\n }\n\n render() {\n\n const items = this.props.lineItems\n\n const baseAmount = items[0].stripe_invoice.amount_due\n const reasonList = () => {\n return [\n {\"value\": \"duplicate\", \"label\": \"Doublon\"},\n {\"value\": \"product_unsatisfactory\", \"label\": \"Produit insatisfaisant\"},\n {\"value\": \"order_change\", \"label\": \"Modification de la commande\"},\n {\"value\": \"fraudulent\", \"label\": \"Paiement frauduleux\"}\n ]\n }\n const initCreditNote = (items, id_invoice) => {\n\n const initValue = [{}]\n for (let i = 0; i < items.length; i++) {\n\n initValue[i] = {\n \"stripe_li\": items[i].stripe_li,\n \"quantity\": items[i].quantity,\n \"lessThanQuantity\": items[i].quantity,\n \"unit_amount\": items[i].stripe_price.unit_amount_decimal,\n \"tax_id\": items[i].stripe_price.stripe_product.tax_rate,\n \"selected\": true\n }\n\n }\n\n return {lineSelect: [...initValue], stripe_invoice_id: id_invoice}\n }\n const disableSubmit = (state) => {\n for (let i = 0; i < state.length; i++)\n if (state[i].selected)\n return false\n return true\n }\n const requiredSelect = value => (value !== undefined ? undefined : 'requis')\n\n return \n \n (\n \n \n }\n}","import React, {Fragment} from \"react\";\nimport swal from \"sweetalert2\";\nimport {makeDebounce} from \"./../../../../tools/inputs\";\nimport BaseDataTable from \"../../../common/baseDataTable/BaseDataTable\";\nimport DataService from \"../../../common/baseDataTable/DataService\";\nimport * as StripeHelpers from \"../stripeUtils/StripeHelpers\";\nimport {formatFloatWithTwoDecimal, formatStringifiedFloatAsCurrency} from \"../stripeUtils/StripeHelpers\";\nimport * as api from \"../../../../tools/api\";\n\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nexport default class StripeCreditNotesList extends React.Component {\n STATUS_MAPPING = {\n issued: \"émis\",\n void: \"annulé\",\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n pages: null,\n sorted: '',\n loading: true,\n filter: {},\n customerList: [{label: 'Chargement', value: -1}],\n showModal: {value: false},\n loadCsv: false,\n loadPDF: {stripeCreditNoteId: null, loading: false},\n delete: {stripeCreditNoteId: null, loading: false},\n };\n\n }\n\n downloadPDF(url) {\n if (!url) return;\n\n window.open(url, '_blank');\n this.setState({loadPDF: {stripeCreditNoteId: null, loading: false}})\n }\n\n\n render() {\n const columns = [\n {\n id: \"created\",\n\n Header: \"Créé le\",\n accessor: d => {\n let dateFormat = new Date(d.created)\n //const date = dateFormat.getDate() + \" \" + months[dateFormat.getMonth()] + \" \" + dateFormat.getFullYear()\n return dateFormat.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' });\n },\n filterable: false,\n },\n {\n id: \"number\",\n Header: \"Numéro d'avoir\",\n accessor: \"number\",\n filterable: false,\n },\n {\n id: \"customer_name\",\n Header: \"Client\",\n accessor: \"customer_name\",\n filterable: false,\n },\n {\n id: \"status\",\n Header: \"Statut\",\n accessor: row => this.STATUS_MAPPING[row.status],\n filterable: false,\n },\n {\n id: \"amount\",\n Header: \"Montant TTC\",\n accessor: \"amount\",\n Cell: props => (\n \n {stripeInvoice ? (\n \n {stripeInvoice.number}\n \n \n \n ) : (\n Facture non disponible\n )}\n \n {stripeInvoice.total ? formatStringifiedFloatAsCurrency(stripeInvoice.total) : \"N/A\"}\n \n );\n },\n filterable: false,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n );\n\n }\n}\n\n\n\n","import React, {Fragment} from \"react\";\n\nimport TableProduct from \"../stripeUtils/TableProduct\";\nimport SelectUser from \"../stripeUtils/SelectUser\";\nimport EditOrganizationModal from \"../stripeUtils/EditOrganizationModal\";\n\nimport Input from \"./../../../../components/common/Input\";\n\nimport {Field, Form} from \"react-final-form\";\nimport arrayMutators from \"final-form-arrays\";\nimport * as api from \"./../../../../tools/api\";\nimport {redirectTo} from \"./../../../../tools/url\";\n\nimport swal from \"sweetalert2\";\n\nconst moment = require('moment');\nexport default class StripeInvoiceEditCreate extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n this.doSubmit = this.doSubmit.bind(this);\n this.validate = this.validate.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.createOperation = !this.props.invoice.stripe_invoice_id\n this.editOperation = !this.createOperation;\n }\n\n initInvoice(items) {\n if (!items) return (\n {\n invoiceItems: [],\n archivedProducts: []\n }\n )\n\n const invoiceItems = []\n const archivedProducts = []\n items.forEach(item => {\n if (item.stripe_price !== undefined) {\n const stripeProductActive = item.stripe_price.stripe_product.active\n //console.log(\"item: \", item)\n //console.log(\"discount ?\", item.discounts && item.discounts.length > 0 ? item.discounts[0] : 0)\n if (stripeProductActive) {\n invoiceItems.push({\n quantity: item.quantity,\n stripe_ii: item.stripe_ii,\n stripe_price_id: item.stripe_price_id,\n stripe_product_id: item.stripe_price.stripe_product_id,\n stripe_product_name: item.stripe_price.stripe_product.name,\n taxId: item.tax_rates && item.tax_rates.length > 0 ? item.tax_rates[0].id : null,\n couponId: item.discounts && item.discounts.length > 0 ? item.discounts[0].coupon.id : \"none\",\n active: stripeProductActive\n })\n\n } else {\n archivedProducts.push({\n quantity: item.quantity,\n stripe_ii: item.stripe_ii,\n stripe_price_id: item.stripe_price_id,\n stripe_product_id: item.stripe_price.stripe_product_id,\n stripe_product_name: item.stripe_price.stripe_product.name,\n taxId: item.tax_rates && item.tax_rates.length > 0 ? item.tax_rates[0].id : null,\n couponId: item.discounts && item.discounts.length > 0 ? item.discounts[0].coupon.id : \"none\",\n active: stripeProductActive,\n price: item.stripe_price.unit_amount_decimal\n })\n }\n\n }\n })\n return {\n invoiceItems: [...invoiceItems],\n archivedProducts: [...archivedProducts]\n }\n }\n\n prepareInvoice(e) {\n const invoice = {\n customer_id: this.editOperation ? e.id_customer : e.id_customer.value,\n due_date: e.due_date,\n description: e.description,\n footer: e.footer\n }\n invoice.items = e.items.map(item => {\n const temp = {\n stripe_product_id: item.stripe_product_id,\n stripe_ii: item.stripe_ii,\n stripe_price_id: item.stripe_price_id,\n quantity: item.quantity,\n taxId: item.taxId || null\n };\n if (item.couponId !== \"none\")\n temp.couponId = item.couponId;\n return temp;\n }\n )\n return invoice;\n }\n\n async handleSubmit(e, form) {\n //console.log(\"handleSubmit e: \", e)\n if (this.preventSubmit(form.getState())) {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: \"Veuillez ajouter au moins une ligne à la facture.\"\n })\n return;\n }\n await this.doSubmit(e);\n }\n\n async doSubmit(e) {\n const invoice = this.prepareInvoice(e);\n const url = this.editOperation ? `/stripe_invoices/${this.props.invoice.stripe_invoice_id}` : \"/stripe_invoices/\";\n const message = this.editOperation ? \"Facture modifié\" : \"Facture créée\";\n\n //console.log(\"e\", e)\n //console.log(\"invoice: \", invoice)\n\n await api\n .set()\n .success(() => {\n redirectTo(\"/facturation#tab-2\");\n swal({\n type: \"success\",\n title: message\n });\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(url, {invoice});\n }\n\n validate(e) {\n const errors = {};\n\n if (this.createOperation) {\n if (!e.id_customer) {\n errors.id_customer = 'Selectionnez un client.'\n } else {\n if (e.id_customer.displayModal) {\n errors.id_customer = \n }\n if (e.id_customer.errorValid) {\n errors.id_customer =\n Ajoutez le numéro de téléphone ainsi que\n l'adresse postale pour sélectionner ce client\n }\n }\n }\n if (e.due_date) {\n const dateNow = moment(new Date()).format('YYYY-MM-DD');\n if (Date.parse(e.due_date) <= Date.parse(dateNow))\n errors.due_date = \"La date d'expiration est incorrecte.\"\n } else\n errors.due_date = \"Selectionnez une date d'expiration.\"\n\n /*\n if (e.description === undefined || (e.description && e.description.trim().length < 1))\n errors.description = \"La description d'un devis ne peut pas être vide.\"\n\n if (e.footer === undefined || (e.footer && e.footer.trim().length < 1))\n errors.footer = \"Le pied de page d'un devis ne peut pas être vide.\"\n */\n\n if (!e.items || e.items.length === 0) return errors;\n\n let itemsErrors = []\n e.items.forEach((item, index) => {\n let rowErrors = {}\n\n\n // Vérification sur la quantité\n if (item.quantity) {\n let regExp = /[a-zA-Z]/g;\n if (regExp.test(item.quantity) || isNaN(parseFloat(item.quantity)))\n rowErrors.quantity = \"La quantité ne peut pas contenir de caractère.\"\n else {\n const n = parseFloat(item.quantity)\n if (n < 1)\n rowErrors.quantity = \"La quantité doit être plus grande que 0.\"\n }\n } else {\n rowErrors.quantity = \"La quantité ne peut pas être vide.\"\n }\n\n // Vérification sur le produit et le prix ont été selectionnés\n if (!item.stripe_product_id || item.stripe_product_id === -1)\n rowErrors.stripe_product_id = \"Sélectionnez un produit ou supprimez la ligne.\"\n\n if (!item.stripe_price_id || item.stripe_price_id === \"none\")\n rowErrors.stripe_price_id = \"err_must_select_price\"\n\n itemsErrors.splice(index, 0, rowErrors);\n })\n\n errors.items = itemsErrors\n\n //console.log(\"errors: \", errors)\n return errors;\n\n }\n\n preventSubmit(formState) {\n // console.log(\n // \"formState: \",\n // formState,\n // formState.values ? formState.values.items : null,\n // formState.values ? formState.values.archivedProducts : null\n // )\n return !(\n formState.valid &&\n formState.values &&\n (formState.values.items || formState.values.archivedProducts > 0)\n )\n }\n\n\n render() {\n const required = value => (value ? undefined : 'requis');\n const invoice = this.props.invoice;\n const customer = invoice ? invoice.customer : null;\n\n const dueDate = invoice ?\n moment(invoice.due_date).format('YYYY-MM-DD')\n :\n (moment().add(1, 'months')).format('YYYY-MM-DD');\n\n const {invoiceItems, archivedProducts} = this.initInvoice(this.props.items);\n const formTitle = this.editOperation ? \"Modifier la facture\" : \"Créer une facture\"\n const initialValues = this.editOperation ?\n {\n items: invoiceItems,\n id_customer: customer.stripe_customer_id,\n stripe_invoice_id: invoice.stripe_invoice_id,\n }\n :\n null;\n const customerLabelOrSelector = this.editOperation ?\n \n \n \n \n :\n \n\n return \n {\n //console.log(\"errors\", errors)\n return \n \n \n\n }}\n />\n \n\n }\n}","import React, {Fragment} from \"react\";\nimport swal from \"sweetalert2\";\n\nimport {csrfToken} from \"./../../../utils\";\nimport {makeDebounce} from \"./../../../../tools/inputs\";\nimport ReactTableFullScreen from \"./../../../ReactTableFullScreen\";\nimport Select from \"react-select\";\n\nimport ModalChangeStatus from \"../stripeUtils/ModalChangeStatus\";\n\nimport * as api from \"./../../../../tools/api\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nconst debounce = makeDebounce();\n\nclass StripeInvoiceList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n pages: null,\n sorted: '',\n loading: true,\n filter: {},\n customerList: [{label: 'Chargement', value: -1}],\n showModal: {value: false},\n loadCsv: false,\n loadPDF: {invoiceId: null, loading: false},\n };\n\n this.fetchData = this.fetchData.bind(this);\n this.selectUserList()\n }\n\n requestData = (pageSize, page, sorted, filtered, format) => {\n return fetch(`${this.props.urlListData}${format ? \".\" + format : \"\"}`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n pageSize,\n page,\n sorted: sorted[0],\n filtered,\n }),\n });\n };\n\n fetchData(state, instance) {\n\n this.setState({loading: true, filter: state});\n debounce(() => {\n this.requestData(\n state.pageSize,\n state.page,\n state.sorted,\n state.filtered\n )\n .then(response => response.json())\n .then(data => {\n const res = {\n\n data: data.invoices,\n pages: data.pages,\n total: data.total,\n };\n\n return res;\n })\n .then(res => {\n this.setState({\n ...res,\n loading: false,\n });\n });\n }, 400);\n }\n\n async selectUserList() {\n const data = await fetch(`/users/simple_list.json`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n const value = await data.json()\n let options = []\n value.users.forEach(user => {\n options.push({'label': user.first_name + \" \" + user.last_name, 'value': user.id})\n })\n this.setState({customerList: options})\n }\n\n downloadExport() {\n this.requestData(\n this.state.filter.pageSize,\n this.state.filter.page,\n this.state.filter.sorted,\n this.state.filter.filtered,\n \"csv\"\n )\n .then(res => res.blob())\n .then(file => {\n const download = document.createElement(\"a\");\n download.download = `Facture_${moment().format(\n \"DD_MM_YYYY\"\n )}.csv`;\n download.href = URL.createObjectURL(file);\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n this.setState({loadCsv: false})\n });\n }\n\n linkShowOrEdit(id, text, status, number = false) {\n const clasName = (number ? \"text-dark\" : \"w-100 d-flex text-dark\")\n return {text}\n }\n\n\n deleteInvoice(id) {\n\n swal({\n title: \"La facture sera supprimée définitivement.\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"annuler\",\n confirmButtonText: 'supprimer'\n }).then(res => {\n if (res.value) {\n api\n .set()\n .success(() => {\n swal({\n type: \"success\",\n title: \"Facture supprimée\"\n });\n this.fetchData(this.state.filter)\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: msg\n })\n\n })\n .del(`/stripe_invoices/${id}`);\n\n }\n })\n\n }\n\n downloadPDF(id) {\n api\n .set()\n .success((msg) => {\n const download = document.createElement(\"a\");\n download.download = `Facture.pdf`;\n download.href = msg.link;\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n this.setState({loadPDF: {invoiceId: null, loading: false}})\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(`/stripe_invoices/${id}/download_pdf`);\n }\n\n render() {\n const {data, pages, loading, customerList} = this.state;\n const required = value => (value ? undefined : 'requis')\n\n const status = [\n {value: 'draft', label: \"Brouillon\"},\n {value: 'open', label: \"Finalisée\"},\n {value: 'void', label: \"Annulée\"},\n {value: 'paid', label: \"Payée\"},\n {value: 'uncollectible', label: \"Non recouvrable\"},\n ]\n\n const columns = [\n {\n id: \"number\",\n Header: \"Numéro de la facture\",\n accessor: d => this.linkShowOrEdit(d.stripe_invoice_id, d.number, d.status),\n sortable: false,\n filterable: false,\n },\n {\n id: \"created_at\",\n Header: \"Créé le\",\n accessor: d => {\n let dateFormat = new Date(d.created_at)\n const date = dateFormat.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' });\n return this.linkShowOrEdit(d.stripe_invoice_id, date, d.status)\n },\n filterable: false,\n },\n {\n id: \"due_date\",\n Header: \"Date d'échéance\",\n accessor: d => {\n if (d.due_date === null)\n return this.linkShowOrEdit(d.stripe_invoice_id, \"NON PRÉCISÉ\", d.status)\n\n let dateFormat = new Date(d.due_date)\n const date = dateFormat.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' });\n return this.linkShowOrEdit(d.stripe_invoice_id, date, d.status)\n },\n filterable: false,\n },\n {\n id: \"status\",\n Header: \"Statut\",\n accessor: d => {\n const s = status.find(s => s.value === d.status).label\n\n return this.linkShowOrEdit(d.stripe_invoice_id, s, d.status)\n },\n filterable: false,\n },\n {\n id: \"customer\",\n Header: \"Client\",\n accessor: d => {\n const full_name = d.customer.first_name + \" \" + d.customer.last_name\n return this.linkShowOrEdit(d.stripe_invoice_id, full_name, d.status)\n },\n filterable: false,\n },\n {\n id: \"Description\",\n Header: \"Description\",\n accessor: d => this.linkShowOrEdit(d.stripe_invoice_id, d.description, d.status),\n filterable: false,\n },\n {\n id: \"amount_due\",\n Header: \"Montant (TTC)\",\n accessor: d => {\n const amount_total = d.amount_due\n let price = new Intl.NumberFormat('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n }).format(amount_total)\n\n return (\n {this.linkShowOrEdit(d.stripe_invoice_id, price, d.status, true)}
)\n\n },\n filterable: false,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n\n let displayAction = []\n if (props.original.status === \"draft\") {\n displayAction.push(\n
\n }\n });\n }\n\n return this.setState({showInvoiceModal: false})}/>\n\n \n \n {this.state.selectedPayer === undefined ? \"Sélectionner un payeur\" : `Sélectionner une ou plusieurs lignes à ajouter a la facture pour ${this.getFullname(this.props.payers.find(p => p.id === this.state.selectedPayer))}`}\n \n \n\n \n \n {this.state.selectedPayer === undefined ?\n \n this.setState({selectedPayer: parseInt(e.target.value)})}>\n \n {this.props.payers.map(p => )}\n \n \n :\n \n {\n if (tableDatas.length === 0)\n return;\n\n const newState = {...this.state};\n\n if (e.target.checked) {\n newState.selectedLines = tableDatas.map(d => ({\n type: this.getTypeOfLine(d),\n id: this.getIdOfLine(d)\n }));\n } else\n newState.selectedLines = [];\n\n\n this.setState(newState);\n }}\n />,\n filterable: false,\n sortable: false,\n Cell: props => \n b.type === this.getTypeOfLine(props.original) && b.id === this.getIdOfLine(props.original)) !== undefined}\n onChange={(e) => this.setState({\n selectedLines: e.target.checked ?\n [\n ...this.state.selectedLines,\n {\n id: this.getIdOfLine(props.original),\n type: this.getTypeOfLine(props.original)\n }\n ]\n :\n this.state.selectedLines.filter(i =>\n !(\n i.type === this.getTypeOfLine(props.original)\n && i.id === this.getIdOfLine(props.original)\n )\n )\n })}/>\n \n }, {\n Header: \"Quotité (%)\",\n filterable: false,\n sortable: false,\n Cell: props => {\n\n const billingLogs = (props.original.des || {}).billing_logs || (props.original.billing_logs || []).filter(b => b.product_id == this.getIdOfLine(props.original));\n const total_prorata = billingLogs.reduce((acc, bl) => acc + bl.prorata, 0);\n const total_prorata_percent = total_prorata * 100;\n\n const max = 100 - total_prorata_percent;\n\n const formatKey = d => `${ this.getIdOfLine(d)}:${this.getTypeOfLine(d)}`;\n\n this.state.selectedLinesQuotites[formatKey(props.original)] = this.state.selectedLinesQuotites[formatKey(props.original)] || max;\n\n return {\n let value = parseInt(e.target.value);\n\n if (value > max)\n value = max;\n else if (value < 0)\n value = 0;\n\n this.state.selectedLinesQuotites[formatKey(props.original)] = value;\n }}\n />\n }\n }, ...this.props.generalColumns.map(col => ({\n ...col,\n Footer: undefined\n })).filter(col => col.Header != \"Tarif\" && col.Header != \"Prorata\")]}\n defaultSorted={[{id: \"activity\", desc: false}]}\n resizable={false}\n previousText=\"Précedent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n showPagination={false}\n className=\"-striped whitebg\"\n />\n\n \n this.setState({dueDate: e.target.value})}\n />\n }\n \n \n\n {this.state.selectedPayer !== undefined && \n \n \n \n\n {this.state.selectedLines.length > 0 && \n \n }\n }\n \n
\n {this.state.selectedPayer === undefined ? \"Sélectionner un payeur\" : `Sélectionner une ou plusieurs lignes à ajouter a la facture pour ${this.getFullname(this.props.payers.find(p => p.id === this.state.selectedPayer))}`}\n
\n \n {this.state.selectedPayer === undefined ?\n \n {\n if (tableDatas.length === 0)\n return;\n\n const newState = {...this.state};\n\n if (e.target.checked) {\n newState.selectedLines = tableDatas.map(d => ({\n type: this.getTypeOfLine(d),\n id: this.getIdOfLine(d)\n }));\n } else\n newState.selectedLines = [];\n\n\n this.setState(newState);\n }}\n />,\n filterable: false,\n sortable: false,\n Cell: props => {\n let value = parseInt(e.target.value);\n\n if (value > max)\n value = max;\n else if (value < 0)\n value = 0;\n\n this.state.selectedLinesQuotites[formatKey(props.original)] = value;\n }}\n />\n }\n }, ...this.props.generalColumns.map(col => ({\n ...col,\n Footer: undefined\n })).filter(col => col.Header != \"Tarif\" && col.Header != \"Prorata\")]}\n defaultSorted={[{id: \"activity\", desc: false}]}\n resizable={false}\n previousText=\"Précedent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n showPagination={false}\n className=\"-striped whitebg\"\n />\n\n \n this.setState({dueDate: e.target.value})}\n />\n }\n
\n \n this.setState({selectedPayer: parseInt(e.target.value)})}>\n \n {this.props.payers.map(p => )}\n \n
\n :\n \n b.type === this.getTypeOfLine(props.original) && b.id === this.getIdOfLine(props.original)) !== undefined}\n onChange={(e) => this.setState({\n selectedLines: e.target.checked ?\n [\n ...this.state.selectedLines,\n {\n id: this.getIdOfLine(props.original),\n type: this.getTypeOfLine(props.original)\n }\n ]\n :\n this.state.selectedLines.filter(i =>\n !(\n i.type === this.getTypeOfLine(props.original)\n && i.id === this.getIdOfLine(props.original)\n )\n )\n })}/>\n
\n }, {\n Header: \"Quotité (%)\",\n filterable: false,\n sortable: false,\n Cell: props => {\n\n const billingLogs = (props.original.des || {}).billing_logs || (props.original.billing_logs || []).filter(b => b.product_id == this.getIdOfLine(props.original));\n const total_prorata = billingLogs.reduce((acc, bl) => acc + bl.prorata, 0);\n const total_prorata_percent = total_prorata * 100;\n\n const max = 100 - total_prorata_percent;\n\n const formatKey = d => `${ this.getIdOfLine(d)}:${this.getTypeOfLine(d)}`;\n\n this.state.selectedLinesQuotites[formatKey(props.original)] = this.state.selectedLinesQuotites[formatKey(props.original)] || max;\n\n return \n \n
\n\n {this.state.selectedLines.length > 0 && \n \n
}\n \n {\n Object.keys(billings_payers).filter(payer_id => this.props.payers.find(u => u.id == payer_id)).map(payer_id => {\n const billings = billings_payers[payer_id];\n const billings_by_id = {};\n\n for (const billing of billings) {\n billings_by_id[billing.billing_object_id] = billings_by_id[billing.billing_object_id] || [];\n\n billings_by_id[billing.billing_object_id].push(billing);\n }\n\n return
\n }\n\n \n\n \n
\n })\n }\n \n
\n Factures\n pour {this.getFullname(this.props.payers.find(p => p.id == payer_id))}
\n\n {\n Object.keys(billings_by_id).map(billing_object_id => {\n if (billings_by_id[billing_object_id][0][\"is_credit_note?\"])\n return \n\n // si la facture a un credit_notes, on ne l'affiche pas\n if (this.factureIsTotallyCredited(billings_by_id, billing_object_id))\n return \n\n const credit_notes = this.getCreditNotesForInvoice(billings_by_id, billing_object_id);\n\n return
\n \n
\n })\n }\n \n
\n \n
\n\n Date: {moment(billings_by_id[billing_object_id][0].issue_date).format(\"DD/MM/YYYY\")}
\n\n {\n billing_object_id == \"null\" ?
\n \n \n Facture non\n générée\n
\n :\n {billings_by_id[billing_object_id][0][\"is_credit_note?\"] ? \"Avoir\" : \"Facture\"} de {billings_by_id[billing_object_id].map(b => b.unit_price * b.prorata).reduce((a, b) => a + b, 0).toFixed(2)}€\n
\n }\n\n\n
\n \n\n \n
\n\n Générer un avoir
\n\n \n this.setState({\n swal_credit_notes: {\n ...this.state.swal_credit_notes,\n selected_items\n }\n })}\n options={this.state.swal_credit_notes.billing_objects.filter((b) => this.showCreditNote(b, billings_payers)).map(b => {\n return {\n value: b.id,\n label: this.props.data.find(d => b.product_type === \"adh\" ? d.id === 0 : d.id == b.product_id).activity\n }\n })}\n />\n\n
\n\n \n \n
\n {(this.state.swal_credit_notes.selected_items || []).map(s => this.state.swal_credit_notes.billing_objects.find(b => b.id === s.value).unit_price * this.state.swal_credit_notes.billing_objects.find(b => b.id === s.value).prorata).reduce((a, b) => a + b, 0).toFixed(2)}€
\n\n \n
\n \n\n onEdit(item)}>\n \n \n\n\n {!item.has_any_discount && onDelete(item)}>\n \n }\n
\n );\n}","import React, {Fragment} from \"react\";\n\nconst moment = require('moment');\n\nimport InputSelect from \"./../../../../components/common/InputSelect\";\nimport Input from \"./../../../../components/common/Input\";\n\nimport {Field, Form} from \"react-final-form\";\nimport {FieldArray} from \"react-final-form-arrays\";\nimport arrayMutators from \"final-form-arrays\";\n\nimport * as api from \"./../../../../tools/api\";\nimport {redirectTo} from \"./../../../../tools/url\";\n\nimport swal from \"sweetalert2\";\n\nexport default class StripeCreditNotesCreate extends React.Component {\n constructor(props) {\n super(props)\n }\n\n onSubmit(e) {\n const lineSelect = []\n e.lineSelect.forEach(item => {\n if (item.selected) {\n lineSelect.push({\"stripe_li\": item.stripe_li, \"quantity\": item.quantity})\n }\n })\n\n api\n .set()\n .success(() => {\n redirectTo(\"/stripe_invoices/\" + e.stripe_invoice_id);\n swal({\n type: \"success\",\n title: \"Avoir créé\"\n });\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\"\n })\n\n })\n .post(\"/stripe_credit_notes/\" + e.stripe_invoice_id, {line: lineSelect, reason: e.reason, memo: e.memo});\n }\n\n validate(e) {\n const errors = {};\n\n if (!e.reason) {\n errors.reason = \"Le motif est obligatoire\"\n }\n errors.lineSelect = []\n e.lineSelect.forEach((line, index) => {\n const quantity = parseInt(line.quantity)\n\n if (line.selected) {\n if (quantity < 1 || isNaN(quantity))\n errors.lineSelect[index] = {quantity: \"La quantité doit être supérieure à 0\"}\n\n if (quantity > line.lessThanQuantity)\n errors.lineSelect[index] = {quantity: \"La quantité pour se produit ne peut pas dépasser \" + line.lessThanQuantity}\n }\n\n })\n return errors;\n }\n\n formatFloatWithTwoDecimal(unit_amount_decimal) {\n return unit_amount_decimal.toFixed(2)\n }\n\n dataLine(index, name, state = null) {\n\n const lineItem = this.props.lineItems[index]\n const taxRates = this.props.taxRates\n const stripeProduct = lineItem.stripe_price.stripe_product\n //console.log(\"lineItem\", lineItem);\n\n if (name === \"name\")\n return stripeProduct.name\n\n let price = parseFloat(lineItem.stripe_price.unit_amount_decimal)\n\n if (name === \"price\")\n return this.formatFloatWithTwoDecimal(price) + \" €\"\n\n if (name === \"totalPriceHT\") {\n const quantity = state\n return this.formatFloatWithTwoDecimal(lineItem.discounted_amount) + \" €\"\n }\n\n if (name === \"TVA\")\n return this.formatFloatWithTwoDecimal(lineItem.first_tax_rate * 1) + \" %\"\n\n if (name === \"percentOff\")\n return lineItem.first_discount_rate ? lineItem.first_discount_rate + \" %\" : \"-\"\n }\n\n renderTotals(baseAmount, state) {\n const lineItems = this.props.lineItems\n const taxRates = this.props.taxRates\n const stateValues = state.values.lineSelect\n let totalHT = 0\n let totalTVA = 0\n\n for (let i = 0; i < lineItems.length; i++) {\n\n if (stateValues[i].selected === true) {\n\n let price = 0\n if (stateValues[i].quantity !== undefined)\n price = lineItems[i].discounted_amount\n\n totalHT += price\n\n totalTVA = totalTVA + (price * lineItems[i].first_tax_rate / 100.0)\n\n }\n }\n\n let montantTotalCrediter = totalHT + totalTVA\n let montantFacture = parseFloat(baseAmount)\n let montantReajuste = montantFacture - montantTotalCrediter\n if (montantReajuste === montantFacture)\n montantReajuste = 0\n\n return [\n Sous-total (HT)
TVA total
Montant total à créditer
Montant de la facture
Montant dû réajusté
\n
\n Créer un avoir
\n\n \n
\n )}\n />\n \n {formatStringifiedFloatAsCurrency(props.original.amount)}\n
),\n filterable: false,\n },\n {\n id: \"stripe_invoice.number\",\n Header: \"Facture\",\n accessor: \"stripe_invoice.number\",\n Cell: props => {\n const stripeInvoice = props.original.stripe_invoice || {};\n return (\n \n
)\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n return (\n \n {\n this.setState({\n loadPDF: {\n creditNoteId: props.original.stripe_credit_note_id,\n loading: true\n }\n })\n this.downloadPDF(props.original.pdf)\n }}>\n {this.state.loadPDF.loading && this.state.loadPDF.creditNoteId === props.original.stripe_credit_note_id ?\n :\n }\n \n
\n \n
\n \n
\n \n
\n \n `${coupon.label} (-${coupon.percent_off}%)`}\n oneResourceTypeName=\"un avoir\"\n thisResourceTypeName=\"cet avoir\"\n defaultSorted={[{id: \"created\", asc: false}]}\n />\n
\n \n
\n {formTitle}
\n\n
)\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n const events = [];\n\n let infoTotalProduct = \"\"\n if (this.state.total !== undefined)\n infoTotalProduct = \n {displayAction}\n
\n \n
\n\n return {`${this.state.total} facture${this.state.total > 1 ? \"s\" : \"\"} au total`}
\n
\n \n \n {\n this.setState({loadCsv: true})\n this.downloadExport()\n }}\n >\n {this.state.loadCsv ? :\n }\n Exporter en CSV\n \n
\n \n Créer une facture\n \n
\n \n
\n\n \n {\n if (event == null) {\n let tmp = this.state.filter\n tmp.filtered.splice(tmp.filtered.findIndex(({id}) => id === 'customer'), 1)\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n return\n }\n\n let tmp = this.state.filter\n if (tmp.filtered !== undefined && tmp.filtered.find(({id}) => id === 'customer') !== undefined) {\n for (var i = 0; i < tmp.filtered.length; i++) {\n if (tmp.filtered[i].id === \"customer\")\n tmp.filtered[i].value = event.value\n }\n } else\n tmp.filtered.push({id: 'customer', value: event.value})\n\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n }}\n isClearable={true}\n placeholder='Sélectionner un client'\n\n options={customerList}\n />\n
\n \n {\n if (event == null) {\n let tmp = this.state.filter\n tmp.filtered.splice(tmp.filtered.findIndex(({id}) => id === 'status'), 1)\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n return\n }\n\n let tmp = this.state.filter\n if (tmp.filtered !== undefined && tmp.filtered.find(({id}) => id === 'status') !== undefined) {\n for (var i = 0; i < tmp.filtered.length; i++) {\n if (tmp.filtered[i].id === \"status\")\n tmp.filtered[i].value = event.value\n }\n } else\n tmp.filtered.push({id: 'status', value: event.value})\n\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n }}\n isClearable={true}\n placeholder='Sélectionner un statut'\n\n options={status}\n />\n
\n \n
\n\n \n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune facture\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n {infoTotalProduct}\n
\n \n
,\n \n \n \n
\n
\n | PRODUIT | \nQUANTITÉ | \nPRIX UNITAIRE | \nTAUX TAXE | \nTAUX REMISE | \nMONTANT REMISÉ HT | \n
|---|
\n {(amount_due === 0 || status !== \"open\" && status !== \"paid\" ? \"\" :\n\n
]\n }\n\n getDiscountAmount(discount, total_discount_amounts) {\n return total_discount_amounts.find(total_discount_amount => total_discount_amount.discount === discount.id).amount / 100\n }\n\n renderCreditNotes(creditNotes, invoiceStatus) {\n if (creditNotes.length === 0)\n return {\n tableCreditNote: [], creditTotal: 0\n }\n\n let JsxOutput = []\n let sums = {\n total: 0,\n totalExcludingTax: 0,\n totalTax: {}\n };\n\n creditNotes.forEach((creditNote, index) => {\n this.renderCreditNote(creditNote, invoiceStatus, JsxOutput, sums);\n })\n\n JsxOutput.push(\n this.renderContentRow(\n \"Total du réajustement (HT)\",\n StripeHelpers.formatFloatAsCurrency(-sums.totalExcludingTax),\n true)\n )\n\n const taxAmounts = {}\n creditNotes.map((creditNote) => creditNote.tax_amounts).flat().forEach((tax_amount) => {\n if (taxAmounts[tax_amount.tax_rate]) {\n taxAmounts[tax_amount.tax_rate] += tax_amount.amount\n } else {\n taxAmounts[tax_amount.tax_rate] = tax_amount.amount\n }\n })\n\n Object.keys(taxAmounts).forEach((taxRateId) => {\n const taxRate = this.props.taxRates.find(taxRate => taxRate.stripe_tax_rate_id === taxRateId)\n\n console.log(\"taxRate\", taxRate)\n console.log(\"taxRateId\", taxRateId)\n console.log(\"taxAmounts\", taxAmounts)\n JsxOutput.push(\n this.renderContentRow(\n formatTaxHeader(taxRate),\n StripeHelpers.formatFloatAsCurrency(-taxAmounts[taxRateId] / 100.0),\n true,\n true\n )\n )\n })\n\n JsxOutput.push(\n this.renderContentRow(\n \"Total du réajustement\",\n StripeHelpers.formatFloatAsCurrency(-sums.total)\n )\n )\n\n return {tableCreditNote: JsxOutput, creditTotal: sums.total}\n }\n\n renderCreditNote(creditNote, invoiceStatus, JsxOutput, sums) {\n sums.total += parseFloat(creditNote.total)\n sums.totalExcludingTax += parseFloat(creditNote.total_excluding_tax)\n if (creditNote.tax_amounts && creditNote.tax_amounts.length > 0) {\n const tax_rate_id = creditNote.tax_amounts[0].tax_rate\n const rate_object = this.props.taxRates.find(taxRate => taxRate.stripe_tax_rate_id === tax_rate_id)\n if (rate_object) {\n const rateHeader = StripeHelpers.formatTaxHeader(rate_object)\n sums.totalTax[rateHeader] =\n sums.totalTax[rateHeader] ?\n sums.totalTax[rateHeader] + parseFloat(creditNote.tax_amounts[0].amount) / 100.0\n :\n parseFloat(creditNote.tax_amounts[0].amount) / 100.0\n }\n }\n const reason = reasonList[creditNote.reason]\n const number = creditNote.number\n JsxOutput.push(\n \n Créer un avoir\n
)}\n {number} : {reason}
\n\n \n \n
\n )\n }\n}\nconst reasonList = {\n duplicate: \"Doublon\",\n product_unsatisfactory: \"insatisfaisant\",\n order_change: \"Modification de la commande\",\n fraudulent: \"Paiement frauduleux\"\n}","import React, {Fragment} from \"react\";\nimport {Form, Field} from \"react-final-form\";\n\n\nimport InputSelect from \"./../../../../components/common/InputSelect\";\nimport Input from \"./../../../../components/common/Input\";\n\nimport * as api from \"./../../../../tools/api\";\nimport {redirectTo} from \"./../../../../tools/url\";\n\nimport {FieldArray} from \"react-final-form-arrays\";\nimport arrayMutators from \"final-form-arrays\";\nimport swal from \"sweetalert2\";\nimport Checkbox from \"../../../common/Checkbox\";\n\n\nexport default class StripeProductCreate extends React.Component {\n constructor(props) {\n super(props)\n\n }\n\n async onSubmit(e) {\n\n await api\n .set()\n .success(() => {\n redirectTo(\"/facturation\");\n swal({\n type: \"success\",\n title: \"Produit créé\"\n });\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(\"/stripe_products/\", {product: e});\n }\n\n validate(e) {\n const errors = {}\n if (e.code_product === undefined || (e.code_product && e.code_product.trim().length < 1))\n errors.code_product = \"Le code produit ne peut pas être vide.\"\n\n if (e.name === undefined || (e.name && e.name.trim().length < 1))\n errors.name = \"Le nom du produit ne doit pas être vide.\"\n\n if (e.description === undefined || (e.description && e.description.trim().length < 1))\n errors.description = \"La description du produit ne peut pas être vide.\"\n\n if (e.tax_rate === undefined)\n errors.tax_rate = \"Choisissez un taux de taxe.\"\n\n if (e.active === undefined)\n errors.active = \"Renseignez si le produit est actif ou archivé.\"\n\n if (e.prices) {\n const prices = e.prices\n if (prices.length !== 0) {\n let pricesErrors = []\n let nbDefaultPrice = 0\n for (let i = 0; i < prices.length; i++) {\n let rowErrors = {}\n // Vérification sur le prix\n if (prices[i].unit_amount_decimal === undefined)\n rowErrors.unit_amount_decimal = \"Le prix ne peut pas être vide.\"\n\n if (prices[i].unit_amount_decimal && prices[i].unit_amount_decimal.trim().length > 0) {\n let regExp = /[a-zA-Z]/g;\n if (regExp.test(prices[i].unit_amount_decimal) || isNaN(parseFloat(prices[i].unit_amount_decimal)))\n rowErrors.unit_amount_decimal = \"Le prix ne peut pas contenir de caractère.\"\n else {\n const n = parseFloat(prices[i].unit_amount_decimal)\n if (n < 1)\n rowErrors.unit_amount_decimal = \"Le prix doit être plus grand que 0.\"\n }\n }\n\n // Vérification sur le status du prix (actif / archivé)\n\n if (prices[i].active === undefined)\n rowErrors.active = \"Renseignez si le prix est actif ou archivé.\"\n\n if (prices[i].price_default !== null && prices[i].price_default !== undefined) {\n if (typeof (prices[i].active) === \"string\")\n prices[i].active = prices[i].active === \"true\"\n if (!prices[i].active)\n rowErrors.active = \"Le prix par défaut ne peut pas être archivé.\"\n }\n\n if (prices[i].price_default !== null && prices[i].price_default !== undefined)\n nbDefaultPrice++\n\n pricesErrors.splice(i, 0, rowErrors)\n\n }\n if (nbDefaultPrice === 0)\n pricesErrors[0].price_default = \"Choisissez un prix par défaut.\"\n if (nbDefaultPrice > 1)\n pricesErrors[0].price_default = \"Vous pouvez choisir qu'un seul prix par défaut.\"\n\n errors.prices = pricesErrors\n }\n }\n\n return errors;\n }\n\n render() {\n const tax_rates = this.props.tax_rates\n\n const priceTTC = (taxRateID, index, tax_rates, fields) => {\n if (fields.value[index] === undefined)\n return \"0.00\"\n\n // On remplace la virgule par un point pour le parseFloat\n const priceString = fields.value[index].unit_amount_decimal.replace(',', '.');\n const priceHt = parseFloat(priceString);\n\n if (isNaN(priceHt))\n return \"0.00\"\n\n const taxSelect = tax_rates.find(element => element.value === taxRateID)\n if (taxSelect === undefined)\n return \"0.00\"\n const tax = 1 + (parseFloat(taxSelect.label.replace('%', '')) / 100)\n\n return (priceHt * tax).toFixed(2)\n }\n\n const disabledSubmit = (state) => {\n return !(state.valid && state.values.prices !== undefined && state.values.prices.length > 0)\n }\n\n return \n Facture {invoice.number}\n
\n
\n Facture {invoice.number}\n \n {invoice.status === 'draft' ?\n \n\n \n Modifier la facture\n \n\n \n \n :\n \n \n\n {this.props.charges && this.props.charges.length > 0 &&\n }\n\n \n\n }\n\n \n
\n \n\n \n Modifier la facture\n \n\n \n
\n :\n \n
\n \n
\n \n \n
\n {fullName}
\n\n \n
\n {expires_at}
\n\n
\n {this.renderLineItems(creditNotes, invoice.stripe_invoice_id, invoice.status)}\n \n \n
\n {invoice.description}
\n\n
\n\n \n \n
\n {invoice.footer}
\n\n
\n Créer un produit
\n\n
\n Modifier un produit
\n\n {this.editLink(circle, d.stripe_product_id)}\n
\n )\n },\n Filter: ({filter, onChange}) => (\n\n {this.editLink(price, d.stripe_product_id, true)}
)\n\n },\n },\n\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n\n let button\n if (props.original.active)\n button = this.archiveActiveProduct(props.original.stripe_product_id, props.original.name, \"archive\")}>\n \n else\n button = this.archiveActiveProduct(props.original.stripe_product_id, props.original.name, \"active\")}>\n \n\n return (\n \n
\n );\n },\n sortable: false,\n filterable: false,\n }\n ];\n\n const events = [];\n\n let infoTotalProduct = \"\"\n if (this.state.total !== undefined)\n infoTotalProduct = \n \n \n \n {button}\n
\n \n
\n\n\n return {`${this.state.total} produit${this.state.total > 1 ? \"s\" : \"\"} au total`}
\n
\n \n \n\n this.downloadExport()}\n >\n \n Exporter en CSV\n \n
\n \n Créer un produit\n \n
\n \n
\n \n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucun produit\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n {infoTotalProduct}\n
\n \n
\n {formTitle}
\n\n
\n );\n },\n sortable: false,\n filterable: false,\n }];\n\n const events = [];\n\n\n let infoTotalQuote = \"\"\n if (this.state.total !== undefined)\n infoTotalQuote =\n \n {button}\n
\n {`${this.state.total} devis au total`}
\n
\n \n \n {\n this.setState({loadCsv: true})\n this.downloadExport()\n }}\n >\n {this.state.loadCsv ? :\n }\n Exporter en CSV\n \n
\n \n Créer un devis\n
\n \n
\n\n \n {\n if (event == null) {\n let tmp = this.state.filter\n tmp.filtered.splice(tmp.filtered.findIndex(({id}) => id === 'customer'), 1)\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n return\n }\n\n let tmp = this.state.filter\n if (tmp.filtered !== undefined && tmp.filtered.find(({id}) => id === 'customer') !== undefined) {\n for (var i = 0; i < tmp.filtered.length; i++) {\n if (tmp.filtered[i].id === \"customer\")\n tmp.filtered[i].value = event.value\n }\n } else\n tmp.filtered.push({id: 'customer', value: event.value})\n\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n }}\n isClearable={true}\n placeholder='Sélectionner un client'\n\n options={customerList}\n />\n
\n \n {\n if (event == null) {\n let tmp = this.state.filter\n tmp.filtered.splice(tmp.filtered.findIndex(({id}) => id === 'status'), 1)\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n return\n }\n\n let tmp = this.state.filter\n if (tmp.filtered !== undefined && tmp.filtered.find(({id}) => id === 'status') !== undefined) {\n for (var i = 0; i < tmp.filtered.length; i++) {\n if (tmp.filtered[i].id === \"status\")\n tmp.filtered[i].value = event.value\n }\n } else\n tmp.filtered.push({id: 'status', value: event.value})\n\n this.setState({\"filter\": tmp})\n this.fetchData(this.state.filter)\n }}\n isClearable={true}\n placeholder='Sélectionner un statut'\n\n options={quoteStatus}\n />\n
\n \n
\n\n \n {\n if (row[filter.id] != null) {\n return row[filter.id]\n .toLowerCase()\n .startsWith(filter.value.toLowerCase());\n }\n }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucun devis\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n\n {infoTotalQuote}\n
\n \n
\n )\n }\n\n getDiscountAmount(discount, total_discount_amounts) {\n return total_discount_amounts.find(total_discount_amount => total_discount_amount.discount === discount.id).amount / 100\n }\n\n\n acceptQuote(id) {\n\n api\n .set()\n .success((msg) => {\n this.setState({load_finalize: false})\n redirectTo(msg.new_invoice);\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(`/stripe_quotes/accept/${id}`);\n\n }\n\n downloadPDF(id) {\n const filePDF = fetch(`${id}/download_pdf`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n });\n filePDF.then(res => res.blob())\n .then(file => {\n const download = document.createElement(\"a\");\n download.download = `Devis.pdf`;\n download.href = URL.createObjectURL(file);\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n this.setState({loading: false})\n });\n\n }\n\n\n render() {\n\n const quote = this.props.quote\n const fullName = quote.customer.first_name + \" \" + quote.customer.last_name\n let months = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'];\n\n let dateFormat = new Date(quote.expires_at)\n const expires_at = \"Le \" + dateFormat.getDate() + \" \" + months[dateFormat.getMonth()] + \" \" + dateFormat.getFullYear()\n\n return (\n \n \n \n
\n
\n | PRODUIT | \nQUANTITÉ | \nPRIX UNITAIRE | \nTAUX TAXE | \nMONTANT HT | \n
|---|
\n \n \n
\n )\n }\n}","import React, {Fragment, useState} from \"react\"\nimport * as api from \"./../../../../tools/api\"\nimport {redirectTo} from \"./../../../../tools/url\"\nimport Input from \"./../../../../components/common/Input\"\n\nimport swal from \"sweetalert2\"\nimport Modal from \"react-modal\"\nimport {Field, Form} from \"react-final-form\"\n\nexport default class EditOrganizationModal extends React.Component {\n\n constructor(props) {\n super(props)\n this.state = {isOpen: false}\n\n this.handleCloseModal = this.handleCloseModal.bind(this)\n this.handleOpenModal = this.handleOpenModal.bind(this)\n }\n\n onSubmit = (e) => {\n\n api\n .set()\n .success(() => {\n redirectTo(`/stripe_invoices/new`);\n swal({\n type: \"success\",\n title: \"Organisation Modifier\"\n });\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(\"/organizations/update_from_user\", {organization: {user_id:this.props.userId, organization_tax_id: e.organization_tax_id}});\n }\n validate = (e) => {\n const errors = {}\n if (!(/^FR[0-9]{11}$/.test(e.organization_tax_id)))\n errors.organization_tax_id = \"Le numéro de TVA ne peut pas être vide.\"\n return errors\n }\n\n handleOpenModal() {\n this.setState({isOpen: true})\n }\n\n handleCloseModal() {\n this.setState({isOpen: false})\n }\n\n render() {\n const MODAL_STYLE = {\n content: {\n margin: \"auto\",\n maxWidth: \"600px\",\n height: \"300px\",\n maxHeight: \"720px\",\n }\n }\n return \n Devis {quote.number}\n
\n\n
\n Devis {quote.number}\n \n {quote.status === 'open' || quote.status === 'accepted' ?\n \n\n : ''}\n {quote.status === 'open' ?\n \n\n\n : ''}\n\n {quote.status === 'draft' ?\n \n Modifier le devis\n \n : ''}\n \n
\n\n \n
\n \n
\n \n \n
\n {fullName}
\n\n \n
\n {expires_at}
\n\n
\n \n \n
\n {quote.header}
\n\n
\n {this.renderLineItems()}\n \n \n
\n {quote.description}
\n\n
\n\n \n \n
\n {quote.footer}
\n\n
\n }\n \n \n
\n Ajouter le numéro de TVA
\n\n (\n \n \n \n )}\n />\n
\n setIsOpen(false)}/>\n \n \n Changer le statut de la facture
\n \n \n\n \n (\n \n \n\n \n )}\n />\n \n\n \n
\n
\n Changer le statut de la facture
\n\n
\n }\n }\n \n \n\n \n
\n
\n | Produit {\" *\"} | \nQuantité{\" *\"} | \nPrix unitaire (HT){\" *\"} | \nTaux taxe | \n {this.props.displayDiscounts &&Taux remise | }\nMontant {this.props.displayDiscounts ? \"remisé\" : null} (HT) | \n\n \n | \n
|---|---|---|---|---|---|---|
| \n | \n \n | \n \n | \n \n | \n {this.props.displayDiscounts && \n | }\n \n {formatStringifiedFloatAsCurrency(this.guessDiscountedAmountExcludingTax(fields.value[index], index))}\n | \n\n {\n fields.remove(index);\n this.removePriceOption(index)\n }}>x\n | \n
\n
\n\n \n
\n Configuration du plugin Metabase
\n\n
\n\n \n
\n\n \n \n setSettings({...settings, metabase_url: e.target.value})} />\n
\n \n
\n\n \n \n setSettings({...settings, metabase_public_token: e.target.value})} />\n
\n \n
\n \n \n setSettings({...settings, metabase_token_expiration: e.target.value})} />\n
\n \n
\n\n \n
\n Questions
\n\n {Object.keys(settings.questions).map(q => {\n return
\n\n \n
\n })}\n \n \n setSettings({...settings, questions: {...settings.questions, [q]: {...settings.questions[q], id: e.target.value}}})} />\n
\n \n
\n\n \n
\n Tableaux de bord
\n\n {Object.keys(settings.dashboards).map(d => {\n return
\n\n \n
\n })}\n \n \n setSettings({...settings, dashboards: {...settings.dashboards, [d]: {...settings.dashboards[d], id: e.target.value}}})} />\n
\n \n
\n \n \n
\n \n
\n \n
\n \n {error}\n
\n \n
\n\n \n \n
\n \n\n
\n\n\n \n
\n \n \n handleChangeSeason(e.target.value)\n }\n className=\"form-control m-r\"\n value={season ? season : \"\"}\n >\n {seasons.map(optionMapper())}\n \n
\n \n d.title)}\n divObjects={dashboards.map((d, index) => )}\n />\n
\n \n \n {({ handleSubmit, values }) =>
\n }\n}","import React from \"react\";\nimport BandForm from \"./BandForm\";\n\nimport * as api from \"../../tools/api\";\nimport {redirectTo} from \"../../tools/url\";\nimport {infosFromBand} from \"../../tools/obj\";\n\nexport default class BandEdit extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n isOtherGenre: false,\n addMember: false,\n previousValues: {},\n infos: infosFromBand(this.props.band)\n };\n }\n\n handleSubmit(values) {\n api.set()\n .success(() => redirectTo(`/parameters/practice_parameters`))\n .patch(`/practice/bands/${this.props.band.id}`, values);\n }\n\n\n render() {\n const { band, musicGenres, bandTypes, instruments, season } = this.props;\n const { isOtherGenre, addMember } = this.state;\n\n return (\n \n \n
}\n \n \n \n
\n\n \n Edition du groupe : {this.props.band.name}\n
\n\n
\n - \n
- \n
- \n
\n
\n \n
\n\n \n \n
\n \n \n {({ handleSubmit, values, form:{ mutators: {push, pop, remove, splice}} }) =>
\n }\n}","import React, {useState} from \"react\";\nimport * as api from \"../../tools/api\";\nimport {Field} from \"react-final-form\";\nimport {fullnameWithAge} from \"../../tools/format\";\nimport {isEmpty, required} from \"../../tools/validators\";\nimport Input from \"../common/Input\";\n\nexport default function BandUser({season, currentMembers, onClose, onSubmit}) {\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [suggestions, setSuggestions] = useState(null);\n\n function handleNameChange({target: {name, value}}) {\n switch (name) {\n case \"first_name\":\n setFirstName(value);\n break;\n case \"last_name\":\n setLastName(value);\n break;\n case \"email\":\n setEmail(value);\n break;\n }\n }\n\n const canSearch = Math.min(firstName.length, lastName.length) > 2;\n const noSuggestions = suggestions && suggestions.length === 0;\n\n function searchUser() {\n api.post(\"/users/search_for_admin\", {\n first_name: firstName,\n last_name: lastName,\n season_id: season.id,\n })\n .then(({data}) => {\n if (currentMembers) {\n setSuggestions(data.filter(x => !currentMembers.some(current => current.id === x.id)))\n } else {\n setSuggestions(data)\n }\n\n });\n }\n\n function confirmNewUser(e) {\n e.preventDefault();\n\n if (firstName !== undefined && firstName !== \"\" && lastName !== undefined && lastName !== \"\" ) {\n onSubmit({\n id: 0,\n first_name: firstName,\n last_name: lastName,\n email: email\n });\n onClose();\n\n e.stopPropagation();\n } else {\n\n }\n\n }\n\n function confirmExistingUser(u) {\n onSubmit({\n id: u.id,\n first_name: u.first_name,\n last_name: u.last_name,\n email: email\n });\n onClose();\n }\n\n return \n \n
}\n \n \n \n
\n \n {suggestions && suggestions.length > 0 &&\n Nouveau membre
\n \n\n {fullnameWithAge(u)}\n \n
)}\n Pas d'utilisateur trouvé
}\n\n
\n }\n}\n\nexport default RepetWithFeature_Fom;","import React, { Fragment } from \"react\";\n\nexport default class RoomsParametersEdit extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return \n
\n
\n { this.state.isRepet && this.props.all_features !== undefined && this.props.all_features.length > 0 ? \n
\n {\n this.setState({isRepet: !this.state.isRepet});\n\n if(!this.state.isRepet)\n this.state.features = [];\n }\n } />\n \n
\n \n
: \"\" }\n \n
\n }\n}","import React from 'react';\n\n/**\n * Composant permettant de gérer les images. L'image s'affiche dans le cas où elle existe avec un bouton de suppression.\n * Sinon un composant de selection d'image s'affiche.\n *\n * Pour fonctionner correctement, ce composant dois avoir quelques propriétées:\n * dezdzgfergre
\n- \n *
- Un titre (title) => C'est le label \n *
- un nom (name) => c'est l'attribut name de l'input pour les formulaires \n *
- l'url de l'image (picture_url) => L'url de l'image si elle existe sinon null (nil/undefined)\n *
\n \n \n {\n this.state.picture_url ?\n
\n }\n}","import React from \"react\";\nimport _ from \"lodash\";\nimport * as api from \"../../../tools/api\";\nimport UserSearch from \"./UserSearch\";\nimport swal from \"sweetalert2\"\n\nexport default class MergeUsers extends React.Component\n{\n CheckBoxType = ({id, name, value}) =>\n {\n return \n 
\n \n
\n :\n \n }\n this.setState({selectedDataToSave: Math.max(this.state.selectedDataToSave, 0) + value * (target[\"checked\"] ? 1 : -1) })}/>
\n }\n\n constructor(props)\n {\n super(props);\n\n this.state = {\n olUser: undefined,\n newUser: undefined,\n deleteOldUser: false,\n selectedDataToSave: -1\n }\n }\n\n render()\n {\n return \n {/*C'est horrible mais il n'est pas possible d'utiliser l'import css classique de réact...\n L'objet reste toujours vide.*/}\n \n
\n }\n\n handleReset()\n {\n this.setState({oldUser: undefined, newUser: undefined})\n }\n\n handleSelectUser(user)\n {\n const userState = {\n oldUser: this.state.oldUser,\n newUser: this.state.newUser,\n selectedDataToSave: -1,\n deleteOldUser: false\n }\n\n if(userState.oldUser === undefined)\n userState.oldUser = user;\n else\n userState.newUser = user.id !== userState.oldUser.id ? user : undefined;\n\n this.setState(userState);\n }\n\n handleFusion()\n {\n const oldU = this.state.oldUser;\n const newU = this.state.newUser;\n\n if(oldU === undefined || newU === undefined) return;\n\n swal({\n title: \"Fusionner les deux utilisateurs séléctionnés ?\",\n text: this.state.deleteOldUser ? \"L'utilisateur en rouge seras supprimé.\" : undefined,\n type: \"question\",\n confirmButtonText: \"oui\",\n showCancelButton: true,\n cancelButtonText: \"non\"\n }).then(willMerge =>\n {\n if(willMerge.value)\n {\n api.set().success(() =>\n {\n swal({\n title: \"Fusion effectué\",\n type: \"success\",\n confirmButtonText: \"Ok\"\n }).then(res =>\n {\n if(this.state.deleteOldUser)\n window.location.reload();\n });\n })\n .error(() =>\n {\n swal({\n title: \"Une erreur est survenue.\",\n type: \"error\",\n confirmButtonText: \"Ok\"\n });\n })\n .post(\"/scripts/merge_users/execute\",\n {\n old_user_id: oldU.id,\n saved_user_id: newU.id,\n delete: this.state.deleteOldUser,\n dataToSave: this.state.selectedDataToSave\n })\n }\n })\n }\n}","import React from \"react\";\nimport Input from \"../../common/Input\";\nimport { isEmpty } from \"../../../tools/validators\";\nimport { fullname, toDate, toLocaleDate } from \"../../../tools/format\";\nimport * as api from \"../../../tools/api\";\nimport _ from \"lodash\";\n\nlet debounce = null;\n\nclass UserSearch extends React.PureComponent {\n constructor(props) {\n super(props);\n\n const tmp = () => { };\n\n this.state = {\n last_name: \"\",\n first_name: \"\",\n possibleMatches: [],\n selectedUser: null,\n idx: -1,\n firstSelectedId: -1,\n resetSelection: this.props.resetSelection || tmp\n };\n\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleUserSelect(i) {\n const { possibleMatches } = this.state;\n\n const selectedUser = possibleMatches[i];\n\n this.props.onSelect(selectedUser);\n\n let sid = this.state.firstSelectedId === -1 ? i : this.state.firstSelectedId;\n\n if (!this.props.saveFirstSelect)\n sid = -1;\n\n this.setState({\n selectedUser,\n idx: i,\n firstSelectedId: sid\n });\n }\n\n handleChange(evt) {\n this.setState({ [evt.target.name]: evt.target.value, firstSelectedId: -1 });\n this.state.resetSelection();\n\n if (debounce) {\n clearTimeout(debounce);\n }\n\n if ( this.state.first_name.length >= 2 || this.state.last_name.length >= 2){\n debounce = setTimeout(() => {\n api.set()\n .before(() => this.setState({ selectedUser: null, idx: -1 }))\n .success(data => this.setState({ possibleMatches: data }))\n .error(() => this.setState({ possibleMatches: [] }))\n .post(\n \"/users/search_for_admin\",\n {\n first_name: this.state.first_name,\n last_name: this.state.last_name,\n season_id: this.props.season.id,\n hideAttachedAccounts: this.props.hideAttachedAccounts\n }\n );\n\n debounce = null;\n }, 400);\n }\n }\n\n render() {\n const { last_name, first_name, possibleMatches, idx } = this.state;\n\n return (\n \n
\n\n {this.state.newUser !== undefined ? \n
\n \n
: \"\" }\n \n
\n\n \n this.setState({deleteOldUser: !this.state.deleteOldUser})}/>\n \n
\n \n
\n\n this.setState({selectedDataToSave: -1})} />
\n this.setState({selectedDataToSave: -2})}/>
\n \n = 0} onChange={() => this.setState({selectedDataToSave: -3})}/> \n {this.state.selectedDataToSave === -3 || this.state.selectedDataToSave >= 0 ?
\n\n \n {this.CheckBoxType({id: \"first_name\", name: \"Prénom\", value: 1})}\n {this.CheckBoxType({id: \"last_name\", name: \"Nom\", value: 2})}\n {this.CheckBoxType({id: \"email\", name: \"E-Mail\", value: 4})}\n {this.CheckBoxType({id: \"birthday\", name: \"Date de naissance\", value: 8})}\n {this.CheckBoxType({id: \"address\", name: \"Adresse\", value: 16})}\n {this.CheckBoxType({id: \"is_teacher\", name: \"Rôle du professeur\", value: 32})}\n\n
: \"\"}\n \n
\n\n * de base = Toutes les données contenues directement dans un utilisateur (nom, prénom, email, adresse, date de naissance).
Peu importe le choix effectué, les données liées seront transférées (liens familiaux, paiements, cours, etc...)
\n \n
\n \n
\n );\n }\n}\n\nexport default UserSearch;\n","import React from \"react\";\nimport _ from \"lodash\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\"\nimport Input from \"../../common/Input\";\nimport {toLocaleDate} from '../../../tools/format'\nimport {MESSAGES} from \"../../../tools/constants\";\n\nexport default class ReplicateAct extends React.Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n selectedDate: [],\n tmpDate: undefined,\n scriptToUse: false,\n replicateOnVac: false\n };\n\n this.handleChange = this.handleChange.bind(this);\n this.handleAddDate = this.handleAddDate.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n render()\n {\n const dateElements = _.map(this.state.selectedDate, (date, i) =>\n \n
\n\n {\"Chercher des utilisateurs\"}
\n\n
\n \n
\n\n {possibleMatches.length > 0 ? (\n \n
\n\n \n
\n \n
\n ) : null}\n\n {this.state.firstSelectedId > -1 ? {\"Résultats\"}
\n\n {_.map(possibleMatches, (m, i) => {\n return (\n this.handleUserSelect(i)}>\n {fullname(m)}({m.id})\n {` né(e) le ${toLocaleDate(\n toDate(m.birthday)\n )}, Adhérent #${m.adherent_number}`}\n \n );\n })}\n
\n \n \n
: \"\"}\n \n {toLocaleDate(date)}\n \n
\n )\n\n return \n
\n }\n\n handleAddDate()\n {\n if(this.state.tmpDate !== undefined)\n this.setState({selectedDate: [...this.state.selectedDate, this.state.tmpDate], tmpDate: undefined});\n }\n\n handleChange({target})\n {\n let date = new Date(target.value);\n\n if(date.toString().toLowerCase().includes(\"invalid\"))\n date = undefined;\n\n if(this.state.selectedDate.map(d => d.valueOf()).includes(date.valueOf()))\n date = undefined;\n\n this.setState({tmpDate: date});\n }\n\n handleSubmit()\n {\n api.set()\n .success(res =>\n {\n swal({\n title: \"Réplication effectuée !\",\n type: \"success\",\n confirmButtonText: \"Ok\"\n }).then(r => this.setState({dates: []}));\n })\n .error(res => swal({title: \"Erreur\", text: res, type: \"error\"}))\n .post(\"/scripts/replicate_activities/execute\", {dates: this.state.selectedDate, stu: this.state.scriptToUse, rov: this.state.replicateOnVac})\n }\n}","import React from \"react\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport {throttle} from 'lodash';\nimport JobProgress from \"../../JobProgress\";\nimport ReactDOM from 'react-dom';\n\nexport default class ReplicateWeekAct extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n refWeekDate: [],\n startDate: '',\n endDate: '',\n replicateOnVac: undefined,\n jobSubmitted: false,\n jobId: null\n };\n\n this.handleChangeDate = this.handleChangeDate.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.throttledSubmit = throttle(this.handleSubmit, 1000); // Limiter à 1 clic par seconde\n }\n\n showJobProgressModal(jobId) {\n const container = document.createElement('div');\n ReactDOM.render(\n
\n\n \n
\n\n \n \n\n {\n if (key === \"Enter\")\n this.handleAddDate();\n }} />\n
\n \n {this.state.tmpDate !== undefined ? : \"\"}\n
\n \n
\n\n \n
\n \n
\n Dates sélectionnées:
\n{dateElements.length > 0 ? dateElements : \"Aucunes dates sélectionnée\"}
\n \n this.setState({scriptToUse: target[\"selected\"]})}/>
\n this.setState({scriptToUse: !target[\"selected\"]})}/> \n
\n\n \n this.setState({scriptToUse: !target[\"selected\"]})}/> \n
\n this.setState({replicateOnVac: target[\"checked\"]})} /> \n
\n\n {this.state.selectedDate.length > 0 ? : \"\"}\n \n
\n }\n\n handleChangeDate(event) {\n const {name, value} = event.target;\n let isValidDate = !isNaN((new Date(value)).getTime());\n\n if (name === 'startDate') {\n this.setState({\n startDate: isValidDate ? value : '',\n endDate: ''\n });\n } else {\n this.setState({\n [name]: isValidDate ? value : ''\n });\n }\n }\n\n\n handleSubmit() {\n this.setState({jobSubmitted: true});\n\n api.set()\n .success(res => {\n this.setState({\n refWeekDate: [],\n startDate: undefined,\n endDate: undefined,\n replicateOnVac: undefined,\n jobId: res.jobId\n });\n\n this.showJobProgressModal(res.jobId);\n\n })\n .error(res => swal({title: \"Erreur\", text: res, type: \"error\"}))\n .post(\"/scripts/replicate_week_activities/execute\", {\n refWeekDate: this.state.refWeekDate,\n targetStartDate: this.state.startDate,\n targetEndDate: this.state.endDate,\n rov: this.state.replicateOnVac\n })\n }\n}","import React from 'react'\nimport ReactTable from \"react-table\";\nimport { ceil } from \"lodash\";\nimport swal from \"sweetalert2\";\n//import fetch from \"isomorphic-unfetch\";\nimport { csrfToken } from \"../utils\";\nimport \"../../tools/format\";\nimport { toLocaleDate } from \"../../tools/format\";\n\n\nexport default class Holidays extends React.Component {\n columns = [\n {\n Header: \"Label\",\n accessor: \"label\",\n sortable: true\n },\n {\n Header: \"Date début\",\n accessor: \"start\",\n sortable: true,\n Cell: props => \n
\n \n
\n\n \n
\n \n \n
\n \n
\n\n\n \n \n
\n \n \n
\n \n
\n\n\n {refWeekDate && startDate && endDate ?\n \n : \"\"\n }\n \n this.setState({replicateOnVac: target[\"checked\"]})}\n disabled={jobSubmitted}/>\n \n
\n\n \n {toLocaleDate(new Date(props.original.start))}\n
\n },\n {\n Header: \"Date de fin\",\n accessor: \"end\",\n sortable: true,\n Cell: props => \n {toLocaleDate(new Date(props.original.end))}\n
\n },\n {\n Header: \"Action\",\n sortable: false,\n width: 75,\n Cell: props => {\n return (\n this.deleteModal(props)}\n >\n \n \n
);\n }\n }\n ];\n\n constructor(props) {\n super(props);\n\n this.state = {\n datas: this.props.datas.slice(0, 15) || [],\n pageSize: 15,\n pages: ceil((this.props.datas || []).length / 15),\n sauv: (this.props.datas || []).slice()\n };\n\n this.changeData = this.changeData.bind(this);\n this.addModal = this.addModal.bind(this);\n this.fetchModal = this.fetchModal.bind(this);\n }\n\n changeData(state) {\n const columns_sort = state.sorted.length > 0 ? state.sorted[0].id : undefined;\n\n let data = this.state.sauv.slice();\n\n if (columns_sort !== undefined) {\n data = data.sort((h1, h2) => {\n if (h1[columns_sort] < h2[columns_sort]) return -1;\n if (h1[columns_sort] == h2[columns_sort]) return 0;\n if (h1[columns_sort] > h2[columns_sort]) return 1;\n });\n\n if (state.sorted[0].desc)\n data = data.reverse();\n }\n\n this.setState({ datas: data.slice(state.pageSize * (state.page), state.pageSize * (state.page + 1)), pages: ceil(data.length / state.pageSize), pageSize: state.pageSize })\n }\n\n addModal() {\n swal({\n title: \"Nouvelles vacances ou jour férié\",\n confirmButtonText: \"confirmer\",\n cancelButtonText: \"annuler\",\n showCancelButton: true,\n showLoaderOnConfirm: true,\n input: 'text',\n html: '' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '' +\n '
',\n preConfirm: (data) => {\n const er = $(\"#er\");\n er.text(\"\");\n\n const dateStart = $(\"#ds\").val();\n const dateEnd = $(\"#de\").val();\n const start = Date.parse(dateStart);\n const end = Date.parse(dateEnd);\n\n if (dateStart == \"\" || dateEnd == \"\" || data === undefined || data === \"\") {\n er.text(\"Un des champs est vide.\");\n\n return false;\n }\n\n if (start > end) {\n er.text(\"La date de début ne peut pas être après la date de fin.\");\n\n return false;\n }\n\n // > 3 mois ?\n if (end - start > 3 * 31 * 24 * 60 * 60 * 1000) {\n er.text(\"Une durée supérieure à 3 mois n'est pas raisonnable pour des vacances...\");\n\n return false;\n }\n\n return fetch(`/season/${this.props.sid}/holidays`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n label: data,\n start: dateStart,\n end: dateEnd\n })\n }).then(response => {\n return response.json();\n });\n }\n }).then(result => {\n\n if (result.value) {\n const sauv = this.state.sauv.slice();\n const datas = this.state.datas;\n\n sauv.push(result.value);\n datas.push(result.value);\n\n this.setState({ sauv, datas: datas.slice(0, this.state.pageSize), pages: ceil(datas.length / this.state.pageSize) });\n }\n });\n\n return false;\n }\n\n fetchModal() {\n swal({\n title: \"Importer les vacances et jours fériés ?\",\n confirmButtonText: \"confirmer\",\n cancelButtonText: \"annuler\",\n showCancelButton: true,\n showLoaderOnConfirm: true,\n\n preConfirm: (data) => {\n\n return fetch(`/season/${this.props.sid}/fetch_holidays`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: null\n }).then(response => {\n return response.json();\n });\n }\n }).then(result => {\n if (result.value) {\n // on réinitialise complètement les données du tableau\n const sauv = [];\n const datas = [];\n\n for (const elt of result.value) {\n sauv.push(elt);\n datas.push(elt);\n }\n\n this.setState({ sauv, datas: datas.slice(0, this.state.pageSize), pages: ceil(datas.length / this.state.pageSize) });\n }\n });\n\n return false;\n }\n\n\n\n\n deleteModal(props) {\n swal({\n title: `Confirmez vous la suppression de '${props.original.label}'`,\n confirmButtonText: \"confirmer\",\n cancelButtonText: \"annuler\",\n showCancelButton: true,\n showLoaderOnConfirm: true,\n type: \"question\",\n preConfirm: () => {\n return fetch(`/season/${this.props.sid}/holidays`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n label: props.original.label,\n start: props.original.start,\n end: props.original.end\n })\n })\n .then(response => response.json());\n }\n\n }).then(data => {\n if (data.value) {\n const sauv = this.state.sauv.filter(s => s[\"label\"] !== props.original.label && s[\"start\"] !== props.original.start && s[\"end\"] !== props.original.end);\n const datas = this.state.datas.filter(s => s[\"label\"] !== props.original.label && s[\"start\"] !== props.original.start && s[\"end\"] !== props.original.end);\n\n this.setState({ sauv, datas });\n }\n });\n }\n\n\n\n // =============================\n // SELECT HOLIDAYS ZONES MODAL\n // =============================\n handleOpenSelectZones(newInterval) {\n this.setState({\n isSelectZonesModalOpen: true,\n });\n }\n\n afterOpenSelectZonesModal() {\n // bla bla\n }\n closeSelectZonesModal() {\n this.setState({ isSelectZonesModalOpen: false });\n }\n\n handleFetchHolidays() {\n\n }\n\n\n\n render() {\n return \n
\n }\n}","import React, { Component } from \"react\";\nimport Switch from \"react-switch\";\nimport swal from \"sweetalert2\";\nimport { csrfToken } from \"../utils\";\n\nexport default class SeasonSwitch extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { checked: this.props.checked };\n\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange(checked) {\n this.setState({ checked: checked });\n this.props.handleSwitch(this.props.season_id);\n }\n\n render() {\n return (\n \n )\n }\n}\n","import React from \"react\";\nimport swal from \"sweetalert2\";\n\nrequire(\"moment/locale/fr\");\n\nimport ReactTable from \"react-table\";\nimport { csrfToken } from \"../utils\";\nimport SeasonSwitch from \"./SeasonSwitch\";\nimport RemoveComponent from \"../RemoveComponent\";\n\nclass SeasonsList extends React.Component {\n constructor(props) {\n super(props);\n\n //current_id = \n\n this.state = {\n seasons: this.props.seasons,\n // current_id: current_id,\n };\n }\n\n deleteSeason(id)\n {\n const selectedSeason = this.state.seasons.find(s => s.id == id);\n\n if (selectedSeason.is_current)\n {\n swal({\n type: 'error',\n title: 'Impossible de supprimer la saison en cours',\n text: 'Vous devez d\\'abord définir une autre saison comme \"en cours\"',\n });\n return;\n }\n\n swal({\n title: \"Suppression de la saison\",\n text: \"Êtes-vous sûr ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n confirmButtonText: \"Confirmer\",\n }).then(a => {\n if (a.value) {\n fetch(`/seasons/${id}`, {\n method: \"DELETE\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n }).then(res => {\n if (res.ok)\n {\n const previous = this.state.seasons\n .find(s => s.next_season_id == id);\n\n if (previous)\n {\n previous.next_season_id = null;\n previous.next_season = null;\n }\n\n this.setState({\n seasons: this.state.seasons.filter(\n c => c.id !== id,\n ),\n });\n\n swal(\"Réussite\", \"Suppression réussie\", \"success\");\n }\n });\n }\n });\n }\n\n switchToSeason(new_current_id) {\n swal({\n title: \"Vous allez définir cette saison comme 'en cours'\",\n text: \"Êtes-vous sûr ?\",\n type: \"warning\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n confirmButtonText: \"Confirmer\",\n }).then(a => {\n if (a.value) {\n fetch(`/season/${new_current_id}/make_active`, {\n method: \"POST\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n },\n }).then(res => {\n if (res.ok) {\n res.json().then(datas =>\n {\n this.setState(function (previousState, currentProps) {\n const state = Object.assign({}, previousState);\n state.seasons\n .find(s => s.is_current)\n .is_current = false;\n\n const new_current = state.seasons\n .find(s => s.id == new_current_id);\n\n new_current.is_current = true;\n\n if (datas.new_next_season)\n {\n state.seasons.sort((a, b) => a.start < b.start);\n new_current.next_season = datas.next;\n new_current.next_season_id = datas.next.id;\n state.seasons.push(datas.next);\n\n swal({\n type: 'success',\n title: 'Information',\n text: 'Puisque vous avez défini cette saison comme \"en cours\" et qu\\'il n\\'y a pas de saison suivante, la saison suivante a été créée automatiquement. Vous pouvez la modifier si nécessaire.',\n });\n }\n\n return state;\n });\n });\n } else {\n // il faut mettre à jour le switch qui a été toggled\n this.setState(function (previousState, currentProps) {\n const state = Object.assign({}, previousState);\n\n state.seasons\n .find(s => s.id == new_current_id)\n .is_current = false;\n\n return state;\n })\n swal(\"Echec\", \"L'opération a échoué\", \"error\");\n }\n });\n } else {\n // il faut mettre à jour le switch qui a été toggled\n this.setState(function (previousState, currentProps) {\n const state = Object.assign({}, previousState);\n\n state.seasons\n .find(s => s.id == new_current_id)\n .is_current = false;\n\n return state;\n });\n }\n });\n\n }\n\n render() {\n const columns = [\n {\n id: \"id\",\n Header: \"#\",\n accessor: d => d.id,\n width: 50,\n maxWidth: 100\n },\n {\n id: \"label\",\n Header: \"Label\",\n accessor: d => d.label,\n },\n {\n id: \"start\",\n Header: \"Début\",\n accessor: d => d.start,\n Cell: props => {\n return (props.original.start_formatted)\n }\n },\n {\n id: \"end\",\n Header: \"Fin\",\n accessor: d => d.end,\n Cell: props => {\n return (props.original.end_formatted)\n }\n },\n {\n id: \"is_current\",\n Header: \"En cours ?\",\n accessor: d => d.is_current,\n Cell: props => {\n\n return (\n \n
\n \n \n
\n\n \n \n \n Importer\n \n \n \n Ajouter\n \n
\n \n this.switchToSeason(props.original.id)} />\n
\n\n )\n },\n sortable: false,\n filterable: false,\n },\n {\n id: \"next\",\n Header: \"Suivante\",\n accessor: d => d.next_season_id ? d.next_season.label : \"-\",\n },\n {\n id: \"is_off\",\n Header: \"Archivée ?\",\n accessor: d => d.is_off ? \"oui\" : \"non\",\n sortable: false,\n filterable: false,\n },\n {\n id: \"actions\",\n Header: \"Actions\",\n Cell: props => {\n return (\n \n \n \n \n {/**/}\n {/* this.deleteSeason(props.original.id)*/}\n {/* }*/}\n {/*>*/}\n {/* */}\n {/**/}\n\n \n {\n const previous = this.state.seasons\n .find(s => s.next_season_id == props.original.id);\n\n if (previous)\n {\n previous.next_season_id = null;\n previous.next_season = null;\n }\n\n this.setState({\n seasons: this.state.seasons.filter(\n c => c.id !== props.original.id,\n ),\n });\n\n swal(\"Réussite\", \"Suppression réussie\", \"success\");\n }}>\n \n \n
\n );\n },\n sortable: false,\n filterable: false,\n },\n ];\n\n return (\n \n {\n // if (row[filter.id] != null) {\n // return row[filter.id]\n // .toLowerCase()\n // .includes(filter.value.toLowerCase());\n // }\n // }}\n resizable={false}\n previousText=\"Précédent\"\n nextText=\"Suivant\"\n loadingText=\"Chargement...\"\n noDataText=\"Aucune donnée\"\n pageText=\"Page\"\n ofText=\"sur\"\n rowsText=\"résultats\"\n minRows={1}\n />\n
\n );\n }\n}\n\nexport default SeasonsList;\n","import React, {Fragment} from \"react\";\nimport ReactTableFullScreen from \"../ReactTableFullScreen\";\nimport * as api from \"../../tools/api\";\nimport {isValidDate} from \"@fullcalendar/react\";\n\nexport default class Absences extends React.Component\n{\n constructor(props)\n {\n super(props);\n\n this.state = {\n absences: [],\n page: 0,\n loading: false,\n current_season: this.props.seasons.filter(season => season.is_current)[0],\n };\n\n this.confTabCols();\n\n this.fetchData = this.fetchData.bind(this);\n }\n\n confTabCols()\n {\n this.state.tabCols = [\n {\n id: \"date\",\n Header: \"Date de l'absence\",\n accessor: \"date\",\n Filter: ({filter, onChange}) =>\n {\n return \n
\n }\n\n fetchData(state, instance)\n {\n this.setState({loading: true, filter: state});\n\n api.set()\n .success(data =>\n {\n this.setState({\n absences: data.data,\n pages: state.pages,\n loading: false,\n total: data.total\n });\n })\n .error(err =>\n {\n this.setState({loading: false});\n })\n .post(`/users/${this.props.user_id}/absences_list?sid=${this.state.current_season.id}`, {\n page: state.page,\n pageSize: state.pageSize,\n sorted: state.sorted[0] || {},\n filtered: state.filtered\n });\n }\n}","import React from 'react';\nimport * as api from \"../../tools/api\";\nimport swal from \"sweetalert2\";\n\nconst BtnResendEmail = ({ user_id }) =>\n{\n const resendEmail = () =>\n {\n api.set()\n .success((data) => {\n\n if(!data || data.length === 0)\n {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Compte déjà configuré\"\n });\n return;\n }\n\n swal({\n title: \"Email envoyé\",\n type: \"success\",\n text: \"Un email de confirmation a été envoyé à l'utilisateur.\"\n });\n })\n .error((res) => {\n swal({\n title: \"error\",\n type: \"error\",\n text: \"Une erreur est survenue lors de l'envoi de l'email.\"\n });\n })\n .post(`/users/resend_confirmation`, {ids: [user_id]});\n };\n\n return \n}\n\nexport default BtnResendEmail;","import React, {Fragment, useEffect, useRef} from \"react\";\nimport {Field} from \"react-final-form\";\nimport AlertCheckbox from \"../common/AlertCheckbox\";\nimport AlertYesNoRadio from \"../common/AlertYesNoRadio\";\nimport PropTypes from \"prop-types\";\n\nexport default function ConsentDocItem({docItem, defaultValue, schoolName}) {\n const span = docItem.attached_file_url ? undefined : useRef();\n\n useEffect(() => {\n if (span && span.current) {\n span.current.innerHTML = docItem.content.replaceAll(/https?:\\/\\/[^\\s]+/g, function (match, _) {\n return `${match}`\n }).replaceAll(\"{schoolName}\", schoolName);\n }\n }, [span]);\n\n const text = \n
\n {this.state.absences.length} absences au total
\n\n \n
\n \n
\n \n
\n );\n }\n\n const FamilyIsInverseButton = (props) => {\n const { input, meta, onChange } = props\n return \n Lien familial\n {required && {\" *\"}}\n
\n\n\n
\n \n
\n {this.state.first_name} {this.state.last_name} est
\n\n \n
\n \n
\n {hasError && de {user_linked.first_name} {user_linked.last_name}
\n{MESSAGES[meta.error]}
}\nVous pouvez modifier le sens de la relation \n \n \n
\n \n }\n\n YES_NO_FIELDS.forEach(f => _.set(formattedInitialValues, f, formatRadioValue(_.get(formattedInitialValues, f))));\n\n return (\n\n
\n\n {({ handleSubmit, form , errors, values}) => {\n this.mutators = form.mutators\n\n return \n }}\n \n
\n );\n }\n}\n\nexport default ContactForm;\n","import React, { Fragment } from \"react\";\nimport { Field, FormSpy } from \"react-final-form\";\nimport { FieldArray } from \"react-final-form-arrays\";\nimport { required } from \"../../tools/validators\";\nimport Input from \"../common/Input\";\nimport { TelephoneFields, AddressFields } from \"./Fields\";\nimport AlertCheckbox from \"../common/AlertCheckbox\";\nimport FamilyMembers from \"./FamilyMembers\";\nimport SelectSameAs from \"./SelectSameAs\";\nimport { toRawPhoneNumber } from \"../../tools/format\";\nimport SelectMultiple from \"../common/SelectMultiple\";\n\nclass ContactInfos extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n handleChangeInfos({ values: {\n telephones,\n } }) {\n const { mutators } = this.props;\n\n telephones && telephones.forEach(({ number, label } = {}, index) => {\n if (!number)\n return;\n\n const normalizedNumber = toRawPhoneNumber(number);\n let detectedPhoneType = null;\n\n if (normalizedNumber.match(/^0[67]\\d{8}$/))\n detectedPhoneType = \"portable\";\n else if (normalizedNumber.match(/^0([1-5]|9)\\d{8}$/))\n detectedPhoneType = \"domicile\";\n\n if (detectedPhoneType && label !== detectedPhoneType)\n detectedPhoneType && mutators.selectPhoneType(index, detectedPhoneType);\n });\n }\n\n render() {\n const {\n canAddContacts,\n currentUser,\n onContactAdd,\n onContactEdit,\n onContactDelete,\n displaySameAs,\n values,\n form,\n ignoreValidate,\n } = this.props;\n\n const { push, update } = this.props.mutators;\n\n return (\n \n
\n this.handleChangeInfos(props)} />\n\n
\n );\n }\n}\n\nexport default ContactInfos;\n","import React, {Fragment, useState} from \"react\";\nimport * as api from \"../../tools/api\";\nimport {redirectTo} from \"../../tools/url\";\nimport swal from \"sweetalert2\";\nimport Modal from \"react-modal\";\nimport {Field, Form} from \"react-final-form\";\nimport Input from \"../common/Input\";\nimport AlertCheckbox from \"../common/AlertCheckbox\";\n\nconst CreateOrganizationModal = ({urlRedirect}) => {\n const [isOpen, setIsOpen] = useState(false);\n\n const onSubmit = (e) => {\n api\n .set()\n .success(() => {\n redirectTo(urlRedirect);\n swal({\n type: \"success\",\n title: \"Organisation créée\"\n });\n\n })\n .error((msg) => {\n swal({\n type: \"error\",\n title: \"Une erreur est survenue\",\n text: msg.message\n })\n\n })\n .post(\"/organizations/\", {organization: e});\n }\n const validate = (e) => {\n const errors = {};\n if (e.organization_name === undefined || (e.organization_name && e.organization_name.trim().length < 1))\n errors.organization_name = \"Ce champ ne peut pas être vide\"\n\n if(e.organization_reg_number && !(/^W[0-9]{9}$/.test(e.organization_reg_number)) && !(/^[0-9]{14}$/.test(e.organization_reg_number)))\n errors.organization_reg_number = \"Le numéro de SIRET doit contenir 14 chiffres. Le numéro de RNA doit être préfixé de W suivit de 9 chiffres.\"\n\n if (e.openInputTVA)\n if(e.organization_tax_id && !(/^FR[0-9]{11}$/.test(e.organization_tax_id)))\n errors.organization_tax_id = \"Le numéro de TVA doit être préfixé de FR suivit de 11 chiffres.\"\n return errors;\n }\n\n return Coordonnées personnelles du demandeur
\n\n\n push(\"addresses\", { isNew: true })}\n >\n {\"Ajouter une adresse\"}\n \n
\n\n \n
\n\n \n {displaySameAs && \n {Array.isArray(values.family) &&\n values.family.length > 0 && (\n `${obj}`}\n accessor=\"email\"\n setSameAs={value =>\n form.change(\n \"email\",\n value ? JSON.parse(value) : \"\",\n )\n }\n currentUser={currentUser}\n />\n )}\n }\n
\n \n push(\"telephones\", undefined)}\n >\n {\"Ajouter un téléphone\"}\n \n
\n \n \n
\n\n \n
\n }\n \n \n
\n Créer une organisation
\n\n (\n \n \n \n )}\n />\n
\n \n
;\n }}\n \n );\n};\n\nexport default FamilyMembers;\n","import React, { Fragment } from \"react\";\nimport {Field} from \"react-final-form\";\nimport {\n composeValidators,\n required,\n isPhoneNumber,\n isPostalCode,\n} from \"../../tools/validators\";\nimport Input from \"../common/Input\";\nimport InputSelect from \"../common/InputSelect\";\nimport SelectSameAs from \"./SelectSameAs\";\nimport {toRawPhoneNumber, prettifyPhoneNumber} from \"../../tools/format\";\n\nconst phoneTypes = [\n {value: \"portable\", label: \"Portable\"},\n {value: \"domicile\", label: \"Domicile\"},\n {value: \"travail\", label: \"Travail\"},\n];\n\nconst familyHasPhones = (family) => {\n\n if (Array.isArray(family) && family.length > 0) {\n\n for (const member of family) {\n for (const tel of member.telephones) {\n if (tel.number !== null)\n return true\n }\n }\n }\n}\n\nexport const TelephoneFields = ({ignoreValidate, fields, setSameAs, family, currentUser}) => {\n\n if (!Array.isArray(family)) {\n family = Object.values(family)\n }\n return fields.map((field, i) => (\n - \n {_.map(family, (m, i) => (\n
- \n \n\n\n\n \n {m.first_name && m.last_name\n ? fullname(m)\n : \"NOUVEL UTILISATEUR\"}\n \n {` ${m.link || \"PAS DE LIEN\"} `}\n \n {displayGenitiveName(firstName)}\n \n\n\n\n {isRadioTrue(m.is_to_call) && }\n {isRadioTrue(m.is_paying_for) && }\n {isRadioTrue(m.is_legal_referent) && }\n\n \n ))}\n
{MESSAGES[meta.error]}
}\n\n
\n\n\n \n
\n\n \n
\n\n {fields.length > 1 ? (\n \n fields.remove(i)}\n >\n \n {\"supprimer\"}\n \n
\n ) : null}\n \n {Array.isArray(family) && family.length > 0 && (\n {\n if (Array.isArray(obj)) {\n const address = obj.find(address => address && address.street_address && address.postcode && address.city)\n return address != undefined ? `${address.street_address}, ${address.postcode} ${address.city}` : undefined\n }\n\n return obj && obj.street_address && obj.postcode && obj.city ? `${obj.street_address}, ${obj.postcode} ${obj.city}` : undefined\n\n }}\n accessor=\"addresses\"\n setSameAs={value => setSameAs(i, value)}\n currentUser={currentUser}\n />\n )}\n\n
\n ));\n","import React from \"react\";\nimport { Field } from \"react-final-form\";\nimport { agreement } from \"../../tools/validators\";\nimport AlertCheckbox from \"../common/AlertCheckbox\";\n\nconst GDPR = ({ shouldCheckGdpr, ignoreValidate, schoolName }) => (\n \n
\n \n
\n\n \n
\n\n \n
\n {fields.length > 1 ? (\n \n fields.remove(i)}\n >\n \n {\" Supprimer\"}\n \n
\n ) : null}\n \n \n Je consens à ce que mes données personnelles soient utilisées\n à des fins de traitements associés au fonctionnement de la\n plateforme comme décrits dans \n \n la politique de confidentialité\n et traitement des données personnelles par {schoolName}\n \n }\n />\n
\n);\n\nexport default GDPR;\n","import React, {Fragment} from \"react\";\nimport {Field} from \"react-final-form\";\nimport {required, isValidAge, composeValidators, isValidNN} from \"../../tools/validators\";\nimport Input from \"../common/Input\";\nimport InputSelect from \"../common/InputSelect\";\nimport {toBirthday, toAge} from \"../../tools/format\";\nimport CreateOrganizationModal from \"./CreateOrganizationModal\";\nimport { MESSAGES } from \"../../tools/constants\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\n\nconst genders = [\n {value: \"F\", label: \"Madame\"},\n {value: \"M\", label: \"Monsieur\"},\n {value: \"A\", label: \"Autre\"},\n];\n\nconst GeneralInfos = ({\n displayBirthday,\n displayGender,\n displayIdentificationNumber,\n requireIdentificationNumber,\n birthday,\n ignoreValidate,\n organizationOptions,\n userId,\n mutators,\n formValues,\n formErrors,\n }) => (\n \n\n\n {displayGender && (\n
\n\n \n \n {({ input, meta }) => (\n \n
\n )}\n\n \n
\n
\n )}\n \n
\n {genders.map((gender, index) => (\n
\n \n
\n ))}\n \n {meta.touched && meta.error && {MESSAGES[meta.error]}}\n
\n \n
\n\n\n {displayBirthday && (\n \n
\n
\n\n \n
\n
\n
\n \n
\n
\n {\n if(date && date instanceof Date && !isNaN(date))\n mutators.changeBirthDate(`${moment(date).format(\"YYYY/MM/DD\")}`);\n else\n mutators.changeBirthDate(null);\n }}\n className=\"form-control datepicker\"\n wrapperClassName=\"w-100\"\n\n />\n\n {birthday &&
\n )}\n\n\n \n
{toAge(birthday)}
}\n\n {(formErrors || {}).birthday && {MESSAGES[formErrors.birthday]}}\n\n {displayIdentificationNumber &&\n
\n \n
\n
\n }\n\n {ignoreValidate && organizationOptions &&\n \n
\n
\n\n
\n }\n \n
\n
\n );\n};\n\nexport default HandicapInfos;\n","import React from \"react\";\nimport _ from \"lodash\";\nimport Swal from \"sweetalert2\";\nimport Modal from \"react-modal\";\n\nimport { modalStyle } from \"../../tools/constants\";\nimport * as api from \"../../tools/api\";\nimport ContactForm from \"./ContactForm\";\n\n\nclass HandleFamilyMember extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n isModalOpen: false,\n selectedFamilyMember: -1,\n familyMember: {},\n };\n this.toggleModal = this.toggleModal.bind(this);\n }\n\n onSubmit = (values, form) => {\n let url = \"/users/\"+this.props.user.id+\"/update_family\"\n let user = this.props.user;\n let {familyMember} = this.props\n\n user.family = [{\n ...values,\n initial_is_inverse: familyMember && familyMember.is_inverse,\n attach_to_user: values.is_attached\n }];\n\n api.put(url,{\n user: user,\n has_mdp : true,\n }).then(({ data, error })=>{\n let title = ''\n if(error){\n title = 'Informations complémentaires
\n\nUne erreur est survenue, '+values.first_name+' '+values.last_name+' n\\'a pas été ajouté à la famille de '+this.props.user.first_name+' '+this.props.user.last_name+'.
'\n } else if (this.props.familyMember){\n title += 'Le lien familial entre '+values.first_name+' '+values.last_name+' et '+this.props.user.first_name+' '+this.props.user.last_name+' a été modifié.
';\n } else {\n title += 'L\\'utilisateur '+values.first_name+' '+values.last_name+' a été ajouté à la famille de '+this.props.user.first_name+' '+this.props.user.last_name+'.
';\n }\n\n console.log(error)\n let htmltext = ''\n let confirmtext= 'Fermer'\n Swal.fire({\n title: title,\n html: htmltext,\n // timer: 10000,\n allowOutsideClick: false,\n confirmButtonText: confirmtext,\n }).then(() => {\n this.toggleModal();\n this.setTabToFamilyAndReload();\n })\n })\n }\n\n setTabToFamilyAndReload()\n {\n if(document.location.search.indexOf(\"tab=\") > -1)\n document.location.replace(document.location.href.replace(/tab=[a-zA-Z]*&+/, \"tab=family&\"));\n else\n document.location = document.location + \"?tab=family\";\n }\n\n onDelete = (values) => {\n let {familyMember, user} = this.props\n let title = \"Voulez-vous supprimer ce lien familial ?
\";\n let htmltext = \"Le lien familial entre \"+ \n familyMember.first_name +\" \"+familyMember.last_name+\n \" et \"+ user.first_name+ \" \"+ user.last_name+ \n \" sera définitivement supprimé
\";\n let confirmtext = ' Supprimer le lien familial';\n Swal.fire({\n title: title,\n html: htmltext,\n allowOutsideClick: true,\n showCancelButton: true,\n confirmButtonText: confirmtext,\n cancelButtonText:' annuler',\n }).then((res) => {\n if (res.value){\n api.set()\n .del(`/members/${this.props.familyMember.link_id}`)\n .then(({data, error}) =>{\n error ? Swal.fire({\n title: \"Une erreur est survenue\",\n html: \"erreur :\"+error,\n confirmButtonText: \"fermer\",\n })\n : this.setTabToFamilyAndReload();\n })\n }\n })\n }\n\n onClose = (res) => {\n this.toggleModal();\n }\n\n toggleModal() {\n this.setState({ isModalOpen: !this.state.isModalOpen });\n }\n\n render () {\n const {\n isModalOpen,\n } = this.state;\n const {\n user,\n current_user,\n familyMember,\n content_label,\n toggle_title,\n toggle_add_button,\n toggle_edit_buton,\n toggle_delete_button,\n } = this.props\n const formattedInitialValues = familyMember ? {...familyMember, is_attached: !!familyMember.attached_to_id}\n : {\n addresses: user.addresses,\n telephones: user.telephones,\n email: user.email,\n is_inverse: true,\n is_attached: !!user.attached_to_id\n }\n \n let user_fname, user_lname, member_fname, member_lname;\n if (!_.isEmpty(familyMember)){\n [user_fname, user_lname, member_fname, member_lname] = formattedInitialValues.is_inverse ? \n [user.first_name, user.last_name, familyMember.first_name, familyMember.last_name]\n : [familyMember.first_name, familyMember.last_name, user.first_name, user.last_name]\n }\n return (\n\n {toggle_add_button && \n {toggle_title && \" Ajouter un nouveau membre\"}\n \n }\n {toggle_edit_buton && \n {toggle_title && \" Éditer\"}\n \n }\n {toggle_delete_button && \n \n }\n \n this.onClose(res)}\n onSubmit={this.onSubmit}\n />\n \n
\n )\n }\n}\n\nexport default HandleFamilyMember;","import React from \"react\";\nimport AlertYesNoRadio from \"../common/AlertYesNoRadio\";\n\nconst ImageRight = ({ ignoreValidate, schoolName }) => {content_label}
\n {!_.isEmpty(familyMember) ?Lien de {user_fname} {user_lname} envers {member_fname} {member_lname}
\n :création du lien familial du point de vue de {user.first_name} {user.last_name}
}\nPayeurs
\n\n {values.id > 0 &&\n
\n );\n};\n\nexport default SelectSameAs;\n","import React, { Fragment } from \"react\";\nimport { Form, FormSpy, Field } from \"react-final-form\";\nimport { toast } from \"react-toastify\";\nimport arrayMutators from \"final-form-arrays\";\nimport Swal from \"sweetalert2\";\n\nimport Modal from \"react-modal\";\nimport GeneralInfos from \"./GeneralInfos\";\nimport ContactInfos from \"./ContactInfos\";\nimport HandicapInfos from \"./HandicapInfos\";\n\nimport { MESSAGES } from \"../../tools/constants\";\nimport ContactForm from \"./ContactForm\";\n\nimport * as api from \"../../tools/api\";\n\n\nimport { modalStyle } from \"../../tools/constants\";\nimport { changeBirthDate, findFamilyMemberById, selectPhoneType } from \"../../tools/mutators\";\nimport { toRawPhoneNumber } from \"../../tools/format\";\nimport ConsentDocItem from \"./ConsentDocItem\";\nimport Payers from \"./Payers\";\nimport { calculateAge, birthdayIsUnder18 } from \"../../tools/utils\";\n\nconst YES_NO_FIELDS = [\"checked_image_right\", \"checked_newsletter\"];\n\nfunction formatRadioValue(v) {\n switch (v) {\n case true:\n return \"true\";\n case false:\n return \"false\";\n default:\n return v;\n }\n}\n\nclass UserForm extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.handleSubmit = null;\n this.mutators = null;\n this.isValid = false;\n this.isValidID = true;\n this.errors = {};\n\n this.state = {\n isModalOpen: false,\n selectedFamilyMember: -1,\n familyMember: {},\n requireIdentificationNumber: false,\n };\n\n this.toggleModal = this.toggleModal.bind(this);\n this.selectFamilyMember = this.selectFamilyMember.bind(this);\n }\n\n selectFamilyMember(idx = -1, values = {}) {\n this.setState({ selectedFamilyMember: idx, familyMember: values });\n }\n\n toggleModal() {\n this.setState({ isModalOpen: !this.state.isModalOpen });\n }\n\n addFamilyMember(values) {\n const toPush = [values];\n\n const {\n family_member_users: memberUsers,\n inverse_family_members: inverseMembers,\n } = values;\n\n if (memberUsers && inverseMembers)\n [...memberUsers, ...inverseMembers]\n .forEach(m => {\n const u = m.user || m.member;\n // Add member if it isn't already in family\n if (u && !this.mutators.findFamilyMemberById(u.id))\n toPush.push(u);\n });\n\n if (this.mutators !== null)\n this.mutators.concat(\"family\", toPush);\n }\n\n updateFamilyMember(values) {\n if (this.mutators !== null) {\n this.mutators.update(\n \"family\",\n this.state.selectedFamilyMember,\n values,\n );\n }\n }\n\n removeFamilyMember(idx, member) {\n if (this.mutators !== null) {\n if (member.id !== undefined && member.link_id !== undefined) {\n api.set()\n .success(() => this.mutators.remove(\"family\", idx))\n .del(`/members/${member.link_id}`);\n } else {\n this.mutators.remove(\"family\", idx);\n }\n }\n }\n\n isValidated() {\n this.handleSubmit();\n\n if (!this.isValid) {\n let Msg;\n if (!this.isValidID) {\n const redirect = () => {\n window.location.href = \"/u/sign_in\";\n };\n Msg = ({ closeToast, toastProps }) => (\n \n \n setSameAs(e.target.value)}\n disabled={options.length == 0} \n >\n \n {options}\n \n
\n \n {MESSAGES.err_is_invalid_id}\n \n
\n );\n toast.error(Aucun payeur n' est déclaré pour \" + initialValues.first_name + \" \" + initialValues.last_name + \"
\";\n let htmltext = \"\" + initialValues.first_name + \" \" + initialValues.last_name + \", si vous êtes le payeur, merci de cocher la case\" + \"
\"\n + \"\\\"L'élève est aussi le payeur\\\"\" + \"
\"\n + \"
\"\n + \"Si vous êtes payeur pour \" + user.first_name + \" \" + user.last_name + \", merci de l'indiquer sur votre profil dans l'édition du lien familial.\" + \"
\"\n + \"
\"\n + \"
\n
\n );\n }\n}\n\nexport default UserForm;\n","import React from \"react\";\nimport {Form, Field, FormSpy} from \"react-final-form\";\nimport arrayMutators from \"final-form-arrays\";\nimport Switch from \"react-switch\";\nimport _, {values} from \"lodash\";\nimport moment from \"moment\";\n\nimport GeneralInfos from \"./GeneralInfos\";\nimport ContactInfos from \"./ContactInfos\";\nimport InputSelect from \"../common/InputSelect\";\n\nimport * as api from \"../../tools/api\";\nimport {required} from \"../../tools/validators\";\nimport {fullname, toLocaleDate, toDate} from \"../../tools/format\";\nimport { changeUser, selectPhoneType, changeRelationshipDirection, changeBirthDate } from \"../../tools/mutators\";\nimport InlineYesNoRadio from \"../common/InlineYesNoRadio\";\nimport Checkbox from \"../common/Checkbox\";\n\nexport const familyLinks = [\n \"père\",\n \"mère\",\n \"grand-père\",\n \"grand-mère\",\n \"frère\",\n \"soeur\",\n \"enfant\",\n \"petit-enfant\",\n \"époux\",\n \"autre\",\n];\n\nconst YES_NO_FIELDS = [\"is_paying_for\", \"is_legal_referent\", \"is_accompanying\", \"is_to_call\"];\n\nfunction formatRadioValue(v) {\n switch (v) {\n case true:\n return \"true\";\n case false:\n return \"false\";\n default:\n return v;\n }\n}\n\nclass WizardContactForm extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.handleContactInfosChange = _.debounce(this.handleContactInfosChange, 300);\n\n this.state = {\n suggestedUsers: null,\n selectedUserMatch: null,\n isUserSearchOver: props.initialValues.id !== null && props.initialValues.id !== undefined,\n first_name: props.initialValues.first_name,\n last_name: props.initialValues.last_name,\n birthday: props.initialValues.birthday,\n is_inverse: props.initialValues.is_inverse,\n is_attached: props.initialValues.is_attached,\n };\n\n this.showFamilyLinkInfos = props.showFamilyLinkInfos == undefined ? true : props.showFamilyLinkInfos;\n }\n\n handleContactInfosChange({\n values: {\n first_name,\n last_name,\n birthday,\n }\n }) {\n this.setState({\n ...this.state,\n first_name,\n last_name,\n birthday,\n })\n\n const {current_user, user_linked} = this.props;\n const {isUserSearchOver} = this.state;\n\n // Admin must enter at least 2 characters for last_name or first_name to trigger search\n // Simple user must give input for first_name, last_name and birthday fields\n if (isUserSearchOver ||\n (current_user && current_user.is_admin && (!first_name || first_name.length < 2) && (!last_name || last_name.length < 2)) ||\n ((!current_user || !current_user.is_admin) && (!first_name || !last_name || !birthday)))\n return;\n\n // There are enough infos for admin search\n // Now check if the three fields were given, it means that search is over\n if (current_user && current_user.is_admin && (first_name && first_name.length > 0) && (last_name && last_name.length > 0) && birthday) {\n this.setState({\n isUserSearchOver: true,\n is_attached: true\n });\n\n this.mutators.changeUser({\n ...this.props.initialValues,\n first_name: this.state.first_name,\n last_name: this.state.last_name,\n birthday: this.state.birthday,\n is_attached: true, //this.state.is_attached, // 12/03/24 ==> attached by default if no user match\n });\n\n return;\n }\n\n api\n .set()\n .success(suggestedUsers => {\n this.setState({\n suggestedUsers: suggestedUsers,\n selectUserMatch: null\n });\n })\n .post(\"/users/search\", {\n first_name,\n last_name,\n birthday: birthday,\n });\n }\n\n disabledUserSearch() {\n this.mutators.changeUser({\n ...this.props.initialValues,\n first_name: this.state.first_name,\n last_name: this.state.last_name,\n birthday: this.state.birthday,\n is_attached: true, //this.state.is_attached, // 12/03/24 ==> attached by default if no user match\n })\n this.setState({isUserSearchOver: true, is_attached: true});\n }\n\n render() {\n const {initialValues, onSubmit, user_linked, current_user, onClose} = this.props;\n const {\n suggestedUsers,\n isUserSearchOver,\n selectedUserMatch,\n } = this.state;\n\n const formattedInitialValues = {\n ...initialValues,\n };\n\n let [user_fname, user_lname, member_fname, member_lname] = this.state.is_inverse ?\n [(user_linked || {}).first_name, [user_linked || {}].last_name, this.state.first_name, this.state.last_name]\n : [this.state.first_name, this.state.last_name, [user_linked || {}].first_name, [user_linked || {}].last_name]\n\n const FamilyLinkInputSelect = (props) => {\n const {input, meta, required, label, options} = props;\n const hasError = meta.error && meta.touched;\n\n return (\n \n \n {({ handleSubmit, form, values, errors }) => {\n\n // Bind handle submit to trigger\n // Submit inside isValidated()\n this.handleSubmit = handleSubmit;\n this.mutators = form.mutators\n\n return (\n \n\n this.handleChangeInfos(props)} />\n\n {\n this.selectFamilyMember(-1, {});\n this.toggleModal();\n }}\n onContactEdit={idx => {\n this.selectFamilyMember(-1, {});\n this.toggleModal();\n }}\n onContactDelete={(idx, member) => {\n this.removeFamilyMember(\n idx,\n member,\n );\n }}\n currentUser={{ ...initialValues }}\n />\n
\n\n this.toggleModal()}\n onSubmit={values => {\n if (selectedFamilyMember === -1) {\n this.addFamilyMember(values);\n } else {\n this.updateFamilyMember(values);\n }\n this.toggleModal();\n }}\n />\n \n
\n Informations personnelles de {initialValues.first_name}
\n\n\n
\n {this.props.consent_docs && this.props.consent_docs.map(doc =>\n
\n\n \n cdu.consent_document_id === doc.id) || {}).has_consented}\n />\n
)\n }\n \n {this.props.displaySubmit && (\n \n {\"Enregistrer\"}\n \n )}\n
\n\n \n );\n }}\n \n\n \n
\n );\n }\n\n const FamilyIsInverseButton = (props) => {\n const {input, meta, onChange} = props\n return \n Lien familial\n {required && {\" *\"}}\n
\n\n\n
\n \n
\n {this.state.first_name} {this.state.last_name} est
\n\n \n
\n \n
\n {hasError && de {user_linked.first_name} {user_linked.last_name}
\n{MESSAGES[meta.error]}
}\nVous pouvez modifier le sens de la relation \n
\n
\n\n {({handleSubmit, form, errors, values}) => {\n this.mutators = form.mutators\n\n return \n }}\n \n
\n );\n }\n}\n\nexport default WizardContactForm;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport ReactTable from \"react-table\";\nimport BulkEditModalAlert from \"../utils/alerts/BulkEditModalAlert\";\n\n// import { ADHESION_PRICE } from \"./PaymentsManagement\";\nimport swal from \"sweetalert2\";\nimport { Fragment } from \"@fullcalendar/react\";\nimport { MONTHS } from \"../../tools/constants\";\n\nclass DuePaymentsList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n numberOfDuePayments: 0,\n numberOfDuePaymentsSelect: 0,\n arbitraryNumberOfDuePayments: false,\n startingDate: \"\",\n areSpecialDues: false,\n specialDues: {},\n generatedDuePayments: [],\n duePaymentToEdit: {\n amount: \"\",\n previsional_date: null,\n payment_method_id: 0,\n due_payment_status_id: \"\",\n },\n adhesionIncluded: false,\n adhesionNewDuePayment: this.props.adhesionEnabled,\n isolateAdhesion: false,\n payment_method_id: 0,\n newDuePayment: {\n amount: \"\",\n previsional_date: null,\n payment_method_id: 0,\n payer: { ...this.props.payer },\n isAdhesionDue: false,\n },\n selectedRows: [],\n bulkEdit: {},\n };\n }\n\n handleSelectPaymentMethodToGenerate(e) {\n this.setState({\n ...this.state,\n payment_method_id: e.target.value,\n generatedDuePayments: this.generateDuePayments({\n startingDate: this.state.startingDate,\n n: this.state.numberOfDuePayments,\n payment_method_id: e.target.value,\n specialDues: this.state.specialDues,\n adhesionNewDuePayment: this.state.adhesionNewDuePayment,\n isolateAdhesion: this.state.adhesionIsolated,\n }),\n });\n }\n\n handleCheckIsAdhesionDue() {\n const newDuePayment = { ...this.state.newDuePayment };\n newDuePayment.isAdhesionDue = !newDuePayment.isAdhesionDue;\n\n newDuePayment.amount = _.round(this.props.adhesionEnabled ? this.props.itemsForPayment.filter(item => item.adhesionPriceId).reduce((acc, i) => acc + i.discountedTotal, 0) : 0, 2);\n this.setState({\n newDuePayment,\n });\n }\n\n handleChangeNewDuePaymentAmount(e) {\n this.setState({\n ...this.state,\n newDuePayment: {\n ...this.state.newDuePayment,\n amount: e.target.value,\n },\n });\n }\n\n handleChangeNewDuePaymentDate(e) {\n const newDate = e.target.valueAsDate;\n this.setState({\n newDuePayment: {\n ...this.state.newDuePayment,\n previsional_date: newDate,\n },\n });\n }\n\n handleSelectDuePaymentsNumber(e) {\n const numberOfDuePayments = e.target.value;\n if (numberOfDuePayments == 11) {\n this.setState({\n arbitraryNumberOfDuePayments: true,\n numberOfDuePayments: null,\n numberOfDuePaymentsSelect: 11,\n });\n } else {\n this.setState({\n numberOfDuePayments,\n generatedDuePayments: this.generateDuePayments({\n startingDate: this.state.startingDate,\n n: numberOfDuePayments,\n payment_method_id: this.state.payment_method_id,\n specialDues: this.state.specialDues,\n adhesionNewDuePayment: this.state.adhesionNewDuePayment,\n // isolateAdhesion: this.state.adhesionIsolated,\n }),\n numberOfDuePaymentsSelect: numberOfDuePayments,\n });\n }\n }\n\n handleSelectStartingDate(e) {\n const startingDate = e.target.value;\n this.setState({\n startingDate,\n generatedDuePayments: this.generateDuePayments({\n startingDate,\n n: this.state.numberOfDuePayments,\n payment_method_id: this.state.payment_method_id,\n specialDues: this.state.specialDues,\n adhesionNewDuePayment: this.state.adhesionNewDuePayment,\n // isolateAdhesion: this.state.adhesionIsolated,\n }),\n });\n }\n\n // handleAddAdhesionToSchedule(e) {\n // this.setState({ adhesionIncluded: e.target.checked });\n // }\n\n handleCreateDuePaymentForAdhesion(e) {\n this.setState({\n adhesionNewDuePayment: e.target.checked,\n generatedDuePayments: this.generateDuePayments({\n startingDate: this.state.startingDate,\n n: this.state.numberOfDuePayments,\n payment_method_id: this.state.payment_method_id,\n specialDues: this.state.specialDues,\n adhesionNewDuePayment: e.target.checked,\n // isolateAdhesion: this.state.adhesionIsolated,\n }),\n });\n }\n\n // handleIsolateDuePaymentForAdhesion(e) {\n // this.setState({\n // adhesionIsolated: e.target.checked,\n // generatedDuePayments: this.generateDuePayments({\n // startingDate: this.state.startingDate,\n // n: this.state.numberOfDuePayments,\n // payment_method_id: this.state.payment_method_id,\n // specialDues: this.state.specialDues,\n // adhesionNewDuePayment: this.state.adhesionNewDuePayment,\n // isolateAdhesion: e.target.checked,\n // }),\n // });\n // }\n\n handleSelectPaymentMethodForNewDuePayment(e) {\n this.setState({\n ...this.state,\n newDuePayment: {\n ...this.state.newDuePayment,\n payment_method_id: e.target.value,\n },\n });\n }\n\n handleSelectStatusForNewDuePayment(e) {\n this.setState({\n newDuePayment: {\n ...this.state.newDuePayment,\n due_payment_status_id: e.target.value || null,\n },\n });\n }\n\n //Conditions: a starting date, a number of dues and valid special dues (each one has both fields filled)\n canGenerateDuePayments(numberOfDuePayments, startingDate, specialDues) {\n const areSpecialDuesOK = _.reduce(specialDues, (acc, d) => acc && d.count && d.amount, true);\n return numberOfDuePayments > 0 && startingDate && areSpecialDuesOK;\n }\n\n generateDuePayments({\n startingDate,\n n,\n payment_method_id = null,\n specialDues = {},\n adhesionNewDuePayment = false,\n isolateAdhesion = false,\n }) {\n if (!this.canGenerateDuePayments(n, startingDate, specialDues))\n return this.state.generatedDuePayments;\n\n const number = parseInt(n, 10);\n let dates = [];\n if (startingDate) {\n if (number == 3) {\n dates = _.chain(0)\n .range(parseInt(number, 10))\n .map(inc => moment(startingDate).add(inc * 3, \"month\"))\n .value();\n } else {\n dates = _.chain(0)\n .range(parseInt(number, 10))\n .map(n => moment(startingDate).add(n, \"month\"))\n .value();\n }\n }\n\n const starting_number =\n this.props.data.length > 0\n ? _.chain(this.props.data)\n .map(d => d.number)\n .max()\n .value()\n : 0;\n\n let results = [];\n let adhesionPrice = this.props.adhesionEnabled ? this.props.itemsForPayment.filter(item => item.adhesionPriceId).reduce((acc, i) => acc + i.discountedTotal, 0) : 0;\n\n adhesionPrice = _.round(adhesionPrice, 2);\n\n if (adhesionNewDuePayment && dates.length && adhesionPrice > 0) {\n const date = _.head(dates);\n results.push({\n id: 0,\n amount: adhesionPrice,\n date: moment(date).hour(12),\n payment_method_id: payment_method_id,\n });\n }\n\n const totalLeft = this.props.itemsForPayment\n // On ne garde l'adhésion que dans le cas où\n // l'on veut créer une adh isolée\n .filter(item => adhesionNewDuePayment && isolateAdhesion || item.adhesionPriceId == null)\n .reduce((acc, i) => acc + i.discountedTotal, 0) - _.reduce(specialDues, (acc, due) => acc + due.count * due.amount, 0);\n\n // Répartir l'adhesionPrice sur toutes les échéances si dates.length et adhesionPrice > 0\n let distributedAdhesionPrice = 0;\n if (!adhesionNewDuePayment && adhesionPrice > 0 && dates.length > 0) {\n distributedAdhesionPrice = adhesionPrice / dates.length;\n }\n\n const duePayments = _.map(dates, (date, i) => {\n let amount = (totalLeft / number);\n\n if (i == 0 && adhesionNewDuePayment && isolateAdhesion)\n amount -= adhesionPrice;\n\n amount += distributedAdhesionPrice;\n\n return {\n id: starting_number + i + 1,\n date: moment(date).hour(12),\n amount: _.floor(amount, 2),\n payment_method_id: payment_method_id,\n number: starting_number,\n };\n });\n\n _.each(specialDues, ({ count, amount }, payment_method_id) => {\n for (let i = 0; i < count; i++) {\n duePayments.push({\n id: starting_number + duePayments.length + 1,\n date: moment(_.max(dates)).hour(12),\n amount: _.floor(amount, 2),\n payment_method_id,\n number: starting_number,\n });\n }\n });\n\n return [...results, ...duePayments];\n }\n\n handleCreateDuePaymentSchedule() {\n this.props.handleCreatePaymentSchedule({\n duePayments: this.state.generatedDuePayments,\n payer: this.props.payer,\n });\n\n this.setState({\n selectedRows: [],\n numberOfDuePayments: 0,\n startingDate: \"\",\n generatedDuePayments: [],\n });\n }\n\n handleSelectDuePaymentToEdit(id) {\n const duePayment = _.find(this.props.data, d => d.id == id);\n this.setState({\n duePaymentToEdit: {\n ...duePayment,\n previsional_date:\n duePayment.previsional_date != null\n ? duePayment.previsional_date\n : null,\n },\n });\n }\n\n handleChangeDuePaymentOperation(e) {\n this.setState({\n ...this.state,\n duePaymentToEdit: {\n ...this.state.duePaymentToEdit,\n operation: e.target.value,\n },\n });\n }\n\n handleChangeDuePaymentAmount(e) {\n this.setState({\n ...this.state,\n duePaymentToEdit: {\n ...this.state.duePaymentToEdit,\n amount: e.target.value,\n },\n });\n }\n\n handleChangeDuePaymentDate(e) {\n this.setState({\n ...this.state,\n duePaymentToEdit: {\n ...this.state.duePaymentToEdit,\n previsional_date: e.target.value,\n },\n });\n }\n\n handleSelectPaymentMethod(e) {\n this.setState({\n ...this.state,\n duePaymentToEdit: {\n ...this.state.duePaymentToEdit,\n payment_method_id: parseInt(e.target.value, 10),\n },\n });\n }\n\n handleSelectStatus(e) {\n this.setState({\n duePaymentToEdit: {\n ...this.state.duePaymentToEdit,\n due_payment_status_id: e.target.value || null,\n },\n });\n }\n\n handleArbitraryNumberOfDuePaymentChange(e) {\n let value = parseInt(e.target.value);\n if (value == null) {\n value = parseInt(value, 10);\n }\n this.setState({\n numberOfDuePayments: value, generatedDuePayments: this.generateDuePayments({\n startingDate: this.state.startingDate,\n n: value,\n payment_method_id: this.state.payment_method_id,\n specialDues: this.state.specialDues,\n adhesionNewDuePayment: this.state.adhesionNewDuePayment,\n isolateAdhesion: this.state.adhesionIsolated,\n }),\n });\n }\n\n handleSaveDuePayment() {\n this.props.handleSaveDuePayment(\n this.state.duePaymentToEdit,\n this.props.payer.id,\n );\n this.setState({\n ...this.state,\n duePaymentToEdit: {\n amount: \"\",\n previsional_date: new Date().toISOString().split(\"T\")[0],\n payment_method_id: 0,\n },\n });\n }\n\n handleAllRowsSelected(e) {\n const selectedRows = e.target.checked\n ? this.props.data.map(dP => dP.id)\n : [];\n this.setState({ selectedRows });\n }\n\n handleRowSelected(e) {\n const id = parseInt(e.target.value);\n const selectedRows = this.state.selectedRows.slice();\n const idx = selectedRows.indexOf(id);\n\n if (idx === -1) selectedRows.push(id);\n else selectedRows.splice(idx, 1);\n\n this.setState({\n selectedRows,\n });\n }\n\n handleBulkEditChange(e) {\n const bulkEdit = { ...this.state.bulkEdit };\n\n const target = e.target.name;\n if (target == \"amount\") {\n if (e.target.value != \"\") {\n bulkEdit[target] = parseFloat(e.target.value.replace(\",\", \".\"));\n }\n } else {\n bulkEdit[target] = parseInt(e.target.value, 10);\n }\n\n this.setState({\n bulkEdit,\n });\n }\n\n handleBulkEditCommit() {\n this.props.handleBulkEditCommit(\n this.props.payer.id,\n this.state.selectedRows,\n this.state.bulkEdit,\n );\n }\n\n handleBulkDelete() {\n if (this.state.selectedRows.length > 0)\n swal({\n title: \"Suppression en masse\",\n text: `Êtes-vous sûr de vouloir supprimer ces ${this.state.selectedRows.length\n } échéances ?`,\n type: \"warning\",\n confirmButtonText: \"Oui !\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(v => {\n if (v.value) {\n this.props.handleBulkDelete(\n this.props.payer.id,\n this.state.selectedRows,\n );\n }\n });\n }\n\n renderStatus(cell) {\n if (cell.value) {\n let status = _.find(\n this.props.statuses,\n status => status.id == cell.value,\n );\n\n return status ? (\n \n
\n {this.props.isStudentView ?\n \"\" :\n \n \n this.handleSelectDuePaymentToEdit(\n props.original.id,\n )\n }\n >\n \n \n \n this.props.handleDeleteDuePayment(\n props.original.id,\n this.props.payer.id,\n )\n }\n >\n \n \n \n }\n\n {(this.props.extraButtons || []).map((button) => {\n if (button.shouldDisplay != undefined && button.shouldDisplay(props.original.id))\n return (\n button.onClick(props.original.id)}\n >\n \n \n );\n else\n return \"\";\n })}\n
\n );\n },\n },\n ];\n\n if (this.props.isStudentView != true)\n columns = headSelectorColumn.concat(columns);\n\n return (\n \n \n
\n\n \n
\n\n Échéancier
\n {this.props.isStudentView ?\n \"\" :\n\n \n Actions échéancier \n \n \n \n \n \n Créer l’échéancier\n \n \n \n \n \n Créer une échéance unique\n \n \n \n \n \n Edition de masse\n \n \n \n \n this.props.handleCreatePayments(\n this.props.payer.id,\n this.state.selectedRows,\n )\n }\n >\n \n Générer les règlements\n \n \n \n \n this.handleBulkDelete()}>\n \n Suppression de masse\n \n \n \n
\n }\n \n
\n \n
\n \n
\n Création d’une échéance
\n\n {this.alertPaymentTerm(this.props.payer)}\n\n {this.props.adhesionEnabled &&
\n \n \n this.handleCheckIsAdhesionDue(e)\n }\n />\n \n
}\n \n \n \n this.handleChangeNewDuePaymentAmount(\n e,\n )\n }\n />\n
\n \n \n \n this.handleChangeNewDuePaymentDate(\n e,\n )\n }\n />\n
\n \n \n \n this.handleSelectPaymentMethodForNewDuePayment(\n e,\n )\n }\n >\n \n \n {_.map(\n this.props.paymentMethods,\n (pm, i) => {\n return (\n \n {pm.label}\n \n );\n },\n )}\n \n
\n \n \n \n this.handleSelectStatusForNewDuePayment(\n e,\n )\n }\n >\n \n {this.props.statuses.map(status => (\n \n {status.label}\n \n ))}\n \n
\n \n \n \n Annuler\n \n \n this.props.handleSaveNewDuePayment(\n this.state.newDuePayment,\n )\n }\n >\n \n Sauvegarder\n \n
\n \n
\n \n\n \n
\n \n
\n Modification d’échéances
\n\n
\n \n \n
\n \n this.handleBulkEditChange(e)}>\n \n \n \n \n \n
\n \n \n \n \n \n {_.map(\n this.props.paymentMethods,\n (pm, i) => {\n return (\n \n {pm.label}\n \n );\n },\n )}\n \n
\n \n \n \n Annuler\n \n this.handleBulkEditCommit()}\n >\n \n Editer\n \n
\n \n
\n \n \n
\n \n
\n \n Edition de l’échéance n°{\" \"}\n {this.state.duePaymentToEdit.number}\n
\n\n {this.alertPaymentTerm(this.props.payer)}\n
\n \n \n
\n \n this.handleChangeDuePaymentOperation(e)}>\n \n \n \n \n \n this.handleChangeDuePaymentAmount(e)\n } />\n
\n \n \n \n this.handleChangeDuePaymentDate(e)\n }\n />\n
\n \n \n \n this.handleSelectPaymentMethod(e)\n }\n >\n \n \n {_.map(\n this.props.paymentMethods,\n (pm, i) => {\n return (\n \n {pm.label}\n \n );\n },\n )}\n \n
\n \n \n \n Annuler\n \n this.handleSaveDuePayment()}\n >\n \n Sauvegarder\n \n
\n \n
\n \n \n );\n }\n\n alertPaymentTerm(payer) {\n if (!payer.payment_terms_summary)\n return \"\";\n\n return \n
\n \n
\n Nouvel échéancier
\n\n {this.alertPaymentTerm(this.props.payer)}\n\n {this.props.adhesionEnabled &&\n \n }\n {/*\n \n
\n ) : null}\n
\n \n
\n {/*\n \n this.handleCreateDuePaymentForAdhesion(\n e,\n )\n }\n />\n \n Créer une échéance d'adhésion\n \n
\n */}\n {/*
*/}\n */}\n {/* this.handleIsolateDuePaymentForAdhesion(e)}*/}\n {/* />*/}\n {/* */}\n {/* Montant adhésion à déduire de la première échéance*/}\n {/* */}\n {/*
*/}\n {/**/}\n {/*
*/}\n {/*{*/}\n {/* this.state.areSpecialDues ?*/}\n {/* */}\n {/* this.setState({*/}\n {/* areSpecialDues: e.target.checked,*/}\n {/* specialDues: {},*/}\n {/* generatedDuePayments: this.generateDuePayments({*/}\n {/* startingDate: this.state.startingDate,*/}\n {/* n: this.state.numberOfDuePayments,*/}\n {/* payment_method_id: this.state.payment_method_id,*/}\n {/* adhesionNewDuePayment: this.state.adhesionNewDuePayment,*/}\n {/* isolateAdhesion: this.state.adhesionIsolated,*/}\n {/* }),*/}\n {/* })}*/}\n {/* checked={this.state.areSpecialDues}*/}\n {/* id={\"special\"} />*/}\n {/* */}\n {/* Échéances spéciales*/}\n {/* */}\n {/*
*/}\n {/**/}\n {/* */}\n {/* */}\n {/* */}\n {/*
*/}\n {/*
*/}\n {/* : null*/}\n {/*}*/}\n | Moyen de paiement | */}\n {/*Nombre échéances | */}\n {/*Montant | */}\n {/*
|---|---|---|
| {pm.label} | */}\n {/**/}\n {/* | */}\n {/* */}\n {/* | */}\n {/*
\n \n \n this.handleSelectDuePaymentsNumber(\n e,\n )\n }\n >\n \n \n \n \n \n \n\n {this.state.arbitraryNumberOfDuePayments ? (\n \n this.handleArbitraryNumberOfDuePaymentChange(\n e,\n )\n }\n />\n ) : null}\n
\n \n \n \n this.handleSelectStartingDate(e)\n }\n />\n
\n \n \n \n this.handleSelectPaymentMethodToGenerate(\n e,\n )\n }\n >\n \n \n {_(this.props.paymentMethods)\n .filter(pm => !pm.is_special)\n .map((pm, i) => {\n return (\n \n {pm.label}\n \n );\n })\n .value()\n }\n \n
\n\n {this.state.generatedDuePayments &&\n this.state.generatedDuePayments.length &&\n this.state.startingDate != \"\" > 0 ? (\n | N° | \nMoyen de paiement | \nDate | \nMontant | \n
|---|---|---|---|
| {dp.id} | \n{(() => {\n const pm = this.props.paymentMethods.find(pm => pm.id == dp.payment_method_id);\n return pm && pm.label;\n })()} | \n\n {dp.date.format(\n \"DD-MM-YYYY\",\n )}\n | \n{dp.amount} € | \n
\n \n \n Annuler\n \n \n this.handleCreateDuePaymentSchedule()\n }\n >\n \n Valider\n \n
\n \n L'élève a renseigné la préférence suivante dans ses modalités de paiement :
\n {payer.payment_terms_summary}\n
;\n }\n}\n\nexport default DuePaymentsList;\n","import React, {Fragment} from \"react\";\nimport _ from \"lodash\";\nimport swal from \"sweetalert2\";\n\nconst moment = require(\"moment\");\nrequire(\"moment/locale/fr\");\n\nimport ReactTable from \"react-table\";\n\nimport BulkEditModalAlert from \"../utils/alerts/BulkEditModalAlert\";\nimport {csrfToken, ISO_DATE_FORMAT} from \"../utils\";\nimport {redirectTo} from \"../../tools/url\";\n\nclass PaymentsList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n //data: this.props.payments,\n payment_method_id: 0,\n payment_status_id: 0,\n due_payment_id: 0,\n amount: \"\",\n reception_date: \"\",\n cashing_date: \"\",\n check_number: \"\",\n check_issuer_name: \"\",\n bulkEdit: {},\n selectedRows: [],\n };\n }\n\n handleSelectPaymentMethod(e) {\n this.setState({\n payment_method_id: parseInt(e.target.value),\n });\n }\n\n handleSelectDuePayment(e) {\n this.setState({\n due_payment_id: e.target.value,\n amount: _.find(this.props.duePayments, d => d.id == e.target.value)\n .amount,\n });\n }\n\n handleChangeOperation(e) {\n this.setState({ operation: e.target.value });\n }\n\n handleChangeAmount(e) {\n this.setState({ amount: e.target.value });\n }\n handleChangeReceptionDate(e) {\n this.setState({ reception_date: e.target.value });\n }\n handleChangeCashingDate(e) {\n this.setState({ cashing_date: e.target.value });\n }\n handleChangeCheckNumber(e) {\n this.setState({ check_number: e.target.value });\n }\n handleChangeCheckIssuerName(e) {\n this.setState({ check_issuer_name: e.target.value });\n }\n\n handleSelectStatus(e) {\n this.setState({ payment_status_id: e.target.value });\n }\n\n handleCreatePayment() {\n this.props.handleCreateNewPayment({\n ...this.state,\n payer: this.props.payer,\n });\n\n this.setState({\n payment_method_id: 0,\n due_payment_id: 0,\n amount: \"\",\n reception_date: \"\",\n cashing_date: \"\",\n check_number: \"\",\n check_issuer_name: \"\",\n });\n }\n\n handleSelectPaymentToEdit(id) {\n const payment = _.find(this.props.payments, p => p.id == id);\n\n this.setState({\n payment_method_id: payment.payment_method_id,\n due_payment_id: payment.due_payment_id,\n amount: payment.amount,\n reception_date: moment(payment.reception_date).format(ISO_DATE_FORMAT),\n cashing_date: moment(payment.cashing_date).format(ISO_DATE_FORMAT),\n operation: payment.operation,\n id: payment.id,\n payment_status_id: payment.payment_status_id,\n check_number: payment.check_number,\n check_issuer_name: payment.check_issuer_name,\n });\n }\n\n handleAllRowsSelected(e) {\n const selectedRows = e.target.checked\n ? this.props.payments.map(p => p.id)\n : [];\n this.setState({ selectedRows });\n }\n\n handleRowSelected(e) {\n const id = parseInt(e.target.value);\n const selectedRows = this.state.selectedRows.slice();\n const idx = selectedRows.indexOf(id);\n\n if (idx === -1) selectedRows.push(id);\n else selectedRows.splice(idx, 1);\n\n this.setState({\n selectedRows,\n });\n }\n\n handleBulkEditChange(e) {\n const bulkEdit = { ...this.state.bulkEdit };\n\n let val = e.target.value;\n\n if (![\n \"cashing_date\",\n \"reception_date\",\n \"emitter\",\n \"operation\"\n ].includes(e.target.name))\n val = parseFloat(val);\n\n bulkEdit[e.target.name] = val;\n\n this.setState({\n bulkEdit,\n });\n }\n\n handleBulkEditCommit() {\n this.props.handleBulkEditPayments(\n this.props.payer.id,\n this.state.selectedRows,\n this.state.bulkEdit\n );\n }\n\n handleBulkDelete() {\n if (this.state.selectedRows.length > 0)\n swal({\n title: \"Suppression en masse\",\n text: `Êtes-vous sûr de vouloir supprimer ces ${\n this.state.selectedRows.length\n } échéances ?`,\n type: \"warning\",\n confirmButtonText: \"Oui !\",\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(v => {\n if (v.value)\n this.props.handleBulkDelete(\n this.props.payer.id,\n this.state.selectedRows\n );\n });\n }\n\n renderStatus(cell) {\n if (cell.value) {\n let status = _.find(\n this.props.statuses,\n status => status.id == cell.value\n );\n return status ? (\n \n {payer.payment_terms_summary}\n
\n {this.props.isStudentView ?\n \"\" :\n \n this.handleSelectPaymentToEdit(row.original.id)}\n >\n \n \n this.props.handleDeletePayment(row.original.id, this.props.payer.id)}\n >\n \n \n \n }\n\n {(this.props.extraButtons || []).map((button) => {\n if (button.shouldDisplay!=undefined && button.shouldDisplay(row.original.id))\n return (\n button.onClick(row.original.id)}\n >\n \n \n );\n else\n return \"\";\n })}\n
\n ),\n },\n ];\n\n if(this.props.isStudentView!=true)\n columns = headSelectorColumn.concat(columns);\n\n return (\n \n \n
\n \n
\n\n Règlements
\n {this.props.isStudentView ?\n \"\" :\n\n \n Actions règlements \n \n\n \n \n \n \n Nouveau règlement\n \n \n \n \n \n Edition de masse\n \n \n \n \n this.handleBulkDelete()}>\n \n Suppression de masse\n \n \n \n
\n }\n \n
\n \n
\n \n
\n \n {this.state.id != null\n ? \"Edition Règlement\"\n : \"Nouveau Règlement\"}\n
\n\n \n \n ) : null}\n
\n \n \n \n this.handleSelectPaymentMethod(e)\n }\n >\n \n \n {_.map(\n this.props.paymentMethods,\n (pm, i) => {\n return (\n \n {pm.label}\n \n );\n }\n )}\n \n
\n \n \n \n this.handleSelectDuePayment(e)\n }\n >\n \n {_(duePayments)\n .sortBy(d => d.number)\n .map((dp, i) => {\n return (\n \n );\n })\n .value()}\n \n
\n \n \n
\n \n this.handleChangeOperation(e)}>\n \n \n \n \n \n this.handleChangeAmount(e)\n }\n className=\"form-control\"\n placeholder=\"XX €\" />\n
\n \n \n \n \n {this.props.statuses.map(status => (\n \n {status.label}\n \n ))}\n \n
\n {this.state.payment_method_id == 2 ? (\n \n \n \n this.handleChangeReceptionDate(\n e\n )\n }\n />\n
\n \n \n \n this.handleChangeCheckNumber(\n e\n )\n }\n />\n
\n \n \n \n this.handleChangeCheckIssuerName(\n e\n )\n }\n />\n
\n \n \n \n this.handleChangeCashingDate(e)\n }\n />\n
\n \n \n \n Annuler\n \n this.handleCreatePayment()}\n >\n \n {this.state.id != null\n ? \"Sauvegarder\"\n : \"Créer\"}\n \n
\n \n
\n \n \n );\n }\n}\n\nexport default PaymentsList;\n","import React, {Fragment} from \"react\";\n\nimport swal from \"sweetalert2\";\nimport _ from \"lodash\";\n\nimport {toast} from \"react-toastify\";\n\nimport PaymentsSummary from \"./PaymentsSummary\";\nimport DuePaymentsList from \"./DuePaymentsList\";\nimport PaymentsList from \"./PaymentsList\";\nimport CommentSection from \"./../CommentSection\";\n\nimport {indexById, csrfToken, findAndGet} from \"../utils/\";\nimport SwitchPayerModal from \"./SwitchPayerModal\";\nimport {set} from \"../../tools/api\";\nimport * as api from \"../../tools/api\";\n\nconst SEASON_STORED_KEY = \"PaymentsSummarySelectedSeason\";\n\nfunction calculateTotals(duePayments, payments, itemsForPayment) {\n const totalDue = _.reduce(\n _.map(itemsForPayment, d => d.discountedTotal),\n (sum, f) => sum + f,\n 0.0\n );\n\n const previsionalTotal = _.chain(duePayments)\n .values()\n .flatten()\n .map(dp => parseFloat(dp.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPayments = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n\n const totalPayback = _.chain(payments)\n .values()\n .flatten()\n .map(p => parseFloat(p.adjusted_amount))\n .compact()\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n const totalPaymentsToDay = _.chain(payments)\n .values()\n .flatten()\n .filter(\n p =>\n !p.payment_status_id && Date.parse(p.cashing_date) <= Date.now()\n )\n .map(p => parseFloat(p.adjusted_amount))\n .reduce((sum, n) => (sum + n), 0)\n .value();\n\n return {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n };\n}\n\nfunction roundCurrency(value, digits = 2) {\n return Number(value.toFixed(digits));\n}\n\nfunction getDiscountedAmount(amount, percentOff) {\n const res = (amount || 0) * (1 - percentOff / 100);\n return roundCurrency(res);\n}\n\nfunction generateDataForPaymentSummaryTable({\n activities,\n desired,\n options,\n seasonId,\n seasons,\n adhesions,\n adhesionPrices,\n adhesionEnabled,\n packs,\n user\n }) {\n let data = [];\n\n const seasonActivities = activities.filter(a =>\n desired.find(d => d.activity_id === a.activity.id)\n );\n\n // Et ensuite une ligne par activité\n _.forEach(seasonActivities, act => {\n const a = act.activity;\n const des = _.find(\n desired,\n d =>\n d.activity_id === act.activity_id &&\n d.activity_application.user_id === act.user_id\n );\n\n if (des) {\n const activity_nb_lessons = a.intended_nb_lessons\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (new Date(arp.from_season.start) <= new Date(season.start) && (!arp.to_season || new Date(arp.to_season.end) >= new Date(season.end))) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percentOff = _.get(des, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n stopped_at: des.activity_application.stopped_at,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: a.activity_ref,\n prorata: des.prorata,\n coupon: {...coupon},\n studentId: act.id,\n user: act.user,\n pricingCategoryId: des.pricing_category_id,\n activityId: a.id,\n paymentLocation: act.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percentOff),\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n });\n }\n });\n\n const taken = data.map(d => d.activityId);\n const takenDesired = data.map(d => d.id);\n\n _.forEach(options, option => {\n if (_.includes(taken, option.activity.id)) {\n return;\n }\n const a = option.activity;\n const des = _.find(desired, d => d.id === option.desired_activity_id);\n\n if (des && !takenDesired.includes(des.id)) {\n takenDesired.push(des.id);\n\n const activity_nb_lessons = a.intended_nb_lessons\n const season = seasons.find(s => s.id === seasonId);\n const priceAssociations = []\n\n a.activity_ref.activity_ref_pricing.forEach(arp => {\n if (arp.from_season.start <= season.start && (!arp.to_season || arp.to_season.end >= season.end)) {\n priceAssociations.push(arp);\n }\n })\n\n const priceAssociation = priceAssociations.find(pa => pa.pricing_category_id === des.pricing_category_id)\n\n let amount = 0;\n if (priceAssociation && priceAssociation.price) {\n amount = _.round((priceAssociation.price / activity_nb_lessons) * (des.prorata || activity_nb_lessons), 2);\n }\n\n const coupon = _.get(des, \"discount.coupon\", 0);\n const percentOff = _.get(des, \"discount.coupon.percent_off\", 0);\n\n const formattedOption = {\n id: des.id,\n activity: `${a.activity_ref.label} (${a.activity_ref.kind})`,\n intended_nb_lessons: a.intended_nb_lessons,\n des,\n ref: des.activity_ref,\n prorata: des.prorata,\n coupon: coupon,\n studentId: option.id,\n user: option.desired_activity.activity_application.user,\n pricingCategoryId: des.pricing_category_id,\n paymentLocation: option.payment_location,\n due_total: amount || 0,\n discountedTotal: getDiscountedAmount(amount, percentOff),\n isOption: true,\n unitPrice: priceAssociation && priceAssociation.price ? _.round((priceAssociation.price / activity_nb_lessons), 2) : 0,\n };\n data.push(formattedOption);\n }\n });\n\n if (adhesionEnabled) {\n for (const adhesion of adhesions) {\n const adhesionPrice = adhesionPrices.find(p => p.id === adhesion.adhesion_price_id) || {};\n\n if (adhesionPrice) {\n const coupon = _.get(adhesion, \"discount.coupon\", 0);\n const percentOff = _.get(adhesion, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Adhésion de ${adhesion.user.first_name} ${adhesion.user.last_name}`,\n frequency: 1,\n initial_total: 1,\n due_total: adhesionPrice.price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(adhesionPrice.price, percentOff),\n unitPrice: adhesionPrice.price || 0,\n user: adhesion.user,\n studentId: adhesion.user.id,\n adhesionPriceId: adhesionPrice.id,\n adhesionId: adhesion.id,\n });\n }\n }\n }\n\n if ((packs || []).length > 0)\n {\n const userPacks = packs.filter(p => p)\n\n if (userPacks.length > 0)\n {\n for (const pack of userPacks)\n {\n const pack_price = pack.activity_ref_pricing.price;\n const coupon = _.get(pack, \"discount.coupon\", 0);\n const percentOff = _.get(pack, \"discount.coupon.percent_off\", 0);\n\n data.push({\n id: 0,\n activity: `Pack de ${user.first_name} ${user.last_name} pour ${pack.activity_ref.label} (${pack.activity_ref.kind})`,\n frequency: 1,\n initial_total: 1,\n due_total: pack_price || 0,\n coupon: coupon,\n discountedTotal: getDiscountedAmount(pack_price || 0, percentOff),\n unitPrice: pack_price || 0,\n user: user,\n studentId: user.id,\n packPrice: pack.activity_ref_pricing,\n packId: pack.id,\n });\n }\n }\n }\n\n return data;\n}\n\nclass PaymentsManagement extends React.Component {\n constructor(props) {\n super(props);\n\n const season =\n parseInt(localStorage.getItem(SEASON_STORED_KEY)) ||\n this.props.currentSeason.id;\n\n this.state = {\n activities: this.props.activities,\n options: this.props.options,\n adhesion_payment_method: 0,\n schedule: this.props.schedule,\n schedulesBySeason: this.props.schedules,\n paymentsBySeason: this.props.payments,\n payersBySeason: this.props.payers,\n season,\n adhesions: this.props.adhesions,\n newComment: \"\",\n editedComment: null,\n };\n\n this.state = {\n ...this.state,\n ...this.getSeasonDependentState(season),\n };\n\n const status = this.getStatus(\n this.state.schedules,\n this.props.schedule_statuses\n );\n\n this.state = {\n ...this.state,\n scheduleStatus: status,\n schedule_status_id: status ? status.id : null,\n };\n }\n\n getStatus(schedules, statuses) {\n const schedule = _.chain(schedules)\n .values()\n .head()\n .value();\n\n if (schedule) {\n return _.find(\n statuses,\n s => s.id == schedule.payment_schedule_status_id\n );\n } else {\n return null;\n }\n }\n\n /**\n * Returns an object containing all season related data, to merge\n * with a superstate.\n * @param {*} seasonId the id of the season for which we request the data.\n */\n getSeasonDependentState(seasonId) {\n const payments = this.state.paymentsBySeason[seasonId] || {};\n const desiredActivities = this.props.desiredActivities[seasonId] || [];\n const adhesions = this.props.adhesions.filter(adh => adh.season_id == seasonId);\n const schedules = this.state.schedulesBySeason[seasonId] || {};\n const payers =\n findAndGet(\n this.state.payersBySeason,\n ps => parseInt(ps.season_id) === seasonId,\n \"payers\"\n ) || {};\n\n const duePayments = _.reduce(\n schedules,\n (acc, s) => ({...acc, [s.payable_id]: s.due_payments}),\n {}\n );\n\n const comments = _.chain(schedules)\n .values()\n .map(s => s.comments)\n .flatten()\n .value();\n\n const contextId = _.chain(schedules)\n .values()\n .map(s => s.id)\n .head()\n .value();\n\n return {\n // adhesions,\n payments,\n duePayments,\n schedules,\n desiredActivities,\n adhesions,\n payers,\n comments,\n contextId,\n };\n }\n\n handleCreateNewPayment(payment) {\n if (payment.id != undefined) {\n fetch(`/payments/${payment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n payment: {\n ...payment,\n payer: this.props.payer,\n },\n }),\n })\n .then(response => response.json())\n .then(payment => {\n let payments = this.state.payments[payment.payable_id];\n\n const index = _.findIndex(\n payments,\n p => p.id == payment.id\n );\n payments.splice(index, 1, payment);\n\n this.setState(\n {\n payments: {\n ...this.state.payments,\n [payment.payable_id]: payments,\n },\n },\n () => window.location.reload()\n );\n });\n } else {\n fetch(\"/payments\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n payment,\n }),\n })\n .then(response => response.json())\n .then(newPayment => {\n const duePayments = {...this.state.duePayments};\n\n if (newPayment.due_payment)\n duePayments[newPayment.payable_id] = Object.values({\n ...indexById(duePayments[newPayment.payable_id]),\n [newPayment.due_payment_id]: newPayment.due_payment,\n });\n\n this.setState({\n payments: {\n ...this.state.payments,\n [newPayment.payable_id]:\n this.state.payments[newPayment.payable_id] ==\n undefined\n ? [newPayment]\n : [\n ...this.state.payments[\n newPayment.payable_id\n ],\n newPayment,\n ],\n },\n duePayments,\n });\n });\n }\n }\n\n handleCreatePaymentSchedule(schedule) {\n const targetSchedule =\n this.props.schedules[this.state.season] &&\n this.props.schedules[this.state.season][schedule.payer.id];\n\n schedule.season_id = this.state.season;\n\n fetch(\"/payments/schedule\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n schedule,\n schedule_id: targetSchedule ? targetSchedule.id : null,\n }),\n })\n .then(response => response.json())\n .then(schedule => {\n let payableId = schedule.payable_id;\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payableId]: schedule.due_payments,\n },\n schedules: {\n ...this.state.schedules,\n [payableId]: schedule,\n },\n contextId: schedule.id,\n });\n });\n }\n\n handleChangePricingChoice(desId, userId, evt) {\n const pricing = this.props.pricingCategories.find(p => p.id == evt.target.value);\n\n let dess = {...this.state.desiredActivities};\n let des = _.find(\n dess,\n i => i.activity_application.user_id === userId && i.id == desId\n );\n\n if (pricing && des) {\n dess = _.filter(dess, i => i.id != des.id);\n\n des.pricing_category_id = pricing.id;\n\n dess = [...dess, des];\n\n fetch(`/desired_activities/${desId}/pricing`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n pricing_category_id: pricing.id,\n }),\n }).then(() => {\n this.setState({desiredActivities: dess});\n });\n }\n }\n\n handleChangeAdhesionPricingChoice(adhesionId, newAdhesionPricingId) {\n api.set()\n .success(() => {\n const adhesion = this.state.adhesions.find(adhesion => adhesion.id === adhesionId);\n adhesion.adhesion_price_id = parseInt(newAdhesionPricingId, 10);\n this.setState({activities: [...this.state.activities]});\n })\n .error((e) => {\n console.error(e)\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n .post(`/adhesions/${adhesionId}/update_adhesion_pricing?adhesion_price_id=${newAdhesionPricingId}`, {});\n }\n\n setStateWithCoupon(discountable_id, discountable_type, coupon) {\n let oldCoupon = null;\n\n switch (discountable_type) {\n // si mise à jour de la remise sur une adhésion\n case \"Adhesion\":\n // retrouver l'adhésion dans le state et mettre à jour la remise\n const adhesions = [...this.state.adhesions];\n const index = this.state.adhesions.findIndex(\n adh => adh.id === discountable_id\n )\n if (index === -1) return null;\n oldCoupon = _.get(adhesions[index], \"discount.coupon\", null);\n\n const adhesion = {\n ...adhesions[index],\n discount: {coupon: {...coupon}}\n };\n\n adhesions[index] = adhesion;\n this.setState({adhesions});\n break;\n\n\n // si mise à jour de la remise sur une activité\n case \"DesiredActivity\":\n // retrouver l'activité dans le state et mettre à jour la remise\n let dess = [...this.state.desiredActivities];\n const des = this.state.desiredActivities.find(\n i => i.id === discountable_id\n )\n if (!des) return null;\n oldCoupon = _.get(des, \"discount.coupon\", null);\n\n des.discount = {coupon: {...coupon}};\n dess = [...dess, des];\n this.setState({desiredActivities: dess});\n break;\n }\n\n return oldCoupon;\n }\n\n handleChangePercentOffChoice(discountable_id, discountable_type, couponId) {\n const coupon = _.find(this.props.coupons, c => c.id == couponId);\n\n const oldCoupon = this.setStateWithCoupon(discountable_id, discountable_type, coupon);\n\n const fetcher = api.set()\n .error((e) => {\n console.error(e);\n // Erreur -> on restaure la valeur précédente\n this.setStateWithCoupon(discountable_id, discountable_type, oldCoupon);\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n\n if (parseInt(couponId) === 0) {\n // si pas de remise sélectionnée, supprimer la remise\n fetcher.del(`/discounts`, {\n discountable_id: discountable_id,\n discountable_type: discountable_type\n });\n } else {\n // sinon, mettre à jour la remise\n fetcher.post(`/discounts/upsert`, {\n discountable_id: discountable_id,\n discountable_type: discountable_type,\n coupon_id: couponId\n });\n }\n\n }\n\n handleChangeActivityPaymentMethod(id, evt) {\n const method = parseInt(evt.target.value, 10);\n let items = {...this.state.activities};\n\n if (id != 0) {\n let item = _.find(items, i => i.id == id);\n items = _.filter(items, i => i.id != item.id);\n\n item.payment_method_id = method;\n\n items = [...items, item];\n }\n\n fetch(\"/payments/method\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n user_id: this.props.adhesion.user_id,\n activity: id,\n payment_method_id: method,\n }),\n }).then(() => {\n if (id == 0) {\n this.setState({adhesion_payment_method: method});\n } else {\n this.setState({activities: items});\n }\n });\n }\n\n handleSaveNewDuePayment(duePayment) {\n const schedule = this.state.schedules[duePayment.payer.id];\n\n fetch(`/due_payments`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n season_id: this.state.season,\n due_payment: {\n ...duePayment,\n payment_schedule_id: schedule ? schedule.id : 0,\n },\n }),\n })\n .then(response => response.json())\n .then(schedule => {\n // let duePayments = this.state.duePayments;\n // duePayments[duePayment.payer.id].push(newDue);\n\n // this.setState({ duePayments });\n\n let payableId = schedule.payable_id;\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payableId]: schedule.due_payments,\n },\n schedules: {\n ...this.state.schedules,\n [payableId]: schedule,\n },\n });\n });\n }\n\n handleSetToSwitchPayerId(toSwitchPayerId) {\n this.setState({\n toSwitchPayerId,\n });\n }\n\n handleSwitchPayer(newPayerId) {\n const {toSwitchPayerId: payerId} = this.state;\n\n const scheduleId = _.get(this.state.schedules[payerId], \"id\");\n\n set()\n .error(toast.error)\n .success(() => {\n window.location.reload();\n })\n .post(\n `/payment_schedules/${scheduleId}/change_owner/${newPayerId}`\n );\n }\n\n handleSaveDuePayment(duePayment, payerId) {\n fetch(`/due_payments/${duePayment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n due_payment: duePayment,\n }),\n })\n .then(response => response.json())\n .then(duePayment => {\n let duePayments = this.state.duePayments[payerId];\n\n const index = _.findIndex(\n duePayments,\n dp => dp.id == duePayment.id\n );\n duePayments.splice(index, 1, duePayment);\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: duePayments,\n },\n });\n });\n }\n\n handleDeletePayment(id, payerId) {\n fetch(`/payments/${id}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n })\n .then(res => res.json())\n .then(duePayment => {\n let newPayments = {...this.state.payments};\n newPayments[payerId] = _.filter(\n newPayments[payerId],\n p => p.id != id\n );\n\n let duePayments = [...this.state.duePayments[payerId]];\n\n if (duePayment) {\n const index = _.findIndex(\n duePayments,\n dp => dp.id == duePayment.id\n );\n\n duePayments.splice(index, 1, duePayment);\n }\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: duePayments,\n },\n payments: newPayments,\n });\n });\n }\n\n handleCreatePayments(payerId, targets) {\n if (targets.length === 0) return;\n\n fetch(\n `/schedule/${this.state.schedules[payerId].id}/generate_payments`,\n {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({targets}),\n }\n )\n .then(response => response.json())\n .then(dues => {\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(dues),\n }),\n };\n\n const newPayments = {\n ...this.state.payments,\n [payerId]: Object.values({\n ...indexById(this.state.payments[payerId]),\n ...indexById(\n _(dues)\n .map(d => d.payments)\n .flatten()\n .value()\n ),\n }),\n };\n\n this.setState({\n payments: newPayments,\n duePayments: newDuePayments,\n });\n });\n }\n\n handleDeleteDuePayment(id, payerId) {\n fetch(`/due_payment/${id}`, {\n method: \"DELETE\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n }).then(() => {\n let newDuePayments = {...this.state.duePayments};\n newDuePayments[payerId] = _.filter(\n newDuePayments[payerId],\n dp => dp.id != id\n );\n\n let newPayments = {...this.state.payments};\n newPayments[payerId] = _.filter(\n newPayments[payerId],\n p => p.due_payment_id != id\n );\n\n this.setState({\n duePayments: newDuePayments,\n payments: newPayments,\n });\n });\n }\n\n handleSwitchLocation(scheduleId, locationId) {\n let schedules =\n scheduleId || Object.values(this.state.schedules).map(v => v.id);\n\n fetch(`/payment_schedules/location`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n schedulesIds: schedules,\n locationId: locationId,\n }),\n }).then(res => {\n if (res.ok) {\n const oldSchedules = this.state.schedules;\n const newSchedules = {};\n\n Object.keys(oldSchedules).forEach(\n k =>\n (newSchedules[k] = {\n ...oldSchedules[k],\n location_id: locationId,\n })\n );\n\n toast.success(\"Changement de location sauvegardé\", {\n position: toast.POSITION.BOTTOM_CENTER,\n autoClose: 3000,\n });\n this.setState({\n schedules: newSchedules,\n });\n }\n });\n }\n\n /**\n * Changes the current season and saves current season's frontend data to\n * season related data in the state.\n * @param {*} e select onchange event.\n */\n handleChangeSeason(e) {\n const newSeason = parseInt(e.target.value);\n\n localStorage.setItem(SEASON_STORED_KEY, newSeason);\n\n //Transfer current state data for this season to the season stores\n //for due payments\n let newSchedulesBySeason = {...this.state.schedulesBySeason};\n\n newSchedulesBySeason[this.state.season] = this.state.schedules;\n\n Object.entries(this.state.duePayments).forEach(([key, val]) => {\n newSchedulesBySeason[this.state.season][key].due_payments = val;\n });\n\n //for payments\n const newPaymentsBySeason = {...this.state.paymentsBySeason};\n\n Object.entries(this.state.payments).forEach(([key, val]) => {\n newPaymentsBySeason[this.state.season][key] = val;\n });\n\n //for comments\n const commentsGroupedByContextId = this.state.comments.reduce(\n (acc, c) => ({\n ...acc,\n [c.commentable_id]: [...(acc[c.commentable_id] || []), c],\n }),\n {}\n );\n\n for (const [scheduleId, comments] of Object.entries(\n commentsGroupedByContextId\n )) {\n if (scheduleId) {\n const schedule = Object.values(\n newSchedulesBySeason[this.state.season]\n ).find(s => s.id == scheduleId);\n\n if (schedule) schedule.comments = comments;\n }\n }\n\n let newState = {\n schedulesBySeason: newSchedulesBySeason,\n paymentsBySeason: newPaymentsBySeason,\n season: newSeason,\n ...this.getSeasonDependentState(newSeason),\n };\n const status = this.getStatus(\n newState.schedules,\n this.props.schedule_statuses\n );\n if (status) {\n newState = {\n ...newState,\n scheduleStatus: status,\n schedule_status_id: status.id,\n };\n }\n\n this.setState(newState);\n }\n\n handleBulkDeleteDuePayments(payerId, dues) {\n fetch(\"/due_payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets: dues,\n }),\n }).then(res => {\n if (res.ok) {\n //updates data to mimic reproduce backend's delete operation\n const newDuePayments = {...this.state.duePayments};\n const newPayments = {...this.state.payments};\n\n newDuePayments[payerId] = newDuePayments[payerId].filter(\n d => !dues.includes(d.id)\n );\n\n newPayments[payerId] = newPayments[payerId].filter(\n d => !dues.includes(d.due_payment_id)\n );\n\n this.setState({\n duePayments: newDuePayments,\n payments: newPayments,\n });\n }\n });\n }\n\n handleBulkDeletePayments(payerId, targets) {\n fetch(\"/payments/bulkdelete\", {\n method: \"DELETE\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({\n targets,\n }),\n })\n .then(res => res.json())\n .then(dues => {\n //updates data to mimic reproduce backend's delete operation\n const newPayments = {...this.state.payments};\n\n newPayments[payerId] = newPayments[payerId].filter(\n p => !targets.includes(p.id)\n );\n\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(dues),\n }),\n };\n\n this.setState({\n payments: newPayments,\n duePayments: newDuePayments,\n });\n });\n }\n\n handleBulkEditDuePayments(payerId, targets, edit) {\n const body = {\n targets,\n due_payment: {\n ...edit,\n },\n };\n\n fetch(\"/due_payments/bulkedit/user\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n })\n .then(res => res.json())\n .then(dues => {\n let newPayerDuePayments = [...this.state.duePayments[payerId]];\n newPayerDuePayments = _.map(newPayerDuePayments, due => {\n const newDue = _.find(dues, d => d.id === due.id);\n\n if (newDue) {\n return newDue;\n }\n\n return due;\n });\n\n const newPayerPayments = [...this.state.payments[payerId]].map(\n pay => {\n const newDue = dues.find(\n d => d.id === pay.due_payment_id\n );\n\n if (newDue) {\n const newPay = newDue.payments.find(\n p => p.id === pay.id\n );\n\n //this should always be true\n //but we ain't never be too sure\n if (newPay) return newPay;\n }\n\n return pay;\n }\n );\n\n this.setState({\n duePayments: {\n ...this.state.duePayments,\n [payerId]: newPayerDuePayments,\n },\n payments: {\n ...this.state.payments,\n [payerId]: newPayerPayments,\n },\n });\n });\n }\n\n handleBulkEditPayments(payerId, targets, edit) {\n const body = {\n targets,\n ...edit,\n };\n\n fetch(\"/payments/bulkedit\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n })\n .then(res => res.json())\n .then(pays => {\n const newPayerPayments = [...this.state.payments[payerId]].map(\n pay => {\n const newPay = pays.find(p => p.id === pay.id);\n\n if (newPay) return newPay;\n\n return pay;\n }\n );\n\n const newDuePayments = {\n ...this.state.duePayments,\n [payerId]: Object.values({\n ...indexById(this.state.duePayments[payerId]),\n ...indexById(_.compact(pays.map(p => p.due_payment))),\n }),\n };\n\n this.setState({\n duePayments: newDuePayments,\n payments: {\n ...this.state.payments,\n [payerId]: newPayerPayments,\n },\n });\n });\n }\n\n handleChangeStatus(e) {\n this.setState({schedule_status_id: e.target.value});\n }\n\n handleSaveStatus() {\n const scheduleActions = _.map(_.values(this.state.schedules), s => {\n fetch(`/payment_schedule/${s.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n schedule_status_id: this.state.schedule_status_id,\n }),\n });\n });\n\n // const schedules = this.state.schedulesBySeason[seasonId] || {};\n\n Promise.all(scheduleActions).then(() => {\n const newStatus = _.find(\n this.props.schedule_statuses,\n ss => ss.id == this.state.schedule_status_id\n );\n this.setState({scheduleStatus: newStatus});\n });\n }\n\n // COMMENT HANDLERS\n handleCommentEdition(comment_id) {\n const comment = _.find(this.state.comments, c => c.id == comment_id);\n this.setState({editedComment: comment});\n }\n\n handleUpdateNewCommentContent(e) {\n this.setState({newComment: e.target.value});\n }\n\n handleUpdateEditedCommentContent(e) {\n this.setState({\n editedComment: {\n ...this.state.editedComment,\n content: e.target.value,\n },\n });\n }\n\n handleSaveComment() {\n fetch(\"/comments\", {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n pragma: \"no-cache\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n comment: {\n commentable_id: this.state.contextId,\n commentable_type: \"PaymentSchedule\",\n user_id: this.props.user_id,\n content: this.state.newComment,\n },\n }),\n })\n .then(response => response.json())\n .then(comments => {\n this.setState({comments, newComment: \"\"});\n });\n }\n\n handleSaveCommentEdition() {\n fetch(`/comments/${this.state.editedComment.id}`, {\n method: \"PATCH\",\n credentials: \"same-origin\",\n headers: {\n \"X-CSRF-Token\": csrfToken,\n \"Content-Type\": \"application/json\",\n pragma: \"no-cache\",\n Accept: \"application/json\",\n },\n body: JSON.stringify({\n comment: this.state.editedComment,\n }),\n })\n .then(response => response.json())\n .then(comments => {\n this.setState({comments, editedComment: null});\n });\n }\n\n handlePromptPaymentStatusEdit(payer, paymentId, newStatusId) {\n swal({\n title: \"Édition du statut\",\n type: \"warning\",\n confirmButtonText: \"Valider\",\n input: \"select\",\n inputOptions: _.zipObject(\n this.props.paymentStatuses.map(status => status.id),\n this.props.paymentStatuses.map(status => status.label)\n ),\n inputClass: \"form-control\",\n inputValue: newStatusId,\n showCancelButton: true,\n cancelButtonText: \"Annuler\",\n }).then(res => {\n const newStatusId = res.value;\n if (newStatusId) {\n fetch(\"/payments/edit_status\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-CSRF-Token\": csrfToken,\n },\n body: JSON.stringify({id: paymentId, status: res.value}),\n }).then(res => {\n if (!res.ok) swal(\"Echec\", \"\", \"error\");\n else {\n let payments = this.state.payments[payer.id];\n const index = _.findIndex(\n payments,\n p => p.id == paymentId\n );\n payments[index].payment_status_id = newStatusId;\n\n //this.setState({payments[payer.id]: payments});\n this.setState({\n payments: {\n ...this.state.payments,\n [payer.id]: payments\n },\n });\n }\n });\n }\n });\n }\n\n sendUpcominPayment()\n {\n swal({\n type: \"question\",\n title: \"Êtes-vous sûr ?\",\n text: \"Envoyer les paiements à venir par email ?\",\n showCancelButton: true,\n confirmButtonText: \"Envoyer\",\n cancelButtonText: \"Annuler\",\n })\n .then((res) =>\n {\n if (res.value)\n {\n swal.showLoading();\n\n api.set()\n .success(() =>\n {\n swal(\"Mail envoyé\", \"Le mail a bien été envoyé\", \"success\");\n })\n .error((e) =>\n {\n console.error(e)\n\n swal(\"Erreur\", \"Une erreur est survenue\", \"error\");\n })\n .post(\"/payments/send_upcoming_payment_mail\", {\n season_id: this.state.season,\n user_id: this.props.user.id\n }, {});\n }\n });\n }\n\n render() {\n const itemsForPayment = generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: this.state.desiredActivities,\n options: this.state.options,\n seasonId: this.state.season,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: this.state.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n });\n\n const {\n totalDue,\n totalPayback,\n totalPayments,\n previsionalTotal,\n totalPaymentsToDay,\n } = calculateTotals(\n this.state.duePayments,\n this.state.payments,\n itemsForPayment\n );\n\n const globalLocation =\n (Object.keys(this.state.schedules).length > 0 &&\n _.reduce(\n this.state.schedules,\n (acc, s) => (s.location_id == acc ? acc : null),\n Object.entries(this.state.schedules)[0][1].location_id\n )) ||\n null;\n\n const generateStatusSelection = _.map(\n this.props.schedule_statuses,\n (s, i) => {\n return (\n \n
\n \n
\n Edition de règlements
\n\n
\n \n \n
\n \n this.handleBulkEditChange(e)}>\n \n \n \n \n \n this.handleBulkEditChange(e)}\n className=\"form-control\"\n placeholder=\"XX €\" />\n
\n \n \n \n \n \n {_.map(\n this.props.paymentMethods,\n (pm, i) => {\n return (\n \n {pm.label}\n \n );\n }\n )}\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n {this.props.statuses.map(status => (\n \n {status.label}\n \n ))}\n \n
\n \n \n \n Annuler\n \n this.handleBulkEditCommit()}\n disabled={\n Object.keys(this.state.bulkEdit)\n .length === 0\n }\n >\n \n Editer\n \n
\n \n this.handleChangeStatus(e)}\n id={s.id}\n />\n \n
\n );\n }\n );\n\n const previousSeason = findAndGet(\n this.props.seasons,\n s => s.id === this.state.season,\n \"previous\"\n );\n\n let previousSeasonCreditNotes = null;\n let previousSeasonBalance = 0;\n\n if (previousSeason) {\n previousSeasonCreditNotes =\n previousSeason &&\n _(\n _.find(\n this.state.paymentsBySeason,\n (_, sId) => previousSeason.id == sId\n )\n )\n .map(a => a)\n .flatten()\n .filter(\"payment_method.is_credit_note\")\n .value();\n\n const previousSeasonState =\n previousSeason &&\n this.getSeasonDependentState(previousSeason.id);\n const {previsionalTotal, totalPayments} =\n previousSeason &&\n calculateTotals(\n previousSeasonState.duePayments,\n previousSeasonState.payments,\n generateDataForPaymentSummaryTable({\n activities: this.state.activities,\n desired: previousSeasonState.desiredActivities,\n options: this.state.options,\n seasonId: previousSeason.id,\n seasons: this.props.seasons,\n adhesionPrices: this.props.adhesionPrices,\n adhesionEnabled: this.props.adhesionEnabled,\n adhesions: previousSeasonState.adhesions,\n packs: (this.props.packs || {})[this.state.season],\n user: this.props.user,\n })\n );\n\n previousSeasonBalance = _.floor(\n previsionalTotal - totalPayments,\n 2\n );\n }\n\n return (\n \n
\n \n
\n\n \n
\n \n {_(this.props.activities)\n .map(a => a.user)\n .compact()\n .uniqBy(u => u.id)\n .map(u => (\n {`${u.first_name} ${u.last_name} N°${u.adherent_number}`}\n ))\n .value()}\n
\n \n
\n \n {\n this.props.seasons.find(\n s => s.id === this.state.season\n ).label\n }\n
\n\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n
\n\n
\n\n
\n \n Payeur.s :{\" \"}\n {this.state.payers.map((p, i, a) => (\n {`${p.first_name} ${p.last_name}`}\n ))}\n
\n\n \n\n
\n
\n \n
\n Moyen de paiement
\n\n \n Prélèvement\n
\n\n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n Nombre d'échéance(s)
\n\n \n Annuel\n
\n\n \n Trimestriel (Octobre/Janvier/Avril)\n
\n\n \n Mensuel (indiquer nombre d'échéances et\n premier mois)\n
\n\n
\n \n
\n Pour les prélèvements, date souhaitée
\n\n \n 5 du mois\n
\n\n \n 15 du mois\n
\n\n \n 28 du mois\n
\n\n
\n \n
\n \n
\n Adhésion réglée différemment
{\" \"}\n\n \n Oui{\" \"}\n \n Non\n
\n\n
\n \n
\n Moyen de paiement
\n\n
\n \n \n Chèque\n
\n\n \n Espèces\n
\n\n
\n \n
\n Commentaire.s :
\n\n
\n \n
\n \n
\n Règlements concernant {this.props.user.first_name + \" \" + this.props.user.last_name}
\n\n
\n \n window.print()}\n >\n \n Imprimer\n \n\n {\n this.props.is_upcoming_payment_defined && itemsForPayment.every(i => i.pricingCategoryId != undefined || i.adhesionPriceId != undefined) && \n \n Envoyer\n \n }\n
\n \n \n Changer le statut\n \n \n
\n \n {this.state.scheduleStatus\n ? this.state.scheduleStatus.label\n : \"Pas de Statut\"}\n
\n\n
\n \n
\n \n
\n Statut des règlements
\n\n {generateStatusSelection}\n
\n \n \n \n Annuler\n \n \n this.handleSaveStatus()\n }\n >\n \n Valider\n \n
\n \n
\n );\n })}\n\n \n
\n \n
\n \n \n \n {this.props.seasons.map(s => (\n \n ))}\n \n
\n \n
\n \n this.handleChangePricingChoice(desId, userId, evt)}\n handleChangePaymentMethod={(id, evt) => this.handleChangeActivityPaymentMethod(id, evt)}\n handleSwitchLocation={(id, location) => this.handleSwitchLocation(id, location)}\n handleChangePercentOffChoice={(discountable_id, discountable_type, couponId) => this.handleChangePercentOffChoice(discountable_id, discountable_type, couponId)}\n adhesionPrices={this.props.adhesionPrices}\n handleChangeAdhesionPricingChoice={(userId, evt) => this.handleChangeAdhesionPricingChoice(userId, evt)}\n // handleChangeProrataForDesiredActivity={(id, prorata) => this.handleChangeProrataForDesiredActivity(id, prorata)}\n />\n
\n \n {_.get(previousSeasonCreditNotes, \"length\") > 0 && (\n
\n\n {this.state.payers.length == 0 ?\n \"Aucun échéancier pour cette saison\"\n :\n _.map(this.state.payers, payer => {\n const previsionalTotal = _.chain(\n this.state.duePayments[payer.id]\n )\n .values()\n .flatten()\n .map(dp => dp.amount)\n .reduce(\n (sum, n) =>\n (\n parseFloat(sum) + parseFloat(n)\n ).toFixed(2),\n \"0\"\n )\n .value();\n\n\n return (\n \n
\n )}\n {previousSeasonBalance !== 0 && (\n \n
\n \n Avoir sur {previousSeason.label}\n
\n- \n {previousSeasonCreditNotes.map(\n p => (\n
- \n {_.get(\n p,\n \"payment_method.label\"\n )}{\" \"}\n : {p.amount} €\n \n )\n )}\n
\n
\n )}\n \n
\n \n Solde non nul sur{\" \"}\n {previousSeason.label}\n
\n\n {previousSeasonBalance}€\n
\n\n \n this.handleSetToSwitchPayerId(null)\n }\n onSubmit={newPayerId =>\n this.handleSwitchPayer(newPayerId)\n }\n />\n \n \n }\n\n\n {this.state.payments[payer.id] && this.state.payments[payer.id].length > 0 &&\n \n \n window.open(`/payments/summary/${this.props.user.id}.pdf?season_id=${this.state.season}&payer_id=${payer.id}`)}>\n \n Imprimer une attestation de paiement\n \n\n window.open(`/payment_schedule/${(this.state.schedules[payer.id] && this.state.schedules[payer.id].id)}.pdf`)}>\n \n Imprimer l'échéancier\n \n
\n\n \n \n Paiements par{\" \"}\n
\n {this.state.payers.length > 1 &&\n \n this.handleSetToSwitchPayerId(\n payer.id\n )\n }\n data-tippy-content=\"Changer le payeur\"\n data-toggle=\"modal\"\n data-target=\"#switch-payer-modal\"\n className=\"btn btn-sm btn-outline btn-primary\"\n >\n \n \n }\n
\n\n {payer.payment_terms_summary &&\n \n Paiements par{\" \"}\n \n {`${payer.first_name} ${payer.last_name} (${payer.class_name})`}\n \n\n {payer[\"payer_paying_for_current_season?\"] ? \"\" : \n N'est plus payeur\n }\n
\n {this.state.payers.length > 1 &&\n \n
\n \n Modalités de paiement souhaitées : {payer.payment_terms_summary}\n
\n \n \n
\n \n }\n\n \n this.handleCreatePaymentSchedule(ps)}\n handleCreatePayments={this.handleCreatePayments.bind(this)}\n handleSaveNewDuePayment={dp => this.handleSaveNewDuePayment(dp)}\n handleSaveDuePayment={(p, payerId) => this.handleSaveDuePayment(p, payerId)}\n handleDeleteDuePayment={(id, payerId) => this.handleDeleteDuePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeleteDuePayments.bind(this)}\n handleBulkEditCommit={this.handleBulkEditDuePayments.bind(this)}\n seasonId={this.state.season}\n />{\" \"}\n
\n \n this.handleCreateNewPayment(p)}\n handleDeletePayment={(id, payerId) => this.handleDeletePayment(id, payerId)}\n handleBulkDelete={this.handleBulkDeletePayments.bind(this)}\n handleBulkEditPayments={this.handleBulkEditPayments.bind(this)}\n handlePromptStatusEdit={this.handlePromptPaymentStatusEdit.bind(this)}\n />\n
\n \n
\n \n \n \n \n this.handleUpdateNewCommentContent(e)\n }\n handleSaveComment={() =>\n this.handleSaveComment()\n }\n handleUpdateEditedCommentContent={e =>\n this.handleUpdateEditedCommentContent(e)\n }\n handleSaveCommentEdition={() =>\n this.handleSaveCommentEdition()\n }\n handleCommentEdition={id =>\n this.handleCommentEdition(id)\n }\n />\n
\n \n
)\n },\n },\n {\n Header: \"N° d'adhérent\",\n id: \"adherent_number\",\n width: 50,\n accessor: d =>\n d.user && d.user.adherent_number != null\n ? d.user.adherent_number\n : \"\",\n },\n {\n Header: \"Élève\",\n id: \"student\",\n accessor: d =>\n d.user ? (\n \n {d.user.first_name} {d.user.last_name}\n \n ) : null,\n },\n {\n Header: \"Tarif\",\n id: \"tarif\",\n maxWidth: 100,\n Cell: props => {\n // Si il y as un packId\n if (props.original.packId)\n {\n // 15/03/24 on ne permet pas la modification du pack (pour l'instant)\n return {d.activity}
\n {d.stopped_at ? (\n \n {`(Arrêt le : ${moment(d.stopped_at).format(\"DD/MM/YYYY\")})`}\n
\n ) : null}\n {_.get(props, [\"original\", \"packPrice\", \"pricing_category\", \"name\"]) || \"Inconnue\"}
;\n }\n\n\n // Sinon, si la ligne n'a pas d'id, c'est que c'est une adhésion\n if (props.original.id === 0) {\n if (this.props.isStudentView) {\n return{(this.props.adhesionPrices.find(a => props.original.adhesionPriceId) || {}).label}
;\n }\n\n return{pricingCategory ? pricingCategory.label : \"aucun tarif défini\"}
;\n } else {\n let activity_ref_pricings = props.original.ref.activity_ref_pricing\n let season = this.props.seasons.find(s => s.id === this.props.season)\n let pricings = []\n\n activity_ref_pricings.forEach(asp => {\n if (asp.from_season.start <= season.start && (!asp.to_season || asp.to_season.end >= season.end)) {\n pricings.push(asp);\n }\n });\n\n return (\n{d.unitPrice + \" €\"}
,\n style: {\n textAlign: \"right\",\n display: \"block\",\n },\n },\n {\n Header: \"Prorata\",\n id: \"prorata\",\n maxWidth: 75,\n Cell: props => {\n if (props.original.id === 0) {\n return null;\n }\n\n const intendedNbLessons = props.original.intended_nb_lessons\n return{props.original.prorata || intendedNbLessons} sur {intendedNbLessons}
;\n },\n },\n {\n Header: \"Montant total\",\n id: \"initial_total\",\n maxWidth: 150,\n accessor: d => {\n let prorataTotal = 0;\n if (d.id == 0 || d.due_total >= 0) {\n prorataTotal = d.due_total;\n } else {\n prorataTotal = \"--\";\n }\n return (\n\n {prorataTotal + \" €\"}\n
\n );\n },\n style: {\n textAlign: \"right\",\n display: \"block\",\n }\n },\n {\n Header: \"Remise\",\n id: \"coupon\",\n maxWidth: 100,\n accessor: d => {\n d.coupon.percent_off ?{d.coupon.percent_off + \" %\"}
: null\n },\n Cell: props => {\n if (this.props.isStudentView) {\n return{\n props.original.coupon.percent_off ?\n `${props.original.coupon.percent_off}% (${props.original.coupon.label})`\n : '-'\n }
;\n }\n\n return (\n{d.discountedTotal.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })}
;\n },\n style: {\n textAlign: \"right\",\n display: \"block\",\n fontSize: \"18px\",\n marginBottom: 0,\n },\n Footer: (\n \n \n Total:\n {` ${totalDue == null\n ? \"--\"\n : totalDue.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n\n\n \n Total échéancier:\n \n {` ${previsionalTotal == null\n ? \"--\"\n : previsionalTotal.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n
\n\n \n Total réglé à ce jour:\n \n {` ${totalPaymentsToDay == 0 &&\n previsionalTotal == null\n ? \"--\"\n : totalPaymentsToDay.toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n\n
\n\n \n Solde:\n \n {` ${totalPayments == 0 &&\n previsionalTotal == null\n ? \"--\"\n : (previsionalTotal - totalPayments).toLocaleString('fr-FR', {\n style: 'currency',\n currency: 'EUR'\n })\n } `}\n \n \n \n )\n }\n ];\n\n\n return (\n\n
\n this.closeCreateCouponModal()}\n onSubmit={item => this.createCoupon(item)}\n />\n\n
\n );\n }\n\n\n}\n\nexport default PaymentsSummary;\n","import React, { useState } from \"react\";\nimport { optionMapper, USER_OPTIONS } from \"../utils\";\n\nexport default function SwitchPayerModal({ payer, payers, onSubmit }) {\n const [newPayerId, setNewPayerId] = useState(\"\");\n\n const payersOptions = payer && payers\n .filter(p => p.id !== payer.id)\n .map(optionMapper(USER_OPTIONS));\n\n return \n {/* \n \n \n */}\n {!this.props.isStudentView && _.values(this.props.schedules).length > 0 ? (\n
\n\n \n \n
\n ) : null}\n \n {this.props.locations.map((l, i) => (\n \n ))}\n
\n \n
\n\n Infos générales
\n\n
;\n}","import React, {Fragment, useEffect, useState} from \"react\";\nimport Modal from \"react-modal\";\nimport * as api from \"../../../tools/api\";\nimport swal from \"sweetalert2\";\nimport { MONTHS } from \"../../../tools/constants\";\nimport ToggleButtonGroup from \"../../ToggleButtonGroup\";\n\nexport default function PaymentTermsSettingModal({season, user, children, onSaved, isForNew = false})\n{\n const [modalIsOpen, setModalIsOpen] = useState(false);\n const [paymentTerm, setPaymentTerm] = useState({paymentScheduleOptionId: null, onDay: null, paymentMethodIndex: null});\n\n const [allPaymentTerms, setAllPaymentTerms] = useState([]);\n const [paymentMethods, setPaymentMethods] = useState([]);\n\n function majUserPaymentTerm(payment_methods = null)\n {\n // get user datas\n api.set()\n .success(data =>\n {\n if(data)\n {\n setPaymentTerm({\n paymentScheduleOptionId: data.payment_schedule_options_id,\n onDay: data.day_for_collection,\n paymentMethodIndex: (payment_methods ? payment_methods : paymentMethods).findIndex(p => p.id === data.payment_method_id),\n });\n }\n else\n {\n setPaymentTerm({paymentScheduleOptionId: null, onDay: null, paymentMethodIndex: null});\n }\n })\n .error(data =>\n {\n console.error(data);\n\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la récupération des conditions de paiement.\",\n type: \"error\",\n });\n })\n .get(`/users/${user.id}/paymentTerms`, {season_id: season.id});\n }\n\n useEffect(() =>\n {\n if(!paymentTerm.paymentScheduleOptionId)\n {\n const promises = [];\n\n // get base datas\n promises.push(api.set()\n .success(data =>\n {\n setAllPaymentTerms(data.data);\n\n return data.data;\n })\n .error(data =>\n {\n console.error(data);\n\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la récupération des données\",\n type: \"error\",\n });\n })\n .get(`/payment_schedule_options`, {season_id: season.id}));\n\n // get payments methods\n promises.push(api.set()\n .success(data =>\n {\n setPaymentMethods(data.data);\n\n return data.data;\n })\n .error(data =>\n {\n console.error(data);\n\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de la récupération des moyens de paiement\",\n type: \"error\",\n });\n })\n .get(`/payment_method`, {season_id: season.id}));\n\n Promise.all(promises).then((d) => majUserPaymentTerm(d[1]));\n }\n }, []);\n\n useEffect(() =>\n {\n majUserPaymentTerm();\n }, [season]);\n\n function onSave()\n {\n api.set()\n .success(data =>\n {\n setModalIsOpen(false);\n\n swal({\n title: \"Succès\",\n text: \"Les modalités de paiement ont bien été enregistrées.\",\n type: \"success\",\n });\n\n if(onSaved && typeof onSaved === \"function\")\n onSaved({\n term_name: allPaymentTerms.find(p => p.id === paymentTerm.paymentScheduleOptionId).label,\n payment_method: paymentMethods[paymentTerm.paymentMethodIndex].label,\n });\n })\n .error(data =>\n {\n console.error(data);\n\n swal({\n title: \"Erreur\",\n text: \"Une erreur est survenue lors de l'enregistrement des modalités de paiement.\",\n type: \"error\",\n });\n })\n .post(`/users/${user.id}/paymentTerms`, {\n season_id: season.id,\n payment_schedule_options_id: paymentTerm.paymentScheduleOptionId,\n day_for_collection: paymentTerm.onDay,\n payment_method_id: paymentMethods[paymentTerm.paymentMethodIndex].id,\n });\n }\n\n const payTermObject = allPaymentTerms.find(p => p.id === paymentTerm.paymentScheduleOptionId);\n\n return \n
\n \n
\n \n
\n
\n \n \n ×\n \n
\n Changement de payeur
\n\n
\n {payer &&
\n \n setNewPayerId(e.target.value)}\n value={newPayerId}>\n \n {payersOptions}\n \n
}\n Remplacer le payeur {payer.first_name} {payer.last_name} par
\n\n onSubmit(newPayerId)}\n disabled={!newPayerId}\n className=\"btn btn-primary pull-right\">\n Confirmer\n \n
\n \n
\n\n \n Attention, une fois la modalité sélectionnée, vous ne pourrez plus la modifier pour cette saision
\n Il sera possible de modfier le jour et la méthode de paiement.\n
\n \n Il sera possible de modfier le jour et la méthode de paiement.\n
\n
\n\n \n
\n Sélectionnez l'option d'échéancier de paiement
\n \n\n {paymentTerm.paymentScheduleOptionId &&
\n \n Le règlement sera fait au(x) mois de {payTermObject.payments_months.map(m => MONTHS[m]).join(\", \")}\n
}\n \n
\n\n \n
\n Sélectionnez le jour de règlement
\n\n\n {payTermObject && {d})}\n onChange={(selected) => setPaymentTerm({...paymentTerm, onDay: selected[0]})}\n />}\n
\n \n setPaymentTerm({...paymentTerm, paymentMethodIndex: selected[0]})}\n childrenContent={paymentMethods.map(m =>
\n\n \n
\n\n Sélectionnez le moyen de paiement
\n\n {getIconForPaymentMethod(m)}\n
)}\n buttonStyles={{\n width: \"100%\",\n height: \"75px\",\n }}\n buttonClasses={\"col-sm-3\"}\n />\n {m.label}
\n\n
\n \n \n \n
\n \n
\n\n \n {is_current_user ? \"Mes règlements\" : \"Règlements de \" + user.full_name}\n
\n\n
\n\n \n \n
\n \n
\n\n {duePaymentsData.length > 0 && \n
\n\n \n
\n \n
\n\n Vos informations générales
\n\n
\n \n
\n\n \n \n \n
\n
\n | Activités | \nÉlève | \nProrata | \nMontant | \n
|---|---|---|---|
| {d.activity} | \n{d.user_full_name} | \n{d.prorata ? `${d.prorata} / ${d.intended_nb_lessons}` : \"\"} | \n{d.amount} € | \n
\n
\n\n {onPayClicked && typeof onPayClicked === \"function\" && \n
\n Montant total: {_.sumBy(data, d => d.amount)} €
\n\n
}\n \n \n
\n \n
\n \n
\n \n
\n\n Vos modalités de paiement
\n\n
\n \n
\n\n {(paymentTerms || {}).payment_method && \n
\n Paiement
\n\n {(paymentTerms || {}).term_name || \"Non saisi\"}\n\n
}\n\n \n
\n\n Moyen de paiement
\n\n
\n \n
\n \n
\n\n \n \n
\n \n
\n \n {paymentTerms.payment_method}\n
\n \n
\n \n getDatas()}>\n {(paymentTerms || {}).payment_method ? \"Modifier\" : \"Ajouter\"}\n \n
\n \n
}\n \n
\n \n
\n \n
\n\n Vos échéances
\n\n \n \n
\n
\n \n Votre jour de prélèvement préféré est le {paymentTerms.day_for_collection}.
\n Par conséquent, les échéances ci-dessous ont été générées (sous réserve de modification par un administrateur).\n
\n\n \n Par conséquent, les échéances ci-dessous ont été générées (sous réserve de modification par un administrateur).\n
| Date de l'échéance | \nMontant | \nStatut | \n
|---|---|---|
| {new Date(d.due_date).toLocaleDateString()} | \n{d.amount} € | \n\n \n {d.status === 0 ? \"Validé\" : d.status === 1 ? \"A venir\" : \"En retard\"}\n \n | \n
\n {\n
\n );\n }\n}\n\n/**\n * Returns a ranged\n *\n * @param {any} props\n * min : minimum of ranged select\n * max : maximum of ranged select\n * name : name of the field\n * value : value of the field\n * placeholder : placeholder value text\n * enabled : whether the field is enabled or not\n * onChange : handler of change event on field\n */\nexport function RangedSelect(props) {\n if (typeof props.min !== \"number\" || typeof props.max !== \"number\")\n throw new Error(\"the arguments need to be integers\");\n\n return (\n \n \n ×\n \n Les champs que vous laissez vides ne seront pas pris en compte\n
\n );\n}\n\nexport default BulkEditModalAlert;\n","import _ from \"lodash\";\nimport moment from \"moment\";\nimport React from \"react\";\n\nexport const ISO_DATE_FORMAT = \"YYYY-MM-DD\";\nexport const FR_DATE_FORMAT = \"DD/MM/YYYY\";\n\nexport const csrfToken = document\n .querySelector('meta[name=\"csrf-token\"]')\n .getAttribute(\"content\");\n\nexport function indexById(arr) {\n return _.keyBy(arr, \"id\");\n}\n\n// DRY option creator\n// Function creating an option element with a given data\n// Takes two arguments:\n// - the actual data that will be queried to output the option's\n// options (key, value, label)\n// - an options object specifying what information will be extracted,\n// this parameter has defaults which represent the most frequent use cases\nexport const optionCreator = (data, i, arr, {id = d => d.id, label = d => d.label}) => ();\n\n// This is a preparation function, which in advance gives the options object\n// which will be used to create the options\n// This is so we don't have to pass a lambda to the map call, and so\n// that everything stays \"simple\" enough\nexport const optionMapper = (options = {}) => (data, i, arr) => optionCreator(data, i, arr, options);\n\nexport const reactOptionCreator = (data, i, arr, {id = d => d.id, label = d => d.label}) => ({value: id(data, i, arr), label: label(data, i, arr)});\n\nexport const reactOptionMapper = (options = {}) => (data, i, arr) => reactOptionCreator(data, i, arr, options);\n\nexport const USER_OPTIONS = { label: d => `${d.first_name} ${d.last_name}` }\nexport const USER_OPTIONS_SHORT = { label: d => `${d.first_name} ${d.last_name.charAt(0)}.` };\n\nexport function hasKeys(o, keys) {\n return keys.reduce((acc, k) => acc && _.has(o, k), true);\n}\n\nexport function findAndGet(data, f, path, def=null) {\n return _.get(_.find(data, f), path, def);\n}\n\nexport function isRadioTrue(v) {\n return v === true || v === \"true\";\n}\n\nfunction downloadFile({\n url,\n format=\"csv\",\n fileName=moment().format(\"DD_MM_YYYY-HH_mm_ss\"),\n} = {}) {\n fetch(url, {\n method: \"GET\",\n headers: {\n \"X-Csrf-Token\": csrfToken,\n },\n })\n .then(res => res.blob())\n .then(file => {\n const download = document.createElement(\"a\");\n download.download = `${fileName}.${format}`;\n download.href = URL.createObjectURL(file);\n document.body.appendChild(download);\n download.click();\n document.body.removeChild(download);\n });\n}\n\nexport function DownloadButton({url, format, fileName, children, ...passProps}) {\n return \n \n {collapsed || children}\n
\n \n );\n}\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\n\n/**\n *\n * @param {*} param0 tabs, an array containing four key-values: id, header, active (bool), mode (\"buttons\" / \"classic\") and body\n */\nexport default function TabbedComponent({ tabs: tabsProps , mode: modeProps, defaultActiveTab = 0 }) {\n tabsProps = tabsProps.filter(t => t != undefined);\n\n const [active, setActive] = useState(defaultActiveTab);\n\n const tmp = tabsProps.reduce((acc, tab) => ({ ...acc, [tab.id]: false }), {});\n\n const [tabErrorState, setTabErrorState] = useState(tmp);\n\n const propsActivated = tabsProps.findIndex(t => t.active);\n\n useEffect(() => {\n if (propsActivated !== -1)\n setActive(propsActivated)\n }, [propsActivated]);\n\n const handleTabClick = (idx) => {\n setActive(idx);\n };\n\n const mode = modeProps || \"classic\";\n\n return (\n \n
\n \n \n {header}\n \n
\n\n \n {tabsProps.map((t, i) => (\n {})}\n { ...(tabErrorState[t.id] || t.isInError ? { [\"title\"]: \"Cet onglet n'est pas complêtement remplis\" } : {})}\n >\n handleTabClick(i)}\n style={{\n ...(t.headerStyle || {}),\n }}\n href={`#${t.id}`}\n >\n {t.header} {tabErrorState[t.id] || t.isInError ? : }\n \n \n ))}\n \n
\n \n \n {\n tabsProps.map((t, i) => \n
)\n }\n \n {active === i && { ...t.body, props: { ...t.body.props, setTabError: isError => setTabErrorState(tabErrorState => ({ ...tabErrorState, [t.id]: isError })) } }}\n
\n \n {validatedHeadCount}\n {options > 0 && (\n + {options}\n )}\n {\" / \"}\n {headCountLimit}\n \n
\n );\n }\n\n return (\n\n {validatedHeadCount}\n {options > 0 && (\n + {options}\n )}\n {\" / \"}\n {headCountLimit}\n {isFull ? : null}\n
\n );\n};\n\n// export const formatActivityHeadcount = (activity, referenceDate = undefined) => {\n// let headCount, validatedHeadCount, headCountLimit = 0;\n//\n// let hasOption = false;\n//\n// if(_.get(activity, \"activity_ref.is_work_group\")) {\n// hasOption = _.some(activity.activities_instruments, ai => Boolean(ai.user_id) && !ai.is_validated);\n// headCount = activity.activities_instruments.filter(ai => Boolean(ai.user_id)).length;\n// headCountLimit = activity.activities_instruments.length;\n// validatedHeadCount = headCount;\n// }\n// else {\n// const optionsUserIds = _(activity.options)\n// .map(\"desired_activity.activity_application.user_id\")\n// .compact()\n// .value();\n//\n// hasOption = Boolean(optionsUserIds.length);\n// headCount = activity.users.filter(u => referenceDate == undefined || u.begin_at <= referenceDate && (u.stopped_at == undefined || u.stopped_at > referenceDate)).length + optionsUserIds.length;\n// headCountLimit = activity.activity_ref.occupation_limit;\n// validatedHeadCount = activity.users.length;\n// }\n//\n// const isFull = validatedHeadCount >= headCountLimit;\n//\n// let styles = {};\n//\n// if (isFull)\n// styles = {\n// ...styles,\n// color: \"#d63031\",\n// fontWeight: \"bold\",\n// };\n//\n// if (hasOption)\n// styles = {\n// ...styles,\n// color: \"#9575CD\",\n// fontWeight: \"bold\",\n// };\n//\n// return\n// {`${headCount} / ${headCountLimit} `}\n// {isFull ? : null}\n//
\n// };","export const makeDebounce = () => {\n let timer = null;\n\n return (callback, duration) => {\n if (timer) {\n clearTimeout(timer);\n }\n\n timer = setTimeout(() => {\n callback();\n\n timer = null;\n }, duration);\n };\n};\n","import { findAndGet } from \"../components/utils\";\n\nexport function selectPhoneType([index, type], state, { changeValue }) {\n changeValue(state, `telephones[${index}].label`, () => type);\n}\n\nexport function changeUser([user], state, { changeValue }) {\n changeValue(state, \"\", () => user);\n}\n\nexport function changeBirthDate([date], state, { changeValue }) {\n changeValue(state, \"birthday\", () => date);\n}\n\nexport function changeRelationshipDirection([fieldVal], state, { changeValue }) {\n changeValue(state, \"is_inverse\", () => fieldVal);\n}\n\n\nexport function findFamilyMemberById([id], { formState: { values } }) {\n return findAndGet(values, \"family\", { id });\n}\n","import { findAndGet } from \"../components/utils\";\nimport _ from \"lodash\";\n\nexport const mapFamily = (rawFamilyUsers, rawInverseFamilyMembers, family = []) => {\n const members = _.map(\n _.compact(\n _.concat(rawFamilyUsers, rawInverseFamilyMembers, family)\n ),\n f => {\n const user = f.member || f.user;\n\n user.link = f.link;\n user.kind = \"user\";\n user.is_inverse = f.member ? true : false,\n user.is_to_call = f.is_to_call,\n user.is_paying_for = f.is_paying_for;\n user.is_accompanying = f.is_accompanying;\n user.is_legal_referent = f.is_legal_referent;\n\n return user;\n }\n );\n\n return members;\n};\n\nexport const checkNonEmptyValues = (obj, properties) => {\n for(let p of properties) {\n if (_.isEmpty(obj[p])) {\n return false;\n }\n }\n\n return true;\n};\n\nexport const generateUserInfos = () => ({ // corrigé ?\n id: 0,\n checked_gdpr: false,\n checked_rules: false,\n is_paying: false,\n planning: {},\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n adherent_number: \"\",\n birthday: \"\",\n sex: 0,\n street_address: \"\",\n postcode: \"\",\n city: \"\",\n department: \"\",\n country: \"\",\n telephones: [{}],\n job: \"\",\n school: \"\",\n handicap: false,\n handicap_description: \"\",\n family: [],\n addresses: [{ isNew: true }],\n availabilities: null,\n});\n\nexport const retrieveUserLevel = (user, activityRefId, seasonId) => findAndGet(\n user.levels,\n l => l.season_id === seasonId && l.activity_ref_id === activityRefId,\n \"evaluation_level_ref.label\"\n);\n\nexport const infosFromUser = user => ({\n ...generateUserInfos(),\n ...user,\n addresses: user.addresses.length ? user.addresses : [{ isNew: true }],\n telephones: user.telephones.length ? user.telephones : [{}],\n family: user.family_links_with_user,\n consent_docs: (() => {\n const docs = {};\n\n for (const doc of (user.consent_document_users || [])) {\n docs[`id_${doc.consent_document_id}`] = {\n agreement: doc.expected_answer ? doc.has_consented : doc.has_consented.toString()\n };\n }\n\n return docs;\n })(),\n});\n\nexport const generateBandInfos = () => ({\n id: 0,\n name: \"\",\n blacklisted: false,\n users: [],\n old_members: []\n});\n\nexport const generateBandUsersInfos = users => ({\n id: 0,\n last_name: \"\",\n first_name: \"\",\n instrument_id:0\n});\n\nexport const infosFromBand = band => ({\n ...generateBandInfos(),\n ...band,\n users: band.bands_users.filter(user => !user.left_at).map(({id, user, instrument_id, joined_at, left_at, last_name, first_name, email}) => ({\n id: user === undefined ? 0 : user.id,\n last_name: user === undefined ? last_name : user.last_name,\n first_name: user === undefined ? first_name : user.first_name,\n email: user === undefined ? email : user.email,\n instrument_id: instrument_id,\n joined_at: joined_at,\n left_at: left_at\n })),\n old_members: band.bands_users.filter(user => user.left_at).map(({id, user, instrument_id, joined_at, left_at, last_name, first_name, email}) => ({\n id: user === undefined ? 0 : user.id,\n last_name: user === undefined ? last_name : user.last_name,\n first_name: user === undefined ? first_name : user.first_name,\n email: user === undefined ? email : user.email,\n instrument_id: instrument_id,\n joined_at: joined_at,\n left_at: left_at\n })),\n})","export const redirectTo = url => window.location = url;","export function calculateAge(birthday) {\n const today = new Date();\n const birthDate = new Date(birthday);\n const millisecondsPerYear = 1000 * 60 * 60 * 24 * 365.25;\n return (today - birthDate) / millisecondsPerYear;\n}\n\nexport function birthdayIsUnder18(birthday) {\n return calculateAge(birthday) < 18;\n}\n\n/**\n *\n * @param {{birthday: Date|string}} user\n * @returns {boolean}\n * @constructor\n */\nexport function userIsMinor(user) {\n return user.birthday && birthdayIsUnder18(user.birthday);\n}","import moment from \"moment\";\nimport { MESSAGES } from \"./constants\";\n\n// Utils\nexport const isEmpty = value =>\n !value ||\n (value.hasOwnProperty(\"length\") && value.length === 0) ||\n (!value.length && !value);\n\nexport const composeValidators = (...validators) => (value, values, meta) => {\n return validators.reduce(\n (error, validator) => error || validator(value, values, meta),\n undefined\n );\n};\n\n// Check functions\n\nexport const isValidEmail = value => {\n const regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n return regex.test(value) ? undefined : \"err_invalid_email\"\n}\n\nexport const minLength = length => value =>{\n if( value == null) return undefined\n return value.length >= length ? undefined : MESSAGES[\"err_min_length\"](length)\n}\n\nexport const exactLength = length => value =>{\n if( value == null) return undefined\n return value.length == length ? undefined : MESSAGES[\"err_exact_length\"](length)\n}\n\nexport const startsWith = str => value =>{\n if( value == null) return undefined\n return value.startsWith(str) ? undefined : MESSAGES[\"err_starts_with\"](length)\n}\n\nexport const isValidAge = value =>{\n const enteredDate = moment(value);\n const maxDate = moment();\n \n return enteredDate.isSameOrBefore(maxDate, \"day\") ? undefined : \"err_invalid_age\";\n}\n\n// NN : Numéro de registre national belge\nexport const isValidNN = value => {\n if (value == null) return undefined\n\n const regex = /^[0-9]{11}$/\n\n // Remove \" \" from input mask for validation\n return regex.test(value.replaceAll(\" \", \"\")) ? undefined : \"err_invalid_NN\"\n}\n\nexport const required = value =>\n !value || isEmpty(value) ? \"err_required\" : undefined;\n\nexport const ordCheck = (b, ord, formatB = x => x) => a => {\n switch(ord) {\n case \"gt\":\n return a <= b ? MESSAGES[\"err_ord_gt\"](formatB(b)) : \"\";\n case \"lt\":\n return a >= b ? MESSAGES[\"err_ord_lt\"](formatB(b)) : \"\";\n case \"gte\":\n return a < b ? MESSAGES[\"err_ord_gte\"](formatB(b)) : \"\";\n case \"lte\":\n return a > b ? MESSAGES[\"err_ord_lte\"](formatB(b)) : \"\";\n }\n}\n\nexport const isPostalCode = value =>\n /([0-9]{4,5})/.test(value) ? undefined : \"err_postal_code\";\n\nexport const isPhoneNumber = value =>\n /([0-9]{10})/.test(value.replace(/\\s/gi, \"\"))\n ? undefined\n : \"err_phone_format\";\n\nexport const agreement = clause => value =>\n !value ? `err_agreement_${clause}` : undefined;\n\nexport const validate = (value, checkFuncs) => {\n if (typeof checkFuncs === \"function\") {\n return checkFuncs(value);\n }\n\n if (Array.isArray(checkFuncs)) {\n for (let checkFunc of checkFuncs) {\n const err = checkFunc(value);\n\n if (err) {\n return err;\n }\n }\n\n return undefined;\n }\n\n throw new Error(\"Not a validator\");\n};\n\nexport const isNumber = value => ((value!==undefined && isNaN(value)) ? 'doit être un nombre' : undefined)\nexport const isInteger = value => (!Number.isInteger(Number(value)) ? 'doit être un entier' : undefined)\nexport const isIntegerOrUndefined = value => ((value!==undefined && !Number.isInteger(Number(value))) ? 'doit être un entier' : undefined)\nexport const minValue = min => value =>\n isNaN(value) || value >= min ? undefined : `doit être supérieur à ${min}`\nexport const maxValue = max => value =>\n isNaN(value) || value <= max ? undefined : `doit être inférieur à ${max}`\n\n// Functions\nexport const validateAddress = address => {\n const errors = [\n validate(address.street_address, required),\n validate(address.postcode, [required, isPostalCode]),\n validate(address.city, required),\n ].filter(err => err !== undefined);\n\n return errors.length === 0 ? undefined : errors;\n};\n\nexport const validatePhone = phoneNumber => {\n const errors = [validate(phoneNumber, [required, isPhoneNumber])].filter(\n err => err !== undefined\n );\n\n return errors.length === 0 ? undefined : errors;\n};\n\nexport const validateAddresses = addresses => {\n const checkEmpty = required(addresses);\n if (checkEmpty) {\n return checkEmpty;\n }\n\n for (let addr of addresses) {\n const errors = validateAddress(addr);\n if (errors) {\n return errors;\n }\n }\n\n return undefined;\n};\n\nexport const validatePhones = phones => {\n const checkEmpty = required(phones);\n if (checkEmpty) {\n return checkEmpty;\n }\n\n for (let phone of phones) {\n const errors = validatePhone(phone.number);\n if (errors) {\n return errors;\n }\n }\n\n return undefined;\n};\n","// extracted by mini-css-extract-plugin\nvar _1 = \"WRVeX7xCtsXMANj0MigU\";\nexport { _1 as \"test\" }\n","var map = {\n\t\"./af\": 25177,\n\t\"./af.js\": 25177,\n\t\"./ar\": 61509,\n\t\"./ar-dz\": 41488,\n\t\"./ar-dz.js\": 41488,\n\t\"./ar-kw\": 58676,\n\t\"./ar-kw.js\": 58676,\n\t\"./ar-ly\": 42353,\n\t\"./ar-ly.js\": 42353,\n\t\"./ar-ma\": 24496,\n\t\"./ar-ma.js\": 24496,\n\t\"./ar-ps\": 6947,\n\t\"./ar-ps.js\": 6947,\n\t\"./ar-sa\": 82682,\n\t\"./ar-sa.js\": 82682,\n\t\"./ar-tn\": 89756,\n\t\"./ar-tn.js\": 89756,\n\t\"./ar.js\": 61509,\n\t\"./az\": 95533,\n\t\"./az.js\": 95533,\n\t\"./be\": 28959,\n\t\"./be.js\": 28959,\n\t\"./bg\": 47777,\n\t\"./bg.js\": 47777,\n\t\"./bm\": 54903,\n\t\"./bm.js\": 54903,\n\t\"./bn\": 61290,\n\t\"./bn-bd\": 17357,\n\t\"./bn-bd.js\": 17357,\n\t\"./bn.js\": 61290,\n\t\"./bo\": 31545,\n\t\"./bo.js\": 31545,\n\t\"./br\": 11470,\n\t\"./br.js\": 11470,\n\t\"./bs\": 44429,\n\t\"./bs.js\": 44429,\n\t\"./ca\": 7306,\n\t\"./ca.js\": 7306,\n\t\"./cs\": 56464,\n\t\"./cs.js\": 56464,\n\t\"./cv\": 73635,\n\t\"./cv.js\": 73635,\n\t\"./cy\": 64226,\n\t\"./cy.js\": 64226,\n\t\"./da\": 93601,\n\t\"./da.js\": 93601,\n\t\"./de\": 77853,\n\t\"./de-at\": 26111,\n\t\"./de-at.js\": 26111,\n\t\"./de-ch\": 54697,\n\t\"./de-ch.js\": 54697,\n\t\"./de.js\": 77853,\n\t\"./dv\": 60708,\n\t\"./dv.js\": 60708,\n\t\"./el\": 54691,\n\t\"./el.js\": 54691,\n\t\"./en-au\": 53872,\n\t\"./en-au.js\": 53872,\n\t\"./en-ca\": 28298,\n\t\"./en-ca.js\": 28298,\n\t\"./en-gb\": 56195,\n\t\"./en-gb.js\": 56195,\n\t\"./en-ie\": 66584,\n\t\"./en-ie.js\": 66584,\n\t\"./en-il\": 65543,\n\t\"./en-il.js\": 65543,\n\t\"./en-in\": 9033,\n\t\"./en-in.js\": 9033,\n\t\"./en-nz\": 79402,\n\t\"./en-nz.js\": 79402,\n\t\"./en-sg\": 43004,\n\t\"./en-sg.js\": 43004,\n\t\"./eo\": 32934,\n\t\"./eo.js\": 32934,\n\t\"./es\": 97650,\n\t\"./es-do\": 20838,\n\t\"./es-do.js\": 20838,\n\t\"./es-mx\": 17730,\n\t\"./es-mx.js\": 17730,\n\t\"./es-us\": 56575,\n\t\"./es-us.js\": 56575,\n\t\"./es.js\": 97650,\n\t\"./et\": 3035,\n\t\"./et.js\": 3035,\n\t\"./eu\": 3508,\n\t\"./eu.js\": 3508,\n\t\"./fa\": 119,\n\t\"./fa.js\": 119,\n\t\"./fi\": 90527,\n\t\"./fi.js\": 90527,\n\t\"./fil\": 95995,\n\t\"./fil.js\": 95995,\n\t\"./fo\": 52477,\n\t\"./fo.js\": 52477,\n\t\"./fr\": 85498,\n\t\"./fr-ca\": 26435,\n\t\"./fr-ca.js\": 26435,\n\t\"./fr-ch\": 37892,\n\t\"./fr-ch.js\": 37892,\n\t\"./fr.js\": 85498,\n\t\"./fy\": 37071,\n\t\"./fy.js\": 37071,\n\t\"./ga\": 41734,\n\t\"./ga.js\": 41734,\n\t\"./gd\": 70217,\n\t\"./gd.js\": 70217,\n\t\"./gl\": 77329,\n\t\"./gl.js\": 77329,\n\t\"./gom-deva\": 32124,\n\t\"./gom-deva.js\": 32124,\n\t\"./gom-latn\": 93383,\n\t\"./gom-latn.js\": 93383,\n\t\"./gu\": 95050,\n\t\"./gu.js\": 95050,\n\t\"./he\": 11713,\n\t\"./he.js\": 11713,\n\t\"./hi\": 43861,\n\t\"./hi.js\": 43861,\n\t\"./hr\": 26308,\n\t\"./hr.js\": 26308,\n\t\"./hu\": 90609,\n\t\"./hu.js\": 90609,\n\t\"./hy-am\": 17160,\n\t\"./hy-am.js\": 17160,\n\t\"./id\": 74063,\n\t\"./id.js\": 74063,\n\t\"./is\": 89374,\n\t\"./is.js\": 89374,\n\t\"./it\": 88383,\n\t\"./it-ch\": 21827,\n\t\"./it-ch.js\": 21827,\n\t\"./it.js\": 88383,\n\t\"./ja\": 23827,\n\t\"./ja.js\": 23827,\n\t\"./jv\": 89722,\n\t\"./jv.js\": 89722,\n\t\"./ka\": 41794,\n\t\"./ka.js\": 41794,\n\t\"./kk\": 27088,\n\t\"./kk.js\": 27088,\n\t\"./km\": 96870,\n\t\"./km.js\": 96870,\n\t\"./kn\": 84451,\n\t\"./kn.js\": 84451,\n\t\"./ko\": 63164,\n\t\"./ko.js\": 63164,\n\t\"./ku\": 98174,\n\t\"./ku-kmr\": 6181,\n\t\"./ku-kmr.js\": 6181,\n\t\"./ku.js\": 98174,\n\t\"./ky\": 78474,\n\t\"./ky.js\": 78474,\n\t\"./lb\": 79680,\n\t\"./lb.js\": 79680,\n\t\"./lo\": 15867,\n\t\"./lo.js\": 15867,\n\t\"./lt\": 45766,\n\t\"./lt.js\": 45766,\n\t\"./lv\": 69532,\n\t\"./lv.js\": 69532,\n\t\"./me\": 58076,\n\t\"./me.js\": 58076,\n\t\"./mi\": 41848,\n\t\"./mi.js\": 41848,\n\t\"./mk\": 30306,\n\t\"./mk.js\": 30306,\n\t\"./ml\": 73739,\n\t\"./ml.js\": 73739,\n\t\"./mn\": 99053,\n\t\"./mn.js\": 99053,\n\t\"./mr\": 86169,\n\t\"./mr.js\": 86169,\n\t\"./ms\": 73386,\n\t\"./ms-my\": 92297,\n\t\"./ms-my.js\": 92297,\n\t\"./ms.js\": 73386,\n\t\"./mt\": 77075,\n\t\"./mt.js\": 77075,\n\t\"./my\": 72264,\n\t\"./my.js\": 72264,\n\t\"./nb\": 22274,\n\t\"./nb.js\": 22274,\n\t\"./ne\": 8235,\n\t\"./ne.js\": 8235,\n\t\"./nl\": 92572,\n\t\"./nl-be\": 43784,\n\t\"./nl-be.js\": 43784,\n\t\"./nl.js\": 92572,\n\t\"./nn\": 54566,\n\t\"./nn.js\": 54566,\n\t\"./oc-lnc\": 69330,\n\t\"./oc-lnc.js\": 69330,\n\t\"./pa-in\": 29849,\n\t\"./pa-in.js\": 29849,\n\t\"./pl\": 94418,\n\t\"./pl.js\": 94418,\n\t\"./pt\": 79834,\n\t\"./pt-br\": 48303,\n\t\"./pt-br.js\": 48303,\n\t\"./pt.js\": 79834,\n\t\"./ro\": 24457,\n\t\"./ro.js\": 24457,\n\t\"./ru\": 82271,\n\t\"./ru.js\": 82271,\n\t\"./sd\": 1221,\n\t\"./sd.js\": 1221,\n\t\"./se\": 33478,\n\t\"./se.js\": 33478,\n\t\"./si\": 17538,\n\t\"./si.js\": 17538,\n\t\"./sk\": 5784,\n\t\"./sk.js\": 5784,\n\t\"./sl\": 46637,\n\t\"./sl.js\": 46637,\n\t\"./sq\": 86794,\n\t\"./sq.js\": 86794,\n\t\"./sr\": 45719,\n\t\"./sr-cyrl\": 3322,\n\t\"./sr-cyrl.js\": 3322,\n\t\"./sr.js\": 45719,\n\t\"./ss\": 56000,\n\t\"./ss.js\": 56000,\n\t\"./sv\": 41011,\n\t\"./sv.js\": 41011,\n\t\"./sw\": 40748,\n\t\"./sw.js\": 40748,\n\t\"./ta\": 11025,\n\t\"./ta.js\": 11025,\n\t\"./te\": 11885,\n\t\"./te.js\": 11885,\n\t\"./tet\": 28861,\n\t\"./tet.js\": 28861,\n\t\"./tg\": 86571,\n\t\"./tg.js\": 86571,\n\t\"./th\": 55802,\n\t\"./th.js\": 55802,\n\t\"./tk\": 59527,\n\t\"./tk.js\": 59527,\n\t\"./tl-ph\": 29231,\n\t\"./tl-ph.js\": 29231,\n\t\"./tlh\": 31052,\n\t\"./tlh.js\": 31052,\n\t\"./tr\": 85096,\n\t\"./tr.js\": 85096,\n\t\"./tzl\": 79846,\n\t\"./tzl.js\": 79846,\n\t\"./tzm\": 81765,\n\t\"./tzm-latn\": 97711,\n\t\"./tzm-latn.js\": 97711,\n\t\"./tzm.js\": 81765,\n\t\"./ug-cn\": 48414,\n\t\"./ug-cn.js\": 48414,\n\t\"./uk\": 16618,\n\t\"./uk.js\": 16618,\n\t\"./ur\": 57777,\n\t\"./ur.js\": 57777,\n\t\"./uz\": 57609,\n\t\"./uz-latn\": 72475,\n\t\"./uz-latn.js\": 72475,\n\t\"./uz.js\": 57609,\n\t\"./vi\": 21135,\n\t\"./vi.js\": 21135,\n\t\"./x-pseudo\": 64051,\n\t\"./x-pseudo.js\": 64051,\n\t\"./yo\": 82218,\n\t\"./yo.js\": 82218,\n\t\"./zh-cn\": 52648,\n\t\"./zh-cn.js\": 52648,\n\t\"./zh-hk\": 1632,\n\t\"./zh-hk.js\": 1632,\n\t\"./zh-mo\": 31541,\n\t\"./zh-mo.js\": 31541,\n\t\"./zh-tw\": 50304,\n\t\"./zh-tw.js\": 50304\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 35358;"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","Widget","_ref2","title","value","icon","small","React","className","concat","_ref","adherentCount","applicationCount","processedApplicationsCount","processingApplicationsCount","moment","require","FILTER_STORAGE_KEY","PREFERENCES_STORAGE_KEY","requestData","pageSize","page","sorted","filtered","format","fetch","method","credentials","headers","csrfToken","body","JSON","stringify","debounce","makeDebounce","ActivitiesApplicationsList","_React$Component","props","_this","_classCallCheck","_callSuper","console","log","localStorageFilter","localStorage","getItem","filter","parse","desc","resized","expanded","localStoragePrefs","listPreferences","state","data","pages","loading","bulkTargets","bulkEdit","activity_application_status_id","jobSubmitted","jobId","fileInput","statusFilterContainsTerminalStatus","bind","_inherits","key","container","document","createElement","ReactDOM","JobProgress","onError","res","swal","text","type","html","showCloseButton","focusConfirm","confirmButtonText","this","fetchData","prevProps","prevState","setItem","prefs","setState","_this2","exportOngoing","then","blob","file","download","href","URL","createObjectURL","appendChild","click","removeChild","_this3","current","files","formData","FormData","append","importOngoing","json","error","showJobProgressModal","name","_objectSpread","_defineProperty","_this4","targets","application","applications","total","querySelector","_this5","selectedCount","length","confirmationText","Swal","showCancelButton","cancelButtonText","confirmButtonColor","reverseButtons","r","remainingItems","newTotalPages","Math","ceil","newPage","min","d","includes","_this6","checked","_toConsumableArray","_this7","count","style","marginBottom","max","onClick","currentUserIsAdmin","sendGroupConfirmationMail","disabled","handleBulkDelete","_this8","response","pendingTotal","pending_total","newFilter","indexOfFilter","findIndex","f","push","splice","_this9","input","inputValue","inputPlaceholder","v","undefined","forceResend","success","message","_this10","demande","find","status","some","s","ACTIVITY_ATTRIBUTED_ID","ACTIVITY_PROPOSED_ID","PROPOSAL_ACCEPTED_ID","_this11","activitiesFilterOptions","_","activities","uniq","a","label","sortBy","activitiesKindsFilterOptions","kind","uniqBy","applicationStatusesFilterOptions","statuses","orderBy","applicationActionsFilterOptions","PRE_APPLICATION_ACTION_LABELS","l","columns","Header","width","accessor","Filter","defaultChecked","onChange","target","Cell","updateBulkTarget","original","filterable","user_id","user","adherent_number","created_at","UserWithInfos","userId","first_name","last_name","birthday","age","evaluationLevelRefs","activity_refs","levelDisplay","season_id","sortable","join","Select","options","isMulti","isClearable","styles","option","base","textAlign","dropdownIndicator","display","_ref3","pre_application_desired_activity","action","pre_application_activity","PRE_APPLICATION_ACTIONS","NEW","_ref4","season","_ref5","event","seasons","i","referent","c","charAt","_ref6","defaultValue","admins","optionMapper","USER_OPTIONS_SHORT","mail_sent","_ref7","filterMethod","row","status_updated_at","fromNow","_ref8","withoutAvailabilityMode","filteredColumns","ListPreferences","preferences","slice","onSubmit","handleUpdateListPreferences","resetFilters","ref","handleFileSelect","accept","Fragment","Loader","color","height","downloadExport","handleToggleNoAvailabilityFilter","ButtonModal","modalProps","content","margin","inset","tooltip","ActivitiesApplicationsDashboard","dashboardInfos","StopList","bulkAlert","ReactTable","manual","defaultSorted","defaultFilterMethod","toString","toLowerCase","startsWith","onPageChange","onPageSizeChange","onSortedChange","onFilteredChange","previousText","nextText","loadingText","noDataText","pageText","ofText","rowsText","pageSizeOptions","getTdProps","rowInfo","column","instance","handleOriginal","window","open","BulkEditModal","handleUpdateBulkEdit","onSave","handleBulkEdit","_ref9","tabIndex","role","parseInt","ChildSelection","renderParentsOptions","chain","family","parent","selected","additionalStudents","htmlFor","handleChangeAdditionalStudent","p","renderParentSelection","NO_USER_SELECTION_STATE","userValidated","Adhesion","_this$state","UserSearch","currentUser","onSelect","adhesions","adhesion","is_active","deleted_at","validity_end_date","sort","reverse","at","end","noValidation","AdhesionList","Accept","xcsrfToken","getAttribute","ok","adh","end_dates_diffs","forEach","diff","Date","getTime","validity_start_date","classList","toggle","cursor","adhesion_price","price","maxWidth","promptDelete","handleSendReminder","last_reminder","onFetchData","resizable","minRows","UserListItem","onEmailChange","onRemove","placeholder","email","AttachAccount","onSuccess","_useState2","_slicedToArray","useState","setSeason","_useState4","parentAccount","setParentAccount","_useState6","accountToAttach","setAccountToAttach","useEffect","api","get","saveFirstSelect","resetSelection","hideAttachedAccounts","m","u","result","put","users","AvatarUpload","onDrop","acceptedFiles","rejectedFiles","formPayLoad","pragma","location","reload","Dropzone","disablePreview","multiple","getRootProps","getInputProps","border","top","left","position","fontSize","CommentSection","newComment","editedComment","comments","closeModal","handleUpdateNewCommentContent","marginRight","handleSaveComment","contextType","contextId","updated_at","handleCommentEdition","handleUpdateEditedCommentContent","handleSaveCommentEdition","EditActivities","values","ajaxUrl","modelId","redirectUrl","handleChange","isSearchable","closeMenuOnSelect","updateActivities","ErrorHistory","errors","setErrors","index","toLocaleString","related_objects","object","backgroundColor","stack_trace","trace","borderColor","getQueriedStudents","students","search","nameRegex","RegExp","exec","activity_ref","EvaluationAppointmentsList","availableIntervals","unassigned_students","selectedStudents","_createClass","set","toast","previous","student","newStudents","shouldIntervalBeRemoved","Boolean","newAvailableIntervals","evaluation_appointment","time_interval_id","refreshAvailableIntervals","query","_this$state2","selectedActivities","_this$state3","_this$props","activityRefs","teachers","_this$state4","studentsPanels","background","colSpan","Student","handleUpdate","updateStudent","SearchInput","handleUpdateSearch","handleSearch","ActivityInput","handleUpdateActivities","EmptyMessage","trim","activityRef","evaluationAppointment","validated","fontWeight","StudentInfos","TimeIntervalSelection","intervals","_student$evaluation_a","timeInterval","time_interval","teacher","room","formatIntervalForDisplay","patch","student_id","activity_application_id","alignSelf","start","_React$Component2","intervalId","filterByActivity","appointment","findAndGet","activity_application","_this$props2","_this$state5","filteredIntervals","appropriateTeachersIds","t","teachers_activity_refs","tar","interval","groupedIntervals","groupBy","toUpperCase","intervalFormatter","teacherFirstName","teacherLastName","entries","_ref10","month","handleSelectInterval","handleChangeFilterByActivity","handleSubmit","FailedPaymentImportsPage","selectAll","selectedRows","selectedReason","focusCancel","reason","x","failed_payment_import_reason_id","all","newData","due_date","cashing_date","imp","failed_payment_import","cell","editable","contentEditable","suppressContentEditableWarning","onBlur","innerText","replace","padding","ISO_DATE_FORMAT","parseFloat","NaN","reasons","idx","indexOf","payerNotFound","dueNotFound","differentAmounts","switchSelectAll","handleRowSelected","minWidth","rea","renderNameCell","renderDateCell","renderAmountCell","promptSubmit","bulkDeleteButtonLabel","bulkDeleteButtonOnClickCb","promptBulkDelete","promptBulkDeleteByReason","changeSelectedReason","defaultPageSize","dow","doy","Intl","DateTimeFormat","weekday","day","HoursSheet","now","year","getFullYear","getMonth","sheets","fetchSheet","url","val","newSheets","newMonth","newYear","minYear","maxYear","setStateDate","sheet","activityKinds","detail","flatten","shiftsCoveredByWeek","coveringShiftsByWeek","shiftsByWeek","reduce","acc","k","weekNum","week","counted","covered","covering","w","valueOf","monthTotal","detailTotals","changeMonth","RangedSelect","handleDateChange","substring","defaultDisabled","planningId","date","kindTotal","kindCovering","kindCovered","getHoursString","parts","ImportCsv","import_report","csv_file","submitting","preventDefault","timer","allowOutsideClick","report","lines","organizeLines","organized","formatData","CSVLink","filename","separator","enclosingCharacter","encType","acceptCharset","lines_imported","display_row_numbers","progressValue","progressText","trackProgress","timeout","clearTimeout","jobStatus","round","progress","step","setTimeout","statusText","ProgressBar","completed","line","LoadingComponent","_React$useState2","setLoading","loadingStartFunc","loadingEndFunc","addEventListener","removeEventListener","zIndex","Bars","ariaLabel","wrapperClass","visible","Omnisearch","isSearchOpen","inputSearch","isLoading","results","searchInput","focus","searchValue","search_value","openSearch","closeSearch","autoFocus","autoComplete","autoCorrect","autoCapitalize","spellCheck","attributes","UserResult","infos","ActivityApplicationResult","AdhesionResult","ActivityResult","RoomResult","user_adherent_number","user_first_name","user_last_name","activity_id","activity_name","application_id","application_first_name","application_last_name","application_status","adhesion_user_id","adhesion_adherent_number","adhesion_first_name","adhesion_last_name","room_id","is_practice_room","room_name","room_floor","OnRestart","executeFetch","_regeneratorRuntime","prototype","n","hasOwnProperty","defineProperty","Symbol","iterator","asyncIterator","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","arg","call","h","y","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","g","defineIteratorMethods","_invoke","AsyncIterator","invoke","__await","callInvokeWithMethodAndArg","done","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","reset","isNaN","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","pop","prev","stop","rval","handle","complete","finish","delegateYield","asyncGeneratorStep","Array","isArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","from","test","ActivityBooking","setUser","setActivities","_useState8","setActivityRef","_useState10","wishList","setWishList","_useState12","myActivities","setMyActivities","_useState14","hoursBeforeCancelling","setHoursBeforeCancelling","_useState16","setActivityRefPricing","_useState18","pack","setPack","_useState20","secondTabActive","setSecondTabActive","_useState22","activeTab","setActiveTab","_callee","_context","useLoading","sortActivitiesByMonth","availabilities","my_activities","hours_before_cancelling","activity_ref_pricing","pathname","t0","arguments","apply","_next","_throw","sortedActivities","activity","thing","self","setSecondTab","TabbedComponent","tabs","header","active","headerStyle","textDecoration","BookingCardsList","addToWishList","lessons_remaining","removeFromWishList","item","BookedCardsList","removeAttendance","buttons","willPost","post","activity_instance","pack_id","mode","wish_list","itemIndex","BookedCard","BookingCard","bookedCards","dateStr","todayDate","isHovered","setIsHovered","dateIsPassed","isBefore","pointerEvents","opacity","onMouseEnter","onMouseLeave","bookingCards","isClicked","setIsClicked","student_attendances","occupation_limit","activityCards","rooms","checkIfActivities","src","picture_path","packImgDefault","alt","teacherImgDefault","_asyncToGenerator","selectedSeason","setSelectedSeason","season_list","setSeasonList","userActivities","setUserActivities","regularActivities","setRegularActivities","showTeacherContacts","setShowTeacherContacts","fetchSeason","currentSeason","is_current","current_season","_callee2","_context2","regular_user_activities","config","show_teacher_contacts","_x","ss","opening_date_for_new_applications","closing_date_for_applications","ns","next_season_id","next_opening_date_for_new_applications","next_closing_date_for_new_applications","isRegistrationOpen","PlaceholderCard","desired_activities","RegularActivityCard","activityApplication","ActivityCard","UpcomingActivityInstancesList","placeholderCard","borderRadius","placeholderPack","regularActivityCard","desired_activity","_activity$teacher","_activity$teacher2","phoneNumber","telephones","number","hasEmail","contactInfoCount","paddingBottom","setData","loadingTable","setLoadingTable","setFilter","tableState","setTableState","subComponent","selectedTeacher","setSelectedTeacher","selectedActivityRef","setSelectedActivityRef","setTeachers","_useState24","setActivityRefs","_useState26","seasonsList","setSeasonsList","_useState28","nbStudents","setNbStudents","fetchTableData","nb_students","packs","handleSelectChange","pricing_category","number_lessons","SubComponent","upcomingActivityInstances","upcomingActivityInstancesCards","minimalDisplay","currentDate","upcomingActivityInstancesList","futureActivity","isAfter","startMoment","currentMonth","isSameOrAfter","b","sortActivitiesByDate","UpcomingActivityInstancesCards","PasswordInput","_ref$additional_attr","additional_attr","passwordVisible","setPasswordVisible","assign","minLength","PayersListEditor","selectedPayers","onAddPayer","onRemovePayer","displayIdentificationNumber","onChangeIdentificationNumber","isMinor","family_with_user","isSelected","Checkbox","Input","mask","htmlOptions","identification_number","meta","isEmpty","replaceAll","touched","PayerPaymentTerms","initialSelectedPayers","paymentTerms","availPaymentScheduleOptions","availPaymentMethods","onChangePaymentTerms","onChangeDayForCollection","onChangePaymentMethod","onChangePayers","day_for_collection","scheduleOptionChanged","setScheduleOptionChanged","payment_schedule_options_id","selectedPaymentTermsId","setSelectedPaymentTermsId","payment_method_id","selectedPaymentMethodId","setSelectedPaymentMethodId","selectedDaysForCollection","setSelectedDaysForCollection","setSelectedPayers","selectedPaymentTerms","getSelectedPaymentTerms","availableChoices","available_payments_days","handleDayChange","selectedDaysList","apt","ToggleButtonGroup","multiSelect","childrenContent","buttonClasses","buttonStyles","apm","newSelectedPayers","payers","payer","propTypes","PropTypes","isRequired","is_paying_for","payments_number","payments_months","PayerPaymentTermsInfo","paymentScheduleOption","PlanningListRooms","sortMethod","plannings","PlanningListTeachers","asc","PreApplication","current_user","today","toISOString","newapp_opening_date","preapp_opening_date","opening_date_for_applications","closing_date","isNewApplicationOpened","allowNewApplication","is_admin","isPreApplicationOpened","allowPreApplication","hasChildhoodLesson","pre_application","pre_application_activities","user_path","currentActivityList","current_activity_applications","paa","current_application_activity","j","CurrentActivityItem","authToken","authentication_token","current_activity_application","renewActivityList","RenewActivityItem","confirm_activity_text","default_activity_status_id","newActivityList","new_activities_applications","new_activity_application","NewActivityItem","othersActivities","family_users","OtherActivityItem","openingApplication","closingApplication","previous_season","overflow","emptyMessage","displayActivityList","UserAvatar","size","full_name","globalAttendanceValue","attendances","attended","PresenceSheet","hydratedInstances","instances","sa","is_option","indexedInstances","instanceId","attendanceId","student_attendance","attendance","bulkUpdatePromise","newAttended","instanceKeys","showAllCoursesBanner","orderedInstances","hour","minute","allAttendances","AttendanceControl","handleUpdateAllAttendances","handleBulkUpdateAttendances","AttendanceState","handleUpdateAttendance","sex","weekdayLocalizer","compareTimeIntervals","startA","toDate","startB","SelectLevel","handleUpdateActivity","next_season_evaluation_level_ref_id","PrevisionalGroups","_Component","isModalOpen","referenceData","studentEvaluation","studentEvaluationId","RequestBuilder","before","student_evaluation","reference_data","indexedActivities","keyBy","questions","evaluation_level_refs","pursue_answers","changes","activitiesStudents","activities_students","disparateActivities","groupedPrevisionalActivities","activityId","isoWeekday","wday","previsionalActivities","studentsEvaluations","studentIds","activityStudents","activityStudentsLevelsIds","levels","activity_ref_id","isDisparate","activityList","pa","PrevisionalActivity","pursueAnswers","handleSelectEvaluation","DisparitiesModal","QuestionnaireModal","isOpen","onRequestClose","readOnly","answers","getAnswersObject","Component","group_name","formatIntervalHours","fullnameWithAge","displayLevel","Modal","ariaHideApp","studentsList","pursueStyle","no","maybe","changeStyle","changeAnswer","informed","groups","fullname","toAge","activityLevel","goFullScreen","tableName","dispatchEvent","Event","FullScreen","classNames","snapshot","node","children","ReactTableFullScreen","_this2$props","showDefaultFullScreenButton","enter","exit","fscreen","fullscreenElement","exitFullscreen","requestFullscreen","tableProps","_objectWithoutProperties","_excluded","RemoveComponent","classname","validationText","btnProps","onFailed","additionalMessage","localOnFailed","tabParams","split","localOnSuccess","del","MODAL_STYLE","TABLE_COLUMNS","activityLabel","teachersName","foundReason","StopReasons","comment","handleSelectStopApplicationToEdit","pre_app_action","setIsOpen","renderSuggestion","Suggester","suggestions","inputLength","lang","newValue","onValueChange","getSuggestions","inputProps","Autosuggest","onSuggestionsFetchRequested","onSuggestionsClearRequested","onSuggestionSelected","suggestion","suggestionValue","suggestionIndex","sectionIndex","onSelection","getSuggestionValue","theme","suggestionsContainer","suggestionsList","suggestionHighlighted","Toaster","ToastContainer","autoClose","draggable","boxShadow","ToggleButton","divStyle","divClasses","isActive","setIsActive","WebkitBoxShadow","MozBoxShadow","unselected","activeStatus","maxSelected","buttonsState","setButtonsState","newButtonsState","lastActive","newSelected","onChangeRes","child","userInitials","avatar","objectFit","justifyContent","alignItems","UserEdit","isFetching","infosFromUser","evt","redirectTo","field","updatedLevels","maxId","newId","level","isNew","UserForm","shouldCheckGdpr","initialValues","schoolName","countryCode","displaySubmit","consent_docs","organizationOptions","is_teacher","LevelInfos","handleNewLevel","handleRemoveLevel","evaluationLevels","evaluation_levels","handleUpdateLevel","handleSaveInfos","Roles","lessonsPlanned","anyActive","UserList","selectedUserIds","successCount","errorCount","isSingleUser","successMessage","errorMessage","downloadFile","returnBlob","sendConfirmationMail","has","match","allowEscapeKey","err","datas","ids","hasActivity","nofilter","attached_to_id","planning","onCsvExport","showAttachAccountModal","handleDeleteUser","events","defaultFiltered","onSucess","WorkGroupEditor","activityInstruments","mapValues","instrumentId","newValues","newVal","activityRefId","instruments","borderRight","handleUpdateInstrumentCount","instrument","renderInstruments","handleSave","marginLeft","WrappedPayerPaymentTerms","setFullYear","MESSAGES","err_must_have_payer","_i","_arr","familyMember","informationalStepOnly","err_must_select_payment_terms","paymentScheduleOptionsId","dayIndex","paymentMethodId","eventUser","paymentStepDisplayText","WysiwygViewer","wysiwygStrData","handleChangePaymentTerms","handleChangeDayForCollection","handleChangePaymentMethod","handleChangePayers","ActivityRefKind","_BaseDataTable","default_activity_ref","deleteStatus","BaseDataTable","Instruments","getDisplayPrice","display_price","display_prices_by_season","getDisplayDuration","duration","hours","floor","minutes","adhesionPrices","activityRefsChildhood","activityRefsCham","allActivityRefs","allActivityRefKinds","handleAddActivity","handleRemoveActivity","validation","adhesionEnabled","handleRemovePack","handleAddPack","selectedPacks","infoText","seasonStart","isInAgeRange","activity_type","from_age","to_age","userAge","filteredActivityRefs","filteredActivityRefsChildhood","unpopularActivities","aref","is_unpopular","unpopularActivityChosen","unpopularActivitiesSelected","ar","is_visible_admin","groupedRefs","substitutable","durationFilter","setDurationFilter","searchTerm","setSearchTerm","generateActivityRow","isPack","uniqueId","isItemSelected","selectedActivitiesAndPacks","selectedItem","iconClass","buttonStyle","pricing_category_id","individualRefs","suitableActivityRefs","availableActivities","flat","display_name","availablePacks","flatMap","availableActivitiesAndPacks","durationA","durationB","selectedActivitiesArray","selectedActivity","selectedPacksArray","packId","totalSelectedPrice","selectedActivitiesAndPacksDisplay","availableActivitiesAndPacksDisplay","unpopularA","family_member_users","member","member_id","link","AdditionalStudentSelection","renderChildrenAccompaniments","AddPreAppFromStopApp","fetching","exist","fetchExist","next_season","current_user_id","_this$props3","createPreApp","ApplicationChangeQuestionnaire","isValidated","validateQuestions","EvaluationForm","Evaluation","refsToEvaluate","selectedRef","areAllQuestionsAnswered","newAnswers","validatedTabs","refId","handleTabChange","flexWrap","onAnswersChange","DEFAULT_NO_INTERVAL_MESSAGE","EvaluationChoice","_ref$noIntervalMessag","noIntervalMessage","prefsProps","choices","ItemPreferences","showDate","items","EvaluationChoiceTable","WEEKDAYS","getDay","toHourMin","scope","monthNameFormat","weekDayDateFormat","EvaluationIntervalChoice","selectedIntervals","selectedEvaluationIntervals","objs","API_ERRORS_MESSAGES","selectedInterval","handleUpdateSelectedEvaluationIntervals","ints","intervalsChoices","ActivityEvaluationIntervalChoice","activityName","PreferencesEditor","maxIntervals","intervalHeader","groupNameAccessor","IntervalPreferencesEditor","_React$PureComponent","obj","handleDown","handleUp","handleMove","requests","onUpdate","shift","elementToMove","onUp","onDown","_this$props$showChoic","showChoiceNumber","mappedItems","toLocaleDate","personSelection","handleSelectPerson","groupByDisplayName","createDisplayItems","groupedItems","group","amount","SelectedActivitiesTable","groupedActivities","useMemo","groupedPacks","packToDisplay","activityRefPricing","displayActivities","displayPacks","displayActivitiesAndPacks","padStart","displayDuration","selectedTeachers","locations","selectedLocations","handleSelectSuppInfos","handleTeacherSelection","selected_activities","renderTeacherSelection","actId","teachersForActivity","teacherActivityRefIds","renderLocationSelection","Availability","selectable","_this$props$intervalH","handleCheck","avatar_url","viewBox","fill","xmlns","rx","fillOpacity","stroke","maskType","maskUnits","strokeLinecap","strokeLinejoin","IntervalsGroup","_React$PureComponent2","availability","_ref$maxIntervals","handleUpdateIntervalsSelection","Planning","isTeacher","generic","displayOnly","modal","detailsModal","startOf","updateTimePreferences","PLANNING_MODE","PREFERENCES_MODE","PLANNING_AND_PREFERENCES_MODE","TimePreferencesStep","onAvailabilityAdd","onAvailabilityDelete","handleUpdateChildhoodPreferences","childhoodPreferences","selectionLabels","_ref$disableLiveReloa","disableLiveReload","availabilityRef","useRef","defaultFetched","setDefaultFetched","compact","tabId","componentDidMount","AvailabilityManager","locked","kinds","seasonId","forSeason","onAdd","onDelete","createTimeRow","TimePreferencesTable","_ref$preferences","_ref$intervals","_ref$activityRef","timeRow","intervalRow","int","createIntervalRow","possibleMatches","selectedUser","usernotSearched","toggleModal","err_must_select_user","newUser","handleUserSelect","msg","confirm","contentLabel","right","NewStudentForm","firstName","lastName","onClose","buttonDisabled","handleComment","activitiesWithEveilIds","showChildhoodActivities","arrayfy","array","enumerate","showOtherActivities","allow_timeslot_selection","showTimePreferences","selectedEvaluations","addresses","city","country","postcode","pushPayerToList","list","payersList","emergencyContacts","legalReferents","accompanying","hasContacts","contacts","contact","is_paying","family_links_with_user","is_accompanying","is_to_call","is_legal_referent","selectedPaymentMethod","selectedPaymentScheduleOption","preferencesArray","paymentMethod","pm","pso","address","street_address","pref","Wizard","childhoodTimeAvailabilities","generateUserInfos","begin_at","levelQuestionnaireAnswers","applicationChangeAnswers","learnedActivities","practicedInstruments","dayForCollection","paymentTermsId","checked_gdpr","preSelectedUser","handleSelectUser","newSelectedActivities","personalLevels","actRef","has_additional_student","param","handleUpdateLevelInits","newSeason","newSelectedPacks","question","new_student_level_questions","q","answer","htmltext","pack_created","newApplicationForExistingUser","actionType","preApplicationActivityId","preApplicationActivity","cycleActivityRefs","next_cycles","cycleIds","to_activity_ref_id","isApplicationChange","preSelectedActivityId","skipActivityChoice","activity_applications","time_intervals","is_validated","user_infos","familyPayers","prepareForActivityChoice","has_mdp","payer_payment_terms","paymentTerm","term","handleChangePaymentInfo","isEventUserSelected","userEquals","_this12","selectedActivityRefIds","prefsReqActivityRefIds","allows_timeslot_selection","labels","element","dateToUse","isBetween","user1","user2","_this13","_this14","isApplicationAuthorized","activitiesThatRequirePreferencesSelection","preferencesActivities","timePrefsMode","is_evaluable","aId","userFormInitialValues","handicap_description","activityChoiceActionTypes","PURSUE_CHILDHOOD","RENEW","steps","component","WizardUserSelectMember","hidePayers","handleUserFormSubmit","documentUrl","CHANGE","application_change_questions","handleApplicationChangeAnswersChange","WrappedActivityChoice","adhesion_prices","adhesion_enabled","handleSelectActivities","activityChoiceDisplayText","is_work_group","handleUpdateInstruments","getLabelsFromSelectedActivities","handleAddAvailability","handleDeleteAvailability","handleChangeIntervals","handleLevelAnswersChange","pt","collection","Validation","lastAdherentNumber","last_adherent_number","handleSetParameter","marginTop","handleChangeSeason","handleChangeBeginAt","StepZilla","showSteps","stepsNavigation","nextButtonText","backButtonText","nextButtonCls","backButtonCls","onStepChange","scrollTo","behavior","members","showError","getErrors","updateMembersData","onFamilyLinkSelectorChange","newMembers","userToAdd","memberSelected","familyMemberUserForSelection","userIsMinor","fl","legal_referent","otherUser","is_inverse","fieldForSelection","completeUserWithOther","virtualFamilyLinks","familyLinkToUse","renderUserItem","selecteds","whiteSpace","overflowX","FamilyLinkSelector","familyLinks","to_call","WizardContactForm","user_linked","showFamilyLinkInfos","onAddMember","currentUserId","toLocaleDateString","CreatableSelect","eventValues","menu","provided","control","ActivityChoice","_defineProperties","_toPropertyKey","_getPrototypeOf","ReferenceError","_assertThisInitialized","_possibleConstructorReturn","_isNativeReflectConstruct","Reflect","construct","_setPrototypeOf","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","ownKeys","getOwnPropertySymbols","getOwnPropertyDescriptor","getOwnPropertyDescriptors","defineProperties","toPrimitive","String","Number","_toPrimitive","StudentItem","SubStudentList","activeStudents","inactiveStudents","inactive_users","app","da","closest_lesson","optionStudents","combinedUsers","isWorkGroup","customStyle","userInstrument","activities_instruments","ai","TimeIntervalHelpers","_u$application","_u$activity_applicati","_app$desired_activiti","_u$application2","_u$activity_applicati2","_app$desired_activiti2","stopped_at","Activity","levelSeason","suggestionsMode","studentLevel","evaluation_level_ref_id","tableRef","loadSuggestions","willReloadSuggestions","isAdmin","desiredActivity","cache","handleAddSuggestions","opt","isUserInActivity","isDesiredActivityInActivity","_handleOptionButton","isSuggestionInDesiredActivityOptions","handleRemoveSuggestionOption","handleSelectSuggestionOption","forceUpdate","submittingOptionId","isLevelEditModalOpen","_this$props$applicati","handleDeleteStudentLevel","handleUpdateStudentLevel","shouldReload","desiredActivityInAnyActivity","isDesiredActivityInAnyActivity","suggestionsColumns","expander","Expander","isExpanded","paddingTop","userSelect","type_cour","_ref9$value","time","closest_lesson_end","_ref11","_ref12","_occupationInfos","occupationInfos","validatedHeadCount","headCountLimit","formatActivityHeadcount","act","submittingId","handleRemoveStudent","isAlreadyBusy","occupation_hard_limit","handleSelectSuggestion","actUsers","handleOptionButton","sortSuggestions","actionLabel","previousActivity","previousDesired","isSame","des","applicationActivity","evaluation_level_ref","daIds","desiredActivities","refsOptions","shouldChangeActivityQuestion","studentEvaluationQuestions","shouldChangeActivityAnswer","detectedEvaluation","radioValue","question_id","handleChangeSuggestionsMode","displayActivityRef","handleChangeDesiredActivity","handleOpenLevelEditModal","showPagination","onExpandedChange","getTrProps","onUpdateActivity","reject","news","handleUpdateSuggestion","oldSuggestionIndex","newSuggestions","tableSortDatas","resolvedData","getSortedData","sortedData","newSuggestionIndex","referenceDate","ReactModal","handleCloseLevelEditModal","modalStyle","overlay","handleStudentLevelChange","handleSubmitStudentLevel","Summary","stopDateInput","defaultEvaluationId","student_evaluations","forms","form","defaultAppChangeQuestionnaireId","application_change_questionnaires","activity_application_status","status_id","referent_id","mail_sent_at","sendingMail","addedSelectedActivities","applicationChangeQuestionnaireId","newStudentLevelQuestionnaireId","alertProposal","loadData","handleAlertProposal","ti","statusId","isStopping","stoppedAt","updateApplication","isValidDate","old_begin_at","updateObject","suggs","_handleSelectSuggestion","desiredActivityId","_yield$response$json","indexDesired","_x2","_x3","desired_activity_id","suggestionId","actSuggestions","suggIndex","_handleRemoveStudent","_x4","_x5","_x6","comment_id","commentable_type","commentable_id","desiredId","oldDesiredIndex","showConfirmButton","newDesired","desired","newDesiredActivities","newApplication","levelIndex","_this15","desiredIdx","activity_ref_kind_id","updatedActivity","isUserInSuggestion","isUserAssignedToSuggestion","isUserInSuggestionOptions","optionAlreadyRegistered","newState","ActivityApplicationStatus","reason_of_refusal","_this16","activity_refs_idx","daId","getNonValidatedSuggestions","evaluationAppointments","evaluation_appointments","activitiesDisplay","student_evaluation_questions","handleRemoveDesiredActivity","generateStatusSelection","handleChangeStatus","paymentLink","adhesionNumber","filterTimeIntervals","tag","otherApplications","aa","flex","onKeyDown","useDateChangedTimeout","changeDateTimeout","handleUpdateBeginAt","handleSelectApplicationChangeQuestionnaire","activity_reéf_id","renderEvaluationForm","new_student_level_questionnaires","handleSelectNewStudentLevelQuestionnaire","canEditAvailabilities","handleRemoveActivityApplication","handleSaveStatus","formId","common_reference_data","contextual_reference_data","WorkGroupRow","activitiesInstrument","onAddOption","onRemoveOption","onValidate","onInvalidate","disabledDeletion","isAssigned","isOption","isDesiredValidatedOnOtherActivity","studentCellStyle","instrument_id","attempt_date","newInstruments","toUpdateIdx","updateActivitiesInstrument","activities_instrument","_this$props$activity","activitiesInstruments","toRemoveIndex","aiId","handleCreateRole","handleUpdateRole","handleDeleteRole","handleAddOption","handleRemoveOption","handleValidate","handleInvalidate","proposalAnswered","openAssignationRefusedModal","openAssignationAcceptedModal","CancelApplication","activityApplicationId","isSuccessModalOpen","setIsSuccessModalOpen","isConfirmModalOpen","setIsConfirmModalOpen","handleModal","witchModal","isStopModalOpen","stopReasonValue","stopReasonCustom","selectedNextActivityRef","getDefaultChildNextActivityRef","isChildPreApplicationActivity","childActivityNextCycles","getChildActivityNextCycles","closeStopModal","actions","pre_application_activity_id","process","renew","processJson","renewJson","t1","openStopModal","isPreapplicationEnabled","ActivityStatus","isCustomComment","actionButtons","StopButton","nextCycles","groupedNextActivityRefKinds","nextActivityRefKinds","nextCycle","to","timeslotActivities","handleChangeStopReason","onKeyUp","handleChangeStopReasonCustom","handleProcessPreApplicationActivity","EditApplication","isEditModalOpen","setIsEditModalOpen","isConfirmationModalOpen","setIsConfirmationModalOpen","editInput","setEditInput","handleCloseEditModal","handleCloseConfirmationModal","handleProcessModifyApplication","isAssignationRefusedModalOpen","isAssignationAcceptedModalOpen","reasonOfRefusal","updateReasonRefused","closeAssignationRefusedModal","closeAssignationAcceptedModal","paddedActivityApplicationId","dayLabel","renderActivityAction","AnswerProposal","rows","cols","handleProcessRefusedAssignationActivity","handleProcessAcceptedAssignationActivity","activityDetails","activityState","firstname","lastname","activityDisplayName","AllowsTimeslotSelectionButtonGroup","forcedValue","Field","render","Radio","ActivityRefApplication","alert","FormSpy","subscription","required","mustBeInteger","isInteger","mustBeIntegerOrUndefined","minValue","composeValidators","_len","validators","_key","validator","ActivityRefBasics","pricingCategories","pricing_categories","activityRefPricings","activity_ref_pricings","activityRefKinds","ark","activityTypes","addKind","fetchSeasonsAndPricings","handleSaveForNewActivity","handleUpdateForNewActivity","handleDeleteForNewActivity","_preConfirm","showLoaderOnConfirm","preConfirm","activity_ref_kind","pricingCategory","addPricingCategoriesToSave","updatePricingCategoriesToSave","deletePricingCategoriesToSave","onCreate","DefaultCreateButton","from_season_id","seasonEnd","to_season_id","dataService","ActivityRefDataService","NewActivityRefDataService","DragAndDrop","file_url","activityRefImage","setFile","onImageChange","acceptedTypes","textDisplayed","validate","componentAdd","InputSelect","DefaultActionButtons","createButton","CreateButton","formContentComponent","ActivityRefPricingModal","showFullScreenButton","oneResourceTypeName","thisResourceTypeName","ActivityRefContainer","applicationOptions","buildApplicationOptions","allowsTimeslotSelection","imageChanged","route","postTo","pricingCategoriesToSave","is_lesson","is_visible_to_admin","pricing","updatedPricing","image","nb_lessons","pricings","sendImage","isIntStrInf","Form","mutators","arrayMutators","isInError","WorkGroupTemplateEditor","onWorkgroupChange","ActivityRefTeachers","gap","str1","str2","intOrUndefined","str","_DataService","urlListData","urlRootData","rest","toSeason","fromSeason","isInUse","activity_ref_pricing_id","DataService","ActivityRefImageUpload","searchable","selectedPricingCategory","selectedFrom","selectedTo","isUpdate","mappedSeasons","localeCompare","mappedPricingCategories","findSelectedOption","ReactSelectAdapter","isDisabled","maxMenuHeight","all_teachers","SelectMultiple","all_features","features","tempIdCounter","createData","is_a_pack","arp","pc","newPricing","WorkGroupEditor2","AdvancedSearch","rules","initializeElasticPlugin","initializeLang","queryBuilder","$","filters","operators","true","false","lang_code","icons","add_group","add_rule","remove_group","remove_rule","plugins","newRules","defaultRules","div","handleGetRulesClick","QueryBuilder","ESBoolOperators","equal","not_equal","less","lt","less_or_equal","lte","greater","gt","greater_or_equal","gte","between","in","not_in","is_null","is_not_null","ESQueryStringQueryOperators","contains","getESBool","getRules","that","condition","settings","default_condition","rule","operator","clause","add","mdb","ope","getOperatorByType","part","nb_inputs","es_key_val","transform","get_value","wildcard","terms","getQueryDSLWord","exists","bool","must_not","make_query","getESQueryStringQuery","fn","regional","__locale","__author","delete_rule","delete_group","conditions","AND","OR","not_between","begins_with","not_begins_with","not_contains","ends_with","not_ends_with","is_empty","is_not_empty","no_filter","empty_group","radio_empty","checkbox_empty","select_empty","string_empty","string_exceed_min_length","string_exceed_max_length","string_invalid_format","number_nan","number_not_integer","number_not_double","number_exceed_min","number_exceed_max","number_wrong_step","number_between_invalid","datetime_empty","datetime_invalid","datetime_exceed_min","datetime_exceed_max","datetime_between_invalid","boolean_not_valid","operator_not_multiple","invert","NOT","defaults","PAYMENT_SCHEDULE_OPTIONS_PAYMENTS_NUMBERS","nb","AvailabilityCommentModal","_PureComponent","commentValue","commentId","request","newInterval","onSaved","commentExists","updateCommentValue","handleDeleteComment","PureComponent","AvailabilityInput","getNextWeekWithoutSunday","handleHours","handleSelect","handleAdd","timeToDate","showDates","showComment","isInvalidInterval","checkStartEndTime","KINDS_LABEL","fullday","handleChangeComment","GroupedAvailabilities","canComment","onComment","showActions","allowedKinds","AvailabilityList","KindLegend","handleDeleteAll","kindsForSeason","INTERVAL_KINDS","LESSON","OPTION","kindsForEvaluation","EVALUATION","kindsForStudent","AVAILABILITY","addToken","token","selectedIntervalIdForComment","handleDelete","toggleFetching","updateCommentIntervalId","getNewTabId","newTabId","intervalIds","responses","resp","newList","selectedIntervalForComment","ErrorList","WeekSelector","buttonLabel","alignRight","updateInterval","locale","localeOptions","renderWeeks","weeks","formatWeekBounds","renderYears","months","toMonthName","renderMonths","getFirstWeek","toDateStr","alertType","hasError","ignoreValidate","_ref3$meta","_ref$modalProps","isChildrenFunction","isChildrenObject","extraTitle","_ref$header","_ref$isOpen","_ref$loading","_ref$className","formProps","InlineYesNoRadio","fieldProps","yesId","noId","_ref2$meta","maxLength","help","isArea","renderInput","minHeight","resize","InputMask","defaultOption","optionElements","inline","prompt","_ref$displayPrompt","displayPrompt","button","wizard","renderInputGroupAddon","href_path","setInputText","handleInputChange","inputText","noOptionsMessage","filterOption","createFilter","matchFrom","onInputChange","baseStyles","presets","defaultPreferences","setValues","changeOrder","_e$currentTarget$data","currentTarget","dataset","dir","idxS","newIndex","constrainToSize","col","createColumnEditor","order","ColumnEditor","onChangeOrder","onToggleDisabled","setDisabled","valuesWithOrder","enabledValues","disabledValues","maxHeight","overflowY","visibility","selectedFeatures","update","actionMeta","newFeature","newFeatures","removedValue","remove","clear","_this2$state$features","confirmBeforeClear","willDelete","setInfos","payingForMembers","fm","legalReferentMembers","toCallMembers","ValidationErrorList","oneOfType","string","labellizer","reactTableProps","showItemModal","showDeleteModal","wantUpdate","ActionButtonsComponent","CreateButtonComponent","allowEdit","reactTableColumns","listData","showItemFormModal","closeItemFormModal","showDeleteItemModal","closeDeleteItemModal","onEdit","ItemFormModal","updateTitle","createTitle","updateData","updateItem","createItem","DeleteItemModal","deleteData","_IDataService","IDataService","setError","setSubmitting","FormContentComponent","onAfterClose","AddActivityForCourse","activityRefKindId","activityRefOptions","activityRefKindOptions","summary","activityRefKind","err_must_choose_activity","newOptions","activitiesAvailable","AddCourseSummary","AddCourse","showAlert","dayOfWeek","fromDate","startTime","endTime","firstDayStartTime","firstDayEndTime","holidays","handleFieldChange","onOpen","errorMsg","teacherId","roomId","recurrence","err_data_missing","updatedSummary","AddSlotForCourse","AddTeacherForCourse","AddLocationForCourse","locationId","closeAlert","_d","getDate","MONTHS","locationOptions","roomsOptions","_this$props$initialVa","selectedRoom","selectedLocation","err_must_choose_room","roomsAvailable","location_id","handleSeasonChange","handleTimeChange","firstDay","processFirstDay","weekDay","getElementById","err_negative_date_range","err_negative_hour_range","err_must_choose_slot","offset","setDate","firstChild","err_must_choose_teacher","overlappedInterval","isSameDay","d1","d2","has_overlap","activity_overlapped","_step","slotStart","slotEnd","_iterator","_createForOfIteratorHelper","availabilityStart","availabilityEnd","previousWeekSlotStart","previousWeekSlotEnd","isAvailableInSlot","DeleteCourseModal","detectedSeason","activityInstances","instanceStatus","activity_instance_id","selectedDay","tmpValues","instanceIds","repetition","student_count","timeIntervalIds","activityInstance","YearlyCalendar","existingDates","handlePickDate","classes","handlePickDateYearlyCalendar","legend","defaultTableProps","MESSAGE_MODAL_ID","args","fetchInstancesList","page_size","LessonList","localStorageValue","isEmail","isSMS","currentAppsSeason","filterApplied","refDateFilter","activityIds","activityIdsString","_downloadStudentsList","indexFiltered","reference_date","downloadStudentsList","bulkDelete","teachersOptions","seasonsOptions","locationsOptions","daysOptions","totalRecipients","recipients","restCount","tableColumns","updateTarget","faIcon","getOptionLabel","singleValue","indicatorSeparator","_ref13","_c$value$activity","_c$value$activity2","_ref14","_filter$value","_this8$state","pointer","DownloadButton","handleChangeReferenceDate","customClass","renderTargetsAlert","MessageModal","onSend","sendReminderMail","bottom","_ref15","_ref15$referenceDate","UserRow","_ref16","_ref16$isOption","_ref16$referenceDate","setDesiredActivityId","_React$useState4","setStudentLevel","_React$useState6","setActivityApplicationId","inscriptionUrl","detachAccount","userToDetach","setUserToDetach","setIsModalOpen","addFamilyLink","setAddFamilyLink","sendData","familyLinkCheckbox","familyLinkForm","labelMessage","attached_to","BtnResetPassword","sendRequest","textError","textSuccess","textNoData","setResetLink","send_email","additionnalHeaders","reset_link","navigator","clipboard","writeText","dismiss","cancel","initialEmail","New","utf8","password","checkValidUser","uniqueness","_checkValidUser","hasValidationErrors","CsvSettings","_useForm","useForm","register","formState","csv_settings","col_sep","colSep","encoding","baseStyle","flexDirection","borderWidth","borderStyle","transition","activeStyle","acceptStyle","rejectStyle","setUrl","useCallback","reader","FileReader","onloadend","readAsDataURL","isImage","removeFile","onClearedFile","onDropRejected","fileRejections","innerHTML","maxFiles","isDragActive","isDragAccept","isDragReject","fileLabel","fileTitle","MailSettings","mail_settings","authentication","domain","port","redirect","ssl_tls","sslTls","user_name","RulesSettings","documentCleared","setDocumentCleared","showCorrectDiv","select","rulesUrl","rulesPdf","SchoolParameters","school","academy","setAcademy","zone","setZone","picture_url","imageUrl","setPicture","getValues","setValue","addressChangeTimeout","addressChange","postalCode","zone_set_by_user","onAddressChange","contactPhone","street","bankHolidaysZone","min_score_recaptcha","siretRna","rcs","entitySubjectToVAT","activitiesNotSubjectToVat","picture","pattern","validateEmail","phone_number","schoolAddress","countries","bankHolidaysZones","zones","z","source","siret_rna","entity_subject_to_vat","activities_not_subject_to_vat","TeachersParameters","teacher_can_edit_planning","authorize_teachers","planningChecked","setPlanningChecked","permitTeacherActivities","setPermitTeacherActivities","renderEvaluationHeader","hasAnswered","collapsed","levelStr","dbAnswers","studentAnswers","evaluations","evaluation","currentStudent","teacher_id","previousSeasonLevel","CollapsePanel","handleSetCurrentStudent","filterQuestionsByCondition","checkCondition","checkRequiredQuestions","requiredQuestions","is_required","questionId","answerValue","questionsToDisplay","qId","submitLabel","renderedQuestions","Question","handleAnswer","EvaluationMenu","activitiesList","ActivityEvaluation","formatActivityForDisplay","StudentEvaluationStats","nb_evaluated_students","evaluations_completion_rate_level","nb_redirections","nb_informed_redirections","redirection_information_rate_level","evaluations_completion_rate","Table","stats","VALUES_SEPARATOR","PROPS_SEPARATOR","CONDITION_OPS","NEQ_SYM","EQ_SYM","parseValues","radioValues","_Object$entries$find","op","opKey","_condition$split$map2","questionName","questionExpectedValue","questionField","field_type","SelectQuestion","RadioQuestion","no_answer","radio_values","lab","inputId","createOptions","selectValues","selectTarget","TARGETS","setName","reactOptionMapper","valueAccessor","labelAccessor","createTargetOptions","select_target","select_values","_question$is_multiple","is_multiple_select","formatedActs","formatActivities","DEFAULT_VALUE_ACCESSOR","DEFAULT_LABEL_ACCESSOR","targetFactory","_ref$label","_ref$valueAccessor","_ref$labelAccessor","LEVELS_TARGET","ACTIVITIES_TARGET","studentsHint","SEASONS_TARGET","LOCATIONS_TARGET","ROOMS_TARGET","PAYMENT_METHODS","TEACHERS_TARGET","EvaluationAppointmentsManager","evaluationAvailabilities","evaluation_availabilities","editorsVisibility","timeIntervalId","newEvaluationAvailabilities","timeIntervalIndex","newTimeInterval","newEvalationAppointments","class","EvaluationAvailabilityEditor","submitAppointment","toggleEditorVisibility","appointments","WithError","vals","intervalErr","overlap","_vals$start$split$map2","startH","startM","_vals$end$split$map2","endH","endM","ea","oint","intervalOverlap","_values$start$split$m2","_values$end$split$map2","touchedInterval","filteredRooms","borderTopWidth","AppointmentsList","highlightId","ordCheck","hightlightStyles","_a$time_interval","EventsRules","isRuleModalOpen","isModifyRuleModalOpen","sendSMS","sendMail","templateName","selectedActions","onUpdateSubmit","openModifyRuleModal","templateNames","sendTo","carbon_copy","alreadyExists","template","closeRuleModal","closeModifyRuleModal","animatedComponents","makeAnimated","DeleteRulesProcess","sendOptions","openRuleModal","components","getState","CheckList","rowsCount","totalAmount","mounted","delay","payments","check","check_status","radioCheckValue","familyList","Map","numbersList","check_number","Switch","handleChangeSwitch","handleChangeRadio","NumberFormat","currency","BULK_MODAL_ID","DuePaymentList","duePaymentMethodsOptions","paymentMethods","targetStatus","due_payment_status_id","DuePaymentStatus","validityMap","nextValue","badgeClass","renderStatus","previsional_date","DateRangePicker","defaultStart","defaultEnd","csv_export_loading","loadTippy","getTippyNodes","totalDueAmount","totalPaidAmount","due","adjusted_amount","abs","searchParams","URLSearchParams","stream","due_payment","inputOptions","inputClass","newStatusId","dp","dueId","promptStatusEdit","sendPaymentMail","filteredSeasonId","targetsAlert","SubPaymentList","paymentStatuses","submitBulkEdit","GeneralPayments","failedCount","duePaymentStatuses","PaymentList","PaymentScheduleList","PAYMENT_STATUS","payment_status_id","PaymentStatus","local","paymentId","inserted","failed","ignored","SubDuePayment","seasonsToCheck","schedulesSeasons","payment_schedules","seasonsCheck","mail","seasonFilterId","filteredSeason","recipientsToDisplay","seasonFilterIndex","reception_date","DateFilter","check_issuer_name","operation","ElvisEditor","templateJson","setJson","templateBody","setHtml","emailEditorRef","EmailEditor","onLoad","unlayer","editor","setAppearance","panels","tools","dock","loader","loadDesign","setMergeTags","mergeTags","onReady","exportHtml","design","encodeURIComponent","templateId","APPLICATION_TAGS","sample","applicationId","application_season_label","application_total_all_due_payments","application_total_pending_due_payments","ACTIVITY_TAGS","activity_day_in_week","activity_start_date","activity_start_hour","activity_end","activity_label","activity_teacher_first_name","activity_teacher_last_name","activity_display_price","ACTIVITY_INSTANCE_TAGS","PAYMENT_TAGS","season_label","paymentsLoop","repeat","after","REGLEMENTS_TAGS","reglement_reception_date","reglement_cashing_date","reglement_amount","reglement_status","reglementsLoop","UTILS_TAGS","button_school_link","SCHOOL_LOGO_TAGS","img_school_logo","TemplateCreator","path","TemplateEditor","setTemplate","setTemplateName","setEvent","mergeTagConfig","MergeTags","TemplateIndex","templates","built_in","ActivitiesParameters","BaseParameters","tabsNames","divObjects","PricingCategoriesEdit","PricingCategoryFormContent","maxValue","checkbox","ActivityApplicationsParameters","ApplicationStatusTable","ConsentDocumentsList","ApplicationParameters","ApplicationStepParameters","setIsLoading","parameters","setParameters","selectedParameter","setSelectedParameter","defaultActivityApplicationStatus","activityApplicationStatusList","parameter","default_status_id","is_stopping","EditorState","createEmpty","editorState","setEditorState","visibilityActivated","setVisibilityActivated","init","setInit","activated","savedContentRaw","savedContentState","display_text","convertFromRaw","ContentState","createFromText","createWithContent","convertToRaw","getCurrentContent","Editor","wrapperStyle","onEditorStateChange","toolbarClassName","wrapperClassName","editorClassName","toolbar","blockType","inDropdown","ConsentDocumentModal","fileHasChanged","setFileHasChanged","attached_file_url","setIsFetching","documents","setDocuments","editedDocument","setEditedDocument","setDocumentSaved","deleteDocument","documentId","doc","handleEdit","handleMoveUp","docId","handleMoveDown","expected_answer","DocumentItem","isFirst","isLast","onMoveUp","onMoveDown","updatedDocument","updateDocument","createDocument","urlNew","showedTabs","hash","tabName","jumpto","divObj","CommunityParameters","_BaseParameters","MergeUsers","EvaluationLevels","can_continue","EvaluationSlot","sessionHour","setSessionHour","info","session_hour","xorBy","EvaluationsParameters","AdhesionEditModal","showModal","setShowModal","appElement","pristine","AdhesionSettings","setAdhesionEnabled","setAdhesionPrices","setSeasons","isInitialized","setIsInitialized","adhesionFee","cancelButtonClass","confirmButtonClass","CouponFormContent","Coupons","CouponsActionButtons","coupon","percent_off","has_any_discount","EditPaymentScheduleOptions","paymentScheduleOptions","setPaymentScheduleOptions","indexValues","setIndexValues","paymentScheduleOptionsActivated","setPaymentScheduleOptionsActivated","onItemDelete","payment","EditPaymentScheduleOptionItem","showOpenOptionOnHover","defaultTargetOption","PaymentsMethods","show_payment_method_to_user","is_special","is_credit_note","PaymentsParameters","PaymentsStatus","CancelActivityParameters","setHours","PlanningDisplayParameters","showActivityCode","setShowActivityCode","recurrenceActivated","setRecurrenceActivated","show_activity_code","recurrence_activated","PlanningsParameters","auth_token","availabilityChecked","SchoolAvailabilities","TeacherAvailabilities","setIntervals","firstMonday","startDate","monday","currentDay","convertToFirstWeekOfSeason","newIntervals","setChecked","show_availabilities","planningDefaultChecked","BandsType","Features","FlatRate","enable","nb_hour","solo_duo_rate","group_rate","Groups","band_type","music_genre","Materials","prix","MusicGenres","PracticeParameters","Localisations","LocationList","RoomsParameters","PaymentScheduleOptionForm","return_url","other_payments_number","statedPaymentScheduleOption","setStatedPaymentScheduleOption","valueToSend","payment_schedule_option","submit","effectivePaymentsNumber","newStatedPaymentScheduleOption","renderMonthInGroup","inputValidator","DayForCollectionItem","Address","debouncedUpdateSuggestions","updateSuggestions","setAddress","addressId","address_id","identicalAddress","handleSetIdenticalAddress","handleUnsetIdenticalAddress","USER_OPTIONS","displayInlineAddress","suggestionSelected","department","removeAddress","renderUserOptions","validationState","identicalTelephones","identicalMailUserId","handleChangeInfos","handleAddEmptyPhoneNumber","handleUpdatePhoneInfos","handleDeletePhoneNumber","handleSetIdenticalMailUserId","handleSetIdenticalTelephone","handleUnsetIdenticalTelephone","hasFamily","phoneNumbers","hasIdenticalTelephone","identicalTelephone","userIdx","telephoneIdx","capitalize","emailError","FamilyMemberUser","handleSelectParentMatch","handleChangeMemberInfos","ContactInfos","handleDeleteFamilyMemberPhoneNumber","orig","GeneralInfos","necessaryColor","birthdayError","sexError","NamePicker","handleSelectMatch","matchId","handleSelectAge","drafts","updateDraft","hasKeys","lastNameError","firstNameError","inEdition","setIsTeacher","setIsAdmin","getActivitiesList","htmlText","startsAt","endsAt","onChangeIsTeacher","InstancesUpdateScope","freeze","SINGULAR","FOLLOWING","ALL","viewAttendances","viewOptions","listUser","ActivityDetailsModal","room_refs","rooms_constrained","room_ref","mainTeacherId","teachers_activities","ta","is_main","assistantTeacherId","teachers_constrained","recurrences","instances_update_scope","initial_room_id","initialMainTeacherId","initialAssistantTeacherId","conflicting_interval","conflicting_interval_teacher","editionMode","isRecurrent","groupName","isEditingGroup","savingActivityInstances","verifyTimeOverlap","handleChangeRoom","newTeacherId","isMain","newTeachersActivities","teacher_activities","point","getMoment","handleRemoveOptionalStudent","conflicting_intervals","formatInstances","handleSaveActivityInstances","planningType","activityChangeFeedback","handleUpdateActivityInInstances","handleEditActivityInstance","acts","renderMainTeacherOptions","renderAssistantTeacherOptions","handleChangeTeacher","_onSave2","_onSave","isMoment","timeIntervalInvalid","inactive_students","optionalStudents","attendancesPanelContent","AttendanceTable","handleUpdateAll","aids","changesUpdate","toInteger","aid","resIdx","editionPanelContent","teacher_can_edit","ActivityEdition","selection","recurrencesPanelContent","instancePanelContent","TeacherCoveringEditor","coverTeacherId","areHoursCounted","potentialCoveringTeachers","withSave","isEditing","allowEnterKey","handleUpdateActivityInstances","deleteActivity","handleDeleteActivityInstance","EditGroupNameInput","handleGroupNameChange","toggleGroupNameEdit","TimeSelection","handleSelectTime","ActivitySelection","handleSelectActivity","LocationSelection","handleSelectLocation","RoomSelection","roomsConstrained","roomRefs","handleSelectRoom","handleChangeRecurrentActivity","handleDeleteInterval","bulkValue","styleOptionalStudents","renderRoomOptions","renderAllRoomOptions","_React$Component3","_this17","_this18","selectedTeacherId","selectedLocationId","selectedRoomId","_this$state$instances","selectedInstancesUpdateScope","selectedEvaluationLevelRefId","_onChange","_ref8$target","_ref9$target","_ref10$target","_ref11$target","_ref12$target","_ref13$target","_ref14$target","_ref15$target","coveringEditorSelectStyles","_ref17","canCover","_ref18","_ref19","selectedOption","_ref20","_ref21","_ref21$target","_ref22","_ref22$target","EVENT_TYPES","CustomCalendar","calRef","timezoneName","guess","Calendar","timestamp","utcOffset","scheduleView","isMultiView","selectedPlannings","calendar","usageStatistics","taskView","useCreationPopup","useDetailPopup","isReadOnly","disableClick","disableDbClick","startDayOfWeek","narrowWeekend","daynames","hourStart","hourEnd","timegridDisplayPrimaryTime","monthGridHeader","model","weekDayname","dayname","dayName","renderDate","allday","schedule","_ref$isAllDay","isAllDay","_ref$isRoomCalendar","isRoomCalendar","_ref$seasons","_ref$user","toUTCString","groupDisplayLine","hourDateDisplayLine","locationTeacherDisplayLine","studentTeacherDisplayLine","raw","isPrivate","recurrenceRule","attendees","teacherName","roomName","seasonForLevel","coverTeacher","getTimeTemplate","conflict","ts","registerEvents","renderCal","off","on","destroy","lessonIntervals","view","optionIntervals","lessonMinutes","optionMinutes","lesson","handlers","createSchedules","changeView","updateIntervals","nextSeasonStart","nextSeason","conflictDate","totalHours","calculateTotalHours","CalendarControls","conflicts","handleToggleView","handleToggleSeasonStartView","handleToggleNextSeasonStartView","handleToggleTodayView","handleTogglePrev","handleToggleNext","handleSetToConflictDate","filteredConflicts","is_resolved","CurrentDateDisplay","datatoggle","dateFormat","CreateIntervalModal","getSeasonFromDate","isAdminSelectIntervalRecurrence","recurrentType","RECURRENCE_TYPES","getDefault","toFullDateFr","toLocaleTimeString","getAll","handleCloseAndOpenDetails","handleOptionChange","ListItemContent","ListItem","_extends","_objectDestructuringEmpty","ListItemWithControl","sortByStudentName","lastnameA","lastnameB","EvaluationModal","setAppointments","_schedule$evaluation_","head","loadingQuestionnaire","questionnaire","new_student_level_questionnaire","_this$props4","newStudentLevelQuestions","toTimeRange","fetchQuestionnaire","TeacherItem","cover_teacher_id","are_hours_counted","AvailabilityIntervalContent","_date","ValidatedIntervalContent","MultiViewModal","attendee","idGenerator","abortController","fetchOngoing","getIntervals","isCreationModalOpen","isDetailModalOpen","selectedSchedule","lastReinitialize","intervalDetail","isMultiViewModalOpen","isEvaluationModalOpen","updateTargets","abort","AbortController","intervalsPromises","signal","planningOwners","owner_id","POSITION","BOTTOM_CENTER","fetchIntervals","intervalStore","conflictId","optionalStudent","uid","formattedIntervals","allIntervals","commitIntervals","handleOpenDetail","availabilityIntervalId","newActivity","availabilityTimeIntervalId","closeDetailModal","_handleUpdateActivityInstances","instanceTeacherId","hasIntervalMovedToAnotherRoom","hasIntervalOwnerChanged","oldCoverTeacherId","error_message","cover_teacher","inter","_handleUpdateAllActivityInstances","_callee3","_context3","_handleSimulateUpdateAllActivityInstances","_callee4","checkResults","confirmationToast","_context4","closeToast","handleUpdateAllActivityInstances","warning","newStart","newEnd","toastUpdate","handleSimulateUpdateAllActivityInstances","conflictResolution","updatedStore","intervalsList","store","toastDelete","handleDeleteAllActivityInstances","refresh","_this19","intIndex","teacherIdInput","_this20","isIntervalToBeRemoved","typeLabel","_this21","contextIntervals","selectOptions","colors","isRoom","bgColor","isFixed","ziggySelectStyles","multiValue","multiValueRemove","multiValueLabel","isFocused","SelectActivity","defaultPlanning","hideSelectedOptions","primary","primary75","primary50","primary25","danger","dangerLight","beforeCreateSchedule","guide","clearGuideElement","handleOpenCreation","handleCreateInterval","beforeUpdateSchedule","handleUpdateTimeInterval","beforeDeleteSchedule","clickSchedule","handleOpenMultiViewModal","handleOpenEvaluationModal","displayRaw","RawPlanning","evaluations_level_refs","RoomActivitiesListModal","refs","closeMultiViewModal","closeEvaluationModal","handleSimpleDeleteInterval","onAfterOpen","afterOpenCreationModal","closeCreationModal","afterOpenDetailModal","availabilityInterval","handleCreateActivityInstances","_callee5","_context5","handleUpdateActivityInstance","handleUpdateInstance","handleUpdateAttendances","handleSetCoveringTeacher","user_act","StudendItems","OptionItems","RawActivity","evaluationsLevelRefs","inactiveIds","studentsGlobalLevel","tis","comps","renderDayColumns","findElementsByActivities","elements","planningIds","activityRefIds","activitiesKey","idFn","elt","_step2","elementActivityRefIds","_iterator2","formatOptions","SELECT_STYLES","locationValue","handleChangeLocation","func","locationKey","SelectLocation","locationsIds","elementLocationId","findElementsByLocation","SelectTeachers","listTeacher","selectedName","debounceModal","StudentItems","selectedPlanning","currentPlanning","SimpleActivity","SimpleEvaluation","setQuestionnaire","SimplePlanning","evalModalIsOpen","toggleEvalModal","historyUrl","intervalUrl","history","pushState","momentDay","endOfWeek","prevWeek","subtract","nextWeek","displayWeek","listTeachers","changeDate","StudentModal","for","renderKindOption","TimeInterval","stopPropagation","handleDeleteActivity","levelAndAge","averageAge","sum","activityKind","showTeacher","handleClick","getTeacherId","getRoomId","resourceGetters","getColors","resources","nbColors","_ref$maxHue","maxHue","_ref$sat","sat","_ref$lum","lum","getUniformHSLColor","omitInactiveStudents","granularity","abortSignal","fetchInterval","indexById","prevInterval","genericIntervalsOnDay","kindColors","formatIntervalsForSchedule","rawIntervals","resourceType","resourceCount","resourceId","locationLabel","locationIndicator","capitalFirstLetters","calendarId","category","dragBgColor","formatHolidays","uniqueLevels","levelDisplayForActivity","evaluationLevelRef","studentLevelDisplay","averageAgeDisplay","generateInstances","startingDate","firstInstance","holidayDates","clone","isSameOrBefore","cutInterval","restInterval","computeInterval","computeValidatedInterval","isTZDate","momentify","timeIntervals","seasonDays","customCssClasses","holiday","seasonDay","existingInstances","ReactYearlyCalendar","customClasses","onPickDate","_ref2$target","_ref3$target","_ref4$target","_ref$onSave","ActivityManagement","activitySelection","RecurrencesEditor","onUpdateInstances","_ref5$target","_ref6$target","TeachersEditor","onChangeTeacher","onToggleIsMainTeacher","onAddTeacher","onRemoveTeacher","notSelectedTeachersOptions","PracticeHandleSessions","session","bandId","dateStart","setMonth","validateDate","getUTCDay","setMinutes","band","bands","roomChange","bandChange","dateChange","hourStartChange","hourEndChange","PracticeMultiViewModal","startStr","endStr","resource","selectedBand","startSplit","endSplit","handleChangeBand","handleStartChange","handleEndChange","eventGuid","todayStr","RESSOURCES","businessHours","daysOfWeek","ROOMS","BANDS","INITIAL_EVENTS","createEventId","PracticePlanning","weekendsVisible","selectInfo","unselect","clickInfo","isHandleSessionsOpen","eventSelected","currentEvents","generateEvents","practice_sessions","generateRessources","calendarRef","dateInfo","tmp","params","fetchSessions","curent_user","calendarApi","addEvent","displayBandName","getApi","FullCalendar","resourceTimelinePlugin","interactionPlugin","headerToolbar","center","buttonText","initialView","views","resourceTimelineWeek","days","eventLimit","aspectRatio","slotMinTime","slotMaxTime","resourceAreaColumns","headerContent","resourceAreaWidth","initialResources","handleDateSelect","selectOverlap","eventContent","renderEventContent","eventClick","handleEventClick","eventsSet","handleEvents","datesSet","closeHandleSessionsModal","handleUpdateSession","handleDeleteSession","eventInfo","timeText","PluginActivationModal","activatedPlugins","onCancel","handleSaveAndRestart","firstPluginID","isActivated","rollbackContainerStyle","_handleConfirm","PluginCard","plugin","handleToggleActivation","setting_path","pluginActivated","initialyActivated","pluginImgDefault","logo","lineHeight","WebkitBoxOrient","boxOrient","lineClamp","WebkitLineClamp","textOverflow","description","author_url","onColor","Plugins","setPlugins","selectedPlugins","setSelectedPlugins","setActivatedPlugins","firstActivatedState","setFirstActivatedState","is_restarting","setIsRestarting","pluginID","setPluginID","startTimer","setInterval","clearInterval","getPlugins","checkRestartStatus","handlePluginStatusChange","updatedActivated","prevSelectedPlugins","restart","rollback","prevActivatedPlugins","initialActivatedState","activated_at","RestartingMessage","PluginsList","handleStatus","pluginStatus","DolibarrLink","dolibarrProducts","dolibarrProductsParsed","parseDolibarr","handleLinkChange","_fetchData","activityRefDolibarrLink","dolibarr_id","from_season_label","activity_ref_label","pricing_category_label","DolibarrOption","activityRefPricingId","dolibarrId","onLinkChange","selectedValue","getOptionValue","menuPlacement","NoProposals","_componentDidMount","payer_lastname_label","payer_member_id","payer_firstname_label","handleProposalLinks","handleNewLink","handleNewProposalLink","databaseId","proposalId","userBaseId","thirdpartyId","_getProposal","thirdparty","steptwo","getThirdparty","socid","_handleNewProposalLink","newProposal","getUser","getProposal","payer_id","dolibarr_proposal_id","_handleNewLink","association","defaultSeason","DolibarrTiers","newAddress","change","updating","handleFetch","updateThirdParty","_handleFetch","user_season","getDolibarrUserId","_getDolibarrUserId","dolibarr_thirdparty_id","dolibarr_user_id","proposal","doliProposal","doliTiers","userAddress","tiers","zip","town","code_compta","codeCompta","_Object$entries","somethinghaschanged","tier","user_link","dolibarrUrl","devis","SEASON_STORED_KEY","calculateTotals","duePayments","itemsForPayment","totalDue","discountedTotal","previsionalTotal","totalPayments","totalPayback","totalPaymentsToDay","getDiscountedAmount","percentOff","digits","toFixed","roundCurrency","generateDataForPaymentSummaryTable","seasonActivities","activity_nb_lessons","intended_nb_lessons","priceAssociations","from_season","to_season","priceAssociation","prorata","studentId","pricingCategoryId","paymentLocation","payment_location","due_total","unitPrice","taken","takenDesired","formattedOption","_loop","adhesionPrice","adhesion_price_id","frequency","initial_total","adhesionPriceId","adhesionId","userPacks","pack_price","packPrice","PaymentsManagement","adhesion_payment_method","schedulesBySeason","schedules","paymentsBySeason","payersBySeason","getSeasonDependentState","getStatus","schedule_statuses","scheduleStatus","schedule_status_id","payment_schedule_status_id","ps","payable_id","due_payments","newPayment","due_payment_id","targetSchedule","schedule_id","payableId","desId","dess","newAdhesionPricingId","discountable_id","discountable_type","oldCoupon","discount","couponId","coupons","setStateWithCoupon","fetcher","coupon_id","duePayment","payment_schedule_id","toSwitchPayerId","newPayerId","payerId","scheduleId","newPayments","dues","newDuePayments","schedulesIds","oldSchedules","newSchedules","newSchedulesBySeason","newPaymentsBySeason","commentsGroupedByContextId","_loop2","edit","newPayerDuePayments","newDue","newPayerPayments","pay","newPay","pays","scheduleActions","newStatus","_this22","_this23","_calculateTotals","globalLocation","previousSeason","previousSeasonCreditNotes","previousSeasonBalance","sId","previousSeasonState","print","PaymentsSummary","isStudentView","handleChangePricingChoice","handleChangeActivityPaymentMethod","handleSwitchLocation","handleChangePercentOffChoice","handleChangeAdhesionPricingChoice","SwitchPayerModal","handleSetToSwitchPayerId","handleSwitchPayer","class_name","due_paiments","handleDeletePayments","handleBulkDeletePayments","handleDeleteDues","handleBulkDeleteDuePayments","handleCreatePayments","handleCreateNewPayment","handleCreateDue","handleCreatePaymentSchedule","paymentsMethods","payment_terms_summary","DuePaymentsList","payersNumber","handleSaveNewDuePayment","handleSaveDuePayment","handleDeleteDuePayment","handleBulkEditCommit","handleBulkEditDuePayments","PaymentsList","handleDeletePayment","handleBulkEditPayments","handlePromptStatusEdit","handlePromptPaymentStatusEdit","STATUS_TEXT","paid","draft","uncollectible","void","Checkout","draw_toast","checkout_id","invoices","legalEntity","invoicing","telephone","tax_exempt","tax_id","showInvoiceHeaderModal","handleLicence","waitForLicense","getStatusText","changeSubscriptionSucceded","editInvoiceHeader","closeInvoiceHeaderModal","navigateToPortal","billingContactId","newInvoices","license","_waitForLicense","monthPart","yearPart","cardBrand","invoicesColumns","Set","pend","pstart","downloadInvoice","SubscriptionComponent","prices","current_nb_teachers","onSaveInvoiceHeader","changeInvoiceHeader","card","minimumIntegerDigits","InvoiceHeaderSummaryComponent","InvoiceHeaderComponent","submitCaption","newWindow","taxExemptOptions","submitError","checkVAT","isValid","_onSubmit","line1","line2","postal_code","expiry_tab","days_before_end","expiry_days","expiry_hours","licence_canceled_at","cancel_at","showPlanModal","currentPrice","is_expired","cancelSubscription","changePlan","subscribePlan","closePlanModal","interval_count","recurring","subscriptionId","subscription_id","end_date","expirationDate","gotSubscription","tax_suffix","price_id","max_teachers","pid","isSuccess","selected_price_id","gotInvoiceHeaderInfo","Support","script","ythid","setAttribute","ResetMailSettings","cancelButtonColor","SyncMetabase","alignContent","GeneralStripe","StripeListBillings","ModalFormTaxRate","Settings","has_stripe_key","has_account_id","has_school_configured","stripe_key","business_type","base_tva","tva","base_student_payment_activated","base_invoices_activated","student_payment_activated","invoices_activated","activities_subject_to_vat","vat_rate","rates","showTaxRateParameters","registerStripeKey","createAccount","accountLink","liveChangeTva","editSchoolParams","changeModules","changeVatRate","stripe_state","has_api_key","school_activities_subject_to_vat","rates_array","additional_info","error_type","TaxRateDataService","TaxRatesDataService","onDeleteStripeTaxRate","TaxRatesActionButtons","rate","stripe_tax_rate_id","percentage","taxRatesActionButtons","actionToExecute","ExtendedDuePaymentList","_DuePaymentsList","ExtendedSubPaymentList","isPaymentActivated","isInvoicesActivated","ExtendedGeneralPayments","_GeneralPayments","ExtendedPaymentList","_PaymentsList","invoice_id","handleShowInvoice","invoice_url","payment_id","_SubPaymentList","_ref$adhesion_billing","adhesion_billings","billing_logs","ExtendedPaymentsManagement","_PaymentsManagement","outcome","handlePayPayment","handlePayDuePayment","new_payment","allDuePayments","duePaymentIndex","allPayments","newPaymentId","duePaymentId","handleCreatePaymentSuccess","waitForCheckoutSessionCompleted","csId","payment_succeeded","origin","cs_id","billingLogs","duePaymentsButtons","shouldDisplay","shouldDisplayPayButton","paymentsButtons","shouldDisplayRetryButton","duePaymentListExtraButtons","isPaymentAvailable","paymentListExtraButtons","displayToastIfRequired","is_upcoming_payment_defined","every","sendUpcominPayment","ExtendedPaymentsSummary","InvoicesSummary","handleIssuedPaidInvoice","shouldRenderModalBillingPayers","ModalBillingPayers","extraButtons","_PaymentsSummary","generalColumns","asp","assoc","intendedNbLessons","prorataTotal","SelectCoupon","Footer","ModalShowInvoices","ModalGenerateInvoice","tableDatas","showCreateCouponModal","CreateCouponModal","closeCreateCouponModal","createCoupon","invoiceData","setInvoiceData","creditNoteStatus","setCreditNoteStatus","sortedInvoices","prevData","invoice","has_credit_notes","credit_notes","creditNote","prevStatus","stripe_invoice_id","stripe_credit_note_id","pdfUrl","customer","invoiceId","showDesiredInvoicesModal","payer_billing_logs","payer_billing_logs_by_object","billing_object_id","issue_date","unit_price","product_type","product_id","getFullname","billing_object_item_id","showInvoiceModal","selectedPayer","selectedLines","selectedLinesQuotites","dueDate","createInvoice","bl","unshift","show","total_prorata","getIdOfLine","notif_data","getTypeOfLine","formatKey","quotites","swal_credit_notes","billing_objects","generateCreditNotes","hasBillingLogs","billings_payers","billingLog","billings","billings_by_id","billing","factureIsTotallyCredited","getCreditNotesForInvoice","showSwalCreditNotes","selected_items","showCreditNote","facture_amount","credit_notes_amount","bb","billing_object","_step3","credit_notes_by_id","_iterator3","billing_payers","billing_log_ids","StripeCreditNoteActionButtons","StripeCreditNotesCreate","lineSelect","stripe_li","quantity","memo","lessThanQuantity","unit_amount_decimal","lineItem","lineItems","stripeProduct","taxRates","stripe_price","stripe_product","formatFloatWithTwoDecimal","discounted_amount","first_tax_rate","first_discount_rate","baseAmount","stateValues","totalHT","totalTVA","montantTotalCrediter","montantFacture","montantReajuste","stripe_invoice","amount_due","disableSubmit","requiredSelect","id_invoice","initValue","tax_rate","initCreditNote","idInvoice","FieldArray","fields","dataLine","renderTotals","StripeCreditNotesList","issued","customerList","loadCsv","loadPDF","stripeCreditNoteId","delete","created","STATUS_MAPPING","formatStringifiedFloatAsCurrency","stripeInvoice","creditNoteId","downloadPDF","pdf","StripeInvoiceEditCreate","doSubmit","createOperation","editOperation","invoiceItems","archivedProducts","stripeProductActive","stripe_ii","stripe_price_id","stripe_product_id","stripe_product_name","taxId","tax_rates","discounts","customer_id","id_customer","footer","temp","_handleSubmit","preventSubmit","_doSubmit","prepareInvoice","displayModal","EditOrganizationModal","errorValid","dateNow","itemsErrors","rowErrors","valid","_this$initInvoice","initInvoice","formTitle","stripe_customer_id","customerLabelOrSelector","SelectUser","isInvoice","TableProduct","displayDiscounts","provisionInitialLine","StripeInvoiceList","selectUserList","_selectUserList","clasName","linkShowOrEdit","amount_total","displayAction","deleteInvoice","ModalChangeStatus","currentStatus","infoTotalProduct","StripeInvoiceShow","productName","unit_amount_excluding_tax","load_finalize","HeaderTag","ValueTag","cellCount","creditNotes","rowsTable","computeItemFields","StripeHelpers","_this$renderCreditNot","renderCreditNotes","tableCreditNote","creditTotal","roundFloatWithTwoDecimal","renderContentRow","getDiscountAmount","total_discount_amounts","total_excluding_tax","total_tax_amounts","tax_amount","total_discount_amount","invoiceStatus","JsxOutput","sums","totalExcludingTax","totalTax","renderCreditNote","taxAmounts","tax_amounts","taxRateId","taxRate","formatTaxHeader","tax_rate_id","rate_object","rateHeader","reasonList","voidCreditNote","stripe_credit_note_line_items","discounted_amount_excluding_tax","invoice_pdf","firstReceiptUrl","fullName","expires_at","finalizeInvoice","downloadDocument","charges","renderLineItems","duplicate","product_unsatisfactory","order_change","fraudulent","StripeProductCreate","product","code_product","pricesErrors","nbDefaultPrice","price_default","_ref$form","taxRateID","priceString","priceHt","taxSelect","priceTTC","StripeProductEdit","stripePrices","indexDefaultPrice","priceLength","stripe_prices","default_price_id","unit_label","parsedValue","StripeProductList","products","circle","editLink","default_price","archiveActiveProduct","StripeQuoteEditCreate","quote","stripe_quote_id","quoteItems","tax","prepareQuote","seenPrices","_this$initQuote","initQuote","StripeQuoteList","quoteId","quotes","finalize","quoteStatus","actionQuote","infoTotalQuote","StripeQuoteShow","tax_behavior","taxTotals","amount_subtotal","tax_row","new_invoice","acceptQuote","organization","organization_tax_id","handleCloseModal","handleOpenModal","organization_id","inputSelectReact","formatDiscountHeader","formatFloatAsCurrency","stringifiedFloat","formatAsPercentage","jurisdiction","effective_percentage","StripeProducts","StripeQuotes","StripeInvoices","productId","productOption","productOptions","currentItems","updateProductPrices","priceOptions","defaultPrice","is_default_price","stripe_coupon_id","taxList","priceId","couponOption","couponOptions","priceOption","guessDiscountedAmountExcludingTax","updateTaxAmounts","oldProducts","generateOptionsForCoupon","fetchTaxes","taxOptions","generateOptionsForTax","fetchActiveProducts","initPriceOptions","insertEmptyLine","_fetchActiveProducts","_fetchTaxes","inclusive","dataTax","_args4","_fetchProductPrices","_updateProductPrices","_callee6","taxRateIdToUse","_args6","_context6","fetchProductPrices","setDefaultPriceForProduct","_handleProductChange","_callee7","_context7","setTaxRateForProduct","getTaxObject","discountedAmountExcludingTax","addPriceOptionsForNewItem","discountedTotalExcludingTax","guessDiscountedTotalExcludingTax","guessTotalTaxAmounts","totalTaxAmount","taxAmount","renderArchivedProducts","handleProductChange","removePriceOption","UserPaymentsV2","is_current_user","urlSearchParams","showPayButton","setShowPayButton","verifPaymentSucceeded","hide","debug","can_show_pay_btn","CoreUserPaymentsV2","onPayClicked","onSeasonChanged","metabase_url","metabase_public_token","metabase_token_expiration","dashboards","setSettings","StatsPage","currentSeasonId","questionUrls","setQuestionUrls","questionPromises","urlDatas","questionTmpUrl","urlData","frameBorder","DashboardTab","dashboardName","dashboardUrl","setDashboardUrl","BandCreator","isOtherGenre","addMember","previousValues","music_genre_id","musicGenres","bandTypes","genresOptions","bandTypesOptions","instrumentOptions","handleValuesChanged","DisplayInput","BandUser","currentMembers","BandEdit","infosFromBand","BandForm","old_members","formattedInitialValues","_ref5$form$mutators","setFirstName","setLastName","setEmail","setSuggestions","handleNameChange","canSearch","noSuggestions","confirmExistingUser","RepetWithFeature_Fom","isRepet","RoomsParametersEdit","GestionImage","selectedDataToSave","olUser","deleteOldUser","handleReset","CheckBoxType","handleFusion","oldUser","userState","oldU","newU","willMerge","old_user_id","saved_user_id","dataToSave","firstSelectedId","sid","ReplicateAct","selectedDate","tmpDate","scriptToUse","replicateOnVac","handleAddDate","dateElements","i2","onKeyPress","dates","stu","rov","ReplicateWeekAct","refWeekDate","endDate","handleChangeDate","throttledSubmit","throttle","_this$props$replicati","replicationMaxDelay","maxEndDate","_event$target","targetStartDate","targetEndDate","Holidays","deleteModal","sauv","changeData","addModal","fetchModal","columns_sort","h1","h2","er","dateEnd","isSelectZonesModalOpen","SeasonSwitch","handleSwitch","SeasonsList","new_current_id","previousState","currentProps","new_current","new_next_season","start_formatted","end_formatted","switchToSeason","is_off","Absences","absences","confTabCols","tabCols","ConsentDocItem","docItem","span","AlertCheckbox","AlertYesNoRadio","YES_NO_FIELDS","ContactForm","handleContactInfosChange","suggestedUsers","selectedUserMatch","isUserSearchOver","is_attached","_ref$values","changeUser","selectUserMatch","user_fname","user_lname","member_fname","member_lname","FamilyLinkInputSelect","FamilyIsInverseButton","prevVal","formatRadioValue","selectPhoneType","changeRelationshipDirection","changeBirthDate","formErrors","displayBirthday","disabledUserSearch","validateUserMatch","canAddContacts","displaySameAs","normalizedNumber","toRawPhoneNumber","detectedPhoneType","onContactAdd","onContactEdit","onContactDelete","_this$props$mutators","AddressFields","setSameAs","SelectSameAs","TelephoneFields","urlRedirect","organization_name","organization_reg_number","openInputTVA","displayGenitiveName","isRadioTrue","phoneTypes","tel","isPhoneNumber","prettifyPhoneNumber","isPostalCode","genders","displayGender","requireIdentificationNumber","formValues","gender","DatePicker","showIcon","isValidNN","CreateOrganizationModal","HandleFamilyMember","initial_is_inverse","attach_to_user","setTabToFamilyAndReload","link_id","selectedFamilyMember","content_label","toggle_title","toggle_add_button","toggle_edit_buton","toggle_delete_button","sexes","isValidAge","toBirthday","isValidEmail","Payers","payerUser","flu","select_payers_all_features","flwu","select_payers_selected_features","fIndex","currentValue","isValidID","selectFamilyMember","toPush","memberUsers","inverseMembers","inverse_family_members","findFamilyMemberById","Msg","confirmtext","err_is_invalid","closeOnClick","toastProps","err_is_invalid_id","username","isRulesSpecified","checked_rules","consentvalue","agreement","birthdayIsUnder18","removeFamilyMember","HandicapInfos","consent_document_users","cdu","consent_document_id","has_consented","addFamilyMember","updateFamilyMember","numberOfDuePayments","numberOfDuePaymentsSelect","arbitraryNumberOfDuePayments","areSpecialDues","specialDues","generatedDuePayments","duePaymentToEdit","adhesionIncluded","adhesionNewDuePayment","isolateAdhesion","newDuePayment","isAdhesionDue","generateDuePayments","adhesionIsolated","newDate","valueAsDate","areSpecialDuesOK","_ref$payment_method_i","_ref$specialDues","_ref$adhesionNewDuePa","_ref$isolateAdhesion","canGenerateDuePayments","range","inc","starting_number","totalLeft","distributedAdhesionPrice","dP","headSelectorColumn","handleAllRowsSelected","handleSelectDuePaymentToEdit","alertPaymentTerm","handleCheckIsAdhesionDue","handleChangeNewDuePaymentAmount","handleChangeNewDuePaymentDate","handleSelectPaymentMethodForNewDuePayment","handleSelectStatusForNewDuePayment","BulkEditModalAlert","handleBulkEditChange","handleChangeDuePaymentOperation","handleChangeDuePaymentAmount","handleChangeDuePaymentDate","handleSelectPaymentMethod","handleCreateDuePaymentForAdhesion","handleSelectDuePaymentsNumber","handleArbitraryNumberOfDuePaymentChange","handleSelectStartingDate","handleSelectPaymentMethodToGenerate","handleCreateDuePaymentSchedule","handleSelectPaymentToEdit","handleSelectDuePayment","handleChangeOperation","handleChangeAmount","handleSelectStatus","handleChangeReceptionDate","handleChangeCheckNumber","handleChangeCheckIssuerName","handleChangeCashingDate","handleCreatePayment","_this24","newCoupon","insertCoupon","setNewPayerId","payersOptions","PaymentTermsSettingModal","_ref$isForNew","isForNew","modalIsOpen","setModalIsOpen","paymentScheduleOptionId","onDay","paymentMethodIndex","setPaymentTerm","allPaymentTerms","setAllPaymentTerms","setPaymentMethods","majUserPaymentTerm","payment_methods","promises","payTermObject","getIconForPaymentMethod","term_name","payment_method","LOCAL_STORAGE_KEY_SEASON","savedSeasonId","duePaymentsData","setDuePaymentsData","setPaymentTerms","getDatas","general_infos","user_full_name","TREATMENT_PENDING_ID","SUBMITTED_ID","ACTIVITY_PENDING_ID","STOPPED_ID","EVALUATION_PENDING","CANCELED_ID","TREATMENT_IMPOSSIBLE_ID","STOPPED","CANCELED","TREATMENT_IMPOSSIBLE","PROPOSAL_REFUSED_ID","BtnApiElement","enabled","DateRangePickerLib","daysRange","addDuration","fillMonthsGaps","padToTwoDigits","emptyShift","morning","afternoon","epoch","toAdd","monthWeekNum","dayOneNum","frDayNum","yearStart","firstWeekDay","yearValue","elapsed","weekFirstDay","RangeError","PAID_ID","FAILED_ID","PENDING_ID","REFUNDED_ID","UNPAID_ID","VALIDATED_ID","CANCELLED_ID","num","trimEnd","NOT_SUITABLE_ID","UNSUITABLE_LEVEL_ID","POOR_COHESION_ID","WRONG_INSTRUMENT_ID","POOR_REPERTOIRE_ID","SCHEDULE_CHANGE_ID","MOVING_ID","LEVEL_NOT_SUITABLE_ID","OTHER_ID","STOP_REASONS","SwalBackEndModal","isLaunched","swal_props","wysiwygContent","DOMPurify","draftToHtml","ADD_ATTR","dangerouslySetInnerHTML","__html","FR_DATE_FORMAT","arr","optionCreator","_ref$id","reactOptionCreator","_ref2$id","_ref2$label","def","fileName","passProps","_ref3$format","_ref3$fileName","frenchEnumeration","withoutLast","last","_ref$collapsed","_ref$onClick","tabsProps","modeProps","_ref$defaultActiveTab","defaultActiveTab","setActive","tab","tabErrorState","setTabErrorState","propsActivated","headerHandler","setTabError","isError","NON_EMPTY","MATCHES_PATTERN","INTEGER","EMAIL","DATE","SEX","Validator","checkers","checker","Function","handleResponse","contentType","callbacks","additionalHeaders","default","err_interval_validated","err_interval_creation_failed","err_interval_creation_partial","err_interval_bounds","err_interval_not_found","err_group_name_exists","err_group_name_empty","err_evaluation_interval_already_taken","STOP","CHAM","new","pursue_childhood","cham","DAILY","WEEKLY","BIWEEKLY","MONTHLY","BIMONTHLY","YEARLY","err_min_length","err_exact_length","err_starts_with","err_required","err_agreement_gdpr","err_agreement_image_right","err_must_check_rules","err_phone_format","err_at_least_one_phone","err_at_least_one_address","err_postal_code","err_invalid_age","err_invalid_NN","err_invalid_email","err_links_missing","err_interval_integrity","err_ord_gte","err_ord_gt","err_ord_lte","err_ord_lt","err_must_check_consent","err_must_respond","err_must_select_price","err_cannot_duplicate_price","firstMondayOffset","parsedStart","parsedEnd","twoDigits","getHours","getMinutes","datestr","timestr","refDate","parsedTimeStr","refDateObj","retrieveUserLevel","headCount","hasOption","optionsUserIds","activeUsers","isFull","hasNoRole","callback","changeValue","fieldVal","job","handicap","docs","blacklisted","bands_users","left_at","joined_at","calculateAge","enteredDate","maxDate","ord","formatB","_1"],"sourceRoot":""}