, fadeOutDuration?: number, index?: number) {\r\n if (!this._isVisible)\r\n return this;\r\n index = index || 0;\r\n fadeOutDuration = fadeOutDuration || 0;\r\n this.clearTimeoutFunc(index);\r\n this._fadeOutFunc[index] = setTimeout(() => {\r\n $root.hide();\r\n this._isVisible = false;\r\n }, fadeOutDuration + 1);\r\n $root.fadeOut(fadeOutDuration);\r\n return this;\r\n }\r\n\r\n private clearTimeoutFunc(index?: number) {\r\n if (!index) index = 0;\r\n clearTimeout(this._delaiFunc[index]);\r\n clearTimeout(this._fadeOutFunc[index]);\r\n return this;\r\n }\r\n }\r\n\r\n export class Loader {\r\n private _defaultMaxDurationMs = config.loader.defaultMaxDurationMs;\r\n private _modCssClass = 'mod-loader';\r\n private _modOptDisableZoneCssClass = 'disable-zone';\r\n private _modVarFixedCssClass = 'fixed';\r\n //private _loadingCssClass = 'mldr-image';\r\n private _bg: JQuery;\r\n private _maxDuration: number;\r\n private _onTimeout: () => void;\r\n private _taskId: number = null;\r\n private _hiddenContentTarget: string = null;\r\n private _isFixed?: boolean = false;\r\n private _disableBgZone: boolean = false;\r\n\r\n constructor(private loadingTarget?: string, private bgTarget?: string, disableBgZone?: boolean, isFixed?: boolean, maxDurationMs?: number, onTimeout?: () => void) {\r\n //utilise le module CSS \"mod-loader\".\r\n this._bg = $(bgTarget || 'body');\r\n\r\n if (isFixed === true || isFixed === false)\r\n this._isFixed = isFixed;\r\n\r\n if (disableBgZone === true || disableBgZone === false)\r\n this._disableBgZone = disableBgZone;\r\n\r\n this.setMaxDurationMs(maxDurationMs);\r\n this.setOnTimeout(onTimeout);\r\n }\r\n\r\n setHiddenContentTarget(target: string) {\r\n if (target)\r\n this._hiddenContentTarget = target;\r\n return this;\r\n }\r\n\r\n setOnTimeout(action: () => void) {\r\n this._onTimeout = action || null;\r\n return this;\r\n }\r\n\r\n setMaxDurationMs(ms: number) {\r\n this._maxDuration = !ms && ms !== 0 ? this._defaultMaxDurationMs : ms;\r\n return this;\r\n }\r\n\r\n private getLoaderElement() {\r\n var loader = $(this.loadingTarget);\r\n if (!loader.length)\r\n loader = $('#Loading');\r\n\r\n return loader;\r\n }\r\n\r\n show(applyMaxDuration?: boolean) {\r\n this.cleanup();\r\n this._bg.addClass(this._modCssClass);\r\n if (this._isFixed)\r\n this._bg.addClass(this._modVarFixedCssClass);\r\n this.hideReferenceContent();\r\n if (this._disableBgZone === true)\r\n this._bg.addClass(this._modOptDisableZoneCssClass);\r\n else\r\n this._bg.removeClass(this._modOptDisableZoneCssClass);\r\n this.getLoaderElement().show();\r\n if (applyMaxDuration !== false && this._maxDuration) {\r\n if (this._taskId) clearTimeout(this._taskId);\r\n this._taskId = window.setTimeout(() => {\r\n if (this._onTimeout) this._onTimeout();\r\n this.hide();\r\n }, this._maxDuration);\r\n }\r\n return this;\r\n }\r\n\r\n hide() {\r\n this.cleanup();\r\n this.showReferenceContent();\r\n this.getLoaderElement().hide();\r\n return this;\r\n }\r\n\r\n private cleanup() {\r\n this._bg\r\n .removeClass(this._modCssClass)\r\n .removeClass(this._modVarFixedCssClass);\r\n }\r\n\r\n private hideReferenceContent() {\r\n if (!this._hiddenContentTarget) return;\r\n $(this._hiddenContentTarget).hide();\r\n }\r\n\r\n private showReferenceContent() {\r\n if (!this._hiddenContentTarget) return;\r\n $(this._hiddenContentTarget).show();\r\n }\r\n }\r\n\r\n export class Error implements common.IError {\r\n code: number;\r\n message: string;\r\n isSystemError: boolean;\r\n formFieldReferences?: common.IFormFieldReference[];\r\n\r\n constructor(message?: string, code?: number, formFieldReferences?: common.IFormFieldReference[]) {\r\n this.code = code || 0;\r\n this.message = message || 'Erreur inconnue';\r\n this.formFieldReferences = formFieldReferences || [];\r\n }\r\n\r\n toObject() {\r\n return {\r\n Code: this.code,\r\n Message: this.message\r\n } as Object;\r\n }\r\n\r\n toArray() {\r\n return [this];\r\n }\r\n }\r\n\r\n export class Mover {\r\n private _utilities = require('./modules/utilities');\r\n private _$root: JQuery;\r\n private _modTarget: string;\r\n private _clickTarget: string;\r\n constructor(modTarget?: string, clickTarget?: string) {\r\n this._modTarget = modTarget || 'mod-mover[mover]';\r\n this._clickTarget = clickTarget || '.mmv-button';\r\n this.init();\r\n }\r\n\r\n init() {\r\n this._$root = $(this._modTarget);\r\n this._$root.find(this._clickTarget).on('click', e => {\r\n //var $this = $(e.currentTarget);\r\n this.move();\r\n });\r\n }\r\n\r\n move() {\r\n const target = this.getTarget();\r\n const duration = this.getDuration();\r\n const offset = this.getOffset();\r\n this.scrollTo(target, duration, offset);\r\n }\r\n\r\n show() {\r\n this._$root.show();\r\n }\r\n\r\n hide() {\r\n this._$root.hide();\r\n }\r\n\r\n $mod() {\r\n return this._$root;\r\n }\r\n\r\n private getOffset() {\r\n const value = this._$root.attr('mover-offset');\r\n return parseInt(value || '0');\r\n }\r\n private getDuration() {\r\n const value = this._$root.attr('mover-duration');\r\n return parseInt(value || '0');\r\n }\r\n private getTarget() {\r\n const value = this._$root.attr('mover-target');\r\n if (!value) throw \"[Mover] L'attribut 'mover-target' est requis.\";\r\n return value;\r\n }\r\n\r\n private scrollTo(target: string, duration: number, offset: number) {\r\n const $target = $(target);\r\n this._utilities.scrollTo($target, duration, offset);\r\n }\r\n }\r\n\r\n export class DropdownControlConfig {\r\n modTarget: string;\r\n }\r\n\r\n export class DropdownControl {\r\n /* Control custom de dropdown agreable sur mobile.\r\n \r\n Les instances de ces controles sont initialisées à l'aide de utilities.initializeDropdownControls(), via le fichier _Dropdown.cshtml\r\n \r\n Animation :\r\n - Les animations sont desactivees en raison d'un probleme en lien avec les delais.\r\n \r\n Configuration :\r\n - collapsedPageContentTarget (optionel) : selecteur qui identifie l'element a fermer lorsque la popup est ouverte (correspond normalement à la racine de la page de contenu)\r\n - selectId (optionel) : id du champs select\r\n - labelId (optionel) : id du label pointant sur le champ select,\r\n - bgTarget (optionel) : selecteur du background a desactiver\r\n - skinOptions (optionel) : options pour le rendu (fonctions avancées)\r\n - initializeOnCreation (optionel): function éxécutée au moment de l'initialisation\r\n */\r\n private _isInit = false;\r\n private _config: any;\r\n private _defaultInitializeOnCreation = true;\r\n private _defaultBgTarget = 'body';\r\n private _dropdownCollapseAttribute = 'dropdown-collapse';\r\n private _collapsedPageContentCssClass = 'collapsed';\r\n private _lastOffsetY: number = null;\r\n private _$select: JQuery;\r\n private _$label: JQuery;\r\n private _$selectedItem: JQuery;\r\n private _$popup: JQuery;\r\n private _$popupCloser: JQuery;\r\n private _$popupItems: JQuery;\r\n private _collapseStates = {\r\n opened: 'opened',\r\n closed: 'closed'\r\n };\r\n //private _animationCssClass = 'with-animation';\r\n //private _animationOptions = {\r\n // veryFast: \"VeryFast\",\r\n // fast: \"Fast\",\r\n // normal: \"Normal\",\r\n // slow: \"Slow\",\r\n // verySlow: \"VerySlow\",\r\n //};\r\n private _selectedItemMarkupTemplate = '\\\r\n{text}\\\r\n';\r\n private _itemMarkupTemplate = '\\\r\n\\\r\n {text}\\\r\n\\\r\n';\r\n private _moduleMarkupTemplate = '\\\r\n\\\r\n \\\r\n
{title}
\\\r\n
\\\r\n
\\\r\n
{html}
';\r\n //const boxe = useEditableEmailSection\r\n // ? '{html}
'\r\n // : 'Note{html}
';\r\n\r\n var noteHtml = useEditableEmailSection\r\n ? (\"\" + note.replace(/(?:\\r|\\n|\\r\\n)/g, \"
\") + \"
\").replace(/<\\/p><\\/p><\\/p>/g, \"\").replace(/<\\/p><\\/p>/g, \"\").replace(/<\\/p>/g, \"\")\r\n : (\"
\" + note.replace(/(?:\\r|\\n|\\r\\n)/g, \"
\") + \"
\").replace(\"
\",\"
\").replace(/<\\/p>/g, \"\");\r\n\r\n noteHtml = noteHtml ? boxe.replace('{html}', noteHtml) : '';\r\n\r\n const preview = this._emailPreview.replace(notePlaceholder, noteHtml);\r\n // for (let i = 0; i < (mappingValues || []).length; i++) {\r\n // const mapping = mappingValues[i];\r\n // if (mapping && mapping.placeholderName)\r\n // preview = preview.replace(mapping.placeholderName, mapping.value || '');\r\n // }\r\n return preview;\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (action.isFieldChanged()) {\r\n\r\n if (action.getFieldName() === this._placeholder1FieldName) {\r\n this.updateEmailPreview(action.getFieldTextualValue());\r\n //this.resetNoteField();\r\n return;\r\n }\r\n\r\n if (action.getFieldName() === this._refusWorkflowConfirmationActionValue) {\r\n const refusResolutionCommentaireIsValid = !!(action.getFieldTextualValue() || '').trim();\r\n\r\n if (!refusResolutionCommentaireIsValid) {\r\n const formName = this._editVue.shared.getFormName();\r\n\r\n // Le commentaire est vide. Afficher l'erreur. \r\n this._editVue.shared.displayFieldErrors(formName, [\r\n {\r\n message: \"La raison du refus est obligatoire.\",\r\n formFieldReferences: [\r\n {\r\n formName: formName,\r\n fieldConfigurations: [\r\n {\r\n name: action.getFieldName()\r\n }\r\n ] as common.IFormFieldReferenceConfiguration[]\r\n }\r\n ] as common.IFormFieldReference[]\r\n }\r\n ] as common.IError[], true);\r\n return;\r\n }\r\n }\r\n }\r\n\r\n if (actionType === common.HotEditableActionTypes.apply) {\r\n\r\n // Click previsualisation email\r\n if (actionValue === this._visualizeEmailActionValue) {\r\n\r\n this._visualizeEmailPopup.showWithAction(() => {\r\n this._editVue.applyUpdate(this._visualizeEmailActionValue, common.HotEditableActionTypes.create);\r\n }, () => {\r\n this._editVue.setToBag(this._emailPreviewBagKey, this.buildEmailPreview());\r\n this.resetNoteField();\r\n });\r\n\r\n return;\r\n }\r\n\r\n // Click refuser tache op\r\n if (actionValue === this._refusWorkflowActionValue) {\r\n this._refusPopup.showWithAction(() => {\r\n this._editVue.applyUpdate(this._refusWorkflowConfirmationActionValue, common.HotEditableActionTypes.update);\r\n return false;//<- Ne pas fermer la popup toute suite.\r\n }, () => {\r\n this._editVue.updateFieldTextualValue(this.refusWorkflowCommentaireFieldName);\r\n });\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction)\r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (this._refusPopup.isOpen())\r\n this._refusPopup.hide();\r\n\r\n if (data.enableCreationButton === true || data.enableCreationButton === false)\r\n this.enableCreateButton(data.enableCreationButton);\r\n\r\n if (data.enableRefuseButton === true || data.enableRefuseButton === false)\r\n this.enableRefuseButton(data.enableRefuseButton);\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if (context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n }\r\n }\r\n\r\n private enableCreateButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Update\", !value);\r\n }\r\n\r\n private enableRefuseButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Refuse\", !value);\r\n }\r\n}\r\n\r\nexport = DefaultWorkflowStep;","import Vue from \"vue\";\r\nimport DonneesReferentiellesVue = require(\"../vue/DonneesReferentiellesVue\");\r\nimport common = require(\"../../common\");\r\nimport utilities = require(\"../utilities\");\r\nimport context = require(\"../context\");\r\nimport SearchBox = require(\"../../core/SearchBox\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\n\r\ninterface ISettings {\r\n enableSearchBox: boolean;\r\n searchBoxSettings: common.ISearchBoxSettings;\r\n dropdownUrl: string;\r\n dropdownSelectedItem: string;\r\n}\r\n\r\nclass DonneesReferentielles implements common.IWebComponent {\r\n private _isInit = false;\r\n private _vueElId: string;\r\n private _vue: DonneesReferentiellesVue;\r\n private _searchBox: SearchBox;\r\n private _dropdownSelectedItem: string;\r\n private _dropdownUrl: string;\r\n //private _loader: Core.Loader;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n this._dropdownSelectedItem = s.dropdownSelectedItem || \"\";\r\n this._dropdownUrl = s.dropdownUrl;\r\n this._vueElId = \"DonneesReferentiellesSummaryVue\";\r\n\r\n this.setupVue(s);\r\n\r\n //this._loader = new Core.Loader(this._vueElId);\r\n\r\n this._searchBox = s.enableSearchBox\r\n ? new SearchBox(s.searchBoxSettings)\r\n : null;\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n private setupVue(settings: any) {\r\n // Définition de Vue pour la partie Summary\r\n // NB: Les params sont passés ainsi car 'vue-class-component' ne permet pas de les passer par le ctor\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n editModeOn: true\r\n };\r\n\r\n this._vue = new DonneesReferentiellesVue();\r\n this._vue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n });\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (!action.isFieldChanged)\r\n return;\r\n\r\n if (action.getFieldType() === common.HotEditableFieldTypes.select) {\r\n const id = action.getId();\r\n if (id === \"RefStandardEntity\") {\r\n const value = action.getFieldTextualValue();\r\n if (value !== this._dropdownSelectedItem) {\r\n const url = this._dropdownUrl.replace(\"__name__\", value);\r\n utilities.redirect(url);\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport = DonneesReferentielles;\r\n","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport SearchBox = require(\"../../core/SearchBox\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n searchBoxSettings: common.ISearchBoxSettings;\r\n}\r\n\r\nclass FduGenererLiens implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _searchBox: SearchBox;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = true; //s.isEditionAlwaysOn === true;\r\n this._liveUpdateOnEditMode = false;//s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._useBrowserHistoryToGoBackOnCancel = true; //s.useBrowserHistoryToGoBackOnCancel !== false;//default is TRUE\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n this._customData = {}; //s.customData || {};\r\n this._searchBox = new SearchBox(s.searchBoxSettings);\r\n\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n //if (s.appendToContextualComponents !== false)\r\n context.components.add(this);\r\n\r\n return this;\r\n }\r\n\r\n getFromCustomData(key: string) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n return this._customData[key];\r\n }\r\n setToCustomData(key: string, value?: any) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n this._customData[key] = value;\r\n return this;\r\n }\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents() {\r\n if (this._editVue)\r\n this._editVue.refreshEmbeddedComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: null,//s.bag || null,\r\n loadFormModeFromUrl: false,//s.loadFormModeFromUrl !== false,\r\n embeddedContentModels: null,//s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: null,//s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n // if (s.disableManageButtonsOnFormModeChange === true)\r\n // this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const post = () => {\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n isControlClick: action.getButtonClickContext().isCtlClick === true\r\n },\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n post();\r\n\r\n // if (this._editVue.shared.hasEditionEmbeddedForm())\r\n // this.getConfirmPopup().show(\"Attention\", \"Un autre formulaire est en cours de modification. En poursuivant cette opération, tout changements apportés précédemment seront annulés. Êtes-vous certain de vouloir continuer?\", post);\r\n // else\r\n // post();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n // if (data.outdatedContent) {\r\n // const onApply = data.outdatedContent.refreshEntirePage\r\n // ? null\r\n // : () => {\r\n // if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n // this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n // else\r\n // this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n // };\r\n // context.components.getPage().showRefreshPopup(onApply, data.outdatedContent.CustomRefreshTitleHtml, data.outdatedContent.CustomRefreshMessageHtml);\r\n // return;\r\n // }\r\n\r\n this.sendNoFermesToSearchBox();\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (data.scrollToTopOnSuccess)\r\n setTimeout(() => { utilities.scrollToTop(375, '.mp-content'); }, 125);\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) \r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n\r\n private sendNoFermesToSearchBox() {\r\n\r\n const inputValue = this._editVue.formManager.getFieldValueByName(\"NumeroFermes\") as string;\r\n const inputValues = (inputValue || '').split('\\n');\r\n var values = '';\r\n for (let i = 0; i < inputValues.length; i++) {\r\n const x = (inputValues[i] || '').trim();\r\n if (x !== '') {\r\n if (values.length)\r\n values += ',';\r\n values += x;\r\n }\r\n }\r\n this._searchBox.customData.stringValues[\"noFermes\"] = values;\r\n this._searchBox.refresh(null, x => {\r\n this._searchBox.export();\r\n });\r\n }\r\n}\r\n\r\nexport = FduGenererLiens;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n customData?: common.IPostCustomData;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n concurrencySumCheck: string;\r\n}\r\n\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n enableCreationButton?: boolean;\r\n enableRefuseButton?: boolean;\r\n}\r\n\r\nclass FermeAdditionSommaireActions implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _raisonRefusPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _previousPageUrl: string;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = true;\r\n this._liveUpdateOnEditMode = true;\r\n this._customData = s.customData || {};\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this._raisonRefusPopup = new core.ConfirmationPopup(\"#RaisonRefusPopup.mod-popup\", null, null, null, null, \"#RaisonRefusPopupBackground.mod-popup-background\", \"dawn\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n loadFormModeFromUrl: false,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (action.isFieldChanged()) {\r\n const fn = action.getFieldName();\r\n if (fn === \"RaisonRefus\")\r\n return;\r\n }\r\n\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (action.isButtonClick()) {\r\n const bn = action.getButtonName();\r\n\r\n if (bn === \"Refuser\") {\r\n\r\n this._raisonRefusPopup.showWithAction(() => {\r\n this._editVue.applyUpdate(\"raisonRefus\", common.HotEditableActionTypes.update);\r\n }, () => {\r\n this._editVue.updateFieldTextualValue(\"RaisonRefus\");\r\n });\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (data.enableCreationButton === true || data.enableCreationButton === false)\r\n this.enableCreateButton(data.enableCreationButton);\r\n\r\n if (data.enableRefuseButton === true || data.enableRefuseButton === false)\r\n this.enableRefuseButton(data.enableRefuseButton);\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || null;\r\n\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n\r\n private enableCreateButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Update\", !value);\r\n }\r\n\r\n private enableRefuseButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Refuser\", !value);\r\n }\r\n}\r\n\r\nexport = FermeAdditionSommaireActions;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n customData?: common.IPostCustomData;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n concurrencySumCheck: string;\r\n bag?: {}\r\n /** Determine si le webComponent est un embeddedContent (CollapsableForm, EmbeddedForm, etc.) */\r\n embeddedContentModels: common.IEmbeddedContentModel[];\r\n}\r\n\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n showReactivaterExceptionPopup?: boolean;\r\n}\r\n\r\nclass FermeAdditionSommaireIdentification implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _reactiverExceptionMapaqPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _previousPageUrl: string;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = false;\r\n this._liveUpdateOnEditMode = false;\r\n this._customData = s.customData || {};\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId); \r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this._reactiverExceptionMapaqPopup = new core.ConfirmationPopup(\"#ReactiverExceptionMapaqPopup.mod-popup\", null, null, null, null, \"#ReactiverExceptionMapaqPopupBackground.mod-popup-background\", \"dawn\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: s.bag || null,\r\n loadFormModeFromUrl: false,\r\n embeddedContentModels: s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n \r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (data.showReactivaterExceptionPopup) {\r\n\r\n this._reactiverExceptionMapaqPopup.showWithAction(() => {\r\n this._editVue.applyUpdate(\"reactiver_accept\", common.HotEditableActionTypes.apply);\r\n }, () => {\r\n this._editVue.applyUpdate(\"reactiver_cancel\", common.HotEditableActionTypes.apply);\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (isEditionFormMode && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = FermeAdditionSommaireIdentification;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport core = require(\"../../core\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport context = require(\"../context\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n customData?: common.IPostCustomData;\r\n defaultAjoutPersonnetUrl: string;\r\n defaultSommairePersonnesUrl: string;\r\n concurrencySumCheck: string;\r\n}\r\n\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n\r\n}\r\n\r\nclass FermeAdditionSommaireMapaq implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = false;\r\n this._liveUpdateOnEditMode = true;\r\n this._customData = s.customData || {};\r\n // this._defaultAjoutPersonnetUrl = s.defaultAjoutPersonnetUrl || (() => { throw \"La propriété 'settings.defaultAjoutPersonnetUrl' est requise.\"; })();\r\n // this._defaultSommairePersonnesUrl = s.defaultSommairePersonnesUrl || (() => { throw \"La propriété 'settings.defaultSommairePersonnesUrl' est requise.\"; })();\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n loadFormModeFromUrl: false,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n // if (s.disableManageButtonsOnFormModeChange === true)\r\n // this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n private isCurrentlyEditingPersonne() {\r\n const forms = document.getElementsByTagName(\"form\");\r\n for (let i = 0; i < forms.length; i++) {\r\n const f = forms[i];\r\n if (f.name && (f.name.startsWith(\"FermeAdditionEditionPersonneForm_\") || f.name.startsWith(\"FermeAdditionAjoutPersonneForm\")))\r\n return true;\r\n }\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n const f = () => {\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: null,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (actionType === common.HotEditableActionTypes.apply) {\r\n if (actionValue && (\r\n actionValue.startsWith(\"create|exploitant|\") ||\r\n actionValue.startsWith(\"create|correspondant|\"))) {\r\n if (this.isCurrentlyEditingPersonne()) {\r\n this._confirmPopup.show(\"Attention\", \"Une personne est en cours de modification. En poursuivant cette opération, tout changements apportés seront annulés. Êtes-vous certain de vouloir continuer?\", f);\r\n return;\r\n }\r\n }\r\n }\r\n\r\n f();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = isButtonClick && actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = FermeAdditionSommaireMapaq;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n customData?: common.IPostCustomData;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n concurrencySumCheck: string;\r\n}\r\n\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n enableCreationButton?: boolean;\r\n enableRefuseButton?: boolean;\r\n}\r\n\r\nclass FermeSommaireFluxDeTravaux implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _createWorkflowPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _previousPageUrl: string;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = true;\r\n this._liveUpdateOnEditMode = false;\r\n this._customData = s.customData || {};\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this._createWorkflowPopup = new core.ConfirmationPopup(\"#CreateWorkflowPopup.mod-popup\", null, null, null, null, \"#CreateWorkflowPopupBackground.mod-popup-background\", \"dawn\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n loadFormModeFromUrl: false,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n const createWorkflowActionValue = 'CreateWorkflow';\r\n if (actionType === common.HotEditableActionTypes.apply)\r\n if (actionValue === createWorkflowActionValue) {\r\n\r\n this._createWorkflowPopup.showWithAction(() => {\r\n this._editVue.applyUpdate(createWorkflowActionValue, common.HotEditableActionTypes.create);\r\n }, () => {\r\n this._editVue.updateFieldTextualValue(\"CreateWorkflowPopup_WorkflowType\");\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.enableCreationButton === true || data.enableCreationButton === false)\r\n this.enableCreateButton(data.enableCreationButton);\r\n\r\n if (data.enableRefuseButton === true || data.enableRefuseButton === false)\r\n this.enableRefuseButton(data.enableRefuseButton);\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n\r\n private enableCreateButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Update\", !value);\r\n }\r\n\r\n private enableRefuseButton(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n this._editVue.shared.disabledField(\"Refuse\", !value);\r\n }\r\n}\r\n\r\nexport = FermeSommaireFluxDeTravaux;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport core = require(\"../../core\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport GestionPersonneFermeVue = require(\"../vue/GestionPersonneFermeVue\");\r\nimport context = require(\"../context\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n /** Definie si le clique du bouton Annuler (\"cancel\") doit faire un \"Back history\" ou s'il doit aller a l'API (default: true) */\r\n useBrowserHistoryToGoBackOnCancel?: boolean;\r\n /** Default: TRUE */\r\n loadFormModeFromUrl?: boolean;\r\n /** Determine si le webComponent est un embeddedContent (CollapsableForm, EmbeddedForm, etc.) */\r\n embeddedContentModels: common.IEmbeddedContentModel[];\r\n concurrencySumCheck?: string;\r\n /** Definie sur le mode \"Edition\" est constant ou s'il est \"togglable\" (default: false) */\r\n isEditionAlwaysOn?: boolean;\r\n bag?: {};\r\n /** Definie si, en mode \"Edition\", le formulaire doit avoir un bouton de sauvegarde ou si la sauvegarde est effectuee lors des changements de valeurs des champs (default: false) */\r\n liveUpdateOnEditMode?: boolean;\r\n liveUpdateOnEditModeIgnoredFieldNames?: string[];\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n disabledButtonsByDefaultFieldConfig?: common.IHotFormDisabledButtonByDefaultFieldConfig[];\r\n /** Default: TRUE */\r\n focusFirstFieldOnEdition?: boolean;\r\n /** Default: TRUE */\r\n appendToContextualComponents?: boolean;\r\n // Specific\r\n autoSearch?: boolean;\r\n exemptionVoteAndCotiLinked: boolean;\r\n}\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n searchPersonneResultOptions?: common.IHotEditableSelectOption[];\r\n searchPersonneResultSelectedOption?: common.IHotEditableSelectOption;\r\n}\r\n/** Preconfigure pour utilisation en tant que widget */\r\nclass GestionPersonneFerme implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as GestionPersonneFermeVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _liveUpdateOnEditModeIgnoredFieldNames: string[];\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _disabledButtonsByDefaultFieldConfig: common.IHotFormDisabledButtonByDefaultFieldConfig[];\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n // Specific\r\n private _isPersonneMorale = false;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = s.isEditionAlwaysOn !== false;//default=TRUE\r\n this._liveUpdateOnEditMode = s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._liveUpdateOnEditModeIgnoredFieldNames = s.liveUpdateOnEditModeIgnoredFieldNames || [];\r\n this._disabledButtonsByDefaultFieldConfig = s.disabledButtonsByDefaultFieldConfig || [];\r\n this._useBrowserHistoryToGoBackOnCancel = s.useBrowserHistoryToGoBackOnCancel !== false;//default is TRUE\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: s.bag || null,\r\n loadFormModeFromUrl: false,\r\n embeddedContentModels: s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null,\r\n exemptionVoteAndCotiLinked: s.exemptionVoteAndCotiLinked === true,\r\n autoSearch: s.autoSearch === true\r\n };\r\n\r\n this._editVue = new GestionPersonneFermeVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n else\r\n this.autoDisabledButtons();\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn, s.focusFirstFieldOnEdition);\r\n }\r\n refreshEmbeddedComponents() {\r\n if (this._editVue)\r\n this._editVue.refreshEmbeddedComponents();\r\n }\r\n private autoDisabledButtons() {\r\n const configurations = [\r\n {\r\n buttonName: \"Search\",\r\n fields: [\r\n {\r\n name: \"Nom\",\r\n condition: value => !value\r\n }\r\n ],\r\n fieldsConditionalClause: 'or'\r\n }\r\n ] as common.IHotFormDisabledButtonByDefaultFieldConfig[];\r\n if (!this._isPersonneMorale)\r\n configurations[0].fields.push({\r\n name: \"Prenom\",\r\n condition: value => !value\r\n });\r\n\r\n utilities.disabledHotEditableButtonsByConfigurations(configurations, this._editVue.formManager);\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n this.autoDisabledButtons();\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (action && action.isFieldChanged()) {\r\n const isPersonneMoraleCheckboxClick = action.getFieldName() === \"EstPersonneMorale\";\r\n if (isPersonneMoraleCheckboxClick)\r\n this._isPersonneMorale = this._editVue.onEstPersonneMoralUpdate();\r\n }\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown) \r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n if (actionType === common.HotEditableActionTypes.apply) {\r\n if (actionValue === \"search\")\r\n this._editVue.setSearchPersonneResultsIsRunning();\r\n }\r\n\r\n const post = () => {\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (this._liveUpdateOnEditMode)\r\n // NOTE: ajout d'un delai afin de permettre aux plugins de se mettre a jour.\r\n setTimeout(() => {\r\n post();\r\n }, 100)\r\n else\r\n post();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = isButtonClick && actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const buttonClickContext = action.getButtonClickContext();\r\n const changedFieldName = action.getFieldName();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (data.searchPersonneResultOptions)\r\n this._editVue.setSearchPersonneResultOptions(data.searchPersonneResultOptions, data.searchPersonneResultSelectedOption);\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n this.updateDynamicFields(action);\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if (context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n }\r\n }\r\n\r\n private updateDynamicFields(action: HotEditableFormAction) {\r\n if (!action)\r\n return;\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n if (actionType === common.HotEditableActionTypes.apply)\r\n if (actionValue === \"fusionner\" || actionValue === \"lier\" || actionValue === \"delier\")\r\n this._editVue.$nextTick(() => {\r\n this._editVue.updateFieldsFromPersonneLiee();\r\n this._editVue.$nextTick(() => {\r\n this._editVue.onEstPersonneMoralUpdate();\r\n //this._editVue.onExemptionCotiUpdate();\r\n //this._editVue.onExemptionVoteUpdate();\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport = GestionPersonneFerme;","import context = require('../context');\r\nimport MessagesManagerVue = require('../vue/MessagesManagerVue');\r\nimport common = require('../../common');\r\nimport Vue from 'vue';\r\nimport utilities = require('../utilities');\r\nimport config = require('../config');\r\nimport AjaxService = require('../../services/AjaxService');\r\nimport Pooler = require('../../core/Pooler');\r\n\r\ndeclare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\ninterface IStoredMessages {\r\n items: common.IMessagesManagerItem[];\r\n}\r\n\r\ninterface ISettings {\r\n rootId: string;\r\n pooler: Pooler;\r\n}\r\n\r\nclass MessagesManager implements common.IWebComponent, common.IPoolable {\r\n private _isInit = false;\r\n private _vue: MessagesManagerVue;\r\n private _ajaxService: AjaxService;\r\n private _rootId: string;\r\n private _storageKey: string;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n this._rootId = s.rootId;\r\n this._storageKey = this._rootId + '_storage';\r\n\r\n if (s.pooler)\r\n s.pooler.registerPoolable(this);\r\n\r\n this.setupVue();\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n private setupVue() {\r\n Vue.prototype.$initialData = {\r\n vueElId: this._rootId\r\n };\r\n\r\n this._vue = new MessagesManagerVue()\r\n .setOnClickItemCallback((messageId, messageType, clickUrl, asBlank) => {\r\n this.onClickItem(messageId, messageType, clickUrl, asBlank);\r\n })\r\n .setOnClickItemLinkCallback((messageId, messageType, linkUrl, asBlank) => {\r\n this.onClickItemLink(messageId, messageType, linkUrl, asBlank);\r\n });\r\n }\r\n\r\n hasMessages() {\r\n return this._vue.items && this._vue.items.length;\r\n }\r\n\r\n onPooling(args: common.IPoolerFetchArguments, info: common.IPoolerInformations) {\r\n const n = Math.ceil((context.pooler.messagesManagerPoolingFrequencySec / 60) * (60 / info.frequencySec));\r\n const mustPool = info.iteration % n === 0;\r\n\r\n args.messagesManagerFetchArgs = {\r\n doUpdate: mustPool\r\n };\r\n\r\n return mustPool;\r\n }\r\n\r\n onPoolingSuccess(responseData: common.IPoolingFetchResponseData) {\r\n const d = responseData.messagesManagerData || null;\r\n\r\n if (!d)\r\n return;\r\n\r\n this.displayMessagesWidthDelayBetweenMessages(d.messages);\r\n const notifications = context.components.getNotifications();\r\n const totalUnreadNotifications = d.totalUnreadNotifications || 0;\r\n var updateTotalUnreadNotifications = true;\r\n if (totalUnreadNotifications)\r\n if (notifications.refresh())\r\n updateTotalUnreadNotifications = false;\r\n if (updateTotalUnreadNotifications)\r\n notifications.setTotalUnread(totalUnreadNotifications);\r\n }\r\n\r\n onPoolingError(errors: common.IError[]) {\r\n utilities.printError(\"[UPA::MessagesManager::pool] Une erreur c'est produite lors de la collecte des notifications. \" + utilities.errorsToString(errors));\r\n }\r\n\r\n /** \r\n * Va directement au ClickUrl (sans passer par l'api)\r\n */\r\n private onClickItem(id: string, messageType?: common.MessageTypes, url?: string, asBlank?: boolean) {\r\n asBlank = asBlank === true;\r\n if (url) {\r\n utilities.redirect(url, asBlank);\r\n return;\r\n }\r\n }\r\n\r\n private onClickItemLink(id: string, messageType?: common.MessageTypes, apiUrl?: string, asBlank?: boolean) {\r\n\r\n if (!this._ajaxService)\r\n this._ajaxService = new AjaxService();\r\n\r\n this._ajaxService.post(apiUrl, null, true, (data: common.IMessageClickResponseData) => {\r\n if (!data)\r\n return;\r\n\r\n if (data.url) {\r\n utilities.redirect(data.url, asBlank || false);\r\n return;\r\n }\r\n\r\n if (data.bag.raw[\"decreaseTotalUnread\"] === true) {\r\n const n = context.components.getNotifications();\r\n if (n)\r\n n.decreaseTotalUnread();\r\n }\r\n\r\n }, (errors, config) => {\r\n utilities.printError(\"Une erreur est survenue lors de la collect de l'url aupres de l'API.\");\r\n });\r\n }\r\n\r\n /**\r\n * Afficher un message a partir d'une erreur\r\n * @param message\r\n * @param immediateDisplay default is TRUE\r\n * @param autoClose default is FALSE\r\n */\r\n displayErrorAsMessage(error: common.IError, source?: string, immediateDisplay?: boolean, autoClose?: boolean) {\r\n immediateDisplay = immediateDisplay !== false;\r\n if (!error)\r\n throw \"L'argument 'error' est requis.\";\r\n\r\n const alt = utilities.extractAltMessageFromMacro(error.message, config.messages.defaultTitles.error(), common.MessageTypes.error);\r\n const message = {\r\n title: alt.updatedMessageTitle,\r\n contentHtml: alt.updatedMessage,\r\n messageType: alt.updatedMessageType,\r\n messageSource: source || null,\r\n autoClose: autoClose\r\n } as common.IMessage;\r\n\r\n this.displayMessage(message, immediateDisplay);\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Afficher un message\r\n * @param message\r\n * @param immediateDisplay\r\n */\r\n displayMessage(message: common.IMessage, immediateDisplay: boolean) {\r\n immediateDisplay = immediateDisplay === true;\r\n if (immediateDisplay)\r\n this.appendMessage(message);\r\n else\r\n this.enqueueAndStoreMessage(message);\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Permet d'afficher les messages en fil d'attente. \r\n * Depile la file d'attente en les affichant.\r\n * @applyDelayBetweenMessages default is FALSE\r\n */\r\n displayQueuedMessages(applyDelayBetweenMessages?: boolean) {\r\n applyDelayBetweenMessages = applyDelayBetweenMessages === true;\r\n\r\n if (!applyDelayBetweenMessages) {\r\n const messages = this.dequeueStoredMessages();\r\n for (let i = 0; i < messages.length; i++) {\r\n const x = messages[i];\r\n this.displayMessage(x, true);\r\n }\r\n } else {\r\n this.displayQueuedMessagesWithDelayBettweenMessages();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n closeAll() {\r\n this._vue.closeAll();\r\n return this;\r\n }\r\n\r\n closeBySource(source: string) {\r\n this._vue.closeBySource(source);\r\n return this;\r\n }\r\n\r\n private toMessage(message: common.IMessagesManagerItem) {\r\n return message\r\n ? {\r\n id: message.id,\r\n title: message.title,\r\n contentHtml: message.contentHtml,\r\n linkUrl: message.linkUrl,\r\n linkText: message.linkText,\r\n linkAsBlank: message.linkAsBlank,\r\n clickUrl: message.clickUrl,\r\n clickToolTip: message.clickToolTip,\r\n clickAsBlank: message.clickAsBlank,\r\n noCloseOnClick: message.noCloseOnClick,\r\n messageSource: message.messageSource,\r\n messageType: message.messageType,\r\n messageStatus: message.messageStatus,\r\n autoClose: !!message.durationMs\r\n } as common.IMessage\r\n : {\r\n id: null,\r\n title: null,\r\n contentHtml: null,\r\n linkUrl: null,\r\n linkText: null,\r\n linkAsBlank: null,\r\n clickUrl: null,\r\n clickToolTip: null,\r\n clickAsBlank: null,\r\n noCloseOnClick: null,\r\n messageSource: null,\r\n messageType: common.MessageTypes.unknown,\r\n messageStatus: common.MessageStatusTypes.unknown,\r\n autoClose: null\r\n } as common.IMessage;\r\n }\r\n\r\n private toMessagesManagerItem(message: common.IMessage) {\r\n const creationDate = new Date();//now\r\n var durationMs = null as number;\r\n if (message.autoClose === true)\r\n durationMs = (message.messageType === common.MessageTypes.success\r\n ? config.messages.shortMessageDurationSec\r\n : config.messages.defaultMessageDurationSec) * 1000;\r\n\r\n return message\r\n ? {\r\n durationMs: durationMs,\r\n creationDate: creationDate,\r\n id: message.id || utilities.createGuid(),\r\n title: message.title,\r\n contentHtml: message.contentHtml,\r\n linkUrl: message.linkUrl,\r\n linkText: message.linkText,\r\n linkAsBlank: message.linkAsBlank,\r\n clickUrl: message.clickUrl,\r\n clickToolTip: message.clickToolTip,\r\n clickAsBlank: message.clickAsBlank,\r\n noCloseOnClick: message.noCloseOnClick,\r\n messageSource: message.messageSource,\r\n messageType: message.messageType,\r\n messageStatus: message.messageStatus\r\n } as common.IMessagesManagerItem\r\n : {\r\n creationDate: creationDate,\r\n id: utilities.createGuid(),\r\n title: null,\r\n contentHtml: null,\r\n linkUrl: null,\r\n linkText: null,\r\n linkAsBlank: null,\r\n clickUrl: null,\r\n clickToolTip: null,\r\n clickAsBlank: null,\r\n noCloseOnClick: null,\r\n messageSource: null,\r\n messageType: common.MessageTypes.unknown,\r\n messageStatus: common.MessageStatusTypes.unknown,\r\n durationMs: null\r\n } as common.IMessagesManagerItem;\r\n }\r\n\r\n private displayQueuedMessagesWithDelayBettweenMessages() {\r\n\r\n utilities.dequeueWithDelayBetweenItems(() => {\r\n const message = this.dequeueStoredMessage();\r\n return message ? this.toMessage(message) : null;\r\n }, m => {\r\n this.displayMessage(m, true);\r\n }, config.messages.delayMsBetweenMessagesOnDisplayQueuedMessages);\r\n }\r\n\r\n private displayMessagesWidthDelayBetweenMessages(messages: common.IMessage[]) {\r\n\r\n utilities.dequeueWithDelayBetweenItems(() => {\r\n const message = messages.pop();\r\n return message || null;\r\n }, m => {\r\n this.displayMessage(m, true);\r\n }, config.messages.delayMsBetweenMessagesOnDisplayQueuedMessages);\r\n }\r\n\r\n private appendMessage(message: common.IMessage) {\r\n\r\n if (!message)\r\n throw \"L'argument 'message' est requis.\";\r\n\r\n const item = this.toMessagesManagerItem(message);\r\n this._vue.append(item);\r\n }\r\n\r\n private enqueueAndStoreMessage(message: common.IMessage) {\r\n const storedMessages = (context.storage.retrieveObj(this._storageKey) || {\r\n items: []\r\n }) as IStoredMessages;\r\n\r\n const m = this.toMessagesManagerItem(message);\r\n\r\n storedMessages.items.push(m);\r\n\r\n this.storeMessages(storedMessages);\r\n }\r\n\r\n private dequeueStoredMessages() {\r\n const messages = this.retreiveStoredMessages();\r\n\r\n const r = messages.items || [];\r\n\r\n messages.items = [];//empty list\r\n\r\n this.storeMessages(messages);\r\n\r\n return r;\r\n }\r\n\r\n private dequeueStoredMessage() {\r\n const messages = this.retreiveStoredMessages();\r\n\r\n const message = messages.items ? messages.items.pop() : null;\r\n\r\n this.storeMessages(messages);\r\n\r\n return this.isAliveStoredMessage(message) ? message : null;\r\n }\r\n\r\n private storeMessages(messages: IStoredMessages) {\r\n if (!messages)\r\n throw \"L'argument 'messages' est requis.\";\r\n\r\n context.storage.storeObj(this._storageKey, messages);\r\n }\r\n\r\n private retreiveStoredMessages() {\r\n const r = (context.storage.retrieveObj(this._storageKey) || {\r\n items: []\r\n }) as IStoredMessages;\r\n return r;\r\n }\r\n\r\n private isAliveStoredMessage(message: common.IMessagesManagerItem) {\r\n if (!message)\r\n return false;\r\n\r\n if (!message.creationDate)\r\n return true;\r\n\r\n const max = new Date(message.creationDate);\r\n max.setSeconds(max.getSeconds() + (60 * config.messages.messageLiveDurationMinutes));\r\n const now = new Date();\r\n\r\n return now < max;\r\n }\r\n}\r\n\r\nexport = MessagesManager;","\r\nimport context = require('../context');\r\nimport common = require('../../common');\r\nimport utilities = require('../utilities');\r\n\r\ndeclare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\ninterface ISettings {\r\n openChildrenOnClick: boolean;\r\n}\r\n\r\n/** Optionnel si le mode OpenChildrenOnHover est active dans le NavigationModel. */\r\nclass Navigation2 implements common.IWebComponent {\r\n private _rootTarget = '.mod-navigation2';\r\n private _itemTarget = '.mnv-item';\r\n private _childrenOpenedAttr = 'navigation2-children-is-open';\r\n private _isInit = false;\r\n private _$root: JQuery;\r\n private _openChildrenOnClick: boolean;\r\n private _onItemClickAction: (key: string) => void;\r\n\r\n init(s?: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n s = s || {} as ISettings;\r\n\r\n this._openChildrenOnClick = s.openChildrenOnClick !== false;//default is TRUE.\r\n this._$root = $(this._rootTarget);\r\n\r\n this.setupItems();\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n setupItems() {\r\n\r\n if (this._openChildrenOnClick) {\r\n const $items = this._$root.find(this._itemTarget);\r\n\r\n // const closeAll = (bypassedElements?: Element[]) => {\r\n\r\n // const isBypassed = (: Element) => {\r\n // if (bypassedElements)\r\n // for (let i = 0; i < bypassedElements.length; i++)\r\n // if (bypassedElements[i] === e)\r\n // return true;\r\n // return false;\r\n // };\r\n\r\n // for (let i = 0; i < $items.length; i++) {\r\n // const el = $items[i];\r\n // if (isBypassed(el))\r\n // continue;\r\n // const $item = $(el);\r\n // $item.attr(this._childrenOpenedAttr, \"false\");\r\n // }\r\n // };\r\n\r\n $items.on('click', e => {\r\n e.stopPropagation();//<- bloquer le click sur l'element parent.\r\n\r\n const $item = $(e.currentTarget);\r\n const $parent = $item.parent().closest(this._itemTarget);\r\n const mustOpen = $item.attr(this._childrenOpenedAttr) !== 'true';\r\n\r\n const $bypassedItems = [$item[0]];\r\n if ($parent && $parent.length)\r\n $bypassedItems.push($parent[0]);\r\n\r\n this.closeAll($items, $bypassedItems);\r\n\r\n const attrVal = mustOpen ? 'true' : 'false';\r\n\r\n $item.attr(this._childrenOpenedAttr, attrVal);\r\n\r\n if (mustOpen)\r\n $parent.attr(this._childrenOpenedAttr, attrVal);\r\n });\r\n\r\n // Permet de faire fonctionner le close des menus\r\n document.addEventListener(\"mousedown\", e => {\r\n const currentEl = e.target as Element;\r\n\r\n if (utilities.isOutside(currentEl, this._$root[0]))\r\n this.closeAll($items);\r\n });\r\n }\r\n }\r\n closeAll($items?: JQuery, bypassedElements?: Element[]) {\r\n $items = $items || this._$root.find(this._itemTarget);\r\n\r\n const isBypassed = (e: Element) => {\r\n if (bypassedElements)\r\n for (let i = 0; i < bypassedElements.length; i++)\r\n if (bypassedElements[i] === e)\r\n return true;\r\n return false;\r\n };\r\n\r\n setTimeout(() => {\r\n for (let i = 0; i < $items.length; i++) {\r\n const el = $items[i];\r\n if (isBypassed(el))\r\n continue;\r\n const $item = $(el);\r\n $item.attr(this._childrenOpenedAttr, \"false\");\r\n }\r\n }, 50);\r\n }\r\n\r\n setOnItemClickAction(action: (key: string) => void) {\r\n this._onItemClickAction = action || null;\r\n return this;\r\n }\r\n\r\n onItemClick(e: Event, key: string) {\r\n if (this._onItemClickAction)\r\n this._onItemClickAction(key);\r\n }\r\n}\r\n\r\nexport = Navigation2;","import core = require('../../core');\r\nimport context = require('../context');\r\nimport utilities = require('../utilities');\r\nimport common = require('../../common');\r\nimport Vue from 'vue';\r\nimport NotificationsVue = require('../vue/NotificationsVue');\r\nimport AjaxService = require('../../services/AjaxService');\r\n\r\n//declare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\ninterface IFetchResponseData {\r\n results: common.IMessage[];\r\n}\r\n\r\ninterface IUpdateStatusResponseData {\r\n updatedStatus: NotificationStatus;\r\n updatedItemIds: string[];\r\n}\r\n\r\nenum NotificationStatus {\r\n unknown = 'unknown',\r\n read = 'read',\r\n assigned = 'assigned',\r\n deleted = 'deleted'\r\n}\r\ninterface ISettings {\r\n rootId: string;\r\n}\r\nclass Notifications implements common.IWebComponent {\r\n private _isInit = false;\r\n private _vue: NotificationsVue;\r\n private _rootId: string;\r\n private _ajaxService: AjaxService;\r\n private _fetchApiUrl: string;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n this._rootId = s.rootId;\r\n this._fetchApiUrl = context.webServices.openNotificationsApiUrl;\r\n this._ajaxService = new AjaxService();\r\n\r\n this.setupVue();\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n setupVue() {\r\n Vue.prototype.$initialData = {\r\n vueElId: this._rootId\r\n };\r\n\r\n this._vue = new NotificationsVue();\r\n\r\n this._vue\r\n .setOnClickCallback(() => this.onClick())\r\n .setOnItemClickCallback(message => this.onItemClick(message))\r\n .setOnItemLinkClickCallback(message => this.onItemLinkClick(message))\r\n .setOnDeleteAllClickCallback(() => this.onDeleteAllClick())\r\n .setOnDeleteItemClickCallback(message => this.onDeleteItemClick(message));\r\n }\r\n\r\n setTotalUnread(value?: number) {\r\n this._vue.setTotalUnread(value);\r\n return this;\r\n }\r\n\r\n /** defaut: 1 */\r\n decreaseTotalUnread(value?: number) {\r\n value = value || 1;\r\n const t = this._vue.totalUnread;\r\n const v = Math.max(0, t - value);\r\n return this.setTotalUnread(v);\r\n }\r\n\r\n /** defaut: 1 */\r\n increaseTotalUnread(value?: number) {\r\n value = value || 1;\r\n const t = this._vue.totalUnread;\r\n const v = Math.max(0, t + value);\r\n return this.setTotalUnread(v);\r\n }\r\n\r\n /** \r\n Rafraichit la popup de notifications SI ELLE EST OUVERTE SEULEMENT.\r\n Retournera TRUE si le refresh a ete effectue.\r\n */\r\n refresh() {\r\n if (!this._vue.isOpen)\r\n return false;\r\n\r\n this.fetch(true);\r\n\r\n return true;\r\n }\r\n\r\n private onClick() {\r\n this.togglePopup();\r\n }\r\n\r\n private onItemClick(message: common.IMessage) {\r\n\r\n const url = message.clickUrl;\r\n if (url) {\r\n const asBlank = message.clickAsBlank === true;\r\n utilities.redirect(url, asBlank);\r\n return;\r\n }\r\n }\r\n\r\n private onDeleteItemClick(message: common.IMessage) {\r\n this.updateStatus(NotificationStatus.deleted, [message.id]);\r\n }\r\n\r\n private onDeleteAllClick() {\r\n this.updateStatus(NotificationStatus.deleted);\r\n }\r\n\r\n private onItemLinkClick(message: common.IMessage) {\r\n\r\n const apiUrl = message.linkUrl;\r\n\r\n if (apiUrl) {\r\n const asBlank = message.linkAsBlank === true;\r\n\r\n if (!this._ajaxService)\r\n this._ajaxService = new AjaxService();\r\n\r\n this._ajaxService.post(apiUrl, null, true, (data: common.IMessageClickResponseData) => {\r\n if (!data)\r\n return;\r\n\r\n if (data.url) {\r\n utilities.redirect(data.url, asBlank || false);\r\n return;\r\n }\r\n\r\n }, (errors, config) => {\r\n utilities.printError(\"Une erreur est survenue lors de la collect des messages aupres de l'API. \" + utilities.errorsToString(errors));\r\n });\r\n }\r\n }\r\n\r\n private togglePopup() {\r\n if (this._vue.isOpen) {\r\n this._vue.open(false);\r\n return;\r\n }\r\n\r\n const f = () => {\r\n this.fetch();\r\n };\r\n\r\n if (context.components.getMessagesManager().hasMessages()) {\r\n // fermer les messages \r\n context.components.getMessagesManager().closeAll();\r\n\r\n // laisser le temps aux messages de se fermer.\r\n setTimeout(f, 175);\r\n\r\n return;\r\n }\r\n\r\n f();\r\n }\r\n\r\n private onFetchSuccess(data: IFetchResponseData, isRefresh: boolean) {\r\n\r\n const items = data.results || [] as common.IMessage[];\r\n const resetNotifications = !isRefresh;\r\n const updatedNotificationIds = this._vue.setItems(items, resetNotifications);\r\n\r\n if (items.length)\r\n this.setTotalUnread();\r\n\r\n this._vue.$nextTick(() => {\r\n this._vue.open();\r\n this.updateStatus(NotificationStatus.read, resetNotifications ? null : updatedNotificationIds, false);\r\n });\r\n }\r\n\r\n private onFetchError(e: common.IError[]) {\r\n (e || []).forEach(x =>\r\n context.components.getMessagesManager().displayErrorAsMessage(x));\r\n this._vue.open(false);\r\n }\r\n\r\n private onUpdateStatusSuccess(data: IUpdateStatusResponseData, updateUi?: boolean) {\r\n\r\n if (!updateUi)\r\n return;\r\n\r\n if (data.updatedStatus === NotificationStatus.deleted) {\r\n if (data.updatedItemIds)\r\n this._vue.setMessageStatusAsDeleted(data.updatedItemIds);\r\n else\r\n this._vue.setAllMessagesStatusAsDeleted();\r\n } else if (data.updatedStatus === NotificationStatus.read) {\r\n this._vue.setMessageStatusAsRead(data.updatedItemIds);\r\n }\r\n }\r\n\r\n private onUpdateStatusError(e: common.IError[]) {\r\n (e || []).forEach(x =>\r\n context.components.getMessagesManager().displayErrorAsMessage(x));\r\n }\r\n\r\n private fetch(isRefresh?: boolean) {\r\n isRefresh = isRefresh === true;\r\n\r\n this._ajaxService.post(this._fetchApiUrl, null, true, (responseData: IFetchResponseData) => {\r\n //SUCCESS\r\n if (responseData) {\r\n this.onFetchSuccess(responseData, isRefresh);\r\n } else {\r\n const e = new core.Error(\"Les données retournées par le système de mise à jour des notifications sont invalides.\");\r\n this.onFetchError([e]);\r\n }\r\n }, (errors, config) => {\r\n this.onFetchError(errors);\r\n });\r\n }\r\n\r\n private updateStatus(status: NotificationStatus, ids?: string[], updateUi?: boolean) {\r\n ids = ids || null;\r\n updateUi = updateUi !== false;// default is TRUE\r\n\r\n const updateAll = !ids;\r\n var url: string;\r\n\r\n if (status === NotificationStatus.read)\r\n url = updateAll\r\n ? context.webServices.updateAllNotificationsAsRead\r\n : context.webServices.updateNotificationsAsRead;\r\n else if (status === NotificationStatus.deleted)\r\n url = updateAll\r\n ? context.webServices.updateAllNotificationsAsDeleted\r\n : context.webServices.updateNotificationsAsDeleted;\r\n else\r\n throw \"Le update du status de notification '\" + status + \"' n'est pas implemente.\";\r\n\r\n const a = {\r\n itemIds: ids\r\n };\r\n\r\n this._ajaxService.post(url, a, true, (responseData: IUpdateStatusResponseData) => {\r\n //SUCCESS :D\r\n if (responseData) {\r\n this.onUpdateStatusSuccess(responseData, updateUi);\r\n } else {\r\n const e = new core.Error(\"Les données retournées par le système de mise à jour des notifications sont invalides.\");\r\n this.onUpdateStatusError([e]);\r\n }\r\n }, (errors, config) => {\r\n //ERROR :'(\r\n this.onUpdateStatusError(errors);\r\n });\r\n }\r\n}\r\n\r\nexport = Notifications;","import common = require(\"../../common\");\r\nimport core = require(\"../../core\");\r\nimport context = require(\"../context\");\r\nimport MessagesManager = require(\"../components/MessagesManager\");\r\nimport config = require(\"../config\");\r\nimport Notifications = require(\"./Notifications\");\r\nimport Pooler = require(\"../../core/Pooler\");\r\nimport utilities = require(\"../utilities\");\r\nimport AjaxService = require(\"../../services/AjaxService\");\r\nimport Navigation2 = require(\"./Navigation2\");\r\nimport Vue from \"vue\";\r\nimport MainMenuVue = require(\"../vue/MainMenuVue\");\r\nimport MainFooterVue = require(\"../vue/MainFooterVue\");\r\n\r\ndeclare function require(name: string): any;\r\n\r\ninterface ISettings {\r\n currentCulture?: string;\r\n enablePooler?: boolean;\r\n enableNotifications?: boolean;\r\n poolerFrequencySec?: number;\r\n showLoaderTarget?: string;\r\n hideLoaderTarget?: string;\r\n mainMenuRootId?: string;\r\n mainMenuFormName?: string;\r\n mainFooterRootId?: string;\r\n mainFooterFormName?: string;\r\n mainMessagesManagerRootId?: string;\r\n mainNotificationsRootId?: string;\r\n mainNavigationOpenChildrenOnClick: boolean;\r\n}\r\n\r\n//var jsClasses = require('../../js/jsClasses');\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n\r\n//IMPORTANT: PolyFill pour le support du String.prototype.normalize('...')\r\nrequire(\"unorm\");\r\n\r\ninterface IMainNavigationItemResponseData {\r\n message: common.IMessage;\r\n}\r\n\r\n//Elements commun de toutes les pages\r\nclass Page implements common.IWebComponent {\r\n componentType = common.WebComponentTypes.page;\r\n\r\n private _screenIsLocked = false;\r\n private _enablePooler = false;\r\n private _enableNotifications = false;\r\n private _mainNavigation: Navigation2;\r\n private _mainLoader: core.Loader;\r\n private _messagesManager: MessagesManager;\r\n private _notifications: Notifications;\r\n private _pooler = null as Pooler;\r\n private _refreshPopup = null as core.ConfirmationPopup;\r\n private _mainMenuVue = null as MainMenuVue;\r\n private _mainFooterVue = null as MainFooterVue;\r\n\r\n init(s: ISettings) {\r\n if (!s.showLoaderTarget)\r\n s.showLoaderTarget = '.mod-popup .mpop-button.accept';\r\n\r\n if (!s.hideLoaderTarget)\r\n s.hideLoaderTarget = '.mod-popup .mpop-button.cancel';\r\n\r\n if (s.enablePooler === true || s.enablePooler === false)\r\n this._enablePooler = s.enablePooler;\r\n\r\n if (s.enableNotifications === true || s.enableNotifications === false)\r\n this._enableNotifications = s.enableNotifications;\r\n\r\n const currentCulture = (x => {\r\n return (x//default=FR\r\n ? common.Cultures[x] || (function () { throw \"La culture '\" + x + \"' n'est pas supportée.\"; })()\r\n : common.Cultures.fr) as common.Cultures;\r\n })((s.currentCulture || '').trim());\r\n\r\n // update current culture context\r\n context.culture.name = currentCulture;\r\n\r\n this.setupEnvironmentButtonDisplayer();\r\n this.setupMainMenu(s, currentCulture);\r\n this.setupMainNavigation(s);\r\n this.setupMainLoader(s);\r\n this.setupMainFooter(s, currentCulture);\r\n this.setupPooler(s);\r\n this.setupMessageManager(s);\r\n this.setupNotifications(s);\r\n\r\n if (this._enablePooler)\r\n setTimeout(() => {\r\n this._pooler.start();\r\n }, 250);\r\n\r\n setTimeout(() => {\r\n this.getMessagesManager().displayQueuedMessages(true);\r\n\r\n // //TEST ONLY\r\n // setTimeout(() => {\r\n // const source = \"TestSource\";\r\n // const manager = context.messages.getManager();\r\n\r\n // manager.displayMessage({\r\n // title: config.messages.defaultTitles.info,\r\n // contentHtml: 'Ceci est un test (1).',\r\n // linkUrl: null,\r\n // messageSource: source,\r\n // messageType: common.MessageTypes.info,\r\n // autoClose: true\r\n // } as common.IMessage, true);\r\n\r\n // manager.displayErrorAsMessage(new core.Error(\"Ce est un autre test (2).\", 99), source, true);\r\n\r\n // manager.displayMessage({\r\n // title: config.messages.defaultTitles.info,\r\n // contentHtml: 'Ceci est un test (3).',\r\n // linkUrl: \"https://google.ca\",\r\n // linkText: \"Aller a Google\",\r\n // linkAsBlank: true,\r\n // messageSource: source,\r\n // messageType: common.MessageTypes.info,\r\n // autoClose: false\r\n // } as common.IMessage, false);\r\n\r\n // manager.displayMessage({\r\n // title: config.messages.defaultTitles.warning,\r\n // contentHtml: 'Ceci est un test (4).',\r\n // linkUrl: null,\r\n // messageSource: source,\r\n // messageType: common.MessageTypes.error,\r\n // autoClose: true\r\n // } as common.IMessage, true);\r\n\r\n // }, 500);\r\n\r\n }, config.messages.initialDelayMsBeforeDisplayQueuedMessages);\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n showRefreshPopup(action?: () => void, titleHtml?: string, messageHtml?: string) {\r\n if (!this._refreshPopup)\r\n this.setupRefreshPopup();\r\n\r\n action = action || (() => {\r\n utilities.refresh();\r\n });\r\n\r\n this._refreshPopup.show(titleHtml || null, messageHtml || null, action);\r\n return this;\r\n }\r\n private setupRefreshPopup() {\r\n this._refreshPopup = new core.ConfirmationPopup(\"#MainRefreshPopup\");\r\n }\r\n private setupMainMenu(s: ISettings, culture: common.Cultures) {\r\n if (!s.mainMenuRootId)\r\n return;\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: s.mainMenuRootId,\r\n formName: s.mainMenuFormName,\r\n currentCulture: culture\r\n // bag: s.bag || null,\r\n // loadFormModeFromUrl: s.loadFormModeFromUrl !== false,\r\n // embeddedContentModels: s.embeddedContentModels || null,\r\n // includesConcurrencySumCheck: true,\r\n // concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._mainMenuVue = new MainMenuVue().setOnCultureChangeCallback((culture: common.Cultures) => {\r\n this.onCultureChange(culture);\r\n });\r\n\r\n // this._mainTopMenuVue.shared.setActionCallback(a => {\r\n // this.onFormAction(a);\r\n // }).setErrorCallback(errors => {\r\n // this.onFormActionError(errors);\r\n // });\r\n\r\n // this._mainTopMenuVue.shared.setupForm(this._isEditionAlwaysOn);\r\n\r\n }\r\n private setupMainFooter(s: ISettings, culture: common.Cultures) {\r\n if (!s.mainFooterRootId)\r\n return;\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: s.mainFooterRootId,\r\n formName: s.mainFooterFormName,\r\n currentCulture: culture\r\n // bag: s.bag || null,\r\n // loadFormModeFromUrl: s.loadFormModeFromUrl !== false,\r\n // embeddedContentModels: s.embeddedContentModels || null,\r\n // includesConcurrencySumCheck: true,\r\n // concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._mainFooterVue = new MainFooterVue();\r\n\r\n // this._mainTopMenuVue.shared.setActionCallback(a => {\r\n // this.onFormAction(a);\r\n // }).setErrorCallback(errors => {\r\n // this.onFormActionError(errors);\r\n // });\r\n\r\n // this._mainTopMenuVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n private setupMainNavigation(s: ISettings) {\r\n\r\n this._mainNavigation = new Navigation2().init({\r\n openChildrenOnClick: s.mainNavigationOpenChildrenOnClick === true\r\n }) as Navigation2;\r\n\r\n this._mainNavigation.setOnItemClickAction((key: string) => {\r\n\r\n if (key === 'ImportImmediatMapaq') {\r\n\r\n const source = \"MainNavigation\";\r\n const service = new AjaxService();\r\n\r\n service.post(context.webServices.mapaqChargementManuel, null, true, (data: IMainNavigationItemResponseData) => {\r\n if (!data || !data.message) {\r\n this.getMessagesManager().displayErrorAsMessage(new core.Error(\"Une erreur est survenue lors du chargement manuel du fichier MAPAQ.\"), source);\r\n return;\r\n }\r\n this.getMessagesManager().displayMessage(data.message, true);\r\n }, (errors, config) => {\r\n this.getMessagesManager().displayErrorAsMessage(errors[0], source);\r\n });\r\n }\r\n });\r\n }\r\n\r\n private setupPooler(s: ISettings) {\r\n\r\n if (!this._enablePooler)\r\n return;\r\n\r\n this._pooler = new Pooler({\r\n frequencySec: s.poolerFrequencySec || null,\r\n poolingUrl: context.webServices.poolingApiUrl\r\n });\r\n }\r\n\r\n private setupMessageManager(s: ISettings) {\r\n\r\n this._messagesManager = new MessagesManager();\r\n this._messagesManager.init({\r\n rootId: s.mainMessagesManagerRootId,\r\n pooler: this._pooler\r\n });\r\n }\r\n\r\n private setupNotifications(s: ISettings) {\r\n\r\n if (!this._enableNotifications)\r\n return;\r\n\r\n this._notifications = new Notifications();\r\n this._notifications.init({\r\n rootId: s.mainNotificationsRootId\r\n });\r\n }\r\n /** La apiFormatUrl doit contenir le placehoder suivant : {cultureName} */\r\n private onCultureChange(culture: common.Cultures) {\r\n if (!culture) throw \"L'argument 'culture' est NULL.\";\r\n // const apiUrl = context.webServices.apiCultureFormatUrl.replace('{cultureName}', culture).replace('{}');\r\n // const service = new AjaxService();\r\n // service.post(apiUrl, null, false, (culture: common.Cultures) => {\r\n // // if (!data || !data.message) {\r\n // // this.getMessagesManager().displayErrorAsMessage(new core.Error(\"...\"), source);\r\n // // return;\r\n // // }\r\n // // this.getMessagesManager().displayMessage(data.message, true);\r\n // //utilities.redirect(url); OR utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n // context.culture.name = culture;\r\n // this._mainTopMenuVue.updateCulture(culture);\r\n // }, errors => {\r\n // //this.getMessagesManager().displayErrorAsMessage(errors[0], source);\r\n // console.log(errors);\r\n // });\r\n context.culture.name = culture;\r\n this._mainMenuVue.refreshCultureFromContext();\r\n this._mainFooterVue.refreshCultureFromContext().$nextTick(() => {\r\n this.refreshAllEmbeddedComponents();\r\n });\r\n }\r\n showLanguageButton(value?: boolean) {\r\n this._mainMenuVue.showCultureToggleButton(value);\r\n return this;\r\n }\r\n refreshAllEmbeddedComponents() {\r\n context.components.doForEarch((t, c) => {\r\n if (c.refreshEmbeddedComponents)\r\n c.refreshEmbeddedComponents();\r\n });\r\n return this;\r\n }\r\n screenIsLocked() {\r\n return this._screenIsLocked;\r\n }\r\n lockScreen(displayText?: boolean) {\r\n this.innerLockScreen(true, displayText);\r\n return this;\r\n }\r\n unlockScreen() {\r\n this.innerLockScreen(false);\r\n return this;\r\n }\r\n private innerLockScreen(value: boolean, displayText?: boolean) {\r\n value = value !== false;\r\n displayText = displayText !== false;\r\n\r\n const cssClass = 'lock-screen';\r\n const noTextCssClassOption = 'no-text';\r\n const $b = $('body');\r\n\r\n if (value) {\r\n if (this._screenIsLocked)\r\n if ($b.hasClass(cssClass)) {\r\n if (displayText && $b.hasClass(noTextCssClassOption))\r\n $b.removeClass(noTextCssClassOption);\r\n else if (!displayText && !$b.hasClass(noTextCssClassOption))\r\n $b.addClass(noTextCssClassOption);\r\n return this;\r\n }\r\n $b.addClass(cssClass);\r\n if (!displayText)\r\n $b.addClass(noTextCssClassOption);\r\n this._screenIsLocked = true;\r\n return;\r\n }\r\n\r\n if (!this._screenIsLocked)\r\n if (!$b.hasClass(cssClass)) {\r\n if ($b.hasClass(noTextCssClassOption))\r\n $b.removeClass(noTextCssClassOption);\r\n return this;\r\n }\r\n $b.removeClass(cssClass).removeClass(noTextCssClassOption);\r\n this._screenIsLocked = false;\r\n }\r\n getCurrentCulture() { return context.culture.name || common.Cultures.fr; }\r\n getMainNavigation() { return this._mainNavigation; }\r\n getPooler() { return this._pooler; }\r\n getMessagesManager() { return this._messagesManager; }\r\n getNotifications() { return this._notifications || null; }\r\n getMainLoader() {\r\n if (!this._mainLoader)\r\n this._mainLoader = new core.Loader(\"#MainLoader\", \"#MainContainer\", true, true);\r\n return this._mainLoader;\r\n }\r\n\r\n showMainLoader() {\r\n this.getMainLoader().show();\r\n return this;\r\n }\r\n\r\n hideMainLoader() {\r\n this.getMainLoader().hide();\r\n return this;\r\n }\r\n\r\n private setupMainLoader(settings: any) {\r\n var showLoaderTarget = '.fn-show-loader-on-click';\r\n var hideLoaderTarget = '.fn-hide-loader-on-click';\r\n\r\n if (settings.showerLoaderTarget)\r\n showLoaderTarget += ', ' + settings.showLoaderTarget;\r\n\r\n if (settings.hideLoaderTarget)\r\n hideLoaderTarget += ', ' + settings.hideLoaderTarget;\r\n\r\n $(showLoaderTarget).on('click', () => {\r\n this.showMainLoader();\r\n });\r\n\r\n $(hideLoaderTarget).on('click', () => {\r\n this.hideMainLoader();\r\n });\r\n }\r\n\r\n private setupEnvironmentButtonDisplayer() {\r\n if (!(context as any).env.currentIsLab)\r\n return;\r\n\r\n const buttonText = {\r\n show: \"Afficher l'environnement\",\r\n hide: \"Cacher l'environnement\"\r\n };\r\n const buttonToolTip = {\r\n show: \"Cliquer pour afficher l'environnement\",\r\n hide: \"Cliquer pour cacher l'environnement\"\r\n };\r\n const stateAttribute = \"data-display-env\";\r\n const bypassAttribute = \"data-display-env-bypass\";\r\n const storageKey = \"pageComponent_displayEnvironment\";\r\n const initialState = (context as any).storage.retrieve(storageKey) === \"true\";\r\n const $body = $(\"#MainBody\");\r\n const $button = $body\r\n .find(\"#EnvironmentDisplayerButton\")\r\n .on('click', e => {\r\n const $thisButton = $(e.currentTarget as any);\r\n toggle($thisButton);\r\n });\r\n\r\n toggle($button, initialState, false);\r\n\r\n function toggle($e: JQuery, forceDisplay?: boolean, store?: boolean) {\r\n const newState = forceDisplay === true || forceDisplay === false ? forceDisplay : !getCurrentState($e);\r\n $e.html(newState ? buttonText.show : buttonText.hide).attr(\"title\", newState ? buttonToolTip.show : buttonToolTip.hide);\r\n setBypassDisplay(newState);\r\n setCurrentState($e, newState, store);\r\n }\r\n\r\n function getCurrentState($e: JQuery) {\r\n return $e.attr(stateAttribute) === \"true\";\r\n }\r\n\r\n function setCurrentState($e: JQuery, state: boolean, store?: boolean) {\r\n const value = state ? \"true\" : \"false\";\r\n if (store !== false)\r\n (context as any).storage.store(storageKey, value);\r\n return $e.attr(stateAttribute, value);\r\n }\r\n\r\n function setBypassDisplay(isBypassed: boolean) {\r\n return $body.attr(bypassAttribute, isBypassed ? \"true\" : \"false\");\r\n }\r\n }\r\n}\r\n\r\nexport = Page;","import Vue from \"vue\";\r\nimport PanneauAdministrationVue = require(\"../vue/PanneauAdministrationVue\");\r\nimport common = require(\"../../common\");\r\nimport utilities = require(\"../utilities\");\r\nimport context = require(\"../context\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport Pooler = require(\"../../core/Pooler\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport core = require(\"../../core\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appelée lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** Prefixes des contrôles HTML */\r\n reinitialiserTacheButtonIdPrefix: string;\r\n dateDebutTacheInputIdPrefix: string;\r\n /** Valeurs initiales */\r\n synchroStatusCode: string;\r\n synchroStatusDescription: string;\r\n synchroCurrentStep: string;\r\n isFermeCacheReady: boolean;\r\n fermeCacheStatusDescription: string;\r\n customData?: common.IPostCustomData;\r\n}\r\n\r\nclass PanneauAdministration implements common.IWebComponent, common.IPoolable {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _editVue = null as PanneauAdministrationVue;\r\n private _pooler?: Pooler;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _reinitialiserTacheButtonIdPrefix: string;\r\n private _dateDebutTacheInputIdPrefix: string;\r\n private _customData = null as common.IPostCustomData;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // Définir les variables locales à partir des settings reçus\r\n this._vueElId = s.vueElId;\r\n this._updateApiUrl = s.updateApiUrl || (() => { throw \"La propriété 'settings.updateApiUrl' est requise.\"; })();\r\n this._reinitialiserTacheButtonIdPrefix = s.reinitialiserTacheButtonIdPrefix;\r\n this._dateDebutTacheInputIdPrefix = s.dateDebutTacheInputIdPrefix;\r\n this._customData = s.customData || {};\r\n\r\n // Initialiser les composantes\r\n this._formService = new FormService(s.formName);\r\n this.setupVue(s);\r\n\r\n // Définir les valeurs initiales à l'écran\r\n this._editVue.setSynchroStatus(s.synchroStatusCode, s.synchroStatusDescription, s.synchroCurrentStep);\r\n this._editVue.setFermeCacheStatus(s.isFermeCacheReady, s.fermeCacheStatusDescription);\r\n\r\n // Plugger le pooler\r\n this._pooler = context.components.getPooler();\r\n this._pooler.registerPoolable(this);\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n onPooling(poolerFetchArguments: common.IPoolerFetchArguments, info: common.IPoolerInformations) {\r\n const n = Math.ceil((context.pooler.panneauAdminitrationPoolingFrequencySec / 60) * (60 / info.frequencySec));\r\n const mustPool = !!info.iteration /* ne pas pooler au premier call */ && info.iteration % n === 0;\r\n\r\n if (mustPool) {\r\n // Demander au pooler d'extraire l'info pour le panneau d'administration\r\n poolerFetchArguments.panneauAdministrationFetchArgs = {\r\n doUpdate: true\r\n } as common.IPanneauAdministrationFetchArguments;\r\n }\r\n\r\n return mustPool;\r\n }\r\n\r\n onPoolingSuccess(responseData: common.IPoolingFetchResponseData) {\r\n const data = responseData.panneauAdministrationData as common.IPanneauAdministrationPoolingFetchResponseData;\r\n if (data) {\r\n this._editVue.setSynchroStatus(data.synchroStatusCode, data.synchroStatusDescription, data.synchroCurrentStep);\r\n this._editVue.setFermeCacheStatus(data.isFermeCacheReady, data.fermeCacheStatusDescription);\r\n }\r\n }\r\n\r\n onPoolingError(errors: common.IError[]) {\r\n const m = context.components.getMessagesManager();\r\n (errors || []).forEach(x => m.displayErrorAsMessage(x, \"PanneauAdministration\", true, false));\r\n }\r\n\r\n private setupVue(s: ISettings) {\r\n // NB: Les params sont passés ainsi car 'vue-class-component' ne permet pas de les passer par le ctor\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName\r\n };\r\n\r\n this._editVue = new PanneauAdministrationVue();\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (!action.isFieldChanged)\r\n return;\r\n\r\n const actionValue = action.getActionValue();\r\n const actionType = action.getActionType();\r\n const fieldType = action.getFieldType();\r\n const actionId = action.getId();\r\n const args = {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments;\r\n\r\n if (actionType === common.HotEditableActionTypes.reset && actionId.indexOf(this._reinitialiserTacheButtonIdPrefix) === 0) {\r\n // Si l'utilisateur réinitialise une tâche système\r\n args['idTache'] = actionId.replace(this._reinitialiserTacheButtonIdPrefix, \"\");\r\n args['reinitialiserTache'] = true;\r\n }\r\n else if (actionType === common.HotEditableActionTypes.reset && actionId.indexOf('RefreshCacheFerme') === 0) {\r\n // Refresh cache ferme \r\n args['refreshCacheFerme'] = true;\r\n }\r\n else if (fieldType === common.HotEditableFieldTypes.datePicker && actionId.indexOf(this._dateDebutTacheInputIdPrefix) === 0) {\r\n // Si l'utilisateur redéfini la date de début d'une tâche système\r\n args['idTache'] = actionId.replace(this._dateDebutTacheInputIdPrefix, \"\");\r\n args['mettreAJourDateDebutTache'] = true;\r\n args['nouvelleDateDebutTache'] = action.getFieldTextualValue();\r\n }\r\n\r\n this._formService.validateAndPost(this._updateApiUrl, null, args,\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n }, null, false);\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n const actionType = action.getActionType();\r\n const isButtonClick = action.isButtonClick();\r\n const needToRefresh = isButtonClick && actionType === common.HotEditableActionTypes.reset;\r\n\r\n if (needToRefresh) {\r\n this._formService.displaySuccessMessageFromAction(action, false, true, false);\r\n utilities.refresh();\r\n }\r\n else {\r\n this._formService.displaySuccessMessageFromAction(action, true, true, false);\r\n }\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = PanneauAdministration;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n /** Definie si le clique du bouton Annuler (\"cancel\") doit faire un \"Back history\" ou s'il doit aller a l'API (default: true) */\r\n useBrowserHistoryToGoBackOnCancel?: boolean;\r\n /** Definie sur le mode \"Edition\" est constant ou s'il est \"togglable\" (default: false) */\r\n isEditionAlwaysOn?: boolean;\r\n /** Definie si, en mode \"Edition\", le formulaire doit avoir un bouton de sauvegarde ou si la sauvegarde est effectuee lors des changements de valeurs des champs (default: false) */\r\n liveUpdateOnEditMode?: boolean;\r\n liveUpdateOnEditModeIgnoredFieldNames?: string[];\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n /** Determine si ce web component doit etre ajoute dans la liste \"main.context.components\" correspondant aux components loades dans la page courrante. \r\n * Default: TRUE */\r\n appendToContextualComponents?: boolean;\r\n /** Determine si le formulaire inclus doit considerer le parametre 'hotform' lorsqu'il est chage (mode 'edition' ou 'original').\r\n * Default: TRUE */\r\n loadFormModeFromUrl?: boolean;\r\n /** Determine si le webComponent est un embeddedContent (CollapsableForm, EmbeddedForm, etc.) */\r\n embeddedContentModels: common.IEmbeddedContentModel[];\r\n /** Donnees statiques additionnelles */\r\n customData?: common.IPostCustomData;\r\n concurrencySumCheck?: string;\r\n bag?: {}\r\n}\r\n\r\nclass Portail implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _liveUpdateOnEditModeIgnoredFieldNames: string[];\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = s.isEditionAlwaysOn === true;\r\n this._liveUpdateOnEditMode = s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._liveUpdateOnEditModeIgnoredFieldNames = s.liveUpdateOnEditModeIgnoredFieldNames || [];\r\n this._useBrowserHistoryToGoBackOnCancel = s.useBrowserHistoryToGoBackOnCancel !== false;//default is TRUE\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n this._customData = s.customData || {};\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n if (s.appendToContextualComponents !== false)\r\n context.components.add(this);\r\n\r\n return this;\r\n }\r\n\r\n getFromCustomData(key: string) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n return this._customData[key];\r\n }\r\n setToCustomData(key: string, value?: any) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n this._customData[key] = value;\r\n return this;\r\n }\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents() {\r\n\r\n if (this._editVue)\r\n this._editVue.refreshEmbeddedComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: s.bag || null,\r\n loadFormModeFromUrl: s.loadFormModeFromUrl !== false,\r\n embeddedContentModels: s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n \r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const post = () => {\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n isControlClick: action.getButtonClickContext().isCtlClick === true\r\n },\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n post();\r\n\r\n // if (this._editVue.shared.hasEditionEmbeddedForm())\r\n // this.getConfirmPopup().show(\"Attention\", \"Un autre formulaire est en cours de modification. En poursuivant cette opération, tout changements apportés précédemment seront annulés. Êtes-vous certain de vouloir continuer?\", post);\r\n // else\r\n // post();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (data.scrollToTopOnSuccess)\r\n setTimeout(() => { utilities.scrollToTop(375, '.mp-content'); }, 125);\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (data.bag && data.bag.raw['HideLanguageButton'] === true)\r\n context.components.getPage().showLanguageButton(false);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) \r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = Portail;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport RecaptchaSecuriteVue = require(\"../vue/RecaptchaSecuriteVue\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n /** Definie si le clique du bouton Annuler (\"cancel\") doit faire un \"Back history\" ou s'il doit aller a l'API (default: true) */\r\n useBrowserHistoryToGoBackOnCancel?: boolean;\r\n /** Definie sur le mode \"Edition\" est constant ou s'il est \"togglable\" (default: false) */\r\n isEditionAlwaysOn?: boolean;\r\n /** Definie si, en mode \"Edition\", le formulaire doit avoir un bouton de sauvegarde ou si la sauvegarde est effectuee lors des changements de valeurs des champs (default: false) */\r\n liveUpdateOnEditMode?: boolean;\r\n liveUpdateOnEditModeIgnoredFieldNames?: string[];\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n /** Determine si ce web component doit etre ajoute dans la liste \"main.context.components\" correspondant aux components loades dans la page courrante. \r\n * Default: TRUE */\r\n appendToContextualComponents?: boolean;\r\n /** Determine si le formulaire inclus doit considerer le parametre 'hotform' lorsqu'il est chage (mode 'edition' ou 'original').\r\n * Default: TRUE */\r\n loadFormModeFromUrl?: boolean;\r\n /** Determine si le webComponent est un embeddedContent (CollapsableForm, EmbeddedForm, etc.) */\r\n embeddedContentModels: common.IEmbeddedContentModel[];\r\n /** Donnees statiques additionnelles */\r\n customData?: common.IPostCustomData;\r\n concurrencySumCheck?: string;\r\n bag?: {}\r\n}\r\n\r\nclass PortailSecurite implements common.IWebComponent {\r\n\r\n /** Doit etre meme que WebConstants */\r\n private readonly _recatchaAction = 'PortailSecurite';\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as RecaptchaSecuriteVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _liveUpdateOnEditModeIgnoredFieldNames: string[];\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = s.isEditionAlwaysOn === true;\r\n this._liveUpdateOnEditMode = s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._liveUpdateOnEditModeIgnoredFieldNames = s.liveUpdateOnEditModeIgnoredFieldNames || [];\r\n this._useBrowserHistoryToGoBackOnCancel = s.useBrowserHistoryToGoBackOnCancel !== false;//default is TRUE\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n this._customData = s.customData || {};\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n if (s.appendToContextualComponents !== false)\r\n context.components.add(this);\r\n\r\n return this;\r\n }\r\n\r\n getFromCustomData(key: string) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n return this._customData[key];\r\n }\r\n\r\n setToCustomData(key: string, value?: any) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n this._customData[key] = value;\r\n return this;\r\n }\r\n\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents() {\r\n if (this._editVue)\r\n this._editVue.refreshEmbeddedComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: s.bag || null,\r\n loadFormModeFromUrl: s.loadFormModeFromUrl !== false,\r\n embeddedContentModels: s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null,\r\n recaptchaAction: this._recatchaAction\r\n };\r\n\r\n this._editVue = new RecaptchaSecuriteVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const post = () => {\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n user_agent: utilities.getUserAgent(),\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue, // Le token reCAPTCHA\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n post();\r\n\r\n // if (this._editVue.shared.hasEditionEmbeddedForm())\r\n // this.getConfirmPopup().show(\"Attention\", \"Un autre formulaire est en cours de modification. En poursuivant cette opération, tout changements apportés précédemment seront annulés. Êtes-vous certain de vouloir continuer?\", post);\r\n // else\r\n // post();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n data = data || {};\r\n\r\n this._editVue.closeReCaptcha();\r\n\r\n // Remove \"include-recaptcha3\" class from footer\r\n const recaptcha3Class = 'include-recaptcha3';\r\n $('.mod-form-footer.include-recaptcha3').removeClass(recaptcha3Class);\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n context.components.getPage().showRefreshPopup(onApply, data.outdatedContent.CustomRefreshTitleHtml, data.outdatedContent.CustomRefreshMessageHtml);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (data.scrollToTopOnSuccess)\r\n setTimeout(() => { utilities.scrollToTop(375, '.mp-content'); }, 125);\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) \r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = PortailSecurite;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport SecuriteUtilisateurEditVue = require(\"../vue/SecuriteUtilisateurEditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\n\r\n//declare function require(name: string): any;\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n /** Definie si le clique du bouton Annuler (\"cancel\") doit faire un \"Back history\" ou s'il doit aller a l'API (default: true) */\r\n useBrowserHistoryToGoBackOnCancel?: boolean;\r\n /** Definie sur le mode \"Edition\" est constant ou s'il est \"togglable\" (default: false) */\r\n isEditionAlwaysOn?: boolean;\r\n /** Definie si, en mode \"Edition\", le formulaire doit avoir un bouton de sauvegarde ou si la sauvegarde est effectuee lors des changements de valeurs des champs (default: false) */\r\n liveUpdateOnEditMode?: boolean;\r\n liveUpdateOnEditModeIgnoredFieldNames?: string[];\r\n /** Format de l'url de la page pour le reload avec Id de l'utilisateur selectionne dans la liste (format: '/controller/action?id={id}' ) */\r\n pageUrlFormat: string;\r\n customData?: common.IPostCustomData;\r\n}\r\n\r\nclass SecuriteUtilisateurEdit implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _editVue = null as SecuriteUtilisateurEditVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _liveUpdateOnEditModeIgnoredFieldNames: string[];\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _pageUrlFormat: string;\r\n private _customData = null as common.IPostCustomData;\r\n private _confirmPopup = null as core.ConfirmationPopup;\r\n\r\n // Initialisation\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || (() => { throw \"La propriété 'settings.updateApiUrl' est requise.\"; })();\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._liveUpdateOnEditMode = s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._liveUpdateOnEditModeIgnoredFieldNames = s.liveUpdateOnEditModeIgnoredFieldNames || [];\r\n this._useBrowserHistoryToGoBackOnCancel = s.useBrowserHistoryToGoBackOnCancel !== false;//default is TRUE\r\n this._previousPageUrl = s.previousPageUrl;\r\n this._pageUrlFormat = s.pageUrlFormat;\r\n this._customData = s.customData || {};\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#SecuriteUtilisateurEditPopup.mod-popup\", null, null, null, null, '#SecuriteUtilisateurEditPopupBackground');\r\n\r\n this.setupVue(s);\r\n\r\n return context.components.add(this);\r\n }\r\n\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName\r\n };\r\n\r\n this._editVue = new SecuriteUtilisateurEditVue();\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm();\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n if (action.isFieldChanged() && action.getFieldName() === 'IdUtilisateur') {\r\n const redirectUrl = this._pageUrlFormat.replace('{id}', action.getFieldTextualValue());\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const post = () => {\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (this._liveUpdateOnEditMode)\r\n // NOTE: ajout d'un delai afin de permettre aux plugins de se mettre a jour.\r\n setTimeout(() => {\r\n post();\r\n }, 100)\r\n else\r\n post();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n const actionValue = action.getActionValue();\r\n const actionType = action.getActionType();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdated = isButtonClick && actionType === common.HotEditableActionTypes.update;\r\n const showMessages = data.disableAllMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (isUpdated || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n\r\n if (url) {\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = SecuriteUtilisateurEdit;\r\n","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n concurrencySumCheck: string;\r\n isAddition: boolean;\r\n}\r\nclass SommairePersonne implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _isAddition: boolean;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = true;\r\n this._liveUpdateOnEditMode = false;\r\n this._useBrowserHistoryToGoBackOnCancel = false;\r\n this._previousPageUrl = null;\r\n // Specific\r\n this._isAddition = s.isAddition === true;\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n getFromCustomData(key: string) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n return this._customData[key];\r\n }\r\n setToCustomData(key: string, value?: any) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n this._customData[key] = value;\r\n return this;\r\n }\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n loadFormModeFromUrl: false,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n\r\n private isCurrentlyEditingPersonne() {\r\n const forms = document.getElementsByTagName(\"form\");\r\n for (let i = 0; i < forms.length; i++) {\r\n const f = forms[i];\r\n const embeddedFormName = this._isAddition ? \"FermeAdditionAjoutPersonneForm\" : \"FermeAjoutPersonneForm\";\r\n if (f.name && f.name.startsWith(embeddedFormName)) //(f.name.startsWith(\"FermeAdditionEditionPersonneForm_\") || \r\n return true;\r\n }\r\n }\r\n\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const f = (bypassIgnorerPersonneConfirmation?: boolean) => {\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true,\r\n bypassIgnorerPersonneConfirmation: bypassIgnorerPersonneConfirmation === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: common.IHotEditableFormResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (actionType === common.HotEditableActionTypes.apply) {\r\n if (actionValue === \"editPersonne\")\r\n if (this.isCurrentlyEditingPersonne()) {\r\n this._confirmPopup.show(\"Attention\", \"Une personne est en cours de modification. En continuant, les changements apportés seront annulés. Êtes-vous certain de vouloir continuer?\", () => {\r\n f();\r\n });\r\n return;\r\n }\r\n }\r\n else if (actionType === common.HotEditableActionTypes.delete) {\r\n if (action.isButtonClick()) {\r\n const bn = action.getButtonName();\r\n if (bn === \"Delete\")\r\n if (this.isCurrentlyEditingPersonne()) {\r\n this._confirmPopup.show(\"Attention\", \"Une personne est en cours de modification. En continuant, les changements apportés seront annulés. Êtes-vous certain de vouloir continuer?\", () => {\r\n f(true);\r\n });\r\n return;\r\n }\r\n }\r\n }\r\n\r\n f();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) \r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\n\r\nexport = SommairePersonne;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport core = require(\"../../core\");\r\nimport EditVue = require(\"../vue/EditVue\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\ninterface ISettings {\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n /** Determine si le webComponent est un embeddedContent (CollapsableForm, EmbeddedForm, etc.) */\r\n embeddedContentModels: common.IEmbeddedContentModel[];\r\n /** Definie sur le mode \"Edition\" est constant ou s'il est \"togglable\" (default: false) */\r\n isEditionAlwaysOn?: boolean;\r\n /** Definie si, en mode \"Edition\", le formulaire doit avoir un bouton de sauvegarde ou si la sauvegarde est effectuee lors des changements de valeurs des champs (default: false) */\r\n liveUpdateOnEditMode?: boolean;\r\n liveUpdateOnEditModeIgnoredFieldNames?: string[];\r\n /** URL correspondant a la page precedente (doit etre definie si l'option \"useBrowserHistoryToGoBackOnCancel\" est activee) */\r\n previousPageUrl?: string;\r\n /** Definie si le clique du bouton Annuler (\"cancel\") doit faire un \"Back history\" ou s'il doit aller a l'API (default: true) */\r\n useBrowserHistoryToGoBackOnCancel?: boolean;\r\n /** Permet de gerer manuellement les boutons du formulaires lors des changements de mode de formulaire (original/edition). \r\n * Default: TRUE */\r\n disableManageButtonsOnFormModeChange?: boolean;\r\n /** Determine si ce web component doit etre ajoute dans la liste \"main.context.components\" correspondant aux components loades dans la page courrante. \r\n * Default: TRUE */\r\n appendToContextualComponents?: boolean;\r\n /** Determine si le formulaire inclus doit considerer le parametre 'hotform' lorsqu'il est chage (mode 'edition' ou 'original').\r\n * Default: TRUE */\r\n loadFormModeFromUrl?: boolean; /** Default: TRUE */\r\n /** Configurations permettant de definir des conditions afin de caracteriser un bouton de l'attribut 'disabled' (association entre un ou des boutons, et une valeur textuelle de champs). */\r\n disabledButtonsByDefaultFieldConfig?: common.IHotFormDisabledButtonByDefaultFieldConfig[];\r\n focusFirstFieldOnEdition?: boolean;\r\n bag?: {};\r\n concurrencySumCheck: string;\r\n // Specific\r\n /** Requis si 'isAddition=TRUE' */\r\n defaultMapaqUrl: string;\r\n isAddition: boolean;\r\n}\r\nclass SommairePersonnes implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as EditVue;\r\n private _loader = null as core.Loader;\r\n private _previousPageUrl: string;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _liveUpdateOnEditModeIgnoredFieldNames: string[];\r\n private _useBrowserHistoryToGoBackOnCancel: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n private _disabledButtonsByDefaultFieldConfig: common.IHotFormDisabledButtonByDefaultFieldConfig[];\r\n private _defaultMapaqUrl: string;\r\n private _isAddition: boolean;\r\n onFormActionSuccessCallback = null as (action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) => void;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = s.isEditionAlwaysOn !== false;//default=TRUE\r\n this._liveUpdateOnEditMode = s.liveUpdateOnEditMode === true;//default is FALSE\r\n this._useBrowserHistoryToGoBackOnCancel = s.useBrowserHistoryToGoBackOnCancel === true;//default is FALSE\r\n this._disabledButtonsByDefaultFieldConfig = s.disabledButtonsByDefaultFieldConfig || [];\r\n this._previousPageUrl = s.previousPageUrl || null;\r\n // Specific\r\n this._isAddition = s.isAddition === true;\r\n this._defaultMapaqUrl = s.defaultMapaqUrl || (this._isAddition ? (() => { throw \"L'argument 'defaultMapaqUrl' est requis.\"; })() : null);\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n if (s.appendToContextualComponents !== false)\r\n context.components.add(this);\r\n\r\n return this;\r\n }\r\n\r\n getFromCustomData(key: string) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n return this._customData[key];\r\n }\r\n setToCustomData(key: string, value?: any) {\r\n if (!key)\r\n throw \"L'argument 'key' est obligatoire.\"\r\n this._customData[key] = value;\r\n return this;\r\n }\r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n this._editVue.$destroy();\r\n this._editVue = null;\r\n }\r\n\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n bag: s.bag || null,\r\n loadFormModeFromUrl: s.loadFormModeFromUrl !== false,\r\n embeddedContentModels: s.embeddedContentModels || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null\r\n };\r\n\r\n this._editVue = new EditVue();\r\n\r\n if (s.disableManageButtonsOnFormModeChange === true)\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n\r\n private isCurrentlyEditingPersonne() {\r\n const forms = document.getElementsByTagName(\"form\");\r\n for (let i = 0; i < forms.length; i++) {\r\n const f = forms[i];\r\n const embeddedFormName = this._isAddition ? \"FermeAdditionAjoutPersonneForm\" : \"FermeAjoutPersonneForm\";\r\n if (f.name && f.name.startsWith(embeddedFormName)) //(f.name.startsWith(\"FermeAdditionEditionPersonneForm_\") || \r\n return true;\r\n }\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n utilities.disabledHotEditableButtonsByConfigurations(this._disabledButtonsByDefaultFieldConfig, this._editVue.formManager);\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode) {\r\n const isExcluded = utilities.any(this._liveUpdateOnEditModeIgnoredFieldNames, x => x === action.getFieldName());\r\n if (isExcluded)\r\n return;\r\n else if (actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n }\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (actionType === common.HotEditableActionTypes.cancel && this._useBrowserHistoryToGoBackOnCancel && this._previousPageUrl) {\r\n utilities.redirect(this._previousPageUrl);\r\n return;\r\n }\r\n\r\n const hideLoader = () => this._loader.hide();\r\n\r\n const f = (bypassIgnorerPersonneConfirmation?: boolean) => {\r\n this._loader.show();\r\n\r\n const post = () => {\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_previousPageUrl: this._previousPageUrl,\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n bypassIgnorerPersonneConfirmation: bypassIgnorerPersonneConfirmation === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: common.IHotEditableFormResponseData) => {\r\n hideLoader();\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n hideLoader();\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (this._liveUpdateOnEditMode)\r\n // NOTE: ajout d'un delai afin de permettre aux plugins de se mettre a jour.\r\n setTimeout(() => {\r\n post();\r\n }, 100)\r\n else\r\n post();\r\n };\r\n\r\n if (actionType === common.HotEditableActionTypes.apply) {\r\n const loadAjouterPersonnePrefix = \"loadAjouterPersonne:\";\r\n if (actionValue && actionValue.startsWith(loadAjouterPersonnePrefix)) {\r\n const url = actionValue.replace(loadAjouterPersonnePrefix, '');\r\n if (!url)\r\n throw \"L'URL est NULL.\";\r\n\r\n const update = () => {\r\n if (this._defaultMapaqUrl) {\r\n const embeddedFormName = this._isAddition ? \"FermeAdditionMapaqForm\" : (() => { throw \"Widget MAPAQ non-supporté dans le dossier de ferme.\"; })();\r\n this._editVue.shared.updateHotEmbeddedComponent(embeddedFormName, this._defaultMapaqUrl);\r\n } this._editVue.shared.updateCurrentHotEmbeddedComponent(url);\r\n };\r\n if (this.isCurrentlyEditingPersonne())\r\n this._confirmPopup.show(\"Attention\", \"Une personne est en cours de modification. En poursuivant cette opération, tout changements apportés seront annulés. Êtes-vous certain de vouloir continuer?\", update);\r\n else\r\n update();\r\n return;\r\n }\r\n }\r\n else if (actionType === common.HotEditableActionTypes.delete) {\r\n if (action.isButtonClick()) {\r\n const bn = action.getButtonName();\r\n if (bn === \"Delete\") {\r\n if (this.isCurrentlyEditingPersonne()) {\r\n this._confirmPopup.show(\"Attention\", \"Une personne est en cours de modification. En continuant, les changements apportés seront annulés. Êtes-vous certain de vouloir continuer?\", () => {\r\n f(true);\r\n });\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n\r\n f();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: common.IHotEditableFormResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction)\r\n if (utilities.autoRedirect(data, this._previousPageUrl))\r\n return;\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || this._previousPageUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if (context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message));\r\n }\r\n }\r\n}\r\n\r\nexport = SommairePersonnes;","import Vue from \"vue\";\r\nimport common = require(\"../../common\");\r\nimport core = require(\"../../core\");\r\nimport HotEditableFormAction = require(\"../vue/hotEditable/HotEditableFormAction\");\r\nimport utilities = require(\"../utilities\");\r\nimport FormService = require(\"../../services/FormService\");\r\nimport SommaireTacheAdministrativeVue = require(\"../vue/SommaireTacheAdministrativeVue\");\r\nimport SharedEmbeddedParentForm = require(\"../vue/hotEditable/SharedEmbeddedParentForm\");\r\nimport context = require(\"../context\");\r\nimport PageService = require(\"../../services/PageService\");\r\n\r\n//declare function require(name: string): any;\r\n//var jsClasses = require(\"../../../js/jsClasses\");\r\n\r\nenum UsageContext {\r\n fermeEdit = \"fermeEdit\",\r\n fermeAddition = \"fermeAddition\"\r\n}\r\n\r\ninterface ISettings {\r\n usageContext: UsageContext;\r\n /** Valeur de l'attribut HTML \"name\" du formulaire contenant les champs */\r\n formName: string;\r\n /** Valeur de l'attribut HTML \"id\" du module Vuejs */\r\n vueElId: string;\r\n /** URL de l'API qui sera appeler lors de la sauvegarde */\r\n updateApiUrl: string;\r\n customData?: common.IPostCustomData;\r\n items?: common.ITacheAdministrative[];\r\n itemTypes: common.ITacheAdministrativeType[];\r\n concurrencySumCheck: string;\r\n}\r\n\r\ninterface IResponseData extends common.IHotEditableFormResponseData {\r\n tachesAdministratives?: common.ITacheAdministrative[];\r\n tacheAdministrative?: common.ITacheAdministrative;\r\n commentaireTacheAdministrativeId?: string;\r\n commentaires?: common.ITacheAdministrativeCommentaire[];\r\n}\r\n\r\nclass SommaireTacheAdministrative implements common.IWebComponent {\r\n private _isInit = false;\r\n private _formService: FormService;\r\n private _pageService: PageService;\r\n private _editVue = null as SommaireTacheAdministrativeVue;\r\n private _loader = null as core.Loader;\r\n private _vueElId: string;\r\n private _updateApiUrl: string;\r\n private _liveUpdateOnEditMode: boolean;\r\n private _isEditionAlwaysOn: boolean;\r\n private _confirmPopup: core.ConfirmationPopup = null;\r\n private _customData = null as common.IPostCustomData;\r\n\r\n init(s: ISettings) {\r\n if (this._isInit)\r\n return;\r\n this._isInit = true;\r\n\r\n // configuration\r\n this._updateApiUrl = s.updateApiUrl || null;\r\n this._vueElId = s.vueElId || (() => { throw \"La propriété 'settings.vueElId' est requise.\"; })();\r\n this._isEditionAlwaysOn = true;\r\n this._liveUpdateOnEditMode = false;\r\n this._customData = s.customData || {};\r\n\r\n this._pageService = new PageService();\r\n this._formService = new FormService(s.formName);\r\n this._loader = new core.Loader(this._vueElId);\r\n this._confirmPopup = new core.ConfirmationPopup(\"#ActionConfirmPopup.mod-popup\");\r\n\r\n this.setupVue(s);\r\n\r\n return this;\r\n }\r\n\r\n \r\n\r\n destroy() {\r\n this._editVue.shared.destroyComponents();\r\n }\r\n private setupVue(s: ISettings) {\r\n\r\n Vue.prototype.$initialData = {\r\n vueElId: this._vueElId,\r\n formName: s.formName,\r\n loadFormModeFromUrl: false,\r\n items: s.items || [],\r\n itemTypes: s.itemTypes || null,\r\n includesConcurrencySumCheck: true,\r\n concurrencySumCheck: s.concurrencySumCheck || null,\r\n usageContext: s.usageContext || UsageContext.fermeAddition\r\n };\r\n\r\n this._editVue = new SommaireTacheAdministrativeVue()\r\n .setOnCheckItemClickCallbak(item => {\r\n this.onCheckItemClick(item);\r\n })\r\n .setOnEditItemClickCallbak(item => {\r\n this.onEditItemClick(item);\r\n })\r\n .setOnDeleteItemClickCallbak(item => {\r\n this.onDeleteItemClick(item);\r\n })\r\n .setOnEditCommentClickCallbak(comment => {\r\n this.onEditCommentClick(comment);\r\n })\r\n .setOnEditCommentCancelClickCallbak((item, comment) => {\r\n this.onEditCommentCancelClick(item, comment);\r\n })\r\n .setOnEditCommentSaveClickCallbak((item, comment) => {\r\n this.onEditCommentSaveClick(item, comment);\r\n })\r\n .setOnDeleteCommentClickCallbak(comment => {\r\n this.onDeleteCommentClick(comment);\r\n })\r\n .setOnAddCommentClickCallbak(item => {\r\n this.onAddCommentClick(item);\r\n })\r\n .setOnAddCommentCancelClickCallbak(item => {\r\n this.onAddCommentCancelClick(item);\r\n })\r\n .setOnAddCommentSaveClickCallbak(item => {\r\n this.onAddCommentSaveClick(item);\r\n });\r\n\r\n this._editVue.setManageButtonsOnFormModeChange(false);\r\n\r\n this._editVue.shared.setActionCallback(a => {\r\n this.onFormAction(a);\r\n }).setErrorCallback((errors, config) => {\r\n this.onFormActionError(errors, null, config);\r\n });\r\n\r\n this._editVue.shared.setupForm(this._isEditionAlwaysOn);\r\n }\r\n setSharedEmbeddedParentForm(shared: SharedEmbeddedParentForm) {\r\n this._editVue.shared.setSharedEmbeddedParentForm(shared);\r\n return this;\r\n }\r\n /** Sera appelé par le embedded field pour y injecter le navContext */\r\n insertNavContextHiddenField(navContextId: string) {\r\n utilities.insertNavContextHiddenField(this._editVue.shared.getFormName(), navContextId);\r\n return this;\r\n }\r\n // /** Sera appelé par le embedded field pour y injecter le sum check */\r\n // insertConcurrencySumCheckHiddenField(sumCheck: string) {\r\n // utilities.insertConcurrencySumCheckHiddenField(this._editVue.shared.getFormName(), sumCheck);\r\n // return this;\r\n // }\r\n private onCheckItemClick(item: common.ITacheAdministrative) {\r\n // const f = () => this._editVue.checkItem(item);\r\n // const t = this._editVue.getItemTypeTitle(item);\r\n // this._confirmPopup.show(t, \"Êtes-vous certain de vouloir compléter cette tâche administrative?\", f);\r\n this._editVue.checkItem(item);\r\n }\r\n private onEditItemClick(item: common.ITacheAdministrative) {\r\n const f = () => this._editVue.loadItem(item);\r\n if (this._editVue.isAddingItem())\r\n this._confirmPopup.show(\"Attention\", \"Une nouvelle tâche administrative est en cours de création, êtes-vous certain de vouloir continuer?\", f);\r\n else if (this._editVue.isEditingItem())\r\n this._confirmPopup.show(\"Attention\", \"Des modifications sont en cours et seront perdues, êtes-vous certain de vouloir continuer?\", f);\r\n else if (this._editVue.isAddingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un nouveau commentaire est en cours de rédaction, êtes-vous certain de vouloir continuer?\", () => {\r\n this._editVue.closeNewComment();\r\n f();\r\n });\r\n else\r\n f();\r\n }\r\n private onDeleteItemClick(item: common.ITacheAdministrative) {\r\n const f = () => this._editVue.deleteItem(item);\r\n const t = this._editVue.getItemTypeTitle(item);\r\n this._confirmPopup.show(t, \"Êtes-vous certain de vouloir supprimer cette tâche administrative?\", f);\r\n }\r\n private onEditCommentClick(comment: common.ITacheAdministrativeCommentaire) {\r\n const f = () => this._editVue.loadComment(comment);\r\n if (this._editVue.isAddingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un nouveau commentaire est en cours de création, êtes-vous certain de vouloir continuer?\", f);\r\n else\r\n f();\r\n }\r\n private onEditCommentCancelClick(item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) {\r\n const f = () => this._editVue.closeComment(comment);\r\n if (this._editVue.isEditingComment(comment))\r\n this._confirmPopup.show(\"Attention\", \"Ce commentaire est en cours de modification, êtes-vous certain de vouloir continuer?\", f);\r\n else\r\n f();\r\n }\r\n private onEditCommentSaveClick(item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) {\r\n if ((comment.editedText || '').trim())\r\n this._editVue.saveComment(item, comment);\r\n else\r\n this._confirmPopup.show(\"Attention\", \"Ce commentaire sera supprimé, êtes-vous certain de vouloir continuer?\", () => {\r\n this._editVue.deleteComment(comment);\r\n });\r\n }\r\n private onDeleteCommentClick(comment: common.ITacheAdministrativeCommentaire) {\r\n const f = () => this._editVue.deleteComment(comment);\r\n this._confirmPopup.show(\"Attention\", \"Êtes-vous certain de vouloir supprimer ce commentaire\", f);\r\n }\r\n private onAddCommentClick(item: common.ITacheAdministrative) {\r\n const f = () => this._editVue.loadNewComment(item);\r\n if (this._editVue.isAddingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un nouveau commentaire est en cours de création, êtes-vous certain de vouloir continuer?\", f);\r\n else if (this._editVue.isEditingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un commentaire est en cours de modification, êtes-vous certain de vouloir continuer?\", f);\r\n else\r\n f();\r\n }\r\n private onAddCommentCancelClick(item: common.ITacheAdministrative) {\r\n const f = () => this._editVue.closeNewComment(item);\r\n if (this._editVue.isAddingComment(item))\r\n this._confirmPopup.show(\"Attention\", \"Ce commentaire est en cours de rédaction, êtes-vous certain de vouloir continuer?\", f);\r\n else\r\n f();\r\n }\r\n private onAddCommentSaveClick(item: common.ITacheAdministrative) {\r\n if (item.commentNewText)\r\n this._editVue.saveNewComment(item);\r\n else\r\n this._editVue.closeNewComment(item);\r\n }\r\n private onFormAction(action: HotEditableFormAction) {\r\n if (this._formService.actionHasError(action))\r\n return;\r\n\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isTacheAdminAction = action.isButtonClick();\r\n const actionValue = action.getActionValue();\r\n var actionType = action.getActionType();\r\n\r\n if (this._liveUpdateOnEditMode && actionType === common.HotEditableActionTypes.unknown)\r\n actionType = common.HotEditableActionTypes.update;\r\n\r\n if (isEditionFormMode && actionType === common.HotEditableActionTypes.unknown)\r\n return;\r\n\r\n if (isTacheAdminAction) {\r\n const bn = action.getButtonName();\r\n const reset = () => this._editVue.resetCurrentItem();\r\n\r\n if (this._editVue.isEditingItem()) {\r\n // Edition\r\n\r\n if (bn === \"Cancel\") {\r\n if (this._editVue.hasDescription())\r\n this._confirmPopup.show(\"Attention\", \"Une tâche administrative est en cours de modification, êtes-vous certain de vouloir continuer?\", reset);\r\n else\r\n reset();\r\n return;\r\n }\r\n }\r\n else {\r\n // Creation\r\n\r\n if (bn === \"Clear\") {\r\n\r\n if (this._editVue.hasDescription())\r\n this._confirmPopup.show(\"Attention\", \"Une nouvelle tâche administrative est en cours de création, êtes-vous certain de vouloir continuer?\", reset);\r\n else\r\n reset();\r\n return;\r\n }\r\n }\r\n\r\n const itemTypeNamePrefix = \"ApplyItemType\";\r\n if (bn.length > itemTypeNamePrefix.length) {\r\n const parts = bn.split(\"_\");\r\n if (parts.length === 2 && parts[0] === itemTypeNamePrefix) {\r\n const value = action.getActionValue();\r\n this._editVue.setCurrentItemType(value);\r\n return;\r\n }\r\n }\r\n }\r\n\r\n const f = () => {\r\n\r\n this._formService.validateAndPost(\r\n this._updateApiUrl,\r\n null,\r\n {\r\n posted_actionType: actionType,\r\n posted_actionValue: actionValue,\r\n posted_formName: this._editVue.shared.getFormName(),\r\n posted_fieldName: action.getFieldOrButtonName(),\r\n posted_currentCulture: context.culture.get(),\r\n posted_currentUrl: utilities.currentUrl(),\r\n posted_customData: utilities.ensureCustomDataIsValid(this._customData),\r\n posted_previousPageUrl: null,\r\n posted_currentEmbeddedComponentName: this._editVue.shared.getCurrentEmbeddedComponentName(),\r\n posted_bag: this._editVue.getBagRaw(),\r\n posted_isControlClick: action.getButtonClickContext().isCtlClick === true\r\n } as common.IHotEditableFormPostArguments,\r\n (data: IResponseData) => {\r\n this.onFormActionSuccess(action, data);\r\n },\r\n (e, config) => {\r\n this.onFormActionError(e, action, config);\r\n });\r\n };\r\n\r\n if (isTacheAdminAction) {\r\n // Action depuis la section des taches admin (haut)\r\n\r\n if (this._editVue.isAddingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un nouveau commentaire est en cours de création. Il sera supprimé. Êtes-vous certain de vouloir continuer?\", () => {\r\n this._editVue.closeNewComment();\r\n this._editVue.$nextTick(() => {\r\n f();\r\n });\r\n });\r\n else if (this._editVue.isEditingComment())\r\n this._confirmPopup.show(\"Attention\", \"Un commentaire est en cours de modification. Les modifications seront perdues. Êtes-vous certain de vouloir continuer?\", () => {\r\n this._editVue.closeComment();\r\n this._editVue.$nextTick(() => {\r\n f();\r\n });\r\n });\r\n else f();\r\n }\r\n else f();\r\n }\r\n\r\n private onFormActionSuccess(action: HotEditableFormAction, data?: IResponseData) {\r\n data = data || {};\r\n\r\n const actionType = action.getActionType();\r\n const actionValue = action.getActionValue();\r\n const isButtonClick = action.isButtonClick();\r\n const isEditionFormMode = action.isEditionFormMode();\r\n const isUpdateAction = isButtonClick && actionType === common.HotEditableActionTypes.update;\r\n const isDeleteAction = !isUpdateAction && actionType === common.HotEditableActionTypes.delete;\r\n const showMessages = data.disableAllMessages !== true;\r\n const showAutoSuccessMessages = showMessages && data.disableAutomaticMessages !== true;\r\n const hasCustomMessages = data.messages && data.messages.length;\r\n const changedFieldName = action.getFieldName();\r\n const buttonClickContext = action.getButtonClickContext();\r\n\r\n if (data.outdatedContent) {\r\n const onApply = data.outdatedContent.refreshEntirePage\r\n ? null\r\n : () => {\r\n if (data.outdatedContent.hotEmbeddedComponentsToRefresh)\r\n this._editVue.shared.updateHotEmbeddedComponents(data.outdatedContent.hotEmbeddedComponentsToRefresh);\r\n else\r\n this._editVue.shared.updateCurrentHotEmbeddedComponent();\r\n };\r\n\r\n this._pageService.validateResponseDataGlobal(data, onApply);\r\n return;\r\n }\r\n\r\n const displayCustomMessage = (immediateDisplay: boolean, text: string, name?: string, messageType?: common.MessageTypes, autoClose?: boolean) => {\r\n messageType = messageType || common.MessageTypes.success//<- default is success\r\n if (!this._editVue.shared.displayMessage(name, text, messageType))\r\n this._formService.displayMessage(text, messageType, immediateDisplay, autoClose);\r\n }\r\n\r\n if (this._editVue.shared.isHotEmbeddedComponent()) {\r\n // Widgets -> brothers\r\n if (data.refreshBrotherEmbeddedComponents)\r\n this._editVue.refreshBrotherEmbeddedComponents();\r\n else if (data.restoreBrotherEmbeddedComponents)\r\n this._editVue.restoreBrotherEmbeddedComponents();\r\n else if (data.ensureBrotherEmbeddedComponentsIsDefaultUrl)\r\n this._editVue.ensureBrotherEmbeddedComponentsIsDefaultUrl();\r\n // Widgets -> all\r\n if (data.hotEmbeddedComponentsToUpdate && data.hotEmbeddedComponentsToUpdate.length) {\r\n const updateCurrentEmbededForm = utilities.any(data.hotEmbeddedComponentsToUpdate, x => !x.name);\r\n if (showMessages)\r\n if (updateCurrentEmbededForm)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (this._editVue && this._editVue.shared.updateHotEmbeddedComponents(data.hotEmbeddedComponentsToUpdate))\r\n return;\r\n }\r\n }\r\n\r\n if (isDeleteAction) {\r\n var redirectUrl = data.redirectUrl;\r\n if (!redirectUrl && data.forceRedirectOnDeleteAction)\r\n redirectUrl = '/';\r\n if (redirectUrl) {\r\n utilities.redirect(redirectUrl);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.shared.updateConcurrencySumCheck(data.updatedConcurrencySumCheck);\r\n this._editVue.updateBag(data.bag);\r\n\r\n const repost = () => this._editVue.shared.applyUpdate(actionValue, actionType, isButtonClick, buttonClickContext, changedFieldName);\r\n if (FormService.confirm(\r\n this._editVue.formManager.getFormName(),\r\n this._confirmPopup,\r\n data.confirmationMessages,\r\n () => {\r\n // Accepted\r\n repost();\r\n },\r\n returnToApiOnDenied => {\r\n // Denied\r\n\r\n if (returnToApiOnDenied) {\r\n repost();\r\n return;\r\n }\r\n if (this._editVue.shared.confirmationRejected())\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n }))\r\n return;\r\n\r\n if (isUpdateAction || data.redirectUrl) {\r\n const url = data.redirectUrl || null;\r\n if (url) {\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(false, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, false, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, false, true, this._liveUpdateOnEditMode);\r\n utilities.redirectWithOptions(url, data.redirectUrlOptions);\r\n return;\r\n }\r\n }\r\n\r\n this._editVue.closeNewComment();\r\n this._editVue.closeComment();\r\n this._editVue.resetCurrentItem();\r\n\r\n if (data.tachesAdministratives)\r\n this._editVue.setItems(data.tachesAdministratives);\r\n else if (data.tacheAdministrative)\r\n this._editVue.setItem(data.tacheAdministrative);\r\n\r\n if (data.commentaireTacheAdministrativeId && data.commentaires)\r\n this._editVue.setComments(data.commentaireTacheAdministrativeId, data.commentaires);\r\n\r\n if (data.fieldsToUpdate)\r\n for (let i = 0; i < data.fieldsToUpdate.length; i++) {\r\n const updatedField = data.fieldsToUpdate[i];\r\n if (updatedField)\r\n this._editVue.shared.updateFieldFromApi(updatedField);\r\n }\r\n\r\n if (showMessages)\r\n if (hasCustomMessages)\r\n for (let i = 0; i < data.messages.length; i++) {\r\n const m = data.messages[i];\r\n const ac = m.autoClose === true || m.autoClose === false ? m.autoClose : true;//default=TRUE\r\n displayCustomMessage(true, m.text, m.name, m.messageType, ac);\r\n }\r\n // if (!this._editVue.shared.displayMessage(data.messageName, data.messages, customMessageType))\r\n // this._formService.displayMessage(data.messages, customMessageType, true, true);\r\n else if (showAutoSuccessMessages)\r\n this._formService.displaySuccessMessageFromAction(action, true, true, this._liveUpdateOnEditMode);\r\n\r\n if (isEditionFormMode && !this._isEditionAlwaysOn && !this._liveUpdateOnEditMode)\r\n this._editVue.shared.setAsHotEditableFormMode();\r\n }\r\n\r\n private onFormActionError(errors: common.IError[], action?: HotEditableFormAction, config?: common.IHotEditableFormConfig) {\r\n config = config || {};\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const error = errors[i];\r\n\r\n if (error.code !== 110) {\r\n\r\n if(context.env.currentIsDev || context.env.currentIsLocal) {\r\n utilities.printError(error.message + ' (code: ' + error.code + ')');\r\n this._formService.displayErrorImediately(new core.Error(\"Une erreur système est survenue et est affichée dans la console du navigateur.\", error.code));\r\n }\r\n else\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n\r\n return;\r\n }\r\n\r\n if (config.disableAutomaticMessages)\r\n return;\r\n\r\n // Functional\r\n const fieldFound = this._editVue.shared.displayFieldError(this._editVue.shared.getFormName(), error, true);\r\n if (fieldFound) {\r\n this._formService.displayNotSavedErrorMessageImediately();\r\n return;\r\n }\r\n\r\n this._formService.displayErrorImediately(new core.Error(error.message)); \r\n }\r\n }\r\n}\r\nexport = SommaireTacheAdministrative;","import { Cultures } from \"../common\";\r\nimport common = require(\"../common\");\r\nimport context = require(\"../modules/context\");\r\n\r\nclass Config {\r\n private static _formaters = [\r\n {\r\n name: 'phone--ca-us',\r\n format: x => {\r\n if (!x) return x;\r\n x = x.trim();\r\n const numeric = x.replace(/[^0-9]+/gi, \"\");\r\n if (numeric.length !== 10) return x;\r\n return numeric.replace(/(\\d{3})(\\d{3})(\\d{4})/i, \"$1 $2-$3\");\r\n }\r\n } as common.ITextFormater,\r\n {\r\n name: 'postal-code--ca',\r\n format: x => {\r\n if (!x) return x;\r\n x = x.trim().toUpperCase();\r\n if (x.length !== 6) return x;\r\n return '{a} {b}'.replace('{a}', x.substr(0, 3)).replace('{b}', x.substr(3, 3));\r\n }\r\n } as common.ITextFormater\r\n ];\r\n\r\n constructor() {\r\n for (let i = 0; i < Config._formaters.length; i++) {\r\n const f = Config._formaters[i];\r\n this.textFormaters[f.name] = f;\r\n }\r\n }\r\n readonly textFormaters = {};\r\n readonly messages = {\r\n /** delai applique avant de dequeuer les messages. Generallement utilise dans 'Page.ts' */\r\n initialDelayMsBeforeDisplayQueuedMessages: 500,\r\n /** valeur par defaut pour la duree de vie d'un messages (lorsque common.IMessage::durationMs n'est pas NULL) */\r\n defaultMessageDurationSec: 300,\r\n /** valeur par defaut pour la duree de vie COURTE d'un messages (destine au message de success, lorsque common.IMessage::durationMs n'est pas NULL) */\r\n shortMessageDurationSec: 5,\r\n /** delai applique entre chaque messages dequeues */\r\n delayMsBetweenMessagesOnDisplayQueuedMessages: 625,\r\n /** \r\n * duree de l'animation de fermeture des messages.\r\n * ATTENTION!! doit etre relativement equal a la somme de $messagesManagerItemClosingDelayMs et de $messagesManagerItemClosingDurationMs dans Coti360\\Frontend\\styles\\components\\_messages-manager.scss\r\n **/\r\n closingDurationMs: 500,\r\n /** nombre de minutes au-dela duquel le message enqueuer n'est plus considere comme vivant */\r\n messageLiveDurationMinutes: 3,\r\n /** ressource: message avisant que la sauvegarde n'a pas ete effectuée. */\r\n notSavedMessage: 'Sauvegarde non effectuée',\r\n /** ressource: valeurs par defaut des titres des messages */\r\n defaultTitles: {\r\n info: () => 'Info',\r\n success: () => '',\r\n warning: () => context.culture.get() === Cultures.fr ? 'Attention' : 'Warning',\r\n error: () => context.culture.get() === Cultures.fr ? 'Erreur' : 'Error',\r\n notification: () => 'Notification'\r\n }\r\n };\r\n readonly loader = {\r\n defaultMaxDurationMs: 180 * 1000//== 3 min\r\n };\r\n readonly errors = {\r\n codes: {\r\n unknown: 0,\r\n system: 100,\r\n functional: 110,\r\n concurrency: 111,\r\n invalidToken: 120,\r\n expiredToken: 130,\r\n unauthorized: 140\r\n }\r\n };\r\n}\r\n\r\nexport = new Config();","import common = require(\"../common\");\r\nimport Page = require(\"./components/Page\");\r\nimport MessagesManager = require(\"./components/MessagesManager\");\r\nimport Notifications = require(\"./components/Notifications\");\r\nimport Pooler = require(\"../core/Pooler\");\r\nimport Navigation2 = require(\"./components/Navigation2\");\r\n\r\nexport = (context => {\r\n context.bag = {};\r\n context.culture = context.culture || {} as common.ICultureContext;\r\n context.culture.get = (defaultCulture?: common.Cultures) =>\r\n context.culture && context.culture.name\r\n ? common.Cultures[context.culture.name] ?? (function () { throw \"La culture '\" + context.culture.name + \"' n'existe pas.\"; })()\r\n : defaultCulture ?? common.Cultures.fr;\r\n context.components = {\r\n items: {},\r\n add: (webComponent: common.IWebComponent) => {\r\n //Bug IE11\r\n //https://stackoverflow.com/questions/25140723/constructor-name-is-undefined-in-internet-explorer\r\n const t = (webComponent as any).getTypeName();\r\n if (context.components.items[t])\r\n context.components.items[t].push(webComponent);\r\n else\r\n context.components.items[t] = [webComponent];\r\n return webComponent;\r\n },\r\n /** f: retourner TRUE pour faire un 'break'. */\r\n doForEarch: (f: (type: string, webComponent: common.IWebComponent) => void | boolean, skipNullEntries?: boolean) => {\r\n if (!f) throw \"L'argument 'f' est NULL.\";\r\n skipNullEntries = skipNullEntries !== false;//default=TRUE\r\n for (let k in context.components.items || {}) {\r\n const components = context.components.items[k] as common.IWebComponent[];\r\n for (let i = 0; i < (components || []).length; i++) {\r\n const c = components[i];\r\n if ((c || !skipNullEntries) && f(k, c))\r\n return;\r\n }\r\n }\r\n },\r\n getByType: (type: string, skipNullEntries?: boolean) => {\r\n skipNullEntries = skipNullEntries !== false;//default=TRUE\r\n if (!type) return [];\r\n const all = context.components.items[type] ?? [];\r\n const res = [];\r\n for (let i = 0; i < all.length; i++) {\r\n const c = all[i];\r\n if (c || !skipNullEntries)\r\n res.push(c);\r\n }\r\n return res;\r\n },\r\n getPage: () => {\r\n return context.components.items[\"Page\"][0] as Page;\r\n },\r\n getMessagesManager: () => {\r\n return context.components.getPage().getMessagesManager() as MessagesManager;\r\n },\r\n getNotifications: () => {\r\n return context.components.getPage().getNotifications() as Notifications;\r\n },\r\n getMainNavigation: () => {\r\n return context.components.getPage().getMainNavigation() as Navigation2;\r\n },\r\n getPooler: () => {\r\n return context.components.getPage().getPooler() as Pooler;\r\n }\r\n } as common.IComponentsContext;\r\n\r\n return context;\r\n})(((window as any).currentContext || {}) as common.IContext);","declare function require(name: string): any;\r\n\r\nclass LazzyLoaders {\r\n private _reg = {};\r\n\r\n loadMoment() {\r\n if (!this._reg.hasOwnProperty('moment')) {\r\n require('moment');\r\n this._reg['moment'] = true;\r\n }\r\n return this;\r\n }\r\n\r\n //ATTENTION: les 'require' doivent etre ecrit textuellement afin de fonctionner.\r\n\r\n //loadBootstrap() {\r\n // if (!this._reg.hasOwnProperty('bootstrap')) {\r\n // require('bootstrap');\r\n // this._reg['bootstrap'] = true;\r\n // }\r\n // return this;\r\n //}\r\n\r\n //loadBootstrapDatepicker() {\r\n // this.loadBootstrap();\r\n // if (!this._reg.hasOwnProperty('bootstrap-datepicker')) {\r\n // require('bootstrap-datepicker');\r\n // this._reg['bootstrap-datepicker'] = true;\r\n // }\r\n // return this;\r\n //}\r\n\r\n //loadBootstrapMultiselect() {\r\n // if (!this._reg.hasOwnProperty('bootstrap-multiselect')) {\r\n // this.loadBootstrap();\r\n // require('bootstrap-multiselect');\r\n // this._reg['bootstrap-multiselect'] = true;\r\n // }\r\n // return this;\r\n //}\r\n}\r\n\r\nexport = new LazzyLoaders();","import core = require('../core');\r\nimport context = require('./context');\r\nimport common = require('../common');\r\nimport lazzyLoader = require('./lazzyLoader');\r\nimport config = require('./config');\r\nimport querystringify = require(\"querystringify\");\r\nimport HotEditableButtonComponent = require('./vue/hotEditable/HotEditableButtonComponent');\r\nimport HotEditableFormManager = require('./vue/hotEditable/HotEditableFormManager');\r\n\r\ndeclare function require(name: string): any;\r\ndeclare var module: any;\r\ndeclare var moment: any;\r\n\r\n//const jsUtilities = require('../../js/jsUtilities');\r\nconst jsClasses = require('../../js/jsClasses');\r\n\r\ninterface IAlternativeMessage {\r\n updatedMessage: string;\r\n updatedMessageTitle: string;\r\n updatedMessageType: common.MessageTypes;\r\n}\r\n\r\nclass Utilities {\r\n /* Utilitaires...\r\n\r\n *********** Dynamic element ***********\r\n\r\n Noeuds HTML dynamiques dont la visibilité est tributaire de la valeur d'un champs de formulaire.\r\n\r\n Attributs :\r\n - dynamic-element (required) : identifie un element dynamique\r\n - dynamic-element--field-target (required) : identifie le selecteur du champ de formulaire dont la visibilité est tributaire\r\n - dynamic-element--field-value (required) : identifie la valeur que le champ de formulaire doit avoir afin de rendre visible l'element dynamique. Séparer les valeurs par l'opérateur '||' (ou), voir l'exemple ci-dessous.\r\n\r\n Paramêtres d'inititialization :\r\n - $root (optionel) : Element jquery qui scope l'initialisation (par défaut, sera le 'body')\r\n - inputEventName (optionel) : nom de l'événement écouté pour mettre à jour l'élément dynamique (par défaut, sera 'change').\r\n\r\n Utilisation :\r\n\r\n \r\n Visible seulement lorsque MonChamps vaut 'b' ou 'c'.
\r\n\r\n JS> utilities.initializeDynamicElements();\r\n */\r\n\r\n static ids = {\r\n mainBody: 'MainBody'\r\n };\r\n\r\n static attributes = {\r\n disabled: 'disabled'\r\n };\r\n\r\n static keyNames = {\r\n enter: 'Enter',\r\n tab: 'Tab',\r\n escape: [\r\n 'Escape',\r\n 'Esc'\r\n ]\r\n };\r\n\r\n static keyCodes = {\r\n enter: 13,\r\n tab: 9,\r\n escape: 27\r\n };\r\n\r\n //private $ = (window as any).jQuery as JQuery;\r\n private _body: JQuery = null;\r\n\r\n constructor() {\r\n lazzyLoader.loadMoment();\r\n }\r\n\r\n config = { screenBreakPoints: { phone: 640, tablet: 1024 } };\r\n\r\n storage = (context as any).storage;\r\n\r\n /** format options: N */\r\n emptyGuid(format?: string) {\r\n return format === 'N'\r\n ? '00000000000000000000000000000000'\r\n : '00000000-0000-0000-0000-000000000000';\r\n }\r\n\r\n printInfo(obj: any) {\r\n console.log(obj);\r\n return this;\r\n }\r\n\r\n printWarn(obj: any) {\r\n console.log(obj);\r\n return this;\r\n }\r\n\r\n printError(obj: any) {\r\n console.log(obj);\r\n return this;\r\n }\r\n\r\n deepPrint(obj: object) {\r\n if (!obj) {\r\n this.printError(\"L'object est null.\");\r\n return;\r\n }\r\n\r\n for (let k in obj) {\r\n const x = {};\r\n x[k] = obj[k];\r\n this.printInfo(x);\r\n }\r\n }\r\n isCtlKeyPressed(event?: MouseEvent | KeyboardEvent) {\r\n return event && !!event.ctrlKey;\r\n }\r\n isEnterKeyCode(event: KeyboardEvent) {\r\n return event.key\r\n ? event.key.toLowerCase() === Utilities.keyNames.enter.toLowerCase()\r\n : (event as any).keyCode === Utilities.keyCodes.enter;//<- deprecated\r\n }\r\n\r\n isTabKeyCode(event: KeyboardEvent) {\r\n return event.key\r\n ? event.key.toLowerCase() === Utilities.keyNames.tab.toLowerCase()\r\n : (event as any).keyCode === Utilities.keyCodes.tab;//<- deprecated\r\n }\r\n\r\n isEscapeKeyCode(event: KeyboardEvent) {\r\n if (event.key) {\r\n const k = event.key.toLowerCase();\r\n return k === Utilities.keyNames.escape[0].toLowerCase() || k === Utilities.keyNames.escape[1].toLowerCase();\r\n }\r\n return (event as any).keyCode === Utilities.keyCodes.escape;//<- deprecated\r\n }\r\n\r\n validation = {\r\n email(value: string) {\r\n if (!value || value.length === 0)\r\n return false;\r\n\r\n const pattern = /^(([^<>()[\\]\\\\.,;:\\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,}))$/;\r\n\r\n return pattern.test(value);\r\n }\r\n }\r\n\r\n toPascalCaseProperties(obj: {}) {\r\n if (obj)\r\n for (let k in obj) {\r\n if (obj.hasOwnProperty(k)) {\r\n const newK = this.makeFirstCharUpper(k);\r\n if (k !== newK) {\r\n obj[newK] = obj[k];\r\n delete obj[k];\r\n }\r\n }\r\n }\r\n return obj;\r\n }\r\n\r\n convertMessageTypeToHotEditableMessageType(messageType?: common.MessageTypes) {\r\n if (messageType) {\r\n if (messageType === common.MessageTypes.info)\r\n return common.HotEditableMessageTypes.info;\r\n if (messageType === common.MessageTypes.success)\r\n return common.HotEditableMessageTypes.success;\r\n if (messageType === common.MessageTypes.warning)\r\n return common.HotEditableMessageTypes.warning;\r\n if (messageType === common.MessageTypes.error)\r\n return common.HotEditableMessageTypes.error;\r\n }\r\n return common.HotEditableMessageTypes.unknown;\r\n }\r\n\r\n /** Permet d'extraire le type de message alternatif, et corrige le message le cas echeant. \r\n * La liste des macros doit correspondre a celle incluse dans le fichier UpaFunctionalException.cs (sub: AltMessageTypes). */\r\n extractAltMessageFromMacro(message: string, defaultMessageTitle: string, defaultMessageType: string) {\r\n const macros = {\r\n info: '[[info]]',\r\n warning: '[[warning]]',\r\n error: '[[error]]',\r\n success: '[[success]]',\r\n notification: '[[notification]]'\r\n };\r\n const m = message.trim().toLowerCase();\r\n\r\n const f = (macro: string, msgTitle: string, msgType: string) => {\r\n const i = m.indexOf(macro);\r\n if (i !== 0)\r\n return null;\r\n return {\r\n updatedMessage: message.substring(macro.length),\r\n updatedMessageTitle: msgTitle,\r\n updatedMessageType: msgType\r\n } as IAlternativeMessage;\r\n };\r\n\r\n const map = [\r\n [macros.success, config.messages.defaultTitles.success(), common.MessageTypes.success],\r\n [macros.info, config.messages.defaultTitles.info(), common.MessageTypes.info],\r\n [macros.warning, config.messages.defaultTitles.warning(), common.MessageTypes.warning],\r\n [macros.error, config.messages.defaultTitles.error(), common.MessageTypes.error],\r\n [macros.notification, config.messages.defaultTitles.notification(), common.MessageTypes.notification]\r\n ];\r\n\r\n for (let i = 0; i < map.length; i++) {\r\n const r = f(map[i][0], map[i][1], map[i][2]);\r\n if (r)\r\n return r;\r\n }\r\n\r\n return {\r\n updatedMessage: message,\r\n updatedMessageTitle: defaultMessageTitle,\r\n updatedMessageType: defaultMessageType\r\n } as IAlternativeMessage;\r\n }\r\n\r\n private _domParser = null as DOMParser;\r\n private getDomParser() {\r\n if (!this._domParser)\r\n this._domParser = new DOMParser();\r\n return this._domParser;\r\n }\r\n\r\n /** retournera la valeur retournee par l'execution du script */\r\n executeFirstScript(html: string, parser?: DOMParser, evalCallback?: (evalReturn: any) => void, finalEvalCallback?: () => void) {\r\n parser = parser || this.getDomParser();\r\n\r\n const doc = parser.parseFromString(html, \"text/html\");\r\n const scripts = doc.getElementsByTagName('script');\r\n if (scripts.length)\r\n return this.evalScripts([scripts[0]], evalCallback, finalEvalCallback)[0];\r\n if (finalEvalCallback)\r\n finalEvalCallback();\r\n return null;\r\n }\r\n\r\n\r\n /** retournera un tableau contenant les valeurs retournees par l'execution des scripts */\r\n executeScripts(html: string, parser?: DOMParser, evalCallback?: (evalReturn: any) => void, finalEvalCallback?: () => void) {\r\n parser = parser || this.getDomParser();\r\n\r\n const doc = parser.parseFromString(html, \"text/html\");\r\n const scripts = doc.getElementsByTagName('script');\r\n const s = [];\r\n for (let i = 0; i < scripts.length; i++)\r\n s.push(scripts[i]);\r\n return this.evalScripts(s, evalCallback, finalEvalCallback);\r\n }\r\n\r\n private evalScripts(scripts: HTMLScriptElement[], evalCallback?: (evalReturn: any) => void, finalCallback?: () => void) {\r\n const res = [];\r\n for (let i = 0; i < scripts.length; i++) {\r\n const code = scripts[i].innerHTML.trim();\r\n if (code) {\r\n const r = eval(code) || null;\r\n if (evalCallback)\r\n evalCallback(r);\r\n res.push(r);\r\n }\r\n }\r\n if (finalCallback)\r\n finalCallback();\r\n return res;\r\n }\r\n\r\n ajax = ((mod: any) => {\r\n mod.call = (requestDefinition: any) => {\r\n if (requestDefinition.getInitialAction()) requestDefinition.getInitialAction()();\r\n\r\n const request = call(requestDefinition.toAjaxOptions());\r\n\r\n if (requestDefinition.getSuccessAction()) request.done(requestDefinition.getSuccessAction());\r\n if (requestDefinition.getErrorAction()) request.fail(requestDefinition.getErrorAction());\r\n if (requestDefinition.getFinalAction()) request.always(requestDefinition.getFinalAction());\r\n };\r\n\r\n function call(options: any) { return $.ajax(options); }\r\n\r\n return mod;\r\n })({});\r\n\r\n debug(key: string, obj: any) {\r\n (w => {\r\n w.debug = w.debug || {};\r\n if (w.debug.hasOwnProperty(key)) throw \"[ERREUR::utilities.debug()] La clé existe déjà.\";\r\n w.debug[key] = obj;\r\n })(window as any);\r\n }\r\n\r\n /// Permet de savoir si un element (el) est a l'exterieur d'un autre (refEl).\r\n isOutside(el: Element, refEl: Element) {\r\n if (!el || !refEl) {\r\n this.printWarn(\"[utilities::isOutsideElement] ATTENTION: Les propriete 'currentElement' et 'refElement' sont requise.\");\r\n return true;\r\n }\r\n\r\n do {\r\n if (el == refEl)// laisser double-egals ici (ne pas mettre tripple-egals)\r\n return false; // le click est a l'interieur du component courrant\r\n (el as any) = el.parentNode; // monter d'un niveau\r\n } while (el);\r\n\r\n return true;\r\n }\r\n\r\n isInside(el: Element, target: common.IKeyValue, targets?: common.IKeyValue[], _isSubsequent?: boolean) {\r\n if (!el) throw \"La prop 'el' est NULL.\";\r\n if (!target && !targets) throw \"La prop 'targets' est requise lorsque 'target' est NULL.\";\r\n if (!_isSubsequent) {\r\n const testTarget = (t: common.IKeyValue) => t && t.key && el.getAttribute(t.key) === t.value;\r\n if (testTarget(target))\r\n return true;\r\n for (let i = 0; i < targets.length; i++)\r\n if (testTarget(targets[i]))\r\n return true;\r\n }\r\n if (el.children)\r\n for (let i = 0; i < el.children.length; i++)\r\n if (this.isInside(el.children[i], target, targets, true))\r\n return true;\r\n return false;\r\n }\r\n\r\n getDimensions($element: JQuery) {\r\n if (!$element)\r\n return null;\r\n const o = $element.offset();\r\n const r = {\r\n width: $element.width(),\r\n height: $element.height(),\r\n top: o.top,\r\n left: o.left\r\n } as common.IDimensions;\r\n return r;\r\n }\r\n\r\n escapeSimpleQuote(input: string) {\r\n const output = input.replace(/'/g, \"\\\\'\");\r\n return output;\r\n }\r\n\r\n appendValues(values?: object, obj?: object) {\r\n obj = obj || {};\r\n\r\n if (values)\r\n for (let k in values)\r\n if (values.hasOwnProperty(k))\r\n obj = this.appendValue(k, values[k], obj);\r\n\r\n return obj;\r\n }\r\n\r\n appendValue(key: string, value: any, obj?: object) {\r\n if (!obj) obj = {};\r\n\r\n if (!obj.hasOwnProperty(key) ||\r\n (\r\n !obj[key] &&\r\n obj[key] !== 0 &&\r\n obj[key] !== false\r\n ))\r\n obj[key] = value;\r\n\r\n return obj;\r\n }\r\n\r\n dequeueWithDelayBetweenItems(getter: () => TItem, onDequeue?: (item: TItem) => void, delayMs?: number) {\r\n const defaultDelayMs = 10;\r\n\r\n if (!getter)\r\n throw \"L'argument 'getter' est requis.\";\r\n\r\n const x = getter() || null;\r\n\r\n if (!x)\r\n return;\r\n\r\n if (onDequeue)\r\n onDequeue(x);\r\n\r\n const f = () => {\r\n this.dequeueWithDelayBetweenItems(getter, onDequeue, delayMs);\r\n };\r\n\r\n setTimeout(f, delayMs || defaultDelayMs);\r\n }\r\n\r\n errorToString(e: common.IError) {\r\n if (!e)\r\n return '';\r\n\r\n var m = (e.message || 'Erreur inconnue').trim();\r\n if (e.code)\r\n m += ' ({code})'.replace('{code}', e.code.toString());\r\n m += '.'\r\n return m;\r\n }\r\n\r\n errorsToString(errors?: common.IError[]) {\r\n var m = '';\r\n\r\n if (!errors)\r\n return m;\r\n\r\n for (let i = 0; i < errors.length; i++) {\r\n const e = errors[i];\r\n const s = this.errorToString(e);\r\n if (m && s)\r\n m += ' ';\r\n m += s;\r\n }\r\n\r\n return m;\r\n }\r\n\r\n hasProperty(thing: any, key: string) {\r\n return (thing as Object).hasOwnProperty(key)\r\n }\r\n\r\n makeFirstCharLower(text: string) {\r\n const r = text.charAt(0).toLowerCase() + text.slice(1);\r\n return r;\r\n }\r\n\r\n makeFirstCharUpper(text: string) {\r\n const r = text.charAt(0).toUpperCase() + text.slice(1);\r\n return r;\r\n }\r\n isNullOrWhitespaces(text: string) {\r\n return !text || text.match(/^ *$/) !== null;\r\n }\r\n isEmptyOrWhitespaces(text: string) {\r\n return text === '' || text.match(/^ *$/) !== null;\r\n }\r\n redirectAsMailTo(thisElement: Element, temporaryLinkTarget?: string, thisElementEmailCustomAttribute?: string) {\r\n temporaryLinkTarget = temporaryLinkTarget || '.fn--mailto';\r\n const $tempLink = this.getFirstElement(temporaryLinkTarget);\r\n if (!$tempLink.length) throw \"Aucun lien temporaire existe pour la cible '\" + temporaryLinkTarget + \"'.\";\r\n const element = $tempLink\r\n .attr('href', 'mailto:' + $(thisElement).attr(thisElementEmailCustomAttribute || 'data-email'))\r\n .on('click', e => {\r\n e.stopPropagation();\r\n })[0];\r\n element.click();\r\n }\r\n\r\n currentUrl() {\r\n return window.location.href.trim();\r\n }\r\n\r\n /**\r\n * Utilise lorsqu'employe dans l'attribut HTML \"onclick\" afin d'offrir le support du Ctl+Click vers un nouvel onglet.\r\n * Ex.: onclick=\"main.utilities.redirectOnClick(event, '/mon-url-d-amour')\"\r\n * */\r\n redirectOnClick(event: MouseEvent, url?: string) {\r\n const openInBlankPage = this.isCtlKeyPressed(event);\r\n this.redirect(url, openInBlankPage);\r\n return this;\r\n }\r\n\r\n /**\r\n * Utilise lorsqu'employe dans l'attribut HTML \"onclick\" afin d'offrir le support du Ctl+Click vers un nouvel onglet.\r\n * Ex.: onclick=\"main.utilities.redirectWithDelayOnClick(event, '/mon-url-d-amour', 500)\"\r\n * */\r\n redirectWithDelayOnClick(event: MouseEvent, url?: string, delay?: number) {\r\n const openInBlankPage = this.isCtlKeyPressed(event);\r\n this.redirectWithDelay(url, delay, openInBlankPage);\r\n return this;\r\n }\r\n\r\n redirect(url?: string, openInBlankPage?: boolean) {\r\n //Ajouter delay de 5ms pour IE11\r\n const delay = this.isIe() ? 5 : 0;\r\n\r\n this.redirectWithDelay(url, delay, openInBlankPage);\r\n return this;\r\n }\r\n\r\n refreshWithDelay(delay?: number) {\r\n return this.redirectWithDelay(null, delay);\r\n }\r\n\r\n redirectWithDelay(url?: string, delay?: number, openInBlankPage?: boolean) {\r\n url = url || window.location.href;\r\n delay = delay || delay === 0 ? delay : 5;\r\n openInBlankPage = openInBlankPage === true;\r\n const f = () => {\r\n if (openInBlankPage) {\r\n window.open(url, '_blank');\r\n return;\r\n }\r\n //window.location = url as any;//Note: avant Inca\r\n const i = url.indexOf('#');\r\n if (i >= 0)\r\n url = url.substring(0, i);\r\n window.location.href = url;\r\n };\r\n if (delay)\r\n setTimeout(f, delay);\r\n else\r\n f();\r\n return this;\r\n }\r\n\r\n refresh() {\r\n return this.redirect();\r\n }\r\n redirectWithOptions(url?: string, options?: common.urlOptions[]) {\r\n options = options ?? [];\r\n var openInBlankPage = false;\r\n for (let i = 0; i < options.length; i++) {\r\n const o = options[i];\r\n if (o && o.toLowerCase() === common.urlOptions.targetBlank.toLowerCase())\r\n openInBlankPage = true;\r\n }\r\n this.redirect(url, openInBlankPage);\r\n return true;\r\n }\r\n /** Retournera FALSE si la redirection n'au pas lieu. */\r\n autoRedirect(responseData: common.IHotEditableFormResponseData, previousPageUrl?: string) { \r\n var url = (responseData ?? {}).redirectUrl;\r\n if (!url)\r\n return false;\r\n if (responseData.forceRedirectOnDeleteAction)\r\n url = previousPageUrl || '/'; \r\n this.redirectWithOptions(url, responseData.redirectUrlOptions);\r\n return true;\r\n }\r\n\r\n isEmptySearchParameter(sp: common.ISearchParameters) {\r\n return this.isEmptySearchParametersPaging(sp) &&\r\n this.isEmptySearchParametersTerms(sp) &&\r\n this.isEmptySearchParametersFilters(sp) &&\r\n this.isEmptySearchParametersSorters(sp);\r\n }\r\n\r\n isEmptySearchParametersPaging(sp: common.ISearchParameters) {\r\n if (!sp)\r\n return true;\r\n\r\n return !sp.pageNumber && !sp.pageSize;// x == null || x <= 0\r\n }\r\n\r\n isEmptySearchParametersTerms(sp: common.ISearchParameters) {\r\n if (!sp)\r\n return true;\r\n\r\n if (sp.originalTerms)\r\n return false;\r\n\r\n if (sp.terms)\r\n for (let i = 0; i < sp.terms.length; i++) {\r\n const t = sp.terms[i];\r\n if (t)\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n isEmptySearchParametersFilters(sp: common.ISearchParameters) {\r\n if (!sp)\r\n return true;\r\n\r\n if (sp.filters)\r\n for (let i = 0; i < sp.filters.length; i++) {\r\n const f = sp.filters[i];\r\n if (f.values)\r\n for (let j = 0; j < f.values.length; j++)\r\n if (f.values[j])\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n isEmptySearchParametersSorters(sp: common.ISearchParameters) {\r\n if (!sp)\r\n return true;\r\n\r\n if (sp.sorters)\r\n for (let i = 0; i < sp.sorters.length; i++) {\r\n const s = sp.sorters[i];\r\n if (s.order && s.order !== common.SortOrderTypes.unset)\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n /** Deep copy */\r\n copySearchParameters(sp: common.ISearchParameters) {\r\n const copy = this.updateSearchParameters(null, sp);\r\n return copy;\r\n }\r\n\r\n isSameSearchParameters(sp1: common.ISearchParameters, sp2: common.ISearchParameters) {\r\n if (!sp1 && !sp2)\r\n return true;\r\n\r\n if (!sp1 || !sp2)\r\n return false;\r\n\r\n if ((sp1.pageNumber || 1) !== (sp2.pageNumber || 1))\r\n return false;\r\n\r\n if ((sp1.pageSize || 1) !== (sp2.pageSize || 1))\r\n return false;\r\n\r\n // clauses\r\n // if (sp1.termsClause !== sp2.termsClause)\r\n // return false;\r\n // if (sp1.termsMode !== sp2.termsMode)\r\n // return false;\r\n // if (sp1.filterValuesClause !== sp2.filterValuesClause)\r\n // return false;\r\n // if (sp1.filterGroupsClause !== sp2.filterGroupsClause)\r\n // return false;\r\n\r\n // termsSearchedFields\r\n // const termsSearchedFields1 = sp1.termsSearchedFields || [] as string[];\r\n // const termsSearchedFields2 = sp2.termsSearchedFields || [] as string[];\r\n // if (termsSearchedFields1.length !== termsSearchedFields2.length)\r\n // return false;\r\n // for (let i = 0; i < termsSearchedFields1.length; i++) {\r\n // const x1 = termsSearchedFields1[i];\r\n // var exists = false;\r\n // for (let j = 0; j < termsSearchedFields2.length; j++) {\r\n // const x2 = termsSearchedFields2[j];\r\n // if (x1 === x2) {\r\n // exists = true;\r\n // break;\r\n // }\r\n // }\r\n // if (!exists)\r\n // return false;\r\n // }\r\n\r\n // terms\r\n if (sp1.originalTerms !== sp2.originalTerms)\r\n return false;\r\n const terms1 = sp1.terms || [] as string[];\r\n const terms2 = sp2.terms || [] as string[];\r\n if (terms1.length !== terms2.length)\r\n return false;\r\n for (let i = 0; i < terms1.length; i++) {\r\n const x1 = terms1[i];\r\n var exists = false;\r\n for (let j = 0; j < terms2.length; j++) {\r\n const x2 = terms2[j];\r\n if (x1 === x2) {\r\n exists = true;\r\n break;\r\n }\r\n }\r\n if (!exists)\r\n return false;\r\n }\r\n\r\n // filters\r\n const filters1 = sp1.filters || [] as common.ISearchFilter[];\r\n const filters2 = sp2.filters || [] as common.ISearchFilter[];\r\n if (filters1.length !== filters2.length)\r\n return false;\r\n for (let i = 0; i < filters1.length; i++) {\r\n const x1 = filters1[i];\r\n const v1 = x1.values || [] as string[];\r\n var exists = false;\r\n for (let j = 0; j < filters2.length; j++) {\r\n const x2 = filters2[j];\r\n if (x1.fieldName === x2.fieldName) {\r\n const v2 = x2.values || [] as string[];\r\n if (v1.length != v2.length)\r\n return false;\r\n for (let ii = 0; ii < v1.length; ii++) {\r\n var exists2 = false;\r\n for (let jj = 0; jj < v2.length; jj++)\r\n if (v1[ii] === v2[jj]) {\r\n exists2 = true;\r\n break;\r\n }\r\n if (!exists2)\r\n return false;\r\n }\r\n exists = true;\r\n break;\r\n }\r\n }\r\n if (!exists)\r\n return false;\r\n }\r\n\r\n // sorters\r\n const sorters1 = sp1.sorters || [] as common.ISearchSorter[];\r\n const sorters2 = sp2.sorters || [] as common.ISearchSorter[];\r\n if (sorters1.length !== sorters2.length)\r\n return false;\r\n for (let i = 0; i < sorters1.length; i++) {\r\n const x1 = sorters1[i];\r\n const o1 = x1.order || '';\r\n var exists = false;\r\n for (let j = 0; j < sorters2.length; j++) {\r\n const x2 = sorters2[j];\r\n const o2 = x2.order || '';\r\n if (o1 === o2) {\r\n exists = true;\r\n break;\r\n }\r\n }\r\n if (!exists)\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n /** Permet de mettre a jour la 'destination' a partir de la 'source' */\r\n updateSearchParameters(destination: common.ISearchParameters, source: common.ISearchParameters) {\r\n destination = destination || {} as common.ISearchParameters;\r\n source = source || {} as common.ISearchParameters;\r\n\r\n this.updateSearchParametersPaging(destination, source);\r\n this.updateSearchParametersTerms(destination, source);\r\n this.updateSearchParametersFilters(destination, source);\r\n this.updateSearchParametersSorters(destination, source);\r\n\r\n return destination;\r\n }\r\n\r\n /** Permet de mettre a jour la 'destination' a partir de la 'source' */\r\n updateSearchParametersPaging(destination: common.ISearchParameters, source: common.ISearchParameters) {\r\n destination = destination || {} as common.ISearchParameters;\r\n source = source || {} as common.ISearchParameters;\r\n\r\n destination.pageSize = source.pageSize;\r\n destination.pageNumber = source.pageNumber;\r\n }\r\n\r\n /** Permet de mettre a jour la 'destination' a partir de la 'source' */\r\n updateSearchParametersTerms(destination: common.ISearchParameters, source: common.ISearchParameters) {\r\n destination = destination || {} as common.ISearchParameters;\r\n source = source || {} as common.ISearchParameters;\r\n\r\n destination.termsClause = source.termsClause;\r\n destination.termsMode = source.termsMode;\r\n destination.originalTerms = source.originalTerms;\r\n\r\n // termsSearchedFields ==========================\r\n if (source.termsSearchedFields) {\r\n destination.termsSearchedFields = [];\r\n for (let i = 0; i < source.termsSearchedFields.length; i++)\r\n destination.termsSearchedFields[i] = source.termsSearchedFields[i];\r\n }\r\n else {\r\n destination.termsSearchedFields = null;\r\n }\r\n\r\n // terms =========================================\r\n if (source.terms) {\r\n destination.terms = [];\r\n for (let i = 0; i < source.terms.length; i++)\r\n destination.terms[i] = source.terms[i];\r\n }\r\n else {\r\n destination.terms = null;\r\n }\r\n\r\n return destination;\r\n }\r\n\r\n /** Permet de mettre a jour la 'destination' a partir de la 'source' */\r\n updateSearchParametersFilters(destination: common.ISearchParameters, source: common.ISearchParameters,) {\r\n destination = destination || {} as common.ISearchParameters;\r\n source = source || {} as common.ISearchParameters;\r\n\r\n destination.filterGroupsClause = source.filterGroupsClause;\r\n destination.filterValuesClause = source.filterValuesClause;\r\n\r\n // filters ======================================\r\n if (source.filters) {\r\n destination.filters = [];\r\n for (let i = 0; i < source.filters.length; i++) {\r\n let f = source.filters[i];\r\n destination.filters[i] = {\r\n fieldName: f.fieldName\r\n } as common.ISearchFilter;\r\n if (f.values) {\r\n destination.filters[i].values = [];\r\n for (let j = 0; j < f.values.length; j++)\r\n destination.filters[i].values[j] = f.values[j];\r\n } else {\r\n destination.filters[i].values = null;\r\n }\r\n }\r\n }\r\n else {\r\n destination.filters = null;\r\n }\r\n\r\n return destination;\r\n }\r\n\r\n /** Permet de mettre a jour la 'destination' a partir de la 'source' */\r\n updateSearchParametersSorters(destination: common.ISearchParameters, source: common.ISearchParameters) {\r\n destination = destination || {} as common.ISearchParameters;\r\n source = source || {} as common.ISearchParameters;\r\n\r\n // sorters =======================================\r\n if (source.sorters) {\r\n destination.sorters = [];\r\n for (let i = 0; i < source.sorters.length; i++) {\r\n let s = source.sorters[i];\r\n destination.sorters[i] = {\r\n fieldName: s.fieldName,\r\n order: s.order,\r\n sorterType: s.sorterType\r\n } as common.ISearchSorter;\r\n }\r\n }\r\n else {\r\n destination.sorters = null;\r\n }\r\n\r\n return destination;\r\n }\r\n /** Permet d'ajouter des filtres a des search parameters */\r\n appendSearchParametersFilters(sp: common.ISearchParameters, filters: common.ISearchFilter[]) {\r\n sp = sp || {} as common.ISearchParameters;\r\n sp.filters = sp.filters ?? [] as common.ISearchFilter[];\r\n filters = filters || [] as common.ISearchFilter[];\r\n\r\n var getFilterByName = (name: string) => {\r\n for (let i = 0; i < sp.filters.length; i++) {\r\n const f = sp.filters[i];\r\n if (f.fieldName === name)\r\n return f;\r\n }\r\n return null;\r\n };\r\n\r\n for (let i = 0; i < filters.length; i++) {\r\n const f = filters[i];\r\n var existing = getFilterByName(f.fieldName);\r\n if (!existing) {\r\n existing = {\r\n fieldName: f.fieldName,\r\n values: []\r\n } as common.ISearchFilter;\r\n sp.filters.push(existing);\r\n }\r\n for (let j = 0; j < (f.values || []).length; j++)\r\n existing.values.push(f.values[j]);//copy\r\n }\r\n return sp;\r\n }\r\n\r\n buildUrlFromFormat(urlFormat?: string, placeholderValuePairsArray?: any[]) {\r\n if (!placeholderValuePairsArray) placeholderValuePairsArray = [];\r\n\r\n var url = urlFormat || '';\r\n\r\n for (let i = 0; i < placeholderValuePairsArray.length; i++) {\r\n const pair = placeholderValuePairsArray[i];\r\n url = (url as any).replace(pair.key, pair.value);\r\n }\r\n\r\n return url;\r\n }\r\n\r\n contains(value: string, searchedValue: string) {\r\n return value.indexOf(searchedValue) > -1;\r\n }\r\n\r\n // preventEnter() {\r\n // return !(window.event && (window.event as KeyboardEvent).keyCode === Utilities.keyCodes.enter);\r\n // }\r\n\r\n removeAllQuerStringDelimiter(string: string, replaceWithSpace: boolean) {\r\n return string.replace(/[\\?\\&]/g, replaceWithSpace ? ' ' : '');\r\n }\r\n\r\n initializeClickButtonOnEnter(settings: any) {\r\n if (!settings) throw \"[UPA] settings cannot be null\";\r\n if (!settings.textFieldTarget) return;\r\n if (!settings.buttonTarget) return;\r\n\r\n const textFields = $(settings.textFieldTarget);\r\n\r\n if (!textFields) return;\r\n\r\n const buttons = $(settings.buttonTarget);\r\n\r\n if (!buttons) return;\r\n\r\n this.clickButtonOnEnter(textFields.first(), buttons.first());\r\n }\r\n\r\n clickButtonOnEnterFromTargets(fieldsTarget: string, buttonTarget: string) {\r\n if (!fieldsTarget || !buttonTarget) return;\r\n const $f = $(fieldsTarget);\r\n const $b = $(buttonTarget);\r\n this.clickButtonOnEnter($f, $b);\r\n }\r\n\r\n clickButtonOnEnter($fields: JQuery, $button: JQuery) {\r\n if (!$fields || !$fields.length || !$button || !$button.length) return;\r\n $fields.on('keydown', (e: any) => {\r\n if (e.keyCode !== Utilities.keyCodes.enter) return;\r\n\r\n e.preventDefault();\r\n\r\n if (!$button) return;\r\n $button.trigger('click');\r\n });\r\n }\r\n\r\n initializeClickButtonOnChange(settings: any) {\r\n if (!settings) throw \"[UPA] settings cannot be null\";\r\n if (!settings.selectsTarget) return;\r\n if (!settings.buttonTarget) return;\r\n\r\n const selects = $(settings.selectsTarget);\r\n\r\n if (!selects) return;\r\n\r\n const buttons = $(settings.buttonTarget);\r\n\r\n if (!buttons) return;\r\n\r\n this.clickButtonOnChange(selects, buttons.first());\r\n }\r\n\r\n clickButtonOnChange($selectElements: JQuery, $buttonElement: JQuery) {\r\n //ready for Select2.\r\n $selectElements.on('change',\r\n e => {\r\n if (!$buttonElement) return;\r\n\r\n $buttonElement.trigger('click');\r\n\r\n e.preventDefault();\r\n });\r\n }\r\n\r\n\r\n isNullOrUndefined(obj: Object) {\r\n return (typeof obj === 'undefined' || obj === null);\r\n }\r\n\r\n getElements(target: String) {\r\n const $elements = $(target as any);\r\n return $elements && $elements.length ? $elements : null;\r\n }\r\n\r\n getFirstElement(target: String) {\r\n const $elements = this.getElements(target);\r\n if (!$elements || !$elements.length) return null;\r\n return $elements.first() || null;\r\n }\r\n\r\n getData($element: JQuery, key: string) {\r\n if (!$element || !key) return null;\r\n return $element.data(key);\r\n }\r\n\r\n setData($element: JQuery, key: string, value: any) {\r\n if (!$element || !key) return null;\r\n return $element.data(key, value);\r\n }\r\n\r\n isEmptyObject(obj: Object) {\r\n return (Object.keys(obj || {}).length > 0);\r\n }\r\n\r\n getBodyElement() {\r\n if (this._body !== null) return this._body;\r\n\r\n const element = document.getElementById(Utilities.ids.mainBody);\r\n\r\n if (!element) throw ('[UPA] The body must have an id with a value \"' + Utilities.ids.mainBody + '\".');\r\n\r\n this._body = $(element);\r\n\r\n return this._body;\r\n }\r\n\r\n addDisabledAttribute($element: JQuery) {\r\n $element.attr(Utilities.attributes.disabled, Utilities.attributes.disabled);\r\n }\r\n\r\n removeDisabledAttribute($element: JQuery) {\r\n $element.removeAttr(Utilities.attributes.disabled);\r\n }\r\n\r\n\r\n getFilesFromInput(element: HTMLInputElement, maxFiles?: number, maxSizeMb?: number) {\r\n if (!element)\r\n throw \"L'argument 'element:HTMLInputElement' est NULL.\";\r\n maxFiles = maxFiles || context.upload.defaultMaxFiles;\r\n const maxSize = (maxSizeMb || context.upload.defaultMaxFileSizeMb) * 1024 * 1024;\r\n const results = {\r\n files: [],\r\n hasMaxFilesError: false,\r\n hasMaxFileSizeMbErrors: false,\r\n maxFilesErrorMessage: null,\r\n maxFileSizeMbErrorMessages: []\r\n } as common.IValidatedFiles;\r\n if (element.files.length > maxFiles) {\r\n results.hasMaxFilesError = true;\r\n results.maxFilesErrorMessage = \"Le nombre maximum de fichiers est \" + maxFiles + \".\";\r\n return results;\r\n }\r\n for (let i = 0; i < element.files.length; i++) {\r\n const file = element.files[i];\r\n if (!file || !file.size) {\r\n results.hasMaxFileSizeMbErrors = true;\r\n results.maxFileSizeMbErrorMessages.push(\"Le fichier '\" + file.name + \"' est vide.\");\r\n continue;\r\n };\r\n if (maxSize && file.size > maxSize) {\r\n results.hasMaxFileSizeMbErrors = true;\r\n results.maxFileSizeMbErrorMessages.push(\"Le fichier '\" + file.name + \"' est trop volumineux. La taille maximale est de \" + maxSizeMb + \"Mb.\");\r\n continue;\r\n }\r\n results.files.push(file);\r\n }\r\n return results;\r\n }\r\n /** OBSOLETE: Methode conservee pour la retrocompatibilite. Utiliser 'utilities.getFilesFromInput(...)' lorsque possible.\r\n //NOTE: Le champ cible par le 'fieldId' doit etre un input[type=file] */\r\n getFiles(fieldId: string, errorMessagesAggregator: string[], maxFiles?: number, maxSizeMb?: number) {\r\n const element = window.document.getElementById(fieldId) as HTMLInputElement;\r\n const r = this.getFilesFromInput(element, maxFiles, maxSizeMb);\r\n if (r.hasMaxFilesError)\r\n errorMessagesAggregator.push(r.maxFilesErrorMessage);\r\n if (r.hasMaxFileSizeMbErrors)\r\n for (let i = 0; i < (r.maxFileSizeMbErrorMessages || []).length; i++)\r\n errorMessagesAggregator.push(r.maxFileSizeMbErrorMessages[i]);\r\n return r.files;\r\n }\r\n\r\n screenIsPhone() {\r\n const w = this.getScreenWidth();\r\n return w <= this.config.screenBreakPoints.phone;\r\n }\r\n\r\n getScreenWidth() {\r\n return this.getBodyElement().width();\r\n }\r\n\r\n screenIsTablet() {\r\n const w = this.getScreenWidth();\r\n return w > this.config.screenBreakPoints.phone && w <= this.config.screenBreakPoints.tablet;\r\n }\r\n\r\n screenIsDesktop() {\r\n const w = this.getScreenWidth();\r\n return w > this.config.screenBreakPoints.tablet;\r\n }\r\n\r\n isIe() {\r\n return this.isIe10OrLess() || this.isIe11();\r\n }\r\n\r\n isIe10OrLess() {\r\n return this.testUserAgent(\"MSIE\");\r\n }\r\n\r\n isIe11() {\r\n return this.testUserAgent(\"Trident\");\r\n }\r\n\r\n isEdge() {\r\n return this.testUserAgent(\"Edge\");\r\n }\r\n\r\n isCrappyBrowser() {\r\n return this.isIe() || this.isIe10OrLess() || this.isEdge() || this.isSafari();\r\n }\r\n\r\n isFireFox() {\r\n return this.testUserAgent(\"Firefox\");\r\n }\r\n\r\n isSafari() {\r\n const result = /Safari/.test(this.getUserAgent()) && /Apple Computer/.test(this.getVendor());\r\n return result;\r\n }\r\n\r\n isMobileDevice() {\r\n return /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(this.getUserAgent(true));\r\n }\r\n\r\n testUserAgent(text: string) {\r\n if (!text) return false;\r\n const ua = this.getUserAgent(true);\r\n const result = ua.indexOf(text.toLowerCase());\r\n return result >= 0;\r\n }\r\n\r\n getUserAgent(lowerCase?: boolean) {\r\n lowerCase = lowerCase === true;\r\n const value = window.navigator.userAgent;\r\n return lowerCase ? value.toLowerCase() : value;\r\n }\r\n\r\n getVendor(lowerCase?: boolean) {\r\n lowerCase = lowerCase === true;\r\n const value = window.navigator.vendor;\r\n return lowerCase ? value.toLowerCase() : value;\r\n }\r\n\r\n resetInputFile = ($inputFile: JQuery, preserveEvent?: boolean) => {\r\n const $clone = $inputFile.val('').clone(preserveEvent === true);\r\n $inputFile.replaceWith($clone);\r\n return $clone;\r\n };\r\n\r\n encode(value: string) {\r\n const encoded = encodeURIComponent(value || '')\r\n .replace(/\\+/g, '%2B')\r\n .replace(/\\*/g, '%2A')\r\n .replace(/\\@/g, '%21')\r\n .replace(/\\'/g, '%27')\r\n .replace(/\\(/g, '%28')\r\n .replace(/\\)/g, '%29')\r\n .replace(/\\~/g, '%7E');\r\n\r\n return encoded;\r\n }\r\n\r\n topOffset() {\r\n return $(window.document).scrollTop();\r\n }\r\n\r\n scrollToTop(animationDuration?: number, target?: string, easing?: string, callback?: () => void) {\r\n this.goTo(0, animationDuration, target, easing, callback);\r\n }\r\n\r\n scrollTo($element: JQuery, animationDuration?: number, target?: string, offset?: number, easing?: string, callback?: () => void) {\r\n var y = $element.first().offset().top;\r\n y += offset || 0;\r\n this.goTo(y, animationDuration, target, easing, callback);\r\n }\r\n\r\n goTo(y: number, animationDuration?: number, target?: string, easing?: string, callback?: () => void) {\r\n target = target || 'html, body';\r\n const min = 1;\r\n const d = Math.max(animationDuration || min, min);\r\n $(target).animate({\r\n scrollTop: y,\r\n duration: d,\r\n easing: easing || 'easeOutCubic',\r\n complete: callback\r\n } as any);\r\n }\r\n\r\n focus($element: JQuery, delay?: number) {\r\n const f = () => {\r\n $element.trigger('focus');\r\n };\r\n\r\n if (!delay || delay < 0)\r\n f();\r\n else\r\n setTimeout(f, delay);\r\n }\r\n\r\n asChecked($checkbox: JQuery, isChecked?: boolean) {\r\n const checked = 'checked';\r\n if (isChecked === false)\r\n $checkbox.removeAttr(checked);\r\n else\r\n $checkbox.attr(checked, checked);\r\n $checkbox.trigger('change');\r\n return this;\r\n }\r\n\r\n copyProperties(a: {}, b: {}) {\r\n a = a || {};\r\n b = b || {};\r\n for (let k in a) {\r\n if (a.hasOwnProperty(k))\r\n b[k] = a[k]\r\n }\r\n return this;\r\n }\r\n\r\n aggregate(a: any[], b: any[]) {\r\n if (!a) a = [];\r\n if (!b) b = [];\r\n for (let i = 0; i < b.length; i++)\r\n a.push(b[i]);\r\n return a;\r\n }\r\n\r\n messagesToErrors(messages: string[]) {\r\n const errors = [] as common.IError[];\r\n if (!messages) return errors;\r\n for (let i = 0; i < messages.length; i++) {\r\n const error = new core.Error(messages[i], null);\r\n errors.push(error);\r\n }\r\n return errors;\r\n }\r\n\r\n messagesToErrorObjects(messages: string[]) {\r\n const errors = this.messagesToErrors(messages);\r\n const objects = [] as {}[];\r\n for (let i = 0; i < errors.length; i++) {\r\n const e = errors[i] as common.IError;\r\n objects.push(e.toObject())\r\n }\r\n return objects;\r\n }\r\n\r\n updateBrowserUrl(url: string, updateAlsoHistory?: boolean) {\r\n const w = (window as any);\r\n const t = w.document.title;\r\n if (updateAlsoHistory === true)\r\n w.history.pushState({}, t, url);\r\n else\r\n w.history.replaceState({}, t, url);\r\n return this;\r\n }\r\n\r\n extractQueryString(url: string) {\r\n if (!url)\r\n return {};\r\n const parts = url.split('?');\r\n if (!parts.length)\r\n return {};\r\n const qs = parts[parts.length === 1 ? 0 : 1];\r\n const data = querystringify.parse(qs);\r\n return data || {};\r\n }\r\n /** Lancera une exception si le navigationContext y est absent ET que l'environnement est LOCAL | DEV. */\r\n navigationContextExistsInUrl(url: string) {\r\n const qs = this.extractQueryString(url);\r\n return qs && qs[context.url.parameters.navigationContext];\r\n }\r\n removeEntry(collection: Array, index: number) {\r\n if (!collection)\r\n return [];\r\n\r\n delete collection[index];\r\n\r\n if (index === 0)\r\n return collection.splice(1); //delete first item\r\n\r\n const firstPart = collection.splice(0, index);\r\n\r\n if (collection.length < 2)\r\n return firstPart;\r\n\r\n const secondPart = collection.splice(1, collection.length - 1);\r\n\r\n return firstPart.concat(secondPart);\r\n }\r\n\r\n initializeAllCheckboxes(config?: common.IInitializeAllCheckboxesConfig) {\r\n const _initializedInstances = [];\r\n const _config = config ||\r\n {\r\n rootTarget: null,\r\n modTarget: null,\r\n forceReinitAll: false,\r\n forceReinit: null,\r\n onChangeAction: null,\r\n onCheckAction: null,\r\n onPreInit: null,\r\n onInitCompleted: null\r\n } as common.IInitializeAllCheckboxesConfig;\r\n const _$root = _config.rootTarget ? $(_config.rootTarget) : $('body');\r\n const _$all = _$root.find(_config.modTarget || '.mod-checkbox');\r\n if (_config.forceReinitAll === true) {\r\n const hasRootTarget = _config.rootTarget && _config.rootTarget.length > 0;\r\n for (let i = 0; i < jsClasses.instances.checkboxes.length; i++) {\r\n const checkbox = jsClasses.instances.checkboxes[i];\r\n if (!hasRootTarget || isTargeted(checkbox)) {\r\n checkbox.dispose();\r\n jsClasses.instances.checkboxes = this.removeEntry(jsClasses.instances.checkboxes, i);\r\n i--;\r\n }\r\n }\r\n }\r\n for (let i = 0; i < _$all.length; i++) {\r\n const $e = $(_$all[i]).first();\r\n var alreadyInstanciated = false;\r\n var instance: any;\r\n for (let j = 0; j < jsClasses.instances.checkboxes.length; j++) {\r\n instance = jsClasses.instances.checkboxes[j];\r\n if (instance.$mod().first().is($e)) {\r\n alreadyInstanciated = true;\r\n if (_config.forceReinit) {\r\n if (_config.forceReinit(instance)) {\r\n instance.dispose();\r\n instance = null;\r\n jsClasses.instances.checkboxes.splice(j, 1);\r\n alreadyInstanciated = false;\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n if (alreadyInstanciated)\r\n continue;\r\n instance = new jsClasses.Checkbox($e[0]);\r\n if (_config.onPreInit) _config.onPreInit(instance);\r\n instance.init(_config.onChangeAction || null, _config.onCheckAction || null);\r\n if (_config.onInitCompleted) _config.onInitCompleted(instance);\r\n _initializedInstances.push(instance);\r\n }\r\n return _initializedInstances;\r\n\r\n function isTargeted(chx: any) {\r\n for (let i = 0; i < _$all.length; i++) {\r\n if ((_$all[i] as Element) === (chx.$mod()[0] as Element))\r\n return true;\r\n }\r\n return false;\r\n }\r\n }\r\n updateUrlParameter(url: string, parameterName: string, parameterValue: string) {\r\n if (!parameterName)\r\n return url || '';\r\n const params = {};\r\n params[parameterName] = parameterValue || '';\r\n return this.updateUrlParameters(url, params);\r\n }\r\n /** Parameters doit etre un object dont la cle est le ParameterName (string) et la valeur est le ParameterValue (string) */\r\n updateUrlParameters(url: string, parameters: {}) {\r\n url = url || '';\r\n if (!parameters)\r\n return url;\r\n const getParamValue = (name: string) => parameters[name] || parameters[name] === '' ? parameters[name] : null;\r\n var baseUrl: string;\r\n var query: string;\r\n if (url.indexOf('?') >= 0) {\r\n const urlParts = url.split('?');\r\n baseUrl = urlParts[0];\r\n query = urlParts[1] || '';\r\n }\r\n else {\r\n baseUrl = url;\r\n query = '';\r\n }\r\n const queryParts = query.split('&');\r\n const newParams = {};\r\n for (let i = 0; i < queryParts.length; i++) {\r\n const param = queryParts[i];\r\n var k: string;\r\n var v: string;\r\n if (param.indexOf('=') >= 0) {\r\n const paramParts = param.split('=');\r\n k = paramParts[0];\r\n v = paramParts[1] || '';\r\n }\r\n else {\r\n k = param;\r\n v = '';\r\n }\r\n const paramValueToUpdate = getParamValue(k);\r\n if (paramValueToUpdate !== null)\r\n v = paramValueToUpdate;\r\n newParams[k] = v;\r\n }\r\n for (let k in parameters)\r\n if (parameters.hasOwnProperty(k))\r\n if (!newParams[k] && newParams[k] !== '')\r\n newParams[k] = parameters[k];\r\n var newQuery = '';\r\n for (let k in newParams)\r\n if (newParams.hasOwnProperty(k)) {\r\n if (newQuery.length)\r\n newQuery += '&';\r\n newQuery += k + '=' + newParams[k];\r\n }\r\n\r\n const newUrl = newQuery ? baseUrl + '?' + newQuery : baseUrl;\r\n return newUrl;\r\n }\r\n\r\n //initializeAllRadiobuttons(config?: common.IInitializeAllRadiobuttonsConfig) {\r\n // var i;\r\n // var initializedInstances = [];\r\n // var _config = config ||\r\n // {\r\n // modTarget: null,\r\n // forceReinitAll: false,\r\n // forceReinit: null,\r\n // onChangeAction: null,\r\n // onPreInit: null,\r\n // onInitCompleted: null\r\n // } as common.IInitializeAllRadiobuttonsConfig;\r\n // if (_config.forceReinitAll === true) {\r\n // for (i = 0; i < jsClasses.instances.radiobuttons.length; i++)\r\n // jsClasses.instances.radiobuttons[i].dispose();\r\n // jsClasses.instances.radiobuttons[i] = null;\r\n // jsClasses.instances.radiobuttons = [];\r\n // }\r\n // var $all = $(_config.modTarget || '.mod-radiobutton');\r\n // for (i = 0; i < $all.length; i++) {\r\n // var $e = $($all[i]);\r\n // var instance: any;\r\n // var alreadyInstanciated = false;\r\n // for (var j = 0; j < jsClasses.instances.radiobuttons.length; j++) {\r\n // instance = jsClasses.instances.radiobuttons[j];\r\n // if (instance.$mod().is($e)) {\r\n // alreadyInstanciated = true;\r\n // if (_config.forceReinit)\r\n // if (_config.forceReinit(instance)) {\r\n // instance.dispose();\r\n // instance = null;\r\n // jsClasses.instances.radiobuttons.splice(j, 1);\r\n // alreadyInstanciated = false;\r\n // }\r\n // break;\r\n // }\r\n // }\r\n // if (alreadyInstanciated)\r\n // continue;\r\n // instance = new jsClasses.Radiobutton($e[0]);\r\n // if (_config.onPreInit) _config.onPreInit(instance);\r\n // instance.init(_config.onChangeAction || null);\r\n // if (_config.onInitCompleted) _config.onInitCompleted(instance);\r\n // initializedInstances.push(instance);\r\n // }\r\n\r\n // //$(_config.modTarget || '.mod-radiobutton')\r\n // // .each(function () {\r\n // // var $this = $(this);\r\n // // var instance;\r\n // // var alreadyInstanciated = false;\r\n // // for (i = 0; i < jsClasses.instances.radiobuttons.length; i++) {\r\n // // instance = jsClasses.instances.radiobuttons[i];\r\n // // if (instance.$mod().is($this)) {\r\n // // alreadyInstanciated = true;\r\n // // if (_config.forceReinit) {\r\n // // if (_config.forceReinit(instance)) {\r\n // // instance.dispose();\r\n // // instance = null;\r\n // // jsClasses.instances.radiobuttons.splice(i, 1);\r\n // // alreadyInstanciated = false;\r\n // // }\r\n // // }\r\n // // break;\r\n // // }\r\n // // }\r\n // // if (alreadyInstanciated) return;\r\n // // instance = new jsClasses.Radiobutton(this);\r\n // // if (_config.onPreInit) _config.onPreInit(instance);\r\n // // instance.init(_config.onChangeAction || null);\r\n // // if (_config.onInitCompleted) _config.onInitCompleted(instance);\r\n // // initializedInstances.push(instance);\r\n // // });\r\n // return initializedInstances;\r\n //}\r\n\r\n // initializeBoxCollapsor($root?: JQuery, configuration?: common.IInitializeBoxCollapsorConfig) {\r\n // configuration = configuration ||\r\n // {\r\n // modTarget: null,\r\n // buttonTarget: null,\r\n // boxTarget: null,\r\n // buttonAltTarget: null,\r\n // buttonIsOutside: null,\r\n // buttonAltIsOutside: null,\r\n // onChangeState: null\r\n // } as common.IInitializeBoxCollapsorConfig;\r\n\r\n // const modTarget = configuration.modTarget || '.mod-box-collapsor';\r\n // const boxTarget = configuration.boxTarget || '.mbcol-content';\r\n // const buttonTarget = configuration.buttonTarget || '.mbcol-button';\r\n // const buttonAltTarget = configuration.buttonAltTarget || null;\r\n // //ATTENTION : Si config.buttonIsOutside / config.buttonAltIsOutside est TRUE, le config.modTarget doit être spécific (utiliser un ID).\r\n // const buttonIsOutside = configuration.buttonIsOutside === true;\r\n // const buttonAltIsOutside = configuration.buttonAltIsOutside === true;\r\n // const stateAttrName = 'collapsor-state';\r\n // const bypassAttrName = 'collapsor-bypass';\r\n // const states = {\r\n // opened: 'opened',\r\n // closed: 'closed'\r\n // };\r\n\r\n // const $all = getMod();\r\n // for (let i = 0; i < $all.length; i++) {\r\n // const $m = $($all[i] as any);\r\n // if (isBypassed($m))\r\n // continue;\r\n // const $b = retrieveButton($m);\r\n // const $ba = retrieveButtonAlt($m);\r\n // const existingState = $b.attr(stateAttrName) || null;\r\n // setState($b, $m, existingState === states.opened ? states.closed : states.opened);\r\n // toggle($m, $b);\r\n // setupButton($b,\r\n // $this => {\r\n // var $thisMod = retrieveMod($this, buttonIsOutside);\r\n // toggle($thisMod, $this);\r\n // });\r\n // if ($ba)\r\n // setupButton($ba,\r\n // $this => {\r\n // const $thisMod = retrieveMod($this, buttonAltIsOutside);\r\n // const $thisButton = retrieveButton($thisMod);\r\n // toggle($thisMod, $thisButton);\r\n // });\r\n // }\r\n\r\n // return $all;\r\n\r\n // function setupButton($button: JQuery, onClick: ($thisButton: JQuery) => void) {\r\n // return $button\r\n // .css('cursor', 'pointer')\r\n // .unbind('click')\r\n // .bind('click',\r\n // e => {\r\n // const $this = $(e.currentTarget);\r\n // onClick($this);\r\n // });\r\n // }\r\n\r\n // function isBypassed($mod: JQuery) {\r\n // return $mod.attr(bypassAttrName) === 'true';\r\n // }\r\n\r\n // function getMod() {\r\n // return $root ? $root.find(modTarget) : $(modTarget);\r\n // }\r\n\r\n // function getState($button: JQuery) {\r\n // return $button.attr(stateAttrName) === states.opened\r\n // ? states.opened\r\n // : states.closed;\r\n // }\r\n\r\n // function setState($button: JQuery, $mod: JQuery, state: string) {\r\n // $mod.attr(stateAttrName, state);\r\n // $button\r\n // .attr(stateAttrName, state)\r\n // .removeClass(states.opened)\r\n // .removeClass(states.closed)\r\n // .addClass(state);\r\n // }\r\n\r\n // function toggle($mod: JQuery, $button: JQuery) {\r\n // const currentState = getState($button);\r\n // const newState = currentState === states.closed ? states.opened : states.closed;\r\n // const $box = $mod.find(boxTarget);\r\n // if (newState === states.opened)\r\n // $box.show();\r\n // else\r\n // $box.hide();\r\n // setState($button, $mod, newState);\r\n // if (configuration.onChangeState)\r\n // configuration.onChangeState(newState, $mod, $box, $button);\r\n // }\r\n\r\n // function retrieveMod($this: JQuery, isOutside: boolean) {\r\n // return isOutside\r\n // ? getMod()\r\n // : $this.closest(modTarget);\r\n // }\r\n\r\n // function retrieveButton($mod: JQuery) {\r\n // if (!buttonTarget)\r\n // return null;\r\n // if (buttonIsOutside)\r\n // return $root ? $root.find(buttonTarget) : $(buttonTarget);\r\n // return $mod.find(buttonTarget);\r\n // }\r\n\r\n // function retrieveButtonAlt($mod: JQuery) {\r\n // if (!buttonAltTarget)\r\n // return null;\r\n // if (buttonAltIsOutside)\r\n // return $root ? $root.find(buttonAltTarget) : $(buttonAltTarget);\r\n // return $mod.find(buttonAltTarget);\r\n // }\r\n // }\r\n\r\n // initializeItemsCollapsor($root?: JQuery,\r\n // forceReinit?: boolean,\r\n // onPreInit?: ($module: JQuery) => void,\r\n // onChange?: ($module: JQuery, isExpanded: boolean) => void) {\r\n // const defaultThreshold = 5;\r\n // const rootTarget = '[collapsor]';\r\n // const modCssClass = 'mod-items-collapsor';\r\n // const isExpandedCssClass = 'expanded';\r\n // const isHiddenCssClass = 'hidden';\r\n // const linkHtml =\r\n // '';\r\n // const linkCssClassVariants = { more: 'more', less: 'less' };\r\n\r\n // forceReinit = forceReinit !== false;\r\n\r\n // const $all = $root ? $root.find(rootTarget) : $(rootTarget);\r\n\r\n // const isExpanded = ($r: JQuery): boolean => {\r\n // return $r.hasClass(isExpandedCssClass);\r\n // };\r\n // const getItems = ($r: JQuery): JQuery => {\r\n // return $r.find('[collapsor-item]');\r\n // };\r\n // const getLink = ($r: JQuery): JQuery => {\r\n // return $r.find('[collapsor-link]');\r\n // };\r\n // const getThresh = ($r: JQuery): number => {\r\n // return parseInt($r.attr('collapsor-threshold') || defaultThreshold.toString());\r\n // };\r\n // const collapse = ($r: JQuery): JQuery => {\r\n // const text = $r.attr('collapsor-more') || 'Plus';\r\n // const threshold = getThresh($r);\r\n // const $link = getLink($r);\r\n // const $items = getItems($r);\r\n // for (let n = 0; n < $items.length; n++) {\r\n // const $i = $($items[n] as any);\r\n // if (n < threshold)\r\n // $i.show();\r\n // else\r\n // $i.hide();\r\n // }\r\n // $r.removeClass(isExpandedCssClass);\r\n // $link\r\n // .removeClass(linkCssClassVariants.less)\r\n // .addClass(linkCssClassVariants.more)\r\n // .attr('title', text)\r\n // .find('.text')\r\n // .html(text);\r\n // return $items;\r\n // };\r\n // var expand = ($r: JQuery): JQuery => {\r\n // const text = $r.attr('collapsor-less') || 'Moins';\r\n // const $link = getLink($r);\r\n // const $items = getItems($r);\r\n // for (let n = 0; n < $items.length; n++) {\r\n // const $i = $($items[n] as any);\r\n // $i.show();\r\n // }\r\n // $r.addClass(isExpandedCssClass);\r\n // $link\r\n // .removeClass(linkCssClassVariants.more)\r\n // .addClass(linkCssClassVariants.less)\r\n // .attr('title', text)\r\n // .find('.text')\r\n // .html(text);\r\n // return $items;\r\n // };\r\n // for (let i = 0; i < $all.length; i++) {\r\n // const $m = $($all[i] as any);\r\n\r\n // if (onPreInit) onPreInit($m);\r\n\r\n // const isAlreadyInit = $m.hasClass(modCssClass);\r\n\r\n // if (isAlreadyInit) {\r\n // if (!forceReinit)\r\n // continue;\r\n\r\n // //reinitialization\r\n // $m.removeClass(modCssClass)\r\n // .removeClass(isExpandedCssClass)\r\n // .find('[collapsor-link]')\r\n // .remove();\r\n // }\r\n\r\n // const count = getItems($m).length;\r\n // const limit = getThresh($m) + 1;\r\n\r\n // if (count < limit)\r\n // continue;\r\n\r\n // $m.addClass(isHiddenCssClass).append($(linkHtml).on('click', e => {\r\n // e.preventDefault();\r\n // const $this = $(e.currentTarget as any);\r\n // const $r = $this.closest('[collapsor]');\r\n // const mustCollapse = isExpanded($r);\r\n // if (mustCollapse)\r\n // collapse($r);\r\n // else\r\n // expand($r);\r\n\r\n // if (onChange) onChange($r, !mustCollapse);\r\n // }));\r\n\r\n // //initialization\r\n // (($r: JQuery, isExpandedOnInit: boolean) => {\r\n // const $items = isExpandedOnInit ? expand($r) : collapse($r);\r\n // $r.addClass(modCssClass);\r\n // $items.parent().addClass('micol-items');\r\n // for (let j = 0; j < $items.length; j++) {\r\n // const $i = $($items[j] as any);\r\n // $i.addClass('micol-item');\r\n // }\r\n // if (onChange) onChange($r, isExpandedOnInit);\r\n // })($m, isExpanded($m));\r\n\r\n // $m.removeClass(isHiddenCssClass);\r\n // }\r\n // return $all;\r\n // }\r\n\r\n asString(obj: any) {\r\n var value: string;\r\n try {\r\n value = JSON.stringify(obj);\r\n } catch (e) {\r\n return null;\r\n }\r\n return value;\r\n }\r\n\r\n asObject(value: string) {\r\n var obj: any;\r\n try {\r\n obj = JSON.parse(value);\r\n } catch (e) {\r\n return null;\r\n }\r\n return obj;\r\n }\r\n\r\n formatDateFromString(stringDate: string, inputMomentFormat?: string, outputMomentFormat?: string, lang?: string) {\r\n const date = (inputMomentFormat ? moment(stringDate, inputMomentFormat) : moment(stringDate))._d;\r\n return this.formatDate(date, outputMomentFormat, lang);\r\n }\r\n\r\n formatNow(outputMomentFormat?: string, lang?: string) {\r\n const now = new Date();\r\n return this.formatDate(now, outputMomentFormat, lang);\r\n }\r\n\r\n formatDate(date: Date, outputMomentFormat?: string, lang?: string) {\r\n outputMomentFormat = outputMomentFormat || 'LLLL'; //default\r\n lang = lang || 'fr-ca';\r\n const formated = moment(date).locale(lang).format(outputMomentFormat);\r\n return formated;\r\n }\r\n\r\n showElementOnDropdownValueChange(dropdownTarget: string, value: string, elementTarget) {\r\n const $element = $(dropdownTarget).on('change', () => {\r\n udpate($element);\r\n });\r\n udpate($element);\r\n\r\n function udpate($e: JQuery) {\r\n const $o = $e.find('option:selected');\r\n const v = $o.val();\r\n const $p = $(elementTarget);\r\n if (v === value)\r\n $p.show();\r\n else\r\n $p.hide();\r\n }\r\n }\r\n\r\n showElementOnDropdownTitleChange(dropdownTarget: string, title: string, elementTarget) {\r\n const $element = $(dropdownTarget).on('change', () => {\r\n udpate($element);\r\n });\r\n udpate($element);\r\n\r\n function udpate($e: JQuery) {\r\n const $o = $e.find('option:selected');\r\n const t = $o.html().toLowerCase().trim();\r\n const $p = $(elementTarget);\r\n if (t === title.toLowerCase().trim())\r\n $p.show();\r\n else\r\n $p.hide();\r\n }\r\n }\r\n\r\n formatZipCode(zipCode: string) {\r\n if (!zipCode) return '';\r\n zipCode = zipCode.toUpperCase();\r\n if (zipCode.length !== 6) return zipCode;\r\n const formatedZipCode = zipCode.slice(0, 3) + ' ' + zipCode.slice(3, 6);\r\n return formatedZipCode;\r\n };\r\n\r\n onClick = {\r\n stopPropagation: (event: Event) => {\r\n event.stopPropagation();\r\n },\r\n preventDefault: (event: Event) => {\r\n event.preventDefault();\r\n },\r\n preventDefaultAndStopPropagation: (event: Event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n };\r\n\r\n initializeDropdownControls(settings: any) {\r\n settings = settings ||\r\n {\r\n configurations: [\r\n {\r\n collapsedPageContentTarget: '.mp-main',\r\n collapsedPageContentCssClass: 'collapsed',\r\n selectId: null,\r\n labelId: null,\r\n rootTarget: null,\r\n skinOptions: null,\r\n //animationOption: null,\r\n initializeOnCreation: true\r\n }\r\n ]\r\n };\r\n const configurations = settings.configurations || [];\r\n const instances = [];\r\n for (let i = 0; i < configurations.length; i++) {\r\n const d = new core.DropdownControl(configurations[i]);\r\n instances.push(d);\r\n }\r\n return instances;\r\n }\r\n\r\n initializeDynamicElements($root?: JQuery, inputEventName?: string) {\r\n /*\tDynamic element\r\n \r\n Noeuds HTML dynamiques dont la visibilité est tributaire de la valeur d'un champs de formulaire.\r\n \r\n Attributs :\r\n - dynamic-element (required) : identifie un element dynamique\r\n - dynamic-element--field-target (required) : identifie le selecteur du champ de formulaire dont la visibilité est tributaire\r\n - dynamic-element--field-value (required) : identifie la valeur que le champ de formulaire doit avoir afin de rendre visible l'element dynamique. Séparer les valeurs par l'opérateur '||' (ou), voir l'exemple ci-dessous.\r\n \r\n Paramêtres d'inititialization :\r\n - $root (optionel) : Element jquery qui scope l'initialisation (par défaut, sera le 'body')\r\n - inputEventName (optionel) : nom de l'événement écouté pour mettre à jour l'élément dynamique (par défaut, sera 'change').\r\n \r\n Utilisation :\r\n \r\n \r\n Visible seulement lorsque MonChamps vaut 'b' ou 'c'.
\r\n \r\n JS> utilities.initializeDynamicElements();\r\n */\r\n const dynamicElementAttribute = \"dynamic-element\";\r\n const dynamicElementFieldTargetAttribute = \"dynamic-element--field-target\";\r\n const dynamicElementFieldValueAttribute = \"dynamic-element--field-value\";\r\n const dynamicElementIdAttribute = \"dynamic-element--id\";\r\n const dynamicElementRefAttribute = \"dynamic-element--ref\";\r\n $root = $root || $('body') || [] as any;\r\n inputEventName = inputEventName || 'change';\r\n const $dynamicFields = $root.find('[' + dynamicElementAttribute + ']');\r\n const $targets = [];\r\n var $target: JQuery;\r\n for (let i = 0; i < $dynamicFields.length; i++) {\r\n const $dynamicField = $($dynamicFields[i] as any);\r\n const target = $dynamicField.attr(dynamicElementFieldTargetAttribute);\r\n\r\n if (!target)\r\n continue;\r\n\r\n $target = $($root.find(target)[0] as any);\r\n\r\n var guid = $target.attr(dynamicElementIdAttribute);\r\n\r\n if (!guid) {\r\n guid = this.createGuid();\r\n $target.attr(dynamicElementIdAttribute, guid);\r\n }\r\n\r\n $dynamicField.attr(dynamicElementRefAttribute, guid);\r\n\r\n if (isAlreadySetted($target))\r\n continue;\r\n\r\n $target.on(inputEventName, e => {\r\n const $this = $(e.currentTarget as any);\r\n onValueChange($this);\r\n });\r\n }\r\n\r\n for (let i = 0; i < $targets.length; i++) {\r\n $target = $($targets[i] as any);\r\n $target.trigger(inputEventName);\r\n }\r\n\r\n function isAlreadySetted($t: JQuery) {\r\n for (let j = 0; j < $targets.length; j++) {\r\n const $e = $($targets[j] as any);\r\n if ($e[0] === (($t as any)[0] as Element))\r\n return true;\r\n }\r\n $targets.push($t);\r\n return false;\r\n }\r\n\r\n function onValueChange($input: JQuery) {\r\n const g = $input.attr(dynamicElementIdAttribute);\r\n if (!g)\r\n throw \"Dynamic Field : Aucun GUID n'est associé au input.\";\r\n const selectedVal = $input.val() as string;\r\n const $df = $root.find('[' + dynamicElementRefAttribute + \"='\" + g + \"']\");\r\n\r\n for (let ii = 0; ii < $df.length; ii++) {\r\n const $e = $($df[ii] as any);\r\n const values = ($e.attr(dynamicElementFieldValueAttribute) || '').split(' || ');\r\n\r\n if (containsValue(selectedVal, values))\r\n $e.show();\r\n else\r\n $e.hide();\r\n }\r\n\r\n function containsValue(searchedValue: string, valueCollection?: Array) {\r\n if (!searchedValue)\r\n return false;\r\n valueCollection = valueCollection || [];\r\n for (let iii = 0; iii < valueCollection.length; iii++) {\r\n const v = valueCollection[iii];\r\n if (v === searchedValue)\r\n return true;\r\n }\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n ensureCustomDataIsValid(data?: common.IPostCustomData) {\r\n data = data || {};\r\n\r\n data.stringValues = data.stringValues || {};\r\n data.guidValues = data.guidValues || {};\r\n data.floatValues = data.floatValues || {};\r\n data.intValues = data.intValues || {};\r\n\r\n return data;\r\n }\r\n\r\n insertNavContextHiddenField(formName: string, navContextId: string) {\r\n const value = navContextId || '';\r\n return this.insertHiddenField(formName, \"navContext\", value, true);\r\n }\r\n\r\n insertConcurrencySumCheckHiddenField(formName: string, sumCheck: string) {\r\n const value = sumCheck || '';\r\n return this.insertHiddenField(formName, \"ConcurrencySumCheck\", value, true);\r\n }\r\n\r\n insertHiddenField(formName: string, fieldName: string, fieldValue?: string, updateValueIfExists?: boolean) {\r\n updateValueIfExists = updateValueIfExists === true;\r\n fieldValue = fieldValue || ''\r\n\r\n if (!formName || !fieldName)\r\n return false;\r\n\r\n const form = $(\"form[name='\" + formName + \"']\");\r\n\r\n if (!form)\r\n return false;\r\n\r\n const existingField = form.find(\"input[name='\" + fieldName + \"']\");\r\n\r\n if (existingField.length) {\r\n if (updateValueIfExists)\r\n existingField.first().val(fieldValue);\r\n return updateValueIfExists;\r\n }\r\n\r\n form.append('')\r\n\r\n return true;\r\n }\r\n replaceLineBreakByBrTag(value: string) {\r\n return (value || '').replace(/\\n/g, \"
\");\r\n }\r\n replaceBrTagByLineBreak(value: string) {\r\n return (value || '').replace(/
/g, \"\\n\");\r\n }\r\n /** Formats disponibles : \"N\" (numerique), vide (avec les tirets) */\r\n createGuid(format?: string) {\r\n const del = format === 'N' ? '' : '-';\r\n const s4 = () => Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);\r\n const newGuid = s4() + s4() + del + s4() + del + s4() + del + s4() + del + s4() + s4() + s4();\r\n return newGuid;\r\n }\r\n /** Si 'where' n'est pas defini, alors 'any()' retournera TRUE si au moins un element est defini. */\r\n any(coll: any[], where: (x: any) => boolean) {\r\n coll = coll ?? [];\r\n where = where ?? (x => !!x);\r\n for (let i = 0; i < coll.length; i++) {\r\n const x = coll[i];\r\n if (where(x))\r\n return true;\r\n }\r\n return false;\r\n }\r\n all(coll: any[], where: (x: any) => boolean) {\r\n coll = coll ?? [];\r\n where = where ?? (x => !!x);\r\n for (let i = 0; i < coll.length; i++) {\r\n const x = coll[i];\r\n if (!where(x))\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n /** supportEmptyValue: permet de copier du vide (default=TRUE), alertUserIfNotSupported: lancera une alert avec un message (default=FALSE), notSupportedMessage: message sur mesure (default=NULL) */\r\n copyToClipboard(text: string, supportEmptyValue?: boolean, alertUserIfNotSupported?: boolean, notSupportedMessage?: string) {\r\n text = (text || '').trim();\r\n supportEmptyValue = supportEmptyValue == true;//default=TRUE\r\n alertUserIfNotSupported = alertUserIfNotSupported !== false;//default=FALSE\r\n if (!text && !supportEmptyValue)\r\n return;\r\n if (!window.navigator || !window.navigator.clipboard || !window.navigator.clipboard.writeText) {\r\n if (alertUserIfNotSupported)\r\n alert(notSupportedMessage || \"Désolé, la copie dans le presse-papier n'est pas supportée sur le navigateur actuel.\");\r\n return;\r\n }\r\n //== https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText\r\n window.navigator.clipboard.writeText(text);\r\n return this;\r\n }\r\n\r\n elementExists(target: string) {\r\n return target ? $(target).length > 0 : false;\r\n }\r\n\r\n //initializeNavigation(panelTarget: string, menuTarget: string, config?: { }) {\r\n // config = (config || {}) as any;\r\n // if (!config[\"panel\"])\r\n // config[\"panel\"] = firstElementOrNull(panelTarget);\r\n // if (!config[\"menu\"])\r\n // config[\"menu\"] = firstElementOrNull(menuTarget);\r\n // if (!config[\"padding\"])\r\n // config[\"padding\"] = 250;\r\n // if (!config[\"tolerance\"])\r\n // config[\"tolerance\"] = 70;\r\n // var instance = new SlideOut(config);\r\n // return instance;\r\n // function firstElementOrNull(t:string) : Element {\r\n // var $e = $(t);\r\n // return $e.length ? $e[0] : null;\r\n // }\r\n //}\r\n\r\n serializeBag(bag: {}) {\r\n if (!bag) return null;\r\n const r = JSON.stringify(bag);\r\n return r;\r\n }\r\n\r\n disabledHotEditableButtonsByConfigurations(configurations: common.IHotFormDisabledButtonByDefaultFieldConfig[], formManager: HotEditableFormManager ) {\r\n for (let i = 0; i < (configurations || []).length; i++) {\r\n const c = configurations[i] || {} as common.IHotFormDisabledButtonByDefaultFieldConfig;\r\n const names = c.buttonNames || [];\r\n if (!!c.buttonName)\r\n names.push(c.buttonName);\r\n const buttons = [] as HotEditableButtonComponent[];\r\n var buttonNames = '';\r\n for (let j = 0; j < names.length; j++) {\r\n const name = names[j];\r\n const button = name ? formManager.getButtonByName(name) : null;\r\n if (!button) continue;\r\n if (!!buttonNames)\r\n buttonNames += \"|\";\r\n buttonNames += name;\r\n buttons.push(button);\r\n }\r\n if (!buttons.length) continue;\r\n const fields = c.fields || [];\r\n if (c.field)\r\n fields.push(c.field);\r\n if (!fields.length) throw \"Référence(s) invalide(s) (buttonNames='\" + buttonNames + \"').\";\r\n const results = [] as boolean[];\r\n for (let j = 0; j < fields.length; j++) { \r\n const ref = fields[j];\r\n if (!ref.name) throw \"La référence est mal configurée (buttonNames='\" + buttonNames + \"', fieldRef.name='\" + ref.name + \"').\";\r\n if (!ref.condition) throw \"La référence a une condition NULL (buttonNames='\" + buttonNames + \"', fieldRef.name='\" + ref.name + \"').\";\r\n const field = formManager.getFieldByName(ref.name);\r\n if (field) {\r\n const value = field.getTextualValue();\r\n const result = ref.condition((value || '').trim(), value, field.fieldType);\r\n results.push(result);\r\n }\r\n }\r\n var clauseIsAnd = c.fieldsConditionalClause === common.ConditionalClauses.and;\r\n var result = clauseIsAnd\r\n ? this.all(results, x => x)\r\n : this.any(results, x => x);\r\n \r\n //var result = clauseIsAnd;\r\n // for (let j = 0; j < results.length; j++) {\r\n // const r = results[j];\r\n // if (result === null)\r\n // result = r;\r\n // else\r\n // result = clauseIsAnd ? result && r : result || r;\r\n // }\r\n for (let j = 0; j < buttons.length; j++) {\r\n const button = buttons[j];\r\n if (button.disabled !== result)\r\n button.isDisabled(result);\r\n }\r\n }\r\n }\r\n extractFormData(formTarget: string) {\r\n return !!formTarget ? new FormData($(formTarget)[0] as HTMLFormElement) : new FormData();\r\n }\r\n}\r\n\r\nexport = new Utilities();","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\"\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass DonneesReferentiellesVue extends Vue implements IHotEditableFormParentVue {\r\n\r\n $initialData: any;\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n isVisibleToggleButton = false;\r\n\r\n // Fonction système exécutée automatiquement AVANT le constructeur (!!!)\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, false, rootId).loadComponentsFromParent(this);\r\n\r\n this.$options.el = '#' + rootId\r\n\r\n this.formManager = new HotEditableFormManager(this);\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n }\r\n\r\n // Fonction système exécutée automatiquement lorsque la composante Vue est créée\r\n created() { }\r\n\r\n // Fonction système exécutée automatiquement lorsque la composante Vue est montée\r\n mounted() {\r\n }\r\n}\r\n\r\nexport = DonneesReferentiellesVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport utilities = require(\"../utilities\");\r\nimport context = require(\"../context\");\r\n\r\n@Component\r\nclass EditVue extends Vue implements IHotEditableFormParentVue {\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n culture?: common.Cultures;\r\n isVisibleToggleButton = false;\r\n forceUpdate = '1';\r\n initTrigger = '';\r\n bag = {};\r\n _bagTmp: {};\r\n _isInit = false;\r\n _lastBagTimemoutId = null as NodeJS.Timeout;\r\n _initialConcurrencySumCheck: string;\r\n _manageButtonsOnFormModeChange: boolean;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n const initialConcurrencySumCheck = (this as any).$initialData.concurrencySumCheck as string || null;\r\n const includesConcurrencySumCheck = (this as any).$initialData.includesConcurrencySumCheck as boolean || !!initialConcurrencySumCheck;\r\n this._initialConcurrencySumCheck = initialConcurrencySumCheck;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, includesConcurrencySumCheck, rootId).loadComponentsFromParent(this);\r\n\r\n const formName = (this as any).$initialData.formName;\r\n this.formManager = new HotEditableFormManager(this, formName, {\r\n loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false,\r\n embeddedContentModels: (((this as any).$initialData.embeddedContentModels || []) as common.IEmbeddedContentModel[]).sort((a, b) => {\r\n return a.order - b.order;\r\n })\r\n });\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this.culture = context.culture.get();\r\n this._bagTmp = (this as any).$initialData.bag || {};\r\n\r\n this.$options.el = '#' + rootId;\r\n }\r\n\r\n destroyComponents() {\r\n this.formManager.destroyComponents();\r\n this.formManager = null;\r\n return this;\r\n }\r\n\r\n created() { }\r\n\r\n beforeMount() {\r\n this.initTrigger = \"1\";\r\n }\r\n\r\n mounted() {\r\n this.bag = this._bagTmp;\r\n\r\n if (!!this._initialConcurrencySumCheck)\r\n this.initConcurrencySumCheck(this._initialConcurrencySumCheck);\r\n\r\n this.initTrigger = \"1\";\r\n }\r\n\r\n private onInit(initTrigger: string, action: () => void | string) {\r\n if (!initTrigger)\r\n return '';\r\n this.initTrigger = '';\r\n if (action)\r\n action();\r\n return action ? action() || '' : '';\r\n }\r\n\r\n updateBagOnInit(initTrigger: string, key: string, value?: any) {\r\n return this.onInit(initTrigger, () => {\r\n this.setToBag(key, value);\r\n return value;\r\n });\r\n }\r\n\r\n /** Uniquement pour les v-on:click|etc. Sinon utiliser directement : utilities.copyToClipboard(text) */\r\n copyToClipboard(text: string) {\r\n utilities.copyToClipboard(text);\r\n return this;\r\n }\r\n\r\n applyUpdate(actionValue?: string, actionType?: common.HotEditableActionTypes) {\r\n this.formManager.applyUpdate(actionValue, actionType);\r\n return this;\r\n }\r\n updateFieldTextualValue(fieldName: string, value?: string | ((oldValue?: string) => string)) {\r\n value = value || '';\r\n if (!fieldName)\r\n throw \"L'argument 'fieldName' est requis.\";\r\n const f = this.formManager.getFieldByName(fieldName);\r\n if (f) {\r\n const v = typeof value === \"string\" ? value : value(f.getTextualValue());\r\n f.setFromTextualValue(v);\r\n }\r\n return this;\r\n }\r\n getBagRaw() { \r\n const r = utilities.serializeBag(this.bag || {});\r\n return r;\r\n }\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n\r\n setToBag(key: string, value?: any, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n delayMs = delayMs || 0;\r\n forceDelayedSetToBeExecuted = forceDelayedSetToBeExecuted === true;\r\n const f = () => { this.$set(this.bag, key, value || value === false || value === 0 || value === '' ? value : ''); }\r\n if (!forceDelayedSetToBeExecuted && this._lastBagTimemoutId) {\r\n clearTimeout(this._lastBagTimemoutId);\r\n this._lastBagTimemoutId = null;\r\n }\r\n if (delayMs)\r\n this._lastBagTimemoutId = setTimeout(f, Math.max(0, Math.min(15000, delayMs)));\r\n else\r\n f();\r\n return this;\r\n }\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n setBooleanToBag(key: string, value: boolean, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n this.setToBag(key, value === true, delayMs, forceDelayedSetToBeExecuted);\r\n return this;\r\n }\r\n toggleBagBoolean(key: string, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n this.setToBag(key, !this.getBooleanFromBag(key), delayMs, forceDelayedSetToBeExecuted);\r\n return this;\r\n }\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n\r\n updateBag(updated: common.IBag) {\r\n if (!updated)\r\n return this;\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n setManageButtonsOnFormModeChange(value: boolean) {\r\n this._manageButtonsOnFormModeChange = value !== false;\r\n return this;\r\n }\r\n manageButtonsOnFormModeChange() {\r\n return this._manageButtonsOnFormModeChange !== false;\r\n }\r\n private initConcurrencySumCheck(sumCheck?: string) {\r\n const f = this.formManager.getFieldByName(\"ConcurrencySumCheck\");\r\n if (f)\r\n f.setFromTextualValue(sumCheck || '');\r\n return this;\r\n }\r\n // setActionConfirmation(key: string, action?: () => void) {\r\n // if (!key)\r\n // throw \"L'argument 'key' est NULL.\";\r\n\r\n // const f = this.formManager.getFieldByName(key);\r\n\r\n // if (f) {\r\n // // Le champ existe en mode hoteditable (ancienne facon de faire)\r\n // f.setFromTextualValue(\"true\");\r\n // } else {\r\n // const name = this.formManager.getFormName();\r\n // const form = document.getElementsByName(name)[0];\r\n // const input = document.createElement(\"input\") as HTMLInputElement;\r\n // input.setAttribute(\"type\", \"hidden\");\r\n // input.value = \"true\";\r\n // form.appendChild(input);\r\n // }\r\n\r\n // if (action)\r\n // this.$nextTick(action);\r\n\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents(urlParameters?: {}) {\r\n this.formManager.refreshEmbeddedComponents(urlParameters);\r\n }\r\n refreshBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.refreshBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n restoreBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.restoreBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n ensureBrotherEmbeddedComponentsIsDefaultUrl() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.ensureBrotherEmbeddedComponentsIsDefaultUrl(name);\r\n return this;\r\n }\r\n refreshForceUpdate() {\r\n this.forceUpdate = utilities.createGuid(\"N\");\r\n }\r\n}\r\n\r\nexport = EditVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport HotEditableSelectComponent = require(\"./hotEditable/HotEditableSelectComponent\");\r\nimport HotEditableHiddenFieldComponent = require(\"./hotEditable/HotEditableHiddenFieldComponent\");\r\nimport HotEditableTextboxComponent = require(\"./hotEditable/HotEditableTextboxComponent\");\r\nimport HotEditableAddressComponent = require(\"./hotEditable/HotEditableAddressComponent\");\r\nimport HotEditableCheckboxComponent = require(\"./hotEditable/HotEditableCheckboxComponent\");\r\nimport utilities = require(\"../utilities\");\r\nimport context = require(\"../context\");\r\n\r\ninterface IInitialData {\r\n formName: string;\r\n autoSearch?: boolean;\r\n loadFormModeFromUrl?: boolean;\r\n embeddedContentModels?: common.IEmbeddedContentModel[];\r\n bag?: {};\r\n}\r\n@Component\r\nclass GestionPersonneFermeVue extends Vue implements IHotEditableFormParentVue {\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n culture?: common.Cultures;\r\n isVisibleToggleButton = false;\r\n searchPersonneResultsInfoHtml = '';\r\n forceUpdate = \"1\";\r\n initTrigger = '';\r\n bag = {};\r\n autoSearch = false;\r\n _bagTmp: {};\r\n _lastBagTimemoutId = null as NodeJS.Timeout;\r\n _initialConcurrencySumCheck: string;\r\n _manageButtonsOnFormModeChange: boolean;\r\n // Specific\r\n isVisiblePrenomField = true;\r\n isVisibleAdresseCiviqueActions = true;\r\n _exemptionVoteAndCotiLinked: boolean;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n const initialConcurrencySumCheck = (this as any).$initialData.concurrencySumCheck as string || null;\r\n const includesConcurrencySumCheck = (this as any).$initialData.includesConcurrencySumCheck as boolean || !!initialConcurrencySumCheck;\r\n this._initialConcurrencySumCheck = initialConcurrencySumCheck;\r\n\r\n // Specific\r\n this._exemptionVoteAndCotiLinked = (this as any).$initialData.exemptionVoteAndCotiLinked === true;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, includesConcurrencySumCheck, rootId).loadComponentsFromParent(this);\r\n\r\n const formName = ((this as any).$initialData as IInitialData).formName;\r\n this.formManager = new HotEditableFormManager(this, formName, {\r\n loadFormModeFromUrl: ((this as any).$initialData as IInitialData).loadFormModeFromUrl !== false,\r\n embeddedContentModels: (((this as any).$initialData as IInitialData).embeddedContentModels || []).sort((a, b) => {\r\n return a.order - b.order;\r\n })\r\n });\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this.culture = context.culture.get();\r\n this.autoSearch = ((this as any).$initialData as IInitialData).autoSearch === true;\r\n this._bagTmp = ((this as any).$initialData as IInitialData).bag || {};\r\n\r\n this.$options.el = '#' + rootId;\r\n }\r\n\r\n destroyComponents() {\r\n this.formManager.destroyComponents();\r\n this.formManager = null;\r\n return this;\r\n }\r\n\r\n created() { }\r\n beforeMount() {\r\n this.initTrigger = \"1\";\r\n }\r\n mounted() {\r\n this.bag = this._bagTmp;\r\n\r\n if (!!this._initialConcurrencySumCheck)\r\n this.initConcurrencySumCheck(this._initialConcurrencySumCheck);\r\n\r\n this.initTrigger = \"1\";\r\n\r\n // Specific\r\n this.$nextTick(() => {\r\n this.updateFieldsFromPersonneLiee();\r\n if (this.autoSearch)\r\n this.autoSearchOnInit();\r\n });\r\n }\r\n private onInit(initTrigger: string, action: () => void | string) {\r\n if (!initTrigger)\r\n return '';\r\n this.initTrigger = '';\r\n if (action)\r\n action();\r\n return action ? action() || '' : '';\r\n }\r\n updateBagOnInit(initTrigger: string, key: string, value?: any) {\r\n return this.onInit(initTrigger, () => {\r\n this.setToBag(key, value);\r\n return value;\r\n });\r\n }\r\n /** Uniquement pour les v-on:click|etc. Sinon utiliser directement : utilities.copyToClipboard(text) */\r\n copyToClipboard(text: string) {\r\n utilities.copyToClipboard(text);\r\n return this;\r\n }\r\n applyUpdate(actionValue?: string, actionType?: common.HotEditableActionTypes) {\r\n this.formManager.applyUpdate(actionValue, actionType);\r\n return this;\r\n }\r\n getBagRaw() {\r\n const r = utilities.serializeBag(this.bag || {});\r\n return r;\r\n }\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n\r\n setToBag(key: string, value?: any, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n delayMs = delayMs || 0;\r\n forceDelayedSetToBeExecuted = forceDelayedSetToBeExecuted === true;\r\n const f = () => { this.$set(this.bag, key, value || value === false || value === 0 || value === '' ? value : ''); }\r\n if (!forceDelayedSetToBeExecuted && this._lastBagTimemoutId) {\r\n clearTimeout(this._lastBagTimemoutId);\r\n this._lastBagTimemoutId = null;\r\n }\r\n if (delayMs)\r\n this._lastBagTimemoutId = setTimeout(f, Math.max(0, Math.min(15000, delayMs)));\r\n else\r\n f();\r\n return this;\r\n }\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n setBooleanToBag(key: string, value: boolean, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n this.setToBag(key, value === true, delayMs, forceDelayedSetToBeExecuted);\r\n return this;\r\n }\r\n // setToBag(key: string, value: any) {\r\n // this.$set(this.bag, key, value);\r\n // return this;\r\n // }\r\n toggleBagBoolean(key: string, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n this.setToBag(key, !this.getBooleanFromBag(key), delayMs, forceDelayedSetToBeExecuted);\r\n return this;\r\n }\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n\r\n updateBag(updated: common.IBag) {\r\n if (!updated)\r\n return this;\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n setManageButtonsOnFormModeChange(value: boolean) {\r\n this._manageButtonsOnFormModeChange = value !== false;\r\n return this;\r\n }\r\n\r\n manageButtonsOnFormModeChange() {\r\n return this._manageButtonsOnFormModeChange !== false;\r\n }\r\n private initConcurrencySumCheck(sumCheck?: string) {\r\n const f = this.formManager.getFieldByName(\"ConcurrencySumCheck\");\r\n if (f)\r\n f.setFromTextualValue(sumCheck || '');\r\n return this;\r\n }\r\n // setActionConfirmation(key: string, action?: () => void) {\r\n // if (!key)\r\n // throw \"L'argument 'key' est NULL.\";\r\n\r\n // const f = this.formManager.getFieldByName(key);\r\n\r\n // if (!f)\r\n // throw \"Le champ correspondant au nom '\" + key + \"' n'existe pas.\";\r\n\r\n // f.setFromTextualValue(\"true\");\r\n\r\n // if (action)\r\n // this.$nextTick(action);\r\n\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents(urlParameters?: {}) {\r\n this.formManager.refreshEmbeddedComponents(urlParameters);\r\n }\r\n refreshBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.refreshBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n restoreBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.restoreBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n ensureBrotherEmbeddedComponentsIsDefaultUrl() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.ensureBrotherEmbeddedComponentsIsDefaultUrl(name);\r\n return this;\r\n }\r\n refreshForceUpdate() {\r\n this.forceUpdate = utilities.createGuid(\"N\");\r\n }\r\n\r\n // Specific \r\n autoSearchOnInit() {\r\n const nomField = this.formManager.getFieldByName(\"Nom\") as HotEditableTextboxComponent;\r\n if (nomField.elementValue)\r\n this.formManager.applyUpdate(\"search\", common.HotEditableActionTypes.apply);\r\n return this;\r\n }\r\n hasPersonneLiee() {\r\n const x = this.getIdPersonneLiee();\r\n return !!x;\r\n }\r\n hasSelectedPersonneResult() {\r\n const x = this.getSelectedSearchPersonne();\r\n return x ? x.code || null : null;\r\n }\r\n onEstPersonneMoralUpdate() {\r\n const checkbox = this.formManager.getFieldByName(\"EstPersonneMorale\") as HotEditableCheckboxComponent;\r\n const prenom = this.formManager.getFieldByName(\"Prenom\");\r\n const isPersonneMorale = checkbox.elementValue;\r\n const correspondant = this.formManager.getFieldByName(\"EstCorrespondant\") as HotEditableCheckboxComponent;\r\n const exploitant = this.formManager.getFieldByName(\"EstExploitant\") as HotEditableCheckboxComponent;\r\n const autorise = this.formManager.getFieldByName(\"EstAutorise\") as HotEditableCheckboxComponent;\r\n const mandataire = this.formManager.getFieldByName(\"EstMandataire\") as HotEditableCheckboxComponent; \r\n if (isPersonneMorale) {\r\n const nom = this.formManager.getFieldByName(\"Nom\");\r\n const updatedValue = (nom.getTextualValue() + \" \" + prenom.getTextualValue()).trim();\r\n nom.setFromTextualValue(updatedValue);\r\n prenom.setFromTextualValue();\r\n correspondant.check(false);\r\n autorise.check(false);\r\n exploitant.check(true);\r\n\r\n if (mandataire)\r\n mandataire.check(false);\r\n }\r\n else {\r\n exploitant.check(false);\r\n }\r\n this.isVisiblePrenomField = !checkbox.elementValue;\r\n return isPersonneMorale;\r\n }\r\n onExemptionCotiUpdate() {\r\n if (this._exemptionVoteAndCotiLinked) {\r\n const source = this.formManager.getFieldByName(\"ExemptionCoti\");\r\n const destination = this.formManager.getFieldByName(\"ExemptionVote\");\r\n destination.setFromTextualValue(source.getTextualValue());\r\n }\r\n return this;\r\n }\r\n onExemptionVoteUpdate() {\r\n if (this._exemptionVoteAndCotiLinked) {\r\n const source = this.formManager.getFieldByName(\"ExemptionVote\");\r\n const destination = this.formManager.getFieldByName(\"ExemptionCoti\");\r\n destination.setFromTextualValue(source.getTextualValue());\r\n }\r\n return this;\r\n }\r\n updateFieldsFromPersonneLiee() {\r\n const fieldNamesToDisabled = [\r\n \"SearchPersonneResults\",\r\n \"Nom\",\r\n \"Prenom\",\r\n \"EstPersonneMorale\",\r\n \"CodeLangueCommunication\",\r\n \"IdSexe\",\r\n \"AdresseCivique\"\r\n ];\r\n const fieldsToDisabled = this.formManager.getFieldsByNames(fieldNamesToDisabled);\r\n const isDisabled = this.hasPersonneLiee();\r\n for (let i = 0; i < fieldsToDisabled.length; i++) {\r\n const f = fieldsToDisabled[i];\r\n if (f.fieldType === common.HotEditableFieldTypes.address) {\r\n if (isDisabled)\r\n (f as HotEditableAddressComponent).updateAllDisabled(isDisabled);\r\n else\r\n (f as HotEditableAddressComponent).restoreAllOriginalDisabledValues();\r\n continue;\r\n }\r\n f.disabled = isDisabled;\r\n }\r\n\r\n this.isVisibleAdresseCiviqueActions = !isDisabled;\r\n\r\n return this;\r\n }\r\n private getSelectedSearchPersonne() {\r\n if (!this.formManager)\r\n // Initialement le formManager est NULL.\r\n return null;\r\n const f = this.formManager.getFieldByName(\"SearchPersonneResults\") as HotEditableSelectComponent;\r\n return f ? f.elementValue || null : null;\r\n }\r\n private getIdPersonneLiee() {\r\n if (!this.formManager)\r\n // Initialement le formManager est NULL.\r\n return null;\r\n const f = this.formManager.getFieldByName(\"IdPersonne\") as HotEditableHiddenFieldComponent;\r\n return f ? f.elementValue || null : null;\r\n }\r\n setSearchPersonneResultOptions(options?: common.IHotEditableSelectOption[], selectedOption?: common.IHotEditableSelectOption) {\r\n const f = this.formManager.getFieldByName(\"SearchPersonneResults\") as HotEditableSelectComponent;\r\n\r\n f.options = options || [];\r\n\r\n f.setFromTextualValue(selectedOption ? selectedOption.code : null);\r\n\r\n this.searchPersonneResultsInfoHtml = this.getSearchPersonneResultsInfo(f.options.length);\r\n\r\n return this;\r\n }\r\n getSearchPersonneResultsInfo(resultsCount?: number) {\r\n\r\n if (!resultsCount)\r\n return \"Aucun résultat\";\r\n\r\n return resultsCount === 1\r\n ? \"1 résultat trouvé\"\r\n : resultsCount + \" résultats trouvés\";\r\n }\r\n setSearchPersonneResultsIsRunning() {\r\n this.searchPersonneResultsInfoHtml = \"Recherche en cours...\";\r\n }\r\n}\r\n\r\nexport = GestionPersonneFermeVue;\r\n","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\n\r\n@Component\r\nclass MainFooterVue extends Vue {\r\n culture: string;\r\n _initCulture = null as string;\r\n _onCultureChangeCallback = null as (culture: common.Cultures) => void;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n this._initCulture = (this as any).$initialData.currentCulture as common.Cultures;\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(false, false, rootId);//.loadComponentsFromParent(this);\r\n //const formName = (this as any).$initialData.formName;\r\n // this.formManager = new HotEditableFormManager(this, formName, {\r\n // loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false,\r\n // embeddedContentModels: (((this as any).$initialData.embeddedContentModels || []) as common.IEmbeddedContentModel[]).sort((a, b) => {\r\n // return a.order - b.order;\r\n // })\r\n // });\r\n // this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this.$options.el = '#' + rootId;\r\n }\r\n data() {\r\n const c = this._initCulture ? common.Cultures[this._initCulture] ?? (() => { throw \"La culture '\" + this._initCulture + \"' n'est pas supportée.\"; })() : common.Cultures.fr;\r\n const o = {\r\n culture: c\r\n };\r\n return o;\r\n }\r\n // destroyComponents() {\r\n // this.formManager.destroyComponents();\r\n // this.formManager = null;\r\n // return this;\r\n // }\r\n\r\n created() {\r\n }\r\n\r\n mounted() {\r\n }\r\n setCutlure(culture: common.Cultures) {\r\n if (!culture)\r\n throw \"L'argument 'callback' est NULL.\";\r\n if (!common.Cultures[culture])\r\n throw \"La culture '\" + culture + \"' n'existe pas.\";\r\n this.culture = culture;\r\n return this;\r\n }\r\n /** Sequence: thisVue.updateCulture > update the culture context name > callbak(post API & wait updatedCulture) > thisVue.setCulture */\r\n refreshCultureFromContext() {\r\n this.setCutlure(context.culture.get());\r\n return this;\r\n }\r\n}\r\n\r\nexport = MainFooterVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport common = require(\"../../common\");\r\nimport context = require(\"../context\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\n\r\n@Component\r\nclass MainMenuVue extends Vue {\r\n culture: string;\r\n isVisibleLanguage: boolean;\r\n _initCulture = null as string;\r\n _onCultureChangeCallback = null as (culture: common.Cultures) => void;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n this._initCulture = (this as any).$initialData.currentCulture as common.Cultures;\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(false, false, rootId);//.loadComponentsFromParent(this);\r\n //const formName = (this as any).$initialData.formName;\r\n // this.formManager = new HotEditableFormManager(this, formName, {\r\n // loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false,\r\n // embeddedContentModels: (((this as any).$initialData.embeddedContentModels || []) as common.IEmbeddedContentModel[]).sort((a, b) => {\r\n // return a.order - b.order;\r\n // })\r\n // });\r\n // this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this.$options.el = '#' + rootId;\r\n }\r\n\r\n // destroyComponents() {\r\n // this.formManager.destroyComponents();\r\n // this.formManager = null;\r\n // return this;\r\n // }\r\n\r\n data() {\r\n const c = this._initCulture ? common.Cultures[this._initCulture] ?? (() => { throw \"La culture '\" + this._initCulture + \"' n'est pas supportée.\"; })() : common.Cultures.fr;\r\n const o = {\r\n culture: c,\r\n isVisibleLanguage: true\r\n };\r\n return o;\r\n }\r\n\r\n created() {\r\n\r\n }\r\n\r\n mounted() {\r\n }\r\n setOnCultureChangeCallback(callback: (culture: common.Cultures) => void) {\r\n this._onCultureChangeCallback = callback || (function () { throw \"L'argument 'callback' est NULL.\"; })();\r\n return this;\r\n }\r\n onToggleCulture(event: Event) {\r\n event.preventDefault();\r\n this.toggleCulture();\r\n }\r\n toggleCulture() {\r\n this.updateCulture(this.culture === common.Cultures.en ? common.Cultures.fr : common.Cultures.en);\r\n return this;\r\n }\r\n /** Sequence: thisVue.updateCulture > callbak(post API & wait updatedCulture) > thisVue.setCulture */\r\n updateCulture(cultureName?: string) {\r\n cultureName = (cultureName || '').trim();\r\n const c = cultureName\r\n ? common.Cultures[cultureName] || (function () { throw \"La culture '\" + cultureName + \"' n'existe pas.\"; })()\r\n : common.Cultures.fr\r\n if (!this._onCultureChangeCallback)\r\n throw \"Aucun callback configuré pour lors du changement de culture.\";\r\n this._onCultureChangeCallback(c);\r\n return this;\r\n }\r\n setCutlure(culture: common.Cultures) {\r\n if (!culture)\r\n throw \"L'argument 'callback' est NULL.\";\r\n if (!common.Cultures[culture])\r\n throw \"La culture '\" + culture + \"' n'existe pas.\";\r\n this.culture = culture;\r\n return this;\r\n }\r\n /** Sequence: thisVue.updateCulture > update the culture context name > callbak(post API & wait updatedCulture) > thisVue.setCulture */\r\n refreshCultureFromContext() {\r\n this.setCutlure(context.culture.get());\r\n return this;\r\n }\r\n showCultureToggleButton(value?: boolean) {\r\n value = value !== false;\r\n this.isVisibleLanguage = value;\r\n }\r\n}\r\n\r\nexport = MainMenuVue;","import Vue from 'vue';\r\nimport Component from 'vue-class-component';\r\nimport common = require('../../common');\r\nimport config = require('../config');\r\n\r\n//declare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\n\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass MessagesManagerVue extends Vue {\r\n\r\n items = [] as common.IMessagesManagerItem[];\r\n\r\n $initialData: any;\r\n private _rootId: string;\r\n private _onClickItemCallback = null as (messageId: string, messageType?: common.MessageTypes, url?: string, asBlank?: boolean) => void;\r\n private _onClickItemLinkCallback = null as (messageId: string, messageType?: common.MessageTypes, url?: string, asBlank?: boolean) => void;\r\n\r\n beforeCreate() {\r\n this._rootId = this.$initialData.vueElId;\r\n this.$options.el = '#' + this._rootId;\r\n }\r\n\r\n created() {\r\n }\r\n\r\n mounted() {\r\n }\r\n\r\n setOnClickItemCallback(callback: (messageId: string, messageType?: common.MessageTypes, clickUrl?: string, asBlank?: boolean) => void) {\r\n if (callback)\r\n this._onClickItemCallback = callback;\r\n\r\n return this;\r\n }\r\n\r\n setOnClickItemLinkCallback(callback: (messageId: string, messageType?: common.MessageTypes, linkUrl?: string, asBlank?: boolean) => void) {\r\n if (callback)\r\n this._onClickItemLinkCallback = callback;\r\n\r\n return this;\r\n }\r\n\r\n onClickItem(event: Event, messageId: string, messageType?: common.MessageTypes, clickUrl?: string, asBlank?: boolean, noCloseOnClick?: boolean) {\r\n\r\n if (noCloseOnClick === true)\r\n return;\r\n\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n if (this._onClickItemCallback)\r\n this._onClickItemCallback(messageId, messageType, clickUrl, asBlank);\r\n\r\n this.closeItemById(messageId);\r\n }\r\n\r\n onClickItemLink(event: Event, messageId: string, messageType?: common.MessageTypes, url?: string, asBlank?: boolean) {\r\n if (!url)\r\n return;\r\n\r\n if (this._onClickItemLinkCallback)\r\n this._onClickItemLinkCallback(messageId, messageType, url, asBlank);\r\n\r\n this.closeItemById(messageId);\r\n }\r\n\r\n onClickItemCloser(event: Event, messageId: string) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n this.closeItemById(messageId);\r\n }\r\n\r\n isRealLink(url?: string, messageType?: common.MessageTypes) {\r\n if (!url)\r\n return false;\r\n\r\n if (messageType === common.MessageTypes.notification)\r\n return false;// attendre le URL en provenance de l'API\r\n\r\n return true;\r\n }\r\n\r\n append(message: common.IMessagesManagerItem) {\r\n\r\n if (message.durationMs) {\r\n const id = message.id;\r\n const f = () => {\r\n this.closeItemById(id);\r\n };\r\n\r\n setTimeout(f, message.durationMs);\r\n }\r\n\r\n this.items.unshift(message);//ajouter en debut de pile\r\n }\r\n\r\n closeAll() {\r\n this.items = [];\r\n return this;\r\n }\r\n\r\n closeBySource(source: string) {\r\n const ids = this.getMessageIdsBySource(source);\r\n this.removeMessageByIds(ids);\r\n }\r\n\r\n getMessageIdsBySource(source: string) {\r\n const messages = this.getMessagesBySource(source);\r\n const ids = [] as string[];\r\n for (let i = 0; i < messages.length; i++) {\r\n const message = messages[i];\r\n ids.push(message.id);\r\n }\r\n\r\n return ids;\r\n }\r\n\r\n getMessagesBySource(source: string) {\r\n if (!source)\r\n return [];\r\n\r\n const items = [] as common.IMessagesManagerItem[];\r\n this.forEarchItems(x => {\r\n if (x.messageSource === source)\r\n items.push(x);\r\n });\r\n\r\n return items;\r\n }\r\n\r\n getMessageById(messageId: string) {\r\n if (!messageId)\r\n throw \"L'argument 'messageId' est requis.\";\r\n\r\n const item = this.forEarchItems(x => {\r\n if (x.id === messageId)\r\n return x;\r\n });\r\n\r\n return item as common.IMessagesManagerItem;\r\n }\r\n\r\n closeItemById(messageId: string) {\r\n if (!messageId)\r\n throw \"L'argument 'messageId' est requis.\";\r\n\r\n const el = document.getElementById(messageId)\r\n\r\n if (el)\r\n el.setAttribute(\"messages-manager-item-state\", \"closing\");\r\n\r\n const f = () => {\r\n this.removeMessageById(messageId);\r\n };\r\n\r\n setTimeout(f, config.messages.closingDurationMs);\r\n }\r\n\r\n private removeMessageById(messageId: string) {\r\n if (!messageId)\r\n throw \"L'argument 'messageId' est requis.\";\r\n this.items = this.items.filter(x =>\r\n x.id !== messageId);\r\n }\r\n\r\n private removeMessageByIds(messageIds: string[]) {\r\n if (!messageIds || !messageIds.length)\r\n return;\r\n\r\n this.items = this.items.filter(x => {\r\n for (let i = 0; i < messageIds.length; i++) {\r\n const id = messageIds[i];\r\n if (id === x.id)\r\n return false;\r\n }\r\n return true;\r\n });\r\n }\r\n\r\n private forEarchItems(action: (m: common.IMessagesManagerItem) => any) {\r\n if (action)\r\n for (let i = 0; i < this.items.length; i++) {\r\n const x = this.items[i];\r\n const r = action(x);\r\n if (r || r === 0 || r === '')\r\n return r;\r\n }\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport = MessagesManagerVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport context = require(\"../context\");\r\nimport utilities = require(\"../utilities\");\r\nimport HotEditableSelectComponent = require(\"./hotEditable/HotEditableSelectComponent\");\r\n\r\n@Component\r\nclass NotesVue extends Vue implements IHotEditableFormParentVue {\r\n $initialData: any;\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n isVisibleToggleButton = false;\r\n currentItemId: string;\r\n currentItemTitle: string;\r\n currentCommentItemId: string;\r\n currentCommentId: string;\r\n currentCommentText: string;\r\n currentItem: common.INote;\r\n currentlyEditingItem: boolean;\r\n currentlyAddingComment: boolean;\r\n currentlyEditingComment: boolean;\r\n /** !!ATTENTION!! Utilise SEULEMENT dans l'Addition avec les 4 categories */\r\n items: common.INote[];\r\n usageContext: string;\r\n forceUpdate = \"1\";\r\n bag = {};\r\n _bagTmp: {};\r\n _manageButtonsOnFormModeChange: boolean;\r\n _initialConcurrencySumCheck: string;\r\n _defaultCreationTitle: string;\r\n _onCheckItemClickCallbak: (item: common.INote) => void;\r\n _onEditItemClickCallbak: (item: common.INote) => void;\r\n _onDeleteItemClickCallbak: (item: common.INote) => void;\r\n _onEditCommentClickCallbak: (comment: common.INoteCommentaire) => void;\r\n _onEditCommentCancelClickCallbak: (item: common.INote, comment: common.INoteCommentaire) => void;\r\n _onEditCommentSaveClickCallbak: (item: common.INote, comment: common.INoteCommentaire) => void;\r\n _onDeleteCommentClickCallbak: (comment: common.INoteCommentaire) => void;\r\n _onAddCommentClickCallbak: (item: common.INote) => void;\r\n _onAddCommentCancelClickCallbak: (item: common.INote) => void;\r\n _onAddCommentSaveClickCallbak: (item: common.INote) => void;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n const initialConcurrencySumCheck = (this as any).$initialData.concurrencySumCheck as string || null;\r\n const includesConcurrencySumCheck = (this as any).$initialData.includesConcurrencySumCheck as boolean || !!initialConcurrencySumCheck;\r\n this._initialConcurrencySumCheck = initialConcurrencySumCheck;\r\n this.usageContext = (this as any).$initialData.usageContext || null;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, includesConcurrencySumCheck, rootId).loadComponentsFromParent(this);\r\n\r\n const formName = (this as any).$initialData.formName || (() => { throw \"[$initialData] La propriété 'formName' est NULL.\"; })();\r\n this.formManager = new HotEditableFormManager(this, formName, {\r\n loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false\r\n });\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this._bagTmp = (this as any).$initialData.bag || {};\r\n\r\n this.$options.el = '#' + rootId;\r\n\r\n this.currentItemId = \"\";\r\n this.currentItemTitle = \"\";\r\n this.currentCommentItemId = \"\";\r\n this.currentCommentId = \"\";\r\n this.currentCommentText = \"\";\r\n this.currentlyEditingItem = false;\r\n this.currentlyEditingComment = false;\r\n this.currentlyAddingComment = false;\r\n\r\n this.items = (this as any).$initialData.items || [];\r\n }\r\n\r\n destroyComponents() {\r\n this.formManager.destroyComponents();\r\n this.formManager = null;\r\n return this;\r\n }\r\n\r\n created() { }\r\n\r\n mounted() {\r\n this.bag = this._bagTmp;\r\n\r\n if (this._initialConcurrencySumCheck)\r\n this.$nextTick(() => {\r\n this.initConcurrencySumCheck(this._initialConcurrencySumCheck);\r\n });\r\n }\r\n setOnCheckItemClickCallbak(callback: (item: common.INote) => void) {\r\n this._onCheckItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditItemClickCallbak(callback: (item: common.INote) => void) {\r\n this._onEditItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnDeleteItemClickCallbak(callback: (item: common.INote) => void) {\r\n this._onDeleteItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentClickCallbak(callback: (comment: common.INoteCommentaire) => void) {\r\n this._onEditCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentCancelClickCallbak(callback: (item: common.INote, comment: common.INoteCommentaire) => void) {\r\n this._onEditCommentCancelClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentSaveClickCallbak(callback: (item: common.INote, comment: common.INoteCommentaire) => void) {\r\n this._onEditCommentSaveClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnDeleteCommentClickCallbak(callback: (comment: common.INoteCommentaire) => void) {\r\n this._onDeleteCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentClickCallbak(callback: (item: common.INote) => void) {\r\n this._onAddCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentCancelClickCallbak(callback: (item: common.INote) => void) {\r\n this._onAddCommentCancelClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentSaveClickCallbak(callback: (item: common.INote) => void) {\r\n this._onAddCommentSaveClickCallbak = callback || null;\r\n return this;\r\n }\r\n setItems(items: common.INote[]) {\r\n this.items = items || [];\r\n return this;\r\n }\r\n setItem(item: common.INote) {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.id === item.id)\r\n this.updateItem(item, x);\r\n }\r\n return this;\r\n }\r\n setComments(itemId: string, values: common.INoteCommentaire[]) {\r\n const item = this.getItemById(itemId);\r\n if (!item)\r\n return this;\r\n item.comments = values || [];\r\n return this;\r\n }\r\n getBagRaw() {\r\n const r = utilities.serializeBag(this.bag || {});\r\n return r;\r\n }\r\n private updateItem(source: common.INote, destination: common.INote) {\r\n if (!source)\r\n throw \"L'argument 'source' est NULL.\";\r\n if (!destination)\r\n throw \"L'argument 'destination' est NULL.\";\r\n destination.id = source.id;\r\n destination.date = source.date;\r\n destination.title = source.title;\r\n destination.description = source.description;\r\n destination.icon = source.icon;\r\n destination.author = source.author;\r\n destination.comments = source.comments;\r\n destination.commentNewText = source.commentNewText;\r\n destination.currentlyAddingComment = source.currentlyAddingComment;\r\n destination.currentlyEditingItem = source.currentlyEditingItem;\r\n }\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === \"\" ? r : null;\r\n }\r\n setToBag(key: string, value: any) {\r\n this.$set(this.bag, key, value);\r\n return this;\r\n }\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n setBooleanToBag(key: string, value: boolean) {\r\n this.setToBag(key, value === true);\r\n return this;\r\n }\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n updateBag(updated: common.IBag) {\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n private initConcurrencySumCheck(sumCheck?: string) {\r\n const f = this.formManager.getFieldByName(\"ConcurrencySumCheck\");\r\n if (f)\r\n f.setFromTextualValue(sumCheck || \"\");\r\n return this;\r\n }\r\n setManageButtonsOnFormModeChange(value: boolean) {\r\n this._manageButtonsOnFormModeChange = value !== false;\r\n return this;\r\n }\r\n manageButtonsOnFormModeChange() {\r\n return this._manageButtonsOnFormModeChange !== false;\r\n }\r\n setActionConfirmation(key: string, action?: () => void) {\r\n if (!key)\r\n throw \"L'argument 'key' est NULL.\";\r\n\r\n const f = this.formManager.getFieldByName(key);\r\n\r\n if (!f)\r\n throw \"Le champ correspondant au nom '\" + key + \"' n'existe pas.\";\r\n\r\n f.setFromTextualValue(\"true\");\r\n\r\n if (action)\r\n this.$nextTick(action);\r\n\r\n return this;\r\n }\r\n getIcon(item: common.INote) {\r\n return \"i-note\"; \r\n }\r\n getItemIconTitle(item: common.INote) {\r\n return \"\";\r\n }\r\n getItemTitle(item: common.INote) {\r\n if (item.currentlyEditingItem)\r\n return \"Cette note est en cours de modification.\";\r\n return \"\";\r\n }\r\n getItemDescription(item: common.INote) {\r\n return utilities.replaceLineBreakByBrTag(item.description);\r\n }\r\n getAddCommentActionTitle(item: common.INote) {\r\n if (this.currentlyEditingItem)\r\n return \"Une note est déjà en cours de modification\";\r\n if (this.currentlyEditingComment)\r\n return \"Un commentaire est déjà en cours de modification\";\r\n if (this.currentlyAddingComment)\r\n return \"Un commentaire est déjà en cours de création\";\r\n return \"Ajouter un commentaire\";\r\n }\r\n onCheckItemClick($event: Event, item: common.INote) {\r\n if (this._onCheckItemClickCallbak)\r\n this._onCheckItemClickCallbak(item);\r\n }\r\n onEditItemClick($event: Event, item: common.INote) {\r\n if (this.isSameItem(item, this.currentItem))\r\n return;\r\n if (this._onEditItemClickCallbak)\r\n this._onEditItemClickCallbak(item);\r\n }\r\n onDeleteItemClick($event: Event, item: common.INote) {\r\n if (this._onDeleteItemClickCallbak)\r\n this._onDeleteItemClickCallbak(item);\r\n }\r\n onEditCommentClick($event: Event, comment: common.INoteCommentaire) {\r\n if (this.currentlyEditingItem || this.currentlyAddingComment || this.currentlyEditingComment)\r\n return;\r\n\r\n if (this._onEditCommentClickCallbak)\r\n this._onEditCommentClickCallbak(comment);\r\n }\r\n onDeleteCommentClick($event: Event, comment: common.INoteCommentaire) {\r\n if (this._onDeleteCommentClickCallbak)\r\n this._onDeleteCommentClickCallbak(comment);\r\n }\r\n onEditCommentCancelClick($event: Event, item: common.INote, comment: common.INoteCommentaire) {\r\n if (this._onEditCommentCancelClickCallbak)\r\n this._onEditCommentCancelClickCallbak(item, comment);\r\n }\r\n onEditCommentSaveClick($event: Event, item: common.INote, comment: common.INoteCommentaire) {\r\n if (this._onEditCommentSaveClickCallbak)\r\n this._onEditCommentSaveClickCallbak(item, comment);\r\n }\r\n onAddCommentClick($event: Event, item: common.INote) {\r\n if (this.currentlyEditingItem || this.currentlyAddingComment || this.currentlyEditingComment)\r\n return;\r\n\r\n if (this._onAddCommentClickCallbak)\r\n this._onAddCommentClickCallbak(item);\r\n }\r\n onAddCommentSaveClick($event: Event, item: common.INote) {\r\n if (this._onAddCommentSaveClickCallbak)\r\n this._onAddCommentSaveClickCallbak(item);\r\n }\r\n onAddCommentCancelClick($event: Event, item: common.INote) {\r\n if (this._onAddCommentCancelClickCallbak)\r\n this._onAddCommentCancelClickCallbak(item);\r\n }\r\n onCancelButtonClick() {\r\n this.resetCurrentItem();\r\n }\r\n isSameItem(a: common.INote, b: common.INote) {\r\n return a && b && a.id === b.id;\r\n }\r\n hasDescription() {\r\n const field = this.formManager.getFieldByName(\"Description\");\r\n const value = ((field.elementValue as string) || \"\").trim();\r\n return !!value;\r\n }\r\n isEditingItem() {\r\n if (!this.currentItem)\r\n return false;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n if ((description.elementValue || \"\").trim() !== (this.currentItem.description || \"\").trim())\r\n return true;\r\n\r\n return false;\r\n }\r\n isAddingItem() {\r\n if (this.currentItemId)\r\n return false;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n if ((description.elementValue || \"\").trim())\r\n return true;\r\n\r\n return false;\r\n }\r\n /** Si 'item' est NULL, alors retournera TRUE si une note quelconque est en addition de commentaire, sinon retournera TRUE si la note est en addition de commentaire. */\r\n isAddingComment(item?: common.INote) {\r\n item = item || this.getCurrentlyAddingCommentItem();\r\n return item && !!(item.commentNewText || \"\").trim();\r\n }\r\n /** Si 'item' est NULL, alors retournera TRUE si une note quelconque est en addition de commentaire, sinon retournera TRUE si la note est en addition de commentaire. */\r\n isEditingComment(comment?: common.INoteCommentaire) {\r\n comment = comment || this.getCurrentlyEditingCommentItem();\r\n if (!comment)\r\n return false;\r\n const a = (comment.editedText || \"\").trim();\r\n const b = (comment.textRaw || \"\").trim();\r\n return a && a !== b;\r\n }\r\n loadNewComment(item: common.INote) {\r\n this.closeNewComment();\r\n this.closeComment();\r\n\r\n this.setCurrentlyAddingComment(item, true);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n closeNewComment(item?: common.INote) {\r\n item = item || this.getCurrentlyAddingCommentItem();\r\n if (item)\r\n item.commentNewText = \"\";\r\n\r\n this.currentCommentId = \"\";\r\n this.currentCommentText = \"\";\r\n this.currentCommentItemId = \"\";\r\n this.setCurrentlyAddingComment(item, false);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n saveNewComment(item: common.INote) {\r\n this.currentCommentText = item.commentNewText;\r\n this.currentCommentItemId = item.id;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"SaveNewComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n saveComment(item: common.INote, comment: common.INoteCommentaire) {\r\n this.currentCommentItemId = item.id;\r\n this.currentCommentId = comment.id;\r\n this.currentCommentText = comment.editedText || \"\";\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"SaveComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n closeComment(comment?: common.INoteCommentaire) {\r\n comment = comment || this.getCurrentlyEditingCommentItem();\r\n if (comment)\r\n comment.editedText = \"\";\r\n\r\n this.currentCommentId = \"\";\r\n this.currentCommentText = \"\";\r\n this.currentCommentItemId = \"\";\r\n this.setCurrentlyEditionComment(comment, false);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n checkItem(item: common.INote) {\r\n // this.currentItemId = item.id;\r\n // this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n // this.$nextTick(() => {\r\n // this.formManager.applyUpdate(actionValue, common.HotEditableActionTypes.update);\r\n // });\r\n }\r\n deleteItem(item: common.INote) {\r\n this.currentItemId = item.id;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"DeleteItem\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n deleteComment(comment: common.INoteCommentaire) {\r\n this.currentCommentId = comment.id;\r\n this.currentCommentItemId = comment.idNote;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"DeleteComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n resetCurrentItem() {\r\n const prevItem = this.getCurrentEditingItem();\r\n\r\n this.currentItemId = \"\";\r\n this.currentItemTitle = this._defaultCreationTitle;\r\n this.currentItem = null;\r\n\r\n this.formManager.getFieldByName(\"Description\").setFromTextualValue();\r\n\r\n const clear = this.formManager.getButtonByName(\"Clear\");\r\n const add = this.formManager.getButtonByName(\"Add\");\r\n const cancel = this.formManager.getButtonByName(\"Cancel\");\r\n const save = this.formManager.getButtonByName(\"Save\");\r\n\r\n clear.show();\r\n add.show();\r\n cancel.hide();\r\n save.hide();\r\n\r\n this.setCurrentlyEditionItem(prevItem, false);\r\n this.closeMessages();\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n loadComment(comment: common.INoteCommentaire) {\r\n const prevComment = this.getCurrentlyEditingCommentItem();\r\n if (prevComment)\r\n this.closeComment(prevComment);\r\n\r\n this.setCurrentlyEditionComment(comment, true);\r\n\r\n comment.editedText = comment.textRaw.trim();\r\n\r\n this.currentCommentId = comment.id;\r\n this.currentCommentItemId = comment.idNote;\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n /** Pour ajouter un nouvel item, laisse l'argument 'item' NULL. */\r\n loadItem(item: common.INote) {\r\n const prevItem = this.getCurrentEditingItem();\r\n\r\n this.currentItemId = item.id;\r\n this.currentItemTitle = item.title;\r\n this.currentItem = item;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n const clear = this.formManager.getButtonByName(\"Clear\");\r\n const add = this.formManager.getButtonByName(\"Add\");\r\n const cancel = this.formManager.getButtonByName(\"Cancel\");\r\n const save = this.formManager.getButtonByName(\"Save\");\r\n\r\n description.setFromTextualValue(utilities.replaceBrTagByLineBreak(item.description));\r\n\r\n clear.hide();\r\n add.hide();\r\n cancel.show();\r\n save.show();\r\n\r\n this.closeMessages();\r\n\r\n // toggle\r\n this.setCurrentlyEditionItem(prevItem, false);\r\n this.setCurrentlyEditionItem(item, true);\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n getItemTypeTitle(item: common.INote) {\r\n return \"\";\r\n }\r\n private setCurrentlyEditionItem(item: common.INote, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyEditingItem = value;\r\n\r\n if (item)\r\n item.currentlyEditingItem = value;\r\n }\r\n private setCurrentlyEditionComment(comment: common.INoteCommentaire, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyEditingComment = value;\r\n\r\n if (comment)\r\n comment.currentlyEditingComment = value;\r\n }\r\n private setCurrentlyAddingComment(item: common.INote, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyAddingComment = value;\r\n\r\n if (item)\r\n item.currentlyAddingComment = value;\r\n }\r\n private getCurrentEditingItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.currentlyEditingItem)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private getCurrentlyAddingCommentItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.currentlyAddingComment)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private getCurrentlyEditingCommentItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.comments)\r\n for (let j = 0; j < x.comments.length; j++) {\r\n const y = x.comments[j];\r\n if (y.currentlyEditingComment)\r\n return y;\r\n }\r\n }\r\n return null;\r\n }\r\n private getItemById(id: string) {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.id === id)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private closeMessages() {\r\n this.formManager.autoCloseMessages();\r\n context.components.getMessagesManager().closeBySource(this.formManager.getFormName());\r\n } \r\n refreshBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.refreshBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n restoreBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.restoreBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n ensureBrotherEmbeddedComponentsIsDefaultUrl() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.ensureBrotherEmbeddedComponentsIsDefaultUrl(name);\r\n return this;\r\n }\r\n refreshForceUpdate() {\r\n this.forceUpdate = utilities.createGuid(\"N\");\r\n }\r\n}\r\n\r\nexport = NotesVue;\r\n","import Vue from 'vue';\r\nimport Component from 'vue-class-component';\r\nimport common = require('../../common');\r\nimport utilities = require('../utilities');\r\n\r\n//declare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\ninterface INotification {\r\n message: common.IMessage,\r\n isHidden?: boolean\r\n}\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass NotificationsVue extends Vue {\r\n\r\n totalUnread = 0;\r\n items = [] as INotification[];\r\n isOpen = false;\r\n\r\n private $initialData: any;\r\n private _rootId: string;\r\n private _onClickCallback = null as () => void;\r\n private _onItemClickCallback = null as (message: common.IMessage) => void;\r\n private _onDeleteAllClickCallback = null as () => void;\r\n private _onDeleteItemClickCallback = null as (message: common.IMessage) => void;\r\n private _onItemLinkClickCallback = null as (message: common.IMessage) => void;\r\n\r\n beforeCreate() {\r\n this._rootId = this.$initialData.vueElId;\r\n this.$options.el = '#' + this._rootId;\r\n }\r\n\r\n created() {\r\n }\r\n\r\n mounted() {\r\n\r\n // permet de fermer la popup lors du click a l'exterieur\r\n document.addEventListener(\"mousedown\", e => {\r\n if (!this.isOpen)\r\n return;\r\n const currentEl = e.target as Element;\r\n const el = this.$el as Element;\r\n if (utilities.isOutside(currentEl, el)) {\r\n const popupElements = document.getElementsByClassName(\"mn-menu\");\r\n if (popupElements.length) {\r\n const popupEl = popupElements[0];\r\n if (utilities.isOutside(currentEl, popupEl))\r\n this.open(false);\r\n }\r\n return;\r\n }\r\n });\r\n }\r\n\r\n setTotalUnread(value?: number) {\r\n this.totalUnread = value || 0;\r\n return this;\r\n }\r\n\r\n hasUnreadNotifications() {\r\n return !!this.totalUnread;\r\n }\r\n\r\n hasNotifications() {\r\n if (this.items)\r\n for (let i = 0; i < this.items.length; i++) {\r\n const x = this.items[i];\r\n if (x.isHidden !== true)\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n formatTotalUnread(value?: number, max?: number) {\r\n value = value || 0;\r\n max = max || 99;\r\n return value < max\r\n ? value\r\n : '{n}+'.replace(\"{n}\", max.toString());\r\n }\r\n\r\n formatTotalUnreadToolTip(value?: number) {\r\n\r\n if (!value)\r\n return \"\";\r\n\r\n return value === 1\r\n ? \"Vous avez 1 notification\"\r\n : \"Vous avez {n} notifications\".replace(\"{n}\", value.toString());\r\n }\r\n\r\n setOnClickCallback(callback: () => void) {\r\n if (callback)\r\n this._onClickCallback = callback;\r\n return this;\r\n }\r\n setOnItemClickCallback(callback: (message: common.IMessage) => void) {\r\n if (callback)\r\n this._onItemClickCallback = callback;\r\n return this;\r\n }\r\n setOnDeleteAllClickCallback(callback: () => void) {\r\n if (callback)\r\n this._onDeleteAllClickCallback = callback;\r\n return this;\r\n }\r\n setOnDeleteItemClickCallback(callback: (message: common.IMessage) => void) {\r\n if (callback)\r\n this._onDeleteItemClickCallback = callback;\r\n return this;\r\n }\r\n setOnItemLinkClickCallback(callback: (message: common.IMessage) => void) {\r\n if (callback)\r\n this._onItemLinkClickCallback = callback;\r\n\r\n return this;\r\n }\r\n\r\n\r\n onClick(event?: Event) {\r\n if (event)\r\n event.preventDefault();\r\n\r\n if (this._onClickCallback)\r\n this._onClickCallback();\r\n }\r\n\r\n onItemClick(event: Event, item: INotification) {\r\n if (event)\r\n event.preventDefault();\r\n\r\n if (this._onItemClickCallback)\r\n this._onItemClickCallback(item.message);\r\n }\r\n\r\n onItemLinkClick(event: Event, message: common.IMessage) {\r\n if (event)\r\n event.preventDefault();\r\n\r\n if (this._onItemLinkClickCallback)\r\n this._onItemLinkClickCallback(message);\r\n }\r\n\r\n setMessageStatusAsRead(messageIds: string[]) {\r\n this.setMessageStatus(common.MessageStatusTypes.read, messageIds);\r\n return this;\r\n }\r\n\r\n setMessageStatusAsDeleted(messageIds: string[]) {\r\n const updatedMessages = this.setMessageStatus(common.MessageStatusTypes.deleted, messageIds);\r\n this.hideMessages(updatedMessages);\r\n return this;\r\n }\r\n\r\n setAllMessagesStatusAsDeleted() {\r\n const updatedMessages = this.setMessageStatus(common.MessageStatusTypes.deleted);\r\n this.hideMessages(updatedMessages);\r\n return this;\r\n }\r\n\r\n private hideMessages(messages: INotification[]) {\r\n for (let i = 0; i < messages.length; i++)\r\n messages[i].isHidden = true;\r\n }\r\n\r\n private setMessageStatus(status: common.MessageStatusTypes, messageIds?: string[]) {\r\n const updateAll = !messageIds;\r\n const r = [] as INotification[];\r\n const containsId = (id: string) => {\r\n for (let i = 0; i < (messageIds || []).length; i++)\r\n if (messageIds[i] === id)\r\n return true;\r\n return false;\r\n }\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (updateAll || containsId(x.message.id)) {\r\n x.message.messageStatus = status;\r\n r.push(x);\r\n if (!updateAll)\r\n return r;\r\n }\r\n }\r\n return r;\r\n }\r\n\r\n onDeleteAllClick(event: Event) {\r\n\r\n if (event)\r\n event.preventDefault();\r\n\r\n if (this._onDeleteAllClickCallback)\r\n this._onDeleteAllClickCallback();\r\n }\r\n\r\n onDeleteItemClick(event: Event, item: INotification) {\r\n\r\n if (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n if (this._onDeleteItemClickCallback)\r\n this._onDeleteItemClickCallback(item.message);\r\n }\r\n\r\n setItems(messages: common.IMessage[], reset?: boolean) {\r\n reset = reset === true;//default is FALSE\r\n\r\n const notifications = [] as INotification[];\r\n const updatedMessageIds = [] as string[];\r\n const appendId = (x: INotification) => {\r\n if (x.message.id)\r\n updatedMessageIds.push(x.message.id);\r\n };\r\n\r\n (messages || []).forEach(x => notifications.push({\r\n message: x,\r\n isHidden: false\r\n } as INotification));\r\n\r\n if (reset) {\r\n notifications.forEach(appendId);\r\n this.items = notifications;\r\n return updatedMessageIds;\r\n }\r\n\r\n const get = (id: string) => {\r\n if (id)\r\n for (let i = 0; i < this.items.length; i++) {\r\n const x = this.items[i];\r\n if (x.message.id === id)\r\n return {\r\n index: i,\r\n item: x\r\n };\r\n }\r\n return null;\r\n };\r\n\r\n for (let i = 0; i < notifications.length; i++) {\r\n const a = notifications[i];\r\n const b = get(a.message.id);\r\n if (b) {\r\n this.items[b.index] = b.item;\r\n continue;\r\n }\r\n appendId(a);\r\n this.items.unshift(a);//prepend\r\n }\r\n return updatedMessageIds;\r\n }\r\n\r\n /** Ouvre/ferme la popup */\r\n open(isOpen?: boolean) {\r\n isOpen = isOpen !== false;\r\n\r\n if (isOpen !== this.isOpen)\r\n this.isOpen = isOpen;\r\n\r\n return this;\r\n }\r\n}\r\n\r\nexport = NotificationsVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\"\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass PanneauAdministrationVue extends Vue implements IHotEditableFormParentVue {\r\n $initialData: any;\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n\r\n // Statut de la synchro\r\n synchroStatusCode = null as string;\r\n synchroStatusDescription = null as string;\r\n synchroStatusIndicator = null as string;\r\n synchroSteps = [] as string[];\r\n maximumStepsToShow = 5;\r\n\r\n // Statut de la cache des fermes\r\n isFermeCacheReady = false;\r\n fermeCacheStatusDescription = null as string;\r\n fermeCacheReadyIndicator = null as string;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, false, rootId).loadComponentsFromParent(this);\r\n\r\n this.$options.el = '#' + rootId;\r\n\r\n const formName = (this as any).$initialData.formName || (() => { throw \"[$initialData] La propriété 'formName' est NULL.\"; })();\r\n this.formManager = new HotEditableFormManager(this, formName);\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n }\r\n\r\n created() { }\r\n\r\n mounted() {\r\n for (let i = 0; i < this.maximumStepsToShow; i++)\r\n this.synchroSteps.push(\"\");\r\n }\r\n\r\n // Défini le statut de la synchro à l'écran\r\n setSynchroStatus(code: string, description: string, currentStep: string) {\r\n this.synchroStatusCode = code;\r\n this.synchroStatusDescription = description;\r\n\r\n // Définir la couleur de l'indicateur\r\n if (code === common.TaskStatus.ok)\r\n this.synchroStatusIndicator = common.IndicatorStatus.ok;\r\n else if (code === common.TaskStatus.running || code === common.TaskStatus.runningLong)\r\n this.synchroStatusIndicator = common.IndicatorStatus.warning;\r\n else if (code === common.TaskStatus.inError || code === common.TaskStatus.jammed)\r\n this.synchroStatusIndicator = common.IndicatorStatus.error;\r\n else\r\n this.synchroStatusIndicator = common.IndicatorStatus.default;\r\n\r\n // Ajouter à l'écran le \"step\" courant de la synchro s'il est différent du dernier obtenu\r\n\r\n // Si le plus recent doit etre en dernier...\r\n // if (currentStep && currentStep !== this.synchroSteps[this.synchroSteps.length - 1]) {\r\n // this.synchroSteps.push(currentStep);\r\n // this.synchroSteps.shift();\r\n // }\r\n // Si le plus recent doit etre en premier...\r\n if (currentStep && currentStep !== this.synchroSteps[0]) {\r\n this.synchroSteps.splice(0, 0, currentStep);\r\n this.synchroSteps.pop();\r\n }\r\n }\r\n\r\n //------------------------------------------------------------------\r\n // Défini le statut de la cache des fermes à l'écran\r\n //------------------------------------------------------------------\r\n setFermeCacheStatus(isReady: boolean, description: string) {\r\n this.isFermeCacheReady = isReady;\r\n this.fermeCacheStatusDescription = description;\r\n\r\n // Définir la couleur de l'indicateur\r\n this.fermeCacheReadyIndicator = isReady\r\n ? common.IndicatorStatus.ok\r\n : common.IndicatorStatus.warning;\r\n }\r\n}\r\n\r\nexport = PanneauAdministrationVue;","import { VueReCaptcha } from 'vue-recaptcha-v3'\r\nimport Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport utilities = require(\"../utilities\");\r\nimport context = require('../context');\r\n\r\n@Component\r\nclass RecaptchaSecuriteVue extends Vue implements IHotEditableFormParentVue {\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n culture?: common.Cultures;\r\n isVisibleToggleButton = false;\r\n forceUpdate = \"1\";\r\n initTrigger = '';\r\n bag = {};\r\n _bagTmp: {};\r\n _initialConcurrencySumCheck: string;\r\n _manageButtonsOnFormModeChange: boolean;\r\n /** Doit etre meme que WebConstants */\r\n _recaptchaAction: string;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n const initialConcurrencySumCheck = (this as any).$initialData.concurrencySumCheck as string || null;\r\n const includesConcurrencySumCheck = (this as any).$initialData.includesConcurrencySumCheck as boolean || !!initialConcurrencySumCheck;\r\n this._initialConcurrencySumCheck = initialConcurrencySumCheck;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, includesConcurrencySumCheck, rootId).loadComponentsFromParent(this);\r\n\r\n const formName = (this as any).$initialData.formName;\r\n this.formManager = new HotEditableFormManager(this, formName, {\r\n loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false,\r\n embeddedContentModels: (((this as any).$initialData.embeddedContentModels || []) as common.IEmbeddedContentModel[]).sort((a, b) => {\r\n return a.order - b.order;\r\n })\r\n });\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n\r\n this.culture = context.culture.get();\r\n this._bagTmp = (this as any).$initialData.bag || {};\r\n this._recaptchaAction = (this as any).$initialData.recaptchaAction || null;\r\n\r\n this.$options.el = '#' + rootId;\r\n\r\n // reCAPTCHA v3 official language code\r\n const rcLanguageCodes = {};\r\n rcLanguageCodes[common.Cultures.fr] = 'fr';\r\n rcLanguageCodes[common.Cultures.en] = 'en';\r\n var rcLanguageCode = rcLanguageCodes[this.culture ?? common.Cultures.fr];\r\n Vue.use(VueReCaptcha, {\r\n siteKey: context.reCaptcha.siteKey,\r\n // /** ReCaptcha v3 options => https://github.com/AurityLab/recaptcha-v3/#load-options-usage */\r\n loaderOptions: {\r\n renderParameters: {\r\n hl: rcLanguageCode\r\n },\r\n // /** The container if you want to render the inline widget */\r\n // container: null as string | Element,\r\n // /** The positioning for the widget */\r\n // badge: null as string,//'bottomright' or 'bottomleft' or 'inline'\r\n // /** The size of the widget */\r\n // size: null as string,//'invisible'\r\n // /** The tab index of the widget */\r\n // tabindex: null as number\r\n }\r\n });\r\n\r\n (this as any).$options.components[\"vue-recaptcha\"] = VueReCaptcha;\r\n }\r\n closeReCaptcha() {\r\n if (this.$recaptchaInstance && (this.$recaptchaInstance as any).hideBadge)\r\n (this.$recaptchaInstance as any).hideBadge();\r\n return this;\r\n }\r\n destroyComponents() {\r\n this.formManager.destroyComponents();\r\n this.formManager = null;\r\n return this;\r\n }\r\n\r\n created() {\r\n }\r\n\r\n beforeMount() {\r\n this.initTrigger = \"1\";\r\n }\r\n\r\n mounted() {\r\n this.bag = this._bagTmp;\r\n\r\n if (!!this._initialConcurrencySumCheck)\r\n this.initConcurrencySumCheck(this._initialConcurrencySumCheck);\r\n }\r\n getBagRaw() {\r\n const r = utilities.serializeBag(this.bag || {});\r\n return r;\r\n }\r\n private onInit(initTrigger: string, action: () => void | string) {\r\n if (!initTrigger)\r\n return '';\r\n this.initTrigger = '';\r\n if (action)\r\n action();\r\n return action ? action() || '' : '';\r\n }\r\n\r\n updateBagOnInit(initTrigger: string, key: string, value?: any) {\r\n return this.onInit(initTrigger, () => {\r\n //this.setToBag(key, value);\r\n this._bagTmp[key] = value;\r\n return value;\r\n });\r\n }\r\n\r\n /** vue-recaptcha-v3@1.9.0 (https://github.com/AurityLab/vue-recaptcha-v3/tree/v1.9.0) */\r\n onNextButtonClick(event: Event) {\r\n event.preventDefault();\r\n\r\n // (optional) Wait until recaptcha has been loaded.\r\n this.$recaptchaLoaded();\r\n\r\n // Execute reCAPTCHA with action\r\n if (!this._recaptchaAction) throw \"Recaptcha: L'action doit être définie.\";\r\n const token = this.$recaptcha(this._recaptchaAction);\r\n\r\n token.then(x => {\r\n this.applyUpdate(x, common.HotEditableActionTypes.apply);\r\n });\r\n }\r\n\r\n applyUpdate(actionValue?: string, actionType?: common.HotEditableActionTypes) {\r\n this.formManager.applyUpdate(actionValue, actionType);\r\n return this;\r\n }\r\n\r\n updateFieldTextualValue(fieldName: string, value?: string) {\r\n value = value || '';\r\n if (!fieldName)\r\n throw \"L'argument 'fieldName' est requis.\";\r\n const f = this.formManager.getFieldByName(fieldName);\r\n if (f)\r\n f.setFromTextualValue(value);\r\n return this;\r\n }\r\n\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n\r\n setToBag(key: string, value: any) {\r\n this.$set(this.bag, key, value);\r\n return this;\r\n }\r\n\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n\r\n setBooleanToBag(key: string, value: boolean) {\r\n this.setToBag(key, value === true);\r\n return this;\r\n }\r\n\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n updateBag(updated: common.IBag) {\r\n if (!updated)\r\n return this;\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n setManageButtonsOnFormModeChange(value: boolean) {\r\n this._manageButtonsOnFormModeChange = value !== false;\r\n return this;\r\n }\r\n\r\n private initConcurrencySumCheck(sumCheck?: string) {\r\n const f = this.formManager.getFieldByName(\"ConcurrencySumCheck\");\r\n if (f)\r\n f.setFromTextualValue(sumCheck || '');\r\n return this;\r\n }\r\n\r\n manageButtonsOnFormModeChange() {\r\n return this._manageButtonsOnFormModeChange !== false;\r\n }\r\n\r\n // setActionConfirmation(key: string, action?: () => void) {\r\n // if (!key)\r\n // throw \"L'argument 'key' est NULL.\";\r\n\r\n // const f = this.formManager.getFieldByName(key);\r\n\r\n // if (!f)\r\n // throw \"Le champ correspondant au nom '\" + key + \"' n'existe pas.\";\r\n\r\n // f.setFromTextualValue(\"true\");\r\n\r\n // if (action)\r\n // this.$nextTick(action);\r\n\r\n // return this;\r\n // }\r\n refreshEmbeddedComponents(urlParameters?: {}) {\r\n this.formManager.refreshEmbeddedComponents(urlParameters);\r\n }\r\n refreshBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.refreshBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n restoreBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.restoreBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n ensureBrotherEmbeddedComponentsIsDefaultUrl() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.ensureBrotherEmbeddedComponentsIsDefaultUrl(name);\r\n return this;\r\n }\r\n refreshForceUpdate() {\r\n this.forceUpdate = utilities.createGuid(\"N\");\r\n }\r\n}\r\n\r\nexport = RecaptchaSecuriteVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport common = require(\"../../common\");\r\n\r\n@Component\r\nclass SearchBoxExtensionVue extends Vue {\r\n bag = {};\r\n $initialData: any;\r\n preconfiguredFilters: common.ISearchBoxPreconfiguredFilters[];\r\n /** Utilise afin de restaurer l'etat des sous-filtres apres un refresh via le pooler */\r\n currentPreconfiguredFilterStates: any;\r\n private _onPreconfiguredFiltersClickCallback: (filters: common.ISearchBoxFilter[]) => void;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n this.$options.el = '#' + rootId;\r\n\r\n // Preconfigured filters ========================================================================================================\r\n // WARNING!! la methode de sorting doit etre la meme que celle utilise dans la methode 'setPreconfiguredFilters'.\r\n // NOTE: Il est impossible de faire une methode avec sort car celle-ci n'existera pas encore lorsque 'beforeCreate' sera appelee.\r\n const sort = (x: common.ISearchBoxPreconfiguredFilters[]) => {\r\n if (!x)\r\n return;\r\n x.sort((a, b) => a.order - b.order);\r\n for (let i = 0; i < x.length; i++) {\r\n const f = x[i];\r\n if (f.filters)\r\n f.filters.sort((a, b) => a.name < b.name ? -1 : 1);\r\n sort(f.children);\r\n }\r\n };\r\n const preconfiguredFilters = (this as any).$initialData.preconfiguredFilters as common.ISearchBoxPreconfiguredFilters[] || [];\r\n sort(preconfiguredFilters);\r\n this.currentPreconfiguredFilterStates = {};\r\n for (let i = 0; i < preconfiguredFilters.length; i++) {\r\n const cf = preconfiguredFilters[i];\r\n cf.childrenState = common.CollapsorStates.closed;\r\n this.currentPreconfiguredFilterStates[cf.name] = cf.childrenState;\r\n }\r\n this.preconfiguredFilters = preconfiguredFilters;\r\n }\r\n\r\n private restorePreconfiguratedFiltersStates(filters: common.ISearchBoxPreconfiguredFilters[]) {\r\n for (let i = 0; i < filters.length; i++) {\r\n const cf = filters[i];\r\n const state = this.currentPreconfiguredFilterStates[cf.name] || common.CollapsorStates.closed;\r\n cf.childrenState = state;\r\n }\r\n return filters;\r\n }\r\n\r\n onCloseAllPreconfiguredFilterClick(event: Event) {\r\n this.closeAllPreconfiguredFilter();\r\n }\r\n\r\n onTogglePreconfiguredFilterChildrenStateClick(event: Event, item: common.ISearchBoxPreconfiguredFilters) {\r\n this.togglePreconfiguredFilterChildrenState(item);\r\n }\r\n\r\n /** Default state = 'closed' */\r\n private updatePreconfiguredFilterChildrenState(item: common.ISearchBoxPreconfiguredFilters, state?: common.CollapsorStates) {\r\n state = state || common.CollapsorStates.closed;\r\n item.childrenState = state;\r\n this.currentPreconfiguredFilterStates[item.name] = state;\r\n }\r\n\r\n private updatePreconfiguredFiltersChildrenState(state?: common.CollapsorStates, items?: common.ISearchBoxPreconfiguredFilters[]) {\r\n items = items || this.preconfiguredFilters;\r\n for (let i = 0; i < items.length; i++)\r\n this.updatePreconfiguredFilterChildrenState(items[i], state);\r\n }\r\n\r\n private togglePreconfiguredFilterChildrenState(item: common.ISearchBoxPreconfiguredFilters) {\r\n const state = item.childrenState === common.CollapsorStates.opened ? common.CollapsorStates.closed : common.CollapsorStates.opened;\r\n this.updatePreconfiguredFilterChildrenState(item, state);\r\n this.$forceUpdate();\r\n }\r\n\r\n closeAllPreconfiguredFilter(items?: common.ISearchBoxPreconfiguredFilters[]) {\r\n this.updatePreconfiguredFiltersChildrenState(common.CollapsorStates.closed, items);\r\n this.$forceUpdate();\r\n }\r\n\r\n hasOpenedPreconfiguredFilterChildren(items?: common.ISearchBoxPreconfiguredFilters[]) {\r\n items = items || this.preconfiguredFilters;\r\n for (let i = 0; i < items.length; i++)\r\n if (items[i].childrenState === common.CollapsorStates.opened)\r\n return true;\r\n return false;\r\n }\r\n\r\n preconfiguredFilterChildrenIsOpen(item: common.ISearchBoxPreconfiguredFilters) {\r\n return item.childrenState === common.CollapsorStates.opened;\r\n }\r\n\r\n destroyComponents() {\r\n }\r\n\r\n created() { }\r\n\r\n mounted() {\r\n this.bag = {};\r\n }\r\n\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n\r\n setToBag(key: string, value: any) {\r\n this.$set(this.bag, key, value);\r\n }\r\n setPreconfiguredFilters(filters: common.ISearchBoxPreconfiguredFilters[]) {\r\n if (!filters)\r\n return;\r\n\r\n //WARNING!! la methode de sorting doit etre la meme que celle utilise dans la methode 'beforeCreate'.\r\n const sort = (x: common.ISearchBoxPreconfiguredFilters[]) => {\r\n if (!x)\r\n return;\r\n x.sort((a, b) => a.order - b.order);\r\n for (let i = 0; i < x.length; i++) {\r\n const f = x[i];\r\n if (f.filters)\r\n f.filters.sort((a, b) => a.name < b.name ? -1 : 1);\r\n sort(f.children);\r\n }\r\n };\r\n\r\n sort(filters);\r\n\r\n if (this.isDifferentPreconfiguredFilters(filters, this.preconfiguredFilters)) {\r\n this.preconfiguredFilters = this.restorePreconfiguratedFiltersStates(filters);\r\n this.$forceUpdate();\r\n }\r\n }\r\n\r\n private isDifferentPreconfiguredFilters(a: common.ISearchBoxPreconfiguredFilters[], b: common.ISearchBoxPreconfiguredFilters[]) {\r\n const aString = this.preconfiguredFiltersToString(a);\r\n const bString = this.preconfiguredFiltersToString(b);\r\n return aString.length !== bString.length || aString !== bString;\r\n }\r\n\r\n private preconfiguredFiltersToString(filters: common.ISearchBoxPreconfiguredFilters[]) {\r\n if (!filters)\r\n throw \"La propriete 'filters' est NULL.\";\r\n var r = '';\r\n for (let i = 0; i < filters.length; i++) {\r\n const filter = filters[i];\r\n r += '___/FILTERS>_';\r\n //res += f.id || '';// le ID changera toujours car genere dans le backend\r\n r += (filter.title || 'EMPTY') + '_>_';\r\n r += (filter.name || 'EMPTY') + '_>_';\r\n r += (filter.count || 'EMPTY') + '_>_';\r\n r += (filter.order || 'EMPTY');\r\n\r\n if (filter.filters && filter.filters.length) {\r\n var v = '';\r\n for (let j = 0; j < filter.filters.length; j++) {\r\n const f = filter.filters[j];\r\n if (v)\r\n v += '_>_';\r\n v += (f.name || 'EMPTY') + '_:_';\r\n v += (f.value || 'EMPTY');\r\n }\r\n\r\n if (v)\r\n r += '_/VALUES>_' + v;\r\n }\r\n\r\n if (filter.children && filter.children.length)\r\n r += '_/CHILDREN>_' + this.preconfiguredFiltersToString(filter.children);\r\n }\r\n return r;\r\n }\r\n\r\n // private isUpdated(filter: common.ISearchBoxPreconfiguredFilters) {\r\n // const get = (name: string) => {\r\n // for (let i = 0; i < this.preconfiguredFilters.length; i++) {\r\n // const f = this.preconfiguredFilters[i];\r\n // if (f.name === name)\r\n // return f;\r\n // }\r\n // };\r\n // const previous = get(filter.name);\r\n // if (!previous)\r\n // return true;\r\n // if (filter.title !== previous.title)\r\n // return true;\r\n // if (filter.count !== previous.count)\r\n // return true;\r\n // if ((filter.children || null) !== (previous.children || null))\r\n // return true;\r\n // }\r\n\r\n setOnPreconfiguredFiltersClickCallback(action: (filters: common.ISearchBoxFilter[]) => void) {\r\n this._onPreconfiguredFiltersClickCallback = action || null;\r\n return this;\r\n }\r\n\r\n onPreconfiguredFiltersClick(e: Event, item: common.ISearchBoxPreconfiguredFilters) {\r\n this.preconfiguredFiltersClick(item);\r\n }\r\n\r\n private preconfiguredFiltersClick(item: common.ISearchBoxPreconfiguredFilters) {\r\n if (!this._onPreconfiguredFiltersClickCallback || !item.filters)\r\n return;\r\n\r\n this._onPreconfiguredFiltersClickCallback(item.filters);\r\n }\r\n}\r\n\r\nexport = SearchBoxExtensionVue;\r\n","import common = require(\"../../common\");\r\nimport SearchBox = require(\"../../core/SearchBox\");\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport Vue from 'vue';\r\nimport Component from 'vue-class-component';\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport HotEditableDoubleSelectsComponent = require(\"./hotEditable/HotEditableDoubleSelectsComponent\");\r\nimport { PopupStates } from \"../../common\";\r\nimport HotEditableCheckboxComponent = require(\"./hotEditable/HotEditableCheckboxComponent\");\r\nimport utilities = require(\"../utilities\");\r\n\r\n//declare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass SearchBoxHeaderVue extends Vue implements common.IHotEditableFormParentVue {\r\n searchBox: SearchBox;\r\n initialData: any;\r\n actions: common.ISearchBoxAction[];\r\n autoCloseFiltersOnButtoClick: boolean;\r\n openFiltersOnInit: boolean;\r\n displayFilters = false;\r\n hasFilters = false;\r\n hasActiveFilters = false;\r\n _isMounted = false;\r\n _currentSearchParameter: common.ISearchParameters;\r\n _onAction = null as (type: common.ToolsBarActionTypes, selectionRule: common.ToolsBarSelectionRules, confirmationTitleHtml: string, confirmationMessageHtml: string, isCtlClick: boolean) => void;\r\n _onSelectAllAction = null as () => void;\r\n _onUnelectAllAction = null as () => void;\r\n _filtersUpdateCallback = null as (hasActiveFilters: boolean) => void;\r\n _onFilterButtonClick = null as () => void;\r\n _mountedCallback = null as () => void;\r\n _termsBoxFieldName: string;\r\n _initialFilters = null as common.ISearchBoxFilter[];\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n\r\n beforeCreate() {\r\n HotEditableFormLoader.loadComponentsFromParent(this);\r\n\r\n this.searchBox = (this.initialData as common.ISearchBoxHeaderInitialData).searchBox;\r\n this.openFiltersOnInit = (this.initialData as common.ISearchBoxHeaderInitialData).openFiltersOnInit;\r\n this.$options.el = (this.initialData as common.ISearchBoxHeaderInitialData).el;\r\n const actions = (this.initialData as common.ISearchBoxResultsInitialData).actions;\r\n this.actions = [];\r\n // Activer par defaut les actions (sera refactorise lors du rework des QuickActions dynamiques).\r\n for (let i = 0; i < (actions || []).length; i++) {\r\n const a = actions[i];\r\n a.isEnable = true;\r\n this.actions.push(a);\r\n }\r\n\r\n this.formManager = new HotEditableFormManager(this, (this.initialData as common.ISearchBoxHeaderInitialData).formName);\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n }\r\n\r\n created() {\r\n }\r\n\r\n mounted() {\r\n this._termsBoxFieldName = \"TermsBox\";\r\n\r\n this._isMounted = true;\r\n\r\n if (this._mountedCallback) {\r\n this._mountedCallback();\r\n this._mountedCallback = null;\r\n }\r\n\r\n if (this.openFiltersOnInit)\r\n this.openFilters();\r\n }\r\n\r\n /** Retournera TRUE si au moins un filtre a ete modifie */\r\n setFilters(filters: common.ISearchBoxFilter[]) {\r\n filters = filters || [];\r\n var isModified = false;\r\n for (let i = 0; i < filters.length; i++) {\r\n const f = filters[i];\r\n if (f && f.name) {\r\n this.shared.updateField(f.name, f.value);\r\n isModified = true;\r\n }\r\n }\r\n return isModified;\r\n }\r\n\r\n setTerms(value: string) {\r\n this.shared.updateField(this._termsBoxFieldName, value || '');\r\n }\r\n\r\n isAutoCloseFiltersOnButtoClick() {\r\n return this.autoCloseFiltersOnButtoClick === true;//Default is FALSE\r\n }\r\n\r\n setAutoCloseFiltersOnButtoClick(value?: boolean) {\r\n this.autoCloseFiltersOnButtoClick = value !== false;// default is TRUE\r\n return this.autoCloseFiltersOnButtoClick;\r\n }\r\n\r\n setFiltersUpdateCallback(action: (isActive: boolean) => void) {\r\n if (!action)\r\n throw \"L'argument 'action' est requis et ne doit pas etre NULL.\";\r\n\r\n this._filtersUpdateCallback = action;\r\n\r\n return this;\r\n }\r\n\r\n displayReinitButton() {\r\n return !utilities.isEmptySearchParametersFilters({ filters: this.searchBox.defaultSearchFilters } as common.ISearchParameters);\r\n }\r\n\r\n updateFiltersFromSearchParameters(searchParameters: common.ISearchParameters) {\r\n\r\n this._currentSearchParameter = searchParameters;\r\n\r\n if (this._isMounted) {\r\n this.innerUpdateFiltersFromSearchParameters(searchParameters);\r\n return;\r\n }\r\n\r\n this._mountedCallback = () => {\r\n this.innerUpdateFiltersFromSearchParameters(searchParameters);\r\n };\r\n }\r\n private innerUpdateFiltersFromSearchParameters(searchParameters: common.ISearchParameters) {\r\n this.formManager.clearAllFields([this._termsBoxFieldName]);\r\n\r\n const filters = searchParameters.filters || [];\r\n var hasActiveFilters = false;\r\n if (filters.length) {\r\n for (let i = 0; i < filters.length; i++) {\r\n const filter = filters[i];\r\n const field = this.formManager.getFieldByName(filter.fieldName);\r\n\r\n if (!field)\r\n continue;\r\n\r\n if (field.elementName === this._termsBoxFieldName)\r\n continue;\r\n\r\n const value = filter.values\r\n ? (filter.values.length ? filter.values[0] : \"\")\r\n : \"\";\r\n\r\n field.setFromTextualValue(value);\r\n\r\n if (hasActiveFilters)\r\n continue;\r\n\r\n if (field.isHidden && field.isHidden())\r\n continue;\r\n\r\n const isReadonly = !field.canChangeEditMode && !field.editModeOn;\r\n\r\n if (isReadonly || field.disabled)\r\n continue;\r\n\r\n if (!value || !value.length || value === HotEditableDoubleSelectsComponent.defaultValue() || value === HotEditableCheckboxComponent.defaultValue())\r\n continue;\r\n\r\n hasActiveFilters = true;\r\n }\r\n\r\n this.hasFilters = true;\r\n } else {\r\n this.hasFilters = false;\r\n }\r\n\r\n if (this._filtersUpdateCallback)\r\n this._filtersUpdateCallback(hasActiveFilters);\r\n }\r\n\r\n updateSearchParametersFromFilters(searchParameters: common.ISearchParameters) {\r\n const filters = [] as common.ISearchFilter[];\r\n const fields = this.formManager.getFields();\r\n\r\n for (let i = 0; i < fields.length; i++) {\r\n const field = fields[i];\r\n\r\n if (field.elementName === this._termsBoxFieldName)\r\n continue;\r\n\r\n const value = field.getTextualValue();\r\n const newFilter = {\r\n fieldName: field.elementName,\r\n values: [value]\r\n } as common.ISearchFilter;\r\n\r\n filters.push(newFilter);\r\n }\r\n\r\n searchParameters.filters = filters;\r\n\r\n return searchParameters;\r\n }\r\n\r\n onFiltersCloserButtonClick(e: Event) {\r\n this.closeFilters();\r\n }\r\n\r\n openFilters() {\r\n return this.toggleFilters(PopupStates.opened);\r\n }\r\n\r\n closeFilters() {\r\n return this.toggleFilters(PopupStates.closed);\r\n }\r\n\r\n toggleFilters(forcedState?: PopupStates) {\r\n\r\n forcedState = forcedState || PopupStates.unknown;\r\n\r\n if (forcedState === PopupStates.unknown)\r\n // toggle\r\n this.displayFilters = !this.displayFilters;\r\n else\r\n // forced\r\n this.displayFilters = forcedState === PopupStates.opened;\r\n\r\n return this;\r\n }\r\n\r\n setHeaderAtions(actions: common.ISearchBoxAction[]) {\r\n\r\n // activer par defaut les actions.\r\n for (let i = 0; i < (actions || []).length; i++)\r\n actions[i].isEnable = true;\r\n\r\n this.actions = actions;\r\n\r\n this.updateHeaderActions();\r\n\r\n return this;\r\n }\r\n\r\n onActionClick(event: KeyboardEvent, action: common.ISearchBoxAction) {\r\n const isCtlClick = utilities.isCtlKeyPressed(event);\r\n this.actionClick(action, isCtlClick);\r\n }\r\n\r\n setOnAction(action: (type: common.ToolsBarActionTypes, selectionRule: common.ToolsBarSelectionRules, confirmationTitleHtml: string, confirmationMessageHtml: string, isCtlClick: boolean) => void) {\r\n this._onAction = action;\r\n return this;\r\n }\r\n setOnSelectAllActionClick(action: () => void) {\r\n this._onSelectAllAction = action;\r\n return this;\r\n }\r\n setOnUnelectAllActionClick(action: () => void) {\r\n this._onUnelectAllAction = action;\r\n return this;\r\n }\r\n\r\n onSelectAllAction() {\r\n if (this._onSelectAllAction)\r\n this._onSelectAllAction();\r\n return this;\r\n }\r\n\r\n onUnelectAllAction() {\r\n if (this._onUnelectAllAction)\r\n this._onUnelectAllAction();\r\n return this;\r\n }\r\n\r\n onAction(type: common.ToolsBarActionTypes, selectionRule: common.ToolsBarSelectionRules, confirmationTitleHtml: string, confirmationMessageHtml: string, isCtlClick: boolean) {\r\n if (this._onAction)\r\n this._onAction(type, selectionRule, confirmationTitleHtml, confirmationMessageHtml, isCtlClick);\r\n return this;\r\n }\r\n\r\n countEnabledActions() {\r\n var cpt = 0;\r\n for (let i = 0; i < (this.actions || []).length; i++) {\r\n const a = this.actions[i];\r\n if (a.isVisible)\r\n cpt++;\r\n }\r\n return cpt;\r\n }\r\n\r\n updateHeaderActions(updatedActions?: common.IToolsBarUpdatedAction[], selectedItems?: common.ISelectedItem[]) {\r\n selectedItems = selectedItems || [];\r\n\r\n\r\n for (let i = 0; i < (this.actions || []).length; i++) {\r\n const a = this.actions[i];\r\n\r\n if (updatedActions) {\r\n const updatedAction = this.isUpdatedAction(updatedActions, a.type);\r\n if (updatedAction && a.isVisible !== updatedAction.isVisible)\r\n //this.$set(a, 'isVisible', updatedAction.isVisble);\r\n a.isVisible = updatedAction.isVisible;\r\n }\r\n\r\n // if (a.type === common.ToolsBarActionTypes.selectAll) {\r\n // var newTitle: string;\r\n // if (this.allItemsAreLoaded()) {\r\n // newTitle = \"Cocher tout\";\r\n // } else {\r\n // const n = this.estimateLoadedItems();\r\n // const t = this.getTotalResults();\r\n // newTitle = (\"Cocher {n} de {t}\" as any)\r\n // .replace(\"{n}\", n)\r\n // .replace(\"{t}\", t);\r\n // }\r\n // a.title = newTitle;\r\n // }\r\n }\r\n }\r\n\r\n private isUpdatedAction(updatedActions: common.IToolsBarUpdatedAction[], actionType: common.ToolsBarActionTypes) {\r\n for (let i = 0; i < updatedActions.length; i++) {\r\n const a = updatedActions[i];\r\n if (actionType === a.type)\r\n return a;\r\n }\r\n return null as common.IToolsBarUpdatedAction;\r\n }\r\n\r\n private actionClick(action: common.ISearchBoxAction, isCtlClick: boolean) {\r\n isCtlClick = isCtlClick === true;\r\n\r\n if (action.type === common.ToolsBarActionTypes.selectAll) {\r\n this.onSelectAllAction();\r\n return;\r\n }\r\n\r\n if (action.type === common.ToolsBarActionTypes.unselectAll) {\r\n this.onUnelectAllAction();\r\n return;\r\n }\r\n\r\n this.onAction(action.type, action.selectionRule, action.confirmationTitleHtml, action.confirmationMessageHtml, isCtlClick);\r\n }\r\n setOnFilterButtonClick(action: () => void) {\r\n this._onFilterButtonClick = action || null;\r\n return this;\r\n }\r\n\r\n onFilterButtonClick(event: Event) {\r\n if (this._onFilterButtonClick)\r\n this._onFilterButtonClick();\r\n }\r\n\r\n updateFitlersButtonStatus(isActive: boolean) {\r\n this.hasActiveFilters = isActive;\r\n return this;\r\n }\r\n\r\n updateTermsFromSearchParameters(searchParameters: common.ISearchParameters) {\r\n\r\n const orginalsTerms = searchParameters.originalTerms;\r\n\r\n\r\n const field = this.getTermsBox();\r\n\r\n if (field) {\r\n field.setFromTextualValue(orginalsTerms);\r\n }\r\n\r\n return this;\r\n }\r\n\r\n onClearTermsButtonClick(event: Event) {\r\n this.clearTermsBox()\r\n }\r\n\r\n clearTermsBox() {\r\n const field = this.getTermsBox();\r\n if (field)\r\n field.clear();\r\n return field || null;\r\n }\r\n\r\n getOriginalTerms() {\r\n return this.getTermsBox().getTextualValue();\r\n }\r\n\r\n updateSearchParametersFromTerms(originalTerms: string, searchParameters: common.ISearchParameters) {\r\n\r\n searchParameters.originalTerms = originalTerms || '';\r\n searchParameters.terms = [];\r\n\r\n return searchParameters;\r\n }\r\n\r\n private getTermsBox() {\r\n return this.formManager.getFieldByName(this._termsBoxFieldName);\r\n }\r\n}\r\n\r\nexport = SearchBoxHeaderVue;","import common = require(\"../../common\");\r\nimport SearchBox = require(\"../../core/SearchBox\");\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport Vue from 'vue';\r\nimport Component from 'vue-class-component';\r\nimport utilities = require(\"../utilities\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport HotEditableCheckboxComponent = require(\"./hotEditable/HotEditableCheckboxComponent\");\r\n\r\n//declare function require(name: string): any;\r\n\r\n//var jsUtilities = require('../../js/jsUtilities');\r\n//var jsClasses = require('../../js/jsClasses');\r\n\r\ninterface ICurrentSorter {\r\n name: string,\r\n order: common.SortOrderTypes\r\n}\r\n\r\n// The @Component decorator indicates the class is a Vue component\r\n@Component\r\nclass SearchBoxResultsVue extends Vue implements common.IHotEditableFormParentVue {\r\n searchBox: SearchBox;\r\n searchFieldStandardValue = '';\r\n activeBannerId = '';\r\n searchParametersSorter = [] as common.ISearchSorter[];\r\n items = [] as common.ISearchBoxResult[];\r\n totalResults = 0;\r\n isInitialized = false;\r\n searchIsRunning = false;\r\n sbFilters = {};\r\n sbFilterOptions = {};\r\n initialData: any;\r\n actions: common.ISearchBoxAction[];\r\n actionsPopupTitle = '';\r\n actionsPopupIsOpen = false;\r\n sorterPopupIsOpen = false;\r\n showExportButton = false;\r\n itemsSelection = common.SearchBoxItemsSelectionTypes.nothing;\r\n noResultText: string;\r\n\r\n // Proprietes utilisees pour les sorters\r\n currentSorter = null as ICurrentSorter;\r\n currentSorterPopupName = null as string;\r\n sortersRegistry = {} as any;\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n\r\n _onAction = null as (type: common.ToolsBarActionTypes, selectionRule: common.ToolsBarSelectionRules, confirmationTitleHtml: string, confirmationMessageHtml: string, isCtlClick: boolean, selectedItems: common.ISelectedItem[]) => void;\r\n _defaultNoResultText: string;\r\n _goToServerOnItemClick: boolean;\r\n\r\n private _sorterCallback?: (name: string, order: string) => void;\r\n private _onInfiniteScrollLoadMoreCallback?: () => void;\r\n private _onExportButtonCallback?: () => void;\r\n\r\n beforeCreate() {\r\n HotEditableFormLoader.loadComponentsFromParent(this);\r\n\r\n this.searchBox = (this.initialData as common.ISearchBoxResultsInitialData).searchBox;\r\n this.$options.el = (this.initialData as common.ISearchBoxResultsInitialData).el;\r\n this._defaultNoResultText = (this.initialData as common.ISearchBoxResultsInitialData).defaultNoResultText || '';\r\n this._goToServerOnItemClick = (this.initialData as common.ISearchBoxResultsInitialData).goToServerOnItemClick;\r\n const actions = (this.initialData as common.ISearchBoxResultsInitialData).actions;\r\n this.actions = [];\r\n // Activer par defaut les actions (sera refactorise lors du rework des QuickActions dynamiques).\r\n for (let i = 0; i < (actions || []).length; i++) {\r\n const a = actions[i];\r\n a.isEnable = true;\r\n this.actions.push(a);\r\n }\r\n\r\n this.formManager = new HotEditableFormManager(this, (this.initialData as common.ISearchBoxResultsInitialData).formName);\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n }\r\n\r\n created() {\r\n }\r\n\r\n mounted() {\r\n this.setupResults();\r\n this.setupSorters();\r\n this.setupActions();\r\n }\r\n\r\n private setupResults() {\r\n this.items = [];\r\n }\r\n\r\n private setupSorters() {\r\n // permet de faire fermer la popup lorsque l'utilisateur click a l'exterieur de la popup\r\n document.addEventListener(\"click\", e => {\r\n const el = e.target as Element;\r\n\r\n //manage sorters popup\r\n if (this.currentSorterPopupName)\r\n if (!el.hasAttribute('sb-header-item-sorter-name')) {\r\n const currentPopupEl = this.getDisplayedSorterPopupElement();\r\n if (currentPopupEl && utilities.isOutside(el, currentPopupEl))\r\n this.onSorterOrderCancel(e);\r\n }\r\n });\r\n }\r\n\r\n private setupActions() {\r\n document.addEventListener(\"click\", e => {\r\n const el = e.target as Element;\r\n\r\n // Manage quick actions popup\r\n if (this.actionsPopupIsOpen) {\r\n const refEl = this.getActionsPopupInstance();\r\n if (utilities.isOutside(el, refEl)) {\r\n var currentId: string = null;\r\n var currentEl = el;\r\n var cpt = 0;\r\n const max = 10;\r\n while (!currentId && currentEl && cpt < max) {\r\n if (cpt)\r\n currentEl = currentEl.parentElement;\r\n if (currentEl)\r\n currentId = currentEl.getAttribute('banner-actions-id') || null;\r\n cpt++;\r\n }\r\n\r\n if (currentId !== this.activeBannerId)\r\n this.closeBannerActions();\r\n }\r\n }\r\n });\r\n\r\n $(window as any).on('resize', e => {\r\n this.closeBannerActions();\r\n });\r\n }\r\n\r\n setBannerActions(actions: common.ISearchBoxAction[]) {\r\n\r\n // Activer par defaut les actions (sera refactorise lors du rework des QuickActions dynamiques).\r\n for (let i = 0; i < (actions || []).length; i++)\r\n actions[i].isEnable = true;\r\n\r\n this.actions = actions;\r\n\r\n this.updateBannerActions();\r\n\r\n return this;\r\n }\r\n\r\n setOnExportButtonCallback(action: () => void) {\r\n this._onExportButtonCallback = action || null;\r\n return this;\r\n }\r\n\r\n onExportButtonClick(event: Event) {\r\n if (this._onExportButtonCallback)\r\n this._onExportButtonCallback();\r\n }\r\n\r\n onActionsPopupCloserClick(event: Event) {\r\n this.closeBannerActions();\r\n }\r\n\r\n onActionClick(event: KeyboardEvent, action: common.ISearchBoxAction, itemId?: string) {\r\n const isCtlClick = utilities.isCtlKeyPressed(event);\r\n\r\n this.actionClick(action, isCtlClick, itemId);\r\n }\r\n\r\n setOnAction(action: (type: common.ToolsBarActionTypes, selectionRule: common.ToolsBarSelectionRules, confirmationTitleHtml: string, confirmationMessageHtml: string, isCtlClick: boolean, selectedItems: common.ISelectedItem[]) => void) {\r\n this._onAction = action;\r\n return this;\r\n }\r\n\r\n getFirstEnabledAction() {\r\n for (let i = 0; i < (this.actions || []).length; i++) {\r\n const a = this.actions[i];\r\n if (a.isVisible)\r\n return a;\r\n }\r\n return null;\r\n }\r\n /** countVisibleActions(...) */\r\n countEnabledActions() {\r\n var cpt = 0;\r\n for (let i = 0; i < (this.actions || []).length; i++) {\r\n const a = this.actions[i];\r\n if (a.isVisible)\r\n cpt++;\r\n }\r\n return cpt;\r\n }\r\n\r\n getNoResultText(text: string) {\r\n return text || this._defaultNoResultText;\r\n }\r\n\r\n private actionClick(action: common.ISearchBoxAction, isCtlClick: boolean, itemId?: string) {\r\n this.actionsPopupIsOpen = false;\r\n\r\n const selectedItems = [] as common.ISelectedItem[];\r\n selectedItems.push({\r\n id: itemId || this.activeBannerId || \"\"\r\n } as common.ISelectedItem);\r\n\r\n if (this._onAction)\r\n this._onAction(action.type, action.selectionRule, action.confirmationTitleHtml, action.confirmationMessageHtml, isCtlClick, selectedItems);\r\n }\r\n\r\n setOnInfiniteScrollLoadMoreCallback(callback: () => void) {\r\n this._onInfiniteScrollLoadMoreCallback = callback || null;\r\n return this;\r\n }\r\n\r\n setSorterCallback(sorterCallback: (name: string, order: string) => void) {\r\n this._sorterCallback = sorterCallback || null;\r\n return this;\r\n }\r\n\r\n updateSearchParametersFromSorter(searchParameters: common.ISearchParameters) {\r\n\r\n if (!searchParameters)\r\n throw \"[SearchBoxResutlsVue::updateSearchParametersFromSorter] Le parametre 'SearchParameters' est requis.\";\r\n\r\n if (!this.currentSorter || this.currentSorter.order === common.SortOrderTypes.unset) {\r\n searchParameters.sorters = [];\r\n return searchParameters;\r\n }\r\n\r\n const newSorter = {\r\n fieldName: this.currentSorter.name,\r\n order: this.currentSorter.order,\r\n sorterType: null\r\n } as common.ISearchSorter;\r\n\r\n searchParameters.sorters = [newSorter];\r\n\r\n return searchParameters;\r\n }\r\n\r\n onItemClick(event?: MouseEvent, url?: string, id?: string, type?: string) {\r\n if (this._goToServerOnItemClick) {\r\n if (!this._onAction) throw \"La propriété '_onAction' est null.\";\r\n this._onAction(common.ToolsBarActionTypes.banner_Read, common.ToolsBarSelectionRules.bannerAction, null, null, false, [\r\n {\r\n id: id,\r\n type: type\r\n }\r\n ]);\r\n return;\r\n }\r\n\r\n if (url) {\r\n const isCtlClick = utilities.isCtlKeyPressed(event);\r\n utilities.redirect(url, isCtlClick);\r\n }\r\n }\r\n\r\n onRightClickItem(event: MouseEvent, id: string, title?: string) {\r\n if (!event || !id)\r\n return;\r\n\r\n //e.stopPropagation();// NE PAS METTRE POUR LES OUTSIDE CLICKS (Ex: sorters popup)\r\n event.preventDefault();\r\n\r\n const p = {\r\n top: event.clientY,\r\n left: event.clientX\r\n } as common.IPosition;\r\n\r\n this.openActionsPopup(id, p, title);\r\n }\r\n\r\n getActionsPopupInstance() {\r\n const inst = (this as Vue).$refs['actionsPopupInst'];\r\n return inst as Element;\r\n }\r\n\r\n updateBannerActions(updatedActions?: common.IToolsBarUpdatedAction[], selectedItems?: common.ISelectedItem[]) {\r\n selectedItems = selectedItems || [];\r\n\r\n for (let i = 0; i < (this.actions || []).length; i++) {\r\n const a = this.actions[i];\r\n\r\n if (updatedActions) {\r\n const updatedAction = this.isUpdatedAction(updatedActions, a.type);\r\n if (updatedAction && a.isVisible !== updatedAction.isVisible)\r\n a.isVisible = updatedAction.isVisible;\r\n }\r\n }\r\n\r\n this.updateItemsSelection(selectedItems);\r\n }\r\n\r\n private updateItemsSelection(selectedItems: common.ISelectedItem[]) {\r\n\r\n if (selectedItems.length)\r\n this.itemsSelection = selectedItems.length === 1\r\n ? common.SearchBoxItemsSelectionTypes.one\r\n : common.SearchBoxItemsSelectionTypes.many;\r\n else this.itemsSelection = common.SearchBoxItemsSelectionTypes.nothing;\r\n }\r\n private isUpdatedAction(updatedActions: common.IToolsBarUpdatedAction[], actionType: common.ToolsBarActionTypes) {\r\n for (let i = 0; i < updatedActions.length; i++) {\r\n const a = updatedActions[i];\r\n if (actionType === a.type)\r\n return a;\r\n }\r\n return null;\r\n }\r\n\r\n onActionsButtonClick(event: MouseEvent, id: string, title?: string) {\r\n //e.stopPropagation();// NE PAS METTRE POUR LES OUTSIDE CLICKS (Ex: sorters popup)\r\n event.preventDefault();\r\n\r\n const $b = $(event.currentTarget) as JQuery;\r\n const o = $b.offset();\r\n const p = {\r\n top: o.top + $b.height() - 7,\r\n left: o.left + $b.width() - $b.width() + 3\r\n };\r\n\r\n this.openActionsPopup(id, p, title);\r\n }\r\n\r\n private openActionsPopup(id: string, popupPosition: common.IPosition, title?: string) {\r\n title = title || 'Actions rapides';\r\n\r\n // Cacher le menu contextuel si on clique une 2ème fois sur le même bouton d'actions\r\n // if (this._searchBoxResultsVue.activeBannerId === id) {\r\n // this.closeBannerActions();\r\n // return;\r\n // }\r\n\r\n this.actionsPopupTitle = title;\r\n\r\n // Afficher le menu contextuel\r\n this.activeBannerId = id;\r\n\r\n const $actionsPopup = $(this.getActionsPopupInstance());\r\n\r\n const horBuffer = 35;//px\r\n const vertBuffer = 25;//px\r\n const screenWidth = utilities.getScreenWidth();\r\n const modDimen = this.searchBox.getModuleDimensions();\r\n const popupWitdh = $actionsPopup.width();\r\n const popupHeight = $actionsPopup.height();\r\n const popupPosBottom = popupPosition.top + popupHeight;\r\n const popupPosRight = popupPosition.left + popupWitdh;\r\n\r\n if (popupPosRight > (screenWidth - horBuffer))\r\n popupPosition.left = screenWidth - popupWitdh - horBuffer;\r\n\r\n if (popupPosBottom > (modDimen.top + modDimen.height))\r\n popupPosition.top = (modDimen.top + modDimen.height - popupHeight - vertBuffer);\r\n\r\n $actionsPopup.offset(popupPosition);\r\n\r\n this.actionsPopupIsOpen = true;\r\n }\r\n\r\n private closeBannerActions() {\r\n this.actionsPopupIsOpen = false;\r\n this.activeBannerId = '';\r\n }\r\n\r\n updateSelectedProperties(results: common.ISearchBoxResult[]) {\r\n const selectedItems = this.collectSelectedItems();\r\n const hasSelected = !!selectedItems.length;\r\n for (let i = 0; i < results.length; i++) {\r\n const x = results[i];\r\n if (hasSelected) {\r\n const it = getSelectedById(x.id);\r\n x.selected = !!it;\r\n }\r\n else {\r\n x.selected = false;\r\n }\r\n }\r\n\r\n function getSelectedById(id: string) {\r\n for (let i = 0; i < selectedItems.length; i++) {\r\n const selectedItem = selectedItems[i];\r\n if (selectedItem.id === id)\r\n return selectedItem;\r\n }\r\n return null;\r\n }\r\n }\r\n updateSelectedProperty(result: common.ISearchBoxResult) {\r\n this.updateSelectedProperties([result]);\r\n }\r\n collectSelectedItems() {\r\n const l = [] as common.ISelectedItem[];\r\n this.items.forEach(x => {\r\n if (x.isVisible === true && x.searchBoxSelectField.isChecked)\r\n l.push(x);\r\n });\r\n return l;\r\n }\r\n getItemByCheckboxId(id: string) {\r\n for (let i = 0; i < this.items.length; i++) {\r\n const x = this.items[i];\r\n if (x.searchBoxSelectField.id === id)\r\n return x;\r\n }\r\n return null;\r\n }\r\n\r\n selectAllCheckboxes(checked: boolean) {\r\n this.formManager.getCheckboxes().forEach(x => {\r\n (x as HotEditableCheckboxComponent).check(checked, false, false);\r\n });\r\n }\r\n\r\n infiniteScrollLoadMore() {\r\n if (this._onInfiniteScrollLoadMoreCallback)\r\n this._onInfiniteScrollLoadMoreCallback();\r\n }\r\n\r\n // SORTERS ===========================================================================\r\n updateSorterFromSearchParameters(searchParameters: common.ISearchParameters) {\r\n\r\n if (!searchParameters || !searchParameters.sorters || !searchParameters.sorters.length)\r\n return;\r\n\r\n const firstSorter = searchParameters.sorters.length ? searchParameters.sorters[0] : null;\r\n\r\n if (!firstSorter || !firstSorter.fieldName)\r\n return;\r\n\r\n const defaultOrder = common.SortOrderTypes.unset;\r\n\r\n var order: string;\r\n if (!firstSorter.order) {\r\n order = defaultOrder;\r\n } else {\r\n const lowerOrder = firstSorter.order.toLowerCase();\r\n if (lowerOrder === 'desc' || lowerOrder === 'descendant')\r\n order = common.SortOrderTypes.desc;\r\n else if (lowerOrder === 'asc' || lowerOrder === 'ascendant')\r\n order = common.SortOrderTypes.asc;\r\n else\r\n order = defaultOrder;\r\n }\r\n\r\n this.updateCurrentSorter(firstSorter.fieldName, order);\r\n }\r\n\r\n sorterPopupIsVisible(sorterName: string) {\r\n return this.currentSorterPopupName === sorterName;\r\n }\r\n\r\n sorterPopupUnsetChoiceIsVisible(sorterName: string) {\r\n\r\n return this.currentSorter &&\r\n this.currentSorter.name === sorterName &&\r\n this.currentSorter.order !== common.SortOrderTypes.unset;\r\n }\r\n\r\n getSorterOrder(sorterName: string) {\r\n\r\n if (!this.currentSorter)\r\n return common.SortOrderTypes.unset\r\n\r\n if (this.currentSorter.name === sorterName)\r\n return this.currentSorter.order;\r\n\r\n return common.SortOrderTypes.unset;\r\n }\r\n\r\n onSorterClick(sorterName: string, event?: Event) {\r\n event.preventDefault();\r\n\r\n this.currentSorterPopupName = sorterName;\r\n }\r\n\r\n onSorterOrderCancel(event?: Event) {\r\n this.currentSorterPopupName = null;\r\n }\r\n\r\n onSorterOrderClick(sorterName: string, event?: Event) {\r\n const thisEl = $(event.currentTarget);\r\n const order = thisEl.attr('order').toLowerCase();\r\n\r\n if (this.currentSorter && this.currentSorter.name === sorterName && this.currentSorter.order === order) {\r\n if (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n return;\r\n }\r\n\r\n this.updateCurrentSorter(sorterName, order);\r\n\r\n this.currentSorterPopupName = null;\r\n\r\n if (this._sorterCallback)\r\n this._sorterCallback(sorterName, order);\r\n }\r\n\r\n getTotalResultsText(total?: number, displayLoadedItems?: boolean) {\r\n displayLoadedItems = displayLoadedItems === true;//default is FALSE\r\n const t = (this.isInitialized ? total : 0) || 0;\r\n const l = this.getTotalLoadedItems();\r\n const m = !displayLoadedItems || l === t\r\n ? 'Total : {b} résultat{s}'\r\n : 'Total : {a} / {b} résultat{s}';\r\n const r = m\r\n .replace(\"{a}\", l.toString())\r\n .replace(\"{b}\", t.toString())\r\n .replace(\"{s}\", t > 1 ? \"s\" : \"\");\r\n\r\n return r;\r\n }\r\n\r\n getTotalResultsToolTip(total?: number, displayLoadedItems?: boolean) {\r\n displayLoadedItems = displayLoadedItems !== false;//default is TRUE\r\n const l = this.getTotalLoadedItems();\r\n const t = total || 0;\r\n const m = !displayLoadedItems || l === t\r\n ? 'Le nombre total de résultats est de {b}'\r\n : 'Le nombre total de résultats chargés est de {a} sur {b}';\r\n\r\n const r = m\r\n .replace(\"{a}\", l.toString())\r\n .replace(\"{b}\", t.toString());\r\n\r\n return r;\r\n }\r\n\r\n private getTotalLoadedItems() {\r\n var t = 0;\r\n (this.items || []).forEach(x => {\r\n if (x.isVisible !== false)\r\n t++;\r\n });\r\n return t;\r\n }\r\n\r\n private getDisplayedSorterPopupElement() {\r\n if (!this.currentSorterPopupName)\r\n return null;\r\n\r\n const id = \"{id}_SearchBoxSorterPopup_{popupName}\"\r\n .replace(\"{id}\", this.searchBox.getId())\r\n .replace(\"{popupName}\", this.currentSorterPopupName);\r\n const el = document.getElementById(id);\r\n\r\n return el || null;\r\n }\r\n\r\n private updateCurrentSorter(name: string, order: string) {\r\n\r\n this.clearSorterOrderRegistry();\r\n\r\n this.currentSorter = {\r\n name: name,\r\n order: order\r\n } as ICurrentSorter;\r\n\r\n this.registerSorter(name, order);\r\n }\r\n\r\n private registerSorter(sorterName: string, order?: string) {\r\n if (!sorterName)\r\n throw \"L'argument 'sorterName' est requis et ne doit pas etre NULL.\";\r\n\r\n this.sortersRegistry[sorterName] = order;\r\n }\r\n\r\n private clearSorterOrderRegistry() {\r\n this.sortersRegistry = {};\r\n }\r\n}\r\n\r\nexport = SearchBoxResultsVue;","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\n\r\n@Component\r\nclass SecuriteUtilisateurEditVue extends Vue implements IHotEditableFormParentVue {\r\n showSingleDropdown1 = false;\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n isVisibleToggleButton = false;\r\n forceUpdate = '1';\r\n bag = {};\r\n _lastBagTimemoutId = null as NodeJS.Timeout;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, false, rootId).loadComponentsFromParent(this);\r\n\r\n this.$options.el = '#' + rootId;\r\n\r\n const formName = (this as any).$initialData.formName || (() => { throw \"[$initialData] La propriété 'formName' est NULL.\"; })();\r\n this.formManager = new HotEditableFormManager(this, formName);\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n }\r\n\r\n created() { }\r\n\r\n mounted() {\r\n //this.formManager.setupForm();\r\n }\r\n\r\n // setActionConfirmation(key: string, arg1: () => void) {\r\n // throw new Error(\"Method not implemented.\");\r\n // }\r\n\r\n // /** Met à jour le UI avec la liste des rôles sélectionnés provenant du serveur */\r\n // updateSelectedRoles(selectedRoleCodes: string[]) {\r\n // const checkboxes = this.formManager.getCheckboxes() as HotEditableCheckboxComponent[];\r\n // checkboxes.forEach(x => {\r\n // const checked = selectedRoleCodes.indexOf(x.elementName) >= 0;\r\n // x.check(checked, false);\r\n // });\r\n // }\r\n\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n\r\n setToBag(key: string, value?: any, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n delayMs = delayMs || 0;\r\n forceDelayedSetToBeExecuted = forceDelayedSetToBeExecuted === true;\r\n const f = () => { this.$set(this.bag, key, value || value === false || value === 0 || value === '' ? value : ''); }\r\n if (!forceDelayedSetToBeExecuted && this._lastBagTimemoutId) {\r\n clearTimeout(this._lastBagTimemoutId);\r\n this._lastBagTimemoutId = null;\r\n }\r\n if (delayMs)\r\n this._lastBagTimemoutId = setTimeout(f, Math.max(0, Math.min(15000, delayMs)));\r\n else\r\n f();\r\n return this;\r\n }\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n setBooleanToBag(key: string, value: boolean, delayMs?: number, forceDelayedSetToBeExecuted?: boolean) {\r\n this.setToBag(key, value === true, delayMs, forceDelayedSetToBeExecuted);\r\n return this;\r\n }\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n\r\n updateBag(updated: common.IBag) {\r\n if (!updated)\r\n return this;\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n}\r\n\r\nexport = SecuriteUtilisateurEditVue;\r\n","import Vue from \"vue\";\r\nimport Component from \"vue-class-component\";\r\nimport HotEditableFormManager = require(\"./hotEditable/HotEditableFormManager\");\r\nimport { IHotEditableFormParentVue } from \"../../common\";\r\nimport common = require(\"../../common\");\r\nimport SharedHotEditableParentForm = require(\"./hotEditable/SharedHotEditableParentForm\");\r\nimport HotEditableFormLoader = require(\"./hotEditable/HotEditableFormLoader\");\r\nimport context = require(\"../context\");\r\nimport utilities = require(\"../utilities\");\r\nimport HotEditableSelectComponent = require(\"./hotEditable/HotEditableSelectComponent\");\r\n\r\n@Component\r\nclass SommaireTacheAdministrativeVue extends Vue implements IHotEditableFormParentVue {\r\n $initialData: any;\r\n\r\n shared: SharedHotEditableParentForm;\r\n formMode = common.HotEditableFormModes.original;\r\n formManager: HotEditableFormManager;\r\n isVisibleToggleButton = false;\r\n currentItemId: string;\r\n currentItemType: string;\r\n currentItemTitle: string;\r\n currentCommentItemId: string;\r\n currentCommentId: string;\r\n currentCommentText: string;\r\n currentItem: common.ITacheAdministrative;\r\n currentlyEditingItem: boolean;\r\n currentlyAddingComment: boolean;\r\n currentlyEditingComment: boolean;\r\n /** !!ATTENTION!! Utilise SEULEMENT dans l'Addition avec les 4 categories */\r\n itemTypes: common.ITacheAdministrativeType[];\r\n items: common.ITacheAdministrative[];\r\n usageContext: string;\r\n forceUpdate = \"1\";\r\n bag = {};\r\n _bagTmp: {};\r\n _manageButtonsOnFormModeChange: boolean;\r\n _initialConcurrencySumCheck: string;\r\n _defaultCreationTitle: string;\r\n _onCheckItemClickCallbak: (item: common.ITacheAdministrative) => void;\r\n _onEditItemClickCallbak: (item: common.ITacheAdministrative) => void;\r\n _onDeleteItemClickCallbak: (item: common.ITacheAdministrative) => void;\r\n _onEditCommentClickCallbak: (comment: common.ITacheAdministrativeCommentaire) => void;\r\n _onEditCommentCancelClickCallbak: (item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) => void;\r\n _onEditCommentSaveClickCallbak: (item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) => void;\r\n _onDeleteCommentClickCallbak: (comment: common.ITacheAdministrativeCommentaire) => void;\r\n _onAddCommentClickCallbak: (item: common.ITacheAdministrative) => void;\r\n _onAddCommentCancelClickCallbak: (item: common.ITacheAdministrative) => void;\r\n _onAddCommentSaveClickCallbak: (item: common.ITacheAdministrative) => void;\r\n\r\n beforeCreate() {\r\n const rootId = (this as any).$initialData.vueElId as string;\r\n const initialConcurrencySumCheck = (this as any).$initialData.concurrencySumCheck as string || null;\r\n const includesConcurrencySumCheck = (this as any).$initialData.includesConcurrencySumCheck as boolean || !!initialConcurrencySumCheck;\r\n this._initialConcurrencySumCheck = initialConcurrencySumCheck;\r\n this.usageContext = (this as any).$initialData.usageContext || null;\r\n\r\n HotEditableFormLoader.prepareComponentsMarkupFromTarget(true, includesConcurrencySumCheck, rootId).loadComponentsFromParent(this);\r\n\r\n const formName = (this as any).$initialData.formName || (() => { throw \"[$initialData] La propriété 'formName' est NULL.\"; })();\r\n this.formManager = new HotEditableFormManager(this, formName, {\r\n loadFormModeFromUrl: (this as any).$initialData.loadFormModeFromUrl !== false\r\n });\r\n this.shared = new SharedHotEditableParentForm(this.formManager);\r\n this._bagTmp = (this as any).$initialData.bag || {};\r\n\r\n this.$options.el = '#' + rootId;\r\n\r\n this._defaultCreationTitle = \"Nouvelle tâche administrative\";\r\n this.currentItemId = '';\r\n this.currentItemType = '';\r\n this.currentItemTitle = this._defaultCreationTitle;\r\n this.currentCommentItemId = '';\r\n this.currentCommentId = '';\r\n this.currentCommentText = '';\r\n this.currentlyEditingItem = false;\r\n this.currentlyEditingComment = false;\r\n this.currentlyAddingComment = false;\r\n\r\n this.itemTypes = (this as any).$initialData.itemTypes || [];\r\n this.items = (this as any).$initialData.items || [];\r\n }\r\n\r\n destroyComponents() {\r\n this.formManager.destroyComponents();\r\n this.formManager = null;\r\n return this;\r\n }\r\n\r\n created() { }\r\n\r\n mounted() {\r\n this.bag = this._bagTmp;\r\n\r\n if (this._initialConcurrencySumCheck)\r\n this.$nextTick(() => {\r\n this.initConcurrencySumCheck(this._initialConcurrencySumCheck);\r\n });\r\n }\r\n setOnCheckItemClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onCheckItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditItemClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onEditItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnDeleteItemClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onDeleteItemClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentClickCallbak(callback: (comment: common.ITacheAdministrativeCommentaire) => void) {\r\n this._onEditCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentCancelClickCallbak(callback: (item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) => void) {\r\n this._onEditCommentCancelClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnEditCommentSaveClickCallbak(callback: (item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) => void) {\r\n this._onEditCommentSaveClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnDeleteCommentClickCallbak(callback: (comment: common.ITacheAdministrativeCommentaire) => void) {\r\n this._onDeleteCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onAddCommentClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentCancelClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onAddCommentCancelClickCallbak = callback || null;\r\n return this;\r\n }\r\n setOnAddCommentSaveClickCallbak(callback: (item: common.ITacheAdministrative) => void) {\r\n this._onAddCommentSaveClickCallbak = callback || null;\r\n return this;\r\n }\r\n setItems(items: common.ITacheAdministrative[]) {\r\n this.items = items || [];\r\n return this;\r\n }\r\n setItem(item: common.ITacheAdministrative) {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.id === item.id)\r\n this.updateItem(item, x);\r\n }\r\n return this;\r\n }\r\n setComments(itemId: string, values: common.ITacheAdministrativeCommentaire[]) {\r\n const item = this.getItemById(itemId);\r\n if (!item)\r\n return this;\r\n item.comments = values || [];\r\n return this;\r\n }\r\n getBagRaw() {\r\n const r = utilities.serializeBag(this.bag || {});\r\n return r;\r\n }\r\n private updateItem(source: common.ITacheAdministrative, destination: common.ITacheAdministrative) {\r\n if (!source)\r\n throw \"L'argument 'source' est NULL.\";\r\n if (!destination)\r\n throw \"L'argument 'destination' est NULL.\";\r\n destination.id = source.id;\r\n destination.date = source.date;\r\n destination.dateRappel = source.dateRappel;\r\n destination.title = source.title;\r\n destination.description = source.description;\r\n destination.icon = source.icon;\r\n destination.isDone = source.isDone;\r\n destination.typeName = source.typeName;\r\n destination.author = source.author;\r\n destination.comments = source.comments;\r\n destination.commentNewText = source.commentNewText;\r\n destination.currentlyAddingComment = source.currentlyAddingComment;\r\n destination.currentlyEditingItem = source.currentlyEditingItem;\r\n }\r\n getFromBag(key: string) {\r\n const r = this.bag[key];\r\n return r || r === false || r === 0 || r === '' ? r : null;\r\n }\r\n setToBag(key: string, value: any) {\r\n this.$set(this.bag, key, value);\r\n return this;\r\n }\r\n getBooleanFromBag(key: string, defaultValue?: boolean) {\r\n const val = this.getFromBag(key);\r\n if (val === true || val === false)\r\n return val;\r\n return defaultValue ?? false;\r\n }\r\n setBooleanToBag(key: string, value: boolean) {\r\n this.setToBag(key, value === true);\r\n return this;\r\n }\r\n updateBagWhere(whereClause: (key: string, val?: any) => boolean, value?: any) {\r\n if (whereClause)\r\n for (let k in this.bag)\r\n if (whereClause(k, this.bag[k]))\r\n this.bag[k] = value;\r\n }\r\n updateBagWhereKeyStartWith(startWith: string, value?: any, excludedKeys?: string | string[]) {\r\n if (!startWith) return;\r\n excludedKeys = excludedKeys || [];\r\n if (!Array.isArray(excludedKeys))\r\n excludedKeys = [excludedKeys];\r\n const isExcluded = (x: string) => {\r\n if (x)\r\n for (let i = 0; i < excludedKeys.length; i++)\r\n if (excludedKeys[i] === x)\r\n return true;\r\n return false;\r\n };\r\n this.updateBagWhere(k => !isExcluded(k) && k.startsWith(startWith), value);\r\n }\r\n updateBag(updated: common.IBag) {\r\n var isUpdated = false;\r\n if (updated && updated.raw)\r\n for (let k in updated.raw) {\r\n this.bag[k] = updated.raw[k];\r\n if (!isUpdated)\r\n isUpdated = true;\r\n }\r\n if (isUpdated)\r\n this.$forceUpdate();\r\n return this;\r\n }\r\n private initConcurrencySumCheck(sumCheck?: string) {\r\n const f = this.formManager.getFieldByName(\"ConcurrencySumCheck\");\r\n if (f)\r\n f.setFromTextualValue(sumCheck || '');\r\n return this;\r\n }\r\n setManageButtonsOnFormModeChange(value: boolean) {\r\n this._manageButtonsOnFormModeChange = value !== false;\r\n return this;\r\n }\r\n manageButtonsOnFormModeChange() {\r\n return this._manageButtonsOnFormModeChange !== false;\r\n }\r\n // setActionConfirmation(key: string, action?: () => void) {\r\n // if (!key)\r\n // throw \"L'argument 'key' est NULL.\";\r\n\r\n // const f = this.formManager.getFieldByName(key);\r\n\r\n // if (!f)\r\n // throw \"Le champ correspondant au nom '\" + key + \"' n'existe pas.\";\r\n\r\n // f.setFromTextualValue(\"true\");\r\n\r\n // if (action)\r\n // this.$nextTick(action);\r\n\r\n // return this;\r\n // }\r\n getIcon(item: common.ITacheAdministrative) {\r\n const t = this.getItemTypeByName(item.typeName);\r\n return t ? t.icon : item.icon || 'i-note';\r\n }\r\n getItemIconTitle(item: common.ITacheAdministrative) {\r\n return this.getItemTypeTitleByName(item.typeName);\r\n }\r\n getItemTitle(item: common.ITacheAdministrative) {\r\n if (item.currentlyEditingItem)\r\n return \"Cette tâche administrative est en cours de modification.\";\r\n return this.getItemTypeTitleByName(item.typeName);\r\n }\r\n getItemDescription(item: common.ITacheAdministrative) {\r\n return utilities.replaceLineBreakByBrTag(item.description);\r\n }\r\n getAddCommentActionTitle(item: common.ITacheAdministrative) {\r\n if (this.currentlyEditingItem)\r\n return \"Une tâche administrative est déjà en cours de modification\";\r\n if (this.currentlyEditingComment)\r\n return \"Un commentaire est déjà en cours de modification\";\r\n if (this.currentlyAddingComment)\r\n return \"Un commentaire est déjà en cours de création\";\r\n return \"Ajouter un commentaire\";\r\n }\r\n onCheckItemClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this._onCheckItemClickCallbak)\r\n this._onCheckItemClickCallbak(item);\r\n }\r\n onEditItemClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this.isSameItem(item, this.currentItem))\r\n return;\r\n if (this._onEditItemClickCallbak)\r\n this._onEditItemClickCallbak(item);\r\n }\r\n onDeleteItemClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this._onDeleteItemClickCallbak)\r\n this._onDeleteItemClickCallbak(item);\r\n }\r\n onEditCommentClick($event: Event, comment: common.ITacheAdministrativeCommentaire) {\r\n if (this.currentlyEditingItem || this.currentlyAddingComment || this.currentlyEditingComment)\r\n return;\r\n\r\n if (this._onEditCommentClickCallbak)\r\n this._onEditCommentClickCallbak(comment);\r\n }\r\n onDeleteCommentClick($event: Event, comment: common.ITacheAdministrativeCommentaire) {\r\n if (this._onDeleteCommentClickCallbak)\r\n this._onDeleteCommentClickCallbak(comment);\r\n }\r\n onEditCommentCancelClick($event: Event, item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) {\r\n if (this._onEditCommentCancelClickCallbak)\r\n this._onEditCommentCancelClickCallbak(item, comment);\r\n }\r\n onEditCommentSaveClick($event: Event, item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) {\r\n if (this._onEditCommentSaveClickCallbak)\r\n this._onEditCommentSaveClickCallbak(item, comment);\r\n }\r\n onAddCommentClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this.currentlyEditingItem || this.currentlyAddingComment || this.currentlyEditingComment)\r\n return;\r\n\r\n if (this._onAddCommentClickCallbak)\r\n this._onAddCommentClickCallbak(item);\r\n }\r\n onAddCommentSaveClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this._onAddCommentSaveClickCallbak)\r\n this._onAddCommentSaveClickCallbak(item);\r\n }\r\n onAddCommentCancelClick($event: Event, item: common.ITacheAdministrative) {\r\n if (this._onAddCommentCancelClickCallbak)\r\n this._onAddCommentCancelClickCallbak(item);\r\n }\r\n onCancelButtonClick() {\r\n this.resetCurrentItem();\r\n }\r\n hasReminderDate(item: common.ITacheAdministrative) {\r\n return item.isDone ? false : !!this.getItemDateRappelRaw(item);\r\n }\r\n isSameItem(a: common.ITacheAdministrative, b: common.ITacheAdministrative) {\r\n return a && b && a.id === b.id;\r\n }\r\n hasDescription() {\r\n const field = this.formManager.getFieldByName(\"Description\");\r\n const value = ((field.elementValue as string) || '').trim();\r\n return !!value;\r\n }\r\n isEditingItem() {\r\n if (!this.currentItem)\r\n return false;\r\n\r\n if (this.currentItemType !== this.currentItem.typeName)\r\n return true;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n if ((description.elementValue || '').trim() !== (this.currentItem.description || '').trim())\r\n return true;\r\n\r\n const dateRappel = this.formManager.getFieldByName(\"DateRappel\");\r\n if ((dateRappel.elementValue || '').trim() !== (this.currentItem.dateRappel || '').trim())\r\n return true;\r\n\r\n const isDone = this.formManager.getFieldByName(\"IsDone\");\r\n if (isDone.elementValue !== this.currentItem.isDone)\r\n return true;\r\n\r\n return false;\r\n }\r\n isAddingItem() {\r\n if (this.currentItemId)\r\n return false;\r\n\r\n if (this.currentItemType)\r\n return true;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n if ((description.elementValue || '').trim())\r\n return true;\r\n\r\n const dateRappel = this.formManager.getFieldByName(\"DateRappel\");\r\n if ((dateRappel.elementValue || '').trim())\r\n return true;\r\n\r\n const isDone = this.formManager.getFieldByName(\"IsDone\");\r\n if (isDone.elementValue)\r\n return true;\r\n\r\n return false;\r\n }\r\n /** Si 'item' est NULL, alors retournera TRUE si une tache admin quelconque est en addition de commentaire, sinon retournera TRUE si la tache admin est en addition de commentaire. */\r\n isAddingComment(item?: common.ITacheAdministrative) {\r\n item = item || this.getCurrentlyAddingCommentItem();\r\n return item && !!(item.commentNewText || '').trim();\r\n }\r\n /** Si 'item' est NULL, alors retournera TRUE si une tache admin quelconque est en addition de commentaire, sinon retournera TRUE si la tache admin est en addition de commentaire. */\r\n isEditingComment(comment?: common.ITacheAdministrativeCommentaire) {\r\n comment = comment || this.getCurrentlyEditingCommentItem();\r\n if (!comment)\r\n return false;\r\n const a = (comment.editedText || '').trim();\r\n const b = (comment.textRaw || '').trim();\r\n return a && a !== b;\r\n }\r\n loadNewComment(item: common.ITacheAdministrative) {\r\n this.closeNewComment();\r\n this.closeComment();\r\n\r\n this.setCurrentlyAddingComment(item, true);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n closeNewComment(item?: common.ITacheAdministrative) {\r\n item = item || this.getCurrentlyAddingCommentItem();\r\n if (item)\r\n item.commentNewText = '';\r\n\r\n this.currentCommentId = '';\r\n this.currentCommentText = '';\r\n this.currentCommentItemId = '';\r\n this.setCurrentlyAddingComment(item, false);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n saveNewComment(item: common.ITacheAdministrative) {\r\n this.currentCommentText = item.commentNewText;\r\n this.currentCommentItemId = item.id;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"SaveNewComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n saveComment(item: common.ITacheAdministrative, comment: common.ITacheAdministrativeCommentaire) {\r\n this.currentCommentItemId = item.id;\r\n this.currentCommentId = comment.id;\r\n this.currentCommentText = comment.editedText || '';\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"SaveComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n closeComment(comment?: common.ITacheAdministrativeCommentaire) {\r\n comment = comment || this.getCurrentlyEditingCommentItem();\r\n if (comment)\r\n comment.editedText = '';\r\n\r\n this.currentCommentId = '';\r\n this.currentCommentText = '';\r\n this.currentCommentItemId = '';\r\n this.setCurrentlyEditionComment(comment, false);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n checkItem(item: common.ITacheAdministrative) {\r\n const actionValue = item.isDone ? \"UncheckItem\" : \"CheckItem\";\r\n this.currentItemId = item.id;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(actionValue, common.HotEditableActionTypes.update);\r\n });\r\n }\r\n deleteItem(item: common.ITacheAdministrative) {\r\n this.currentItemId = item.id;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"DeleteItem\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n deleteComment(comment: common.ITacheAdministrativeCommentaire) {\r\n this.currentCommentId = comment.id;\r\n this.currentCommentItemId = comment.tacheAdministrativeId;\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n this.$nextTick(() => {\r\n this.formManager.applyUpdate(\"DeleteComment\", common.HotEditableActionTypes.update);\r\n });\r\n }\r\n resetCurrentItem() {\r\n const prevItem = this.getCurrentEditingItem();\r\n\r\n this.currentItemType = '';\r\n this.currentItemId = '';\r\n this.currentItemTitle = this._defaultCreationTitle;\r\n this.currentItem = null;\r\n\r\n this.formManager.getFieldByName(\"Description\").setFromTextualValue();\r\n this.formManager.getFieldByName(\"DateRappel\").setFromTextualValue();\r\n this.formManager.getFieldByName(\"IsDone\").setFromTextualValue();\r\n\r\n const clear = this.formManager.getButtonByName(\"Clear\");\r\n const add = this.formManager.getButtonByName(\"Add\");\r\n const cancel = this.formManager.getButtonByName(\"Cancel\");\r\n const save = this.formManager.getButtonByName(\"Save\");\r\n\r\n clear.show();\r\n add.show();\r\n cancel.hide();\r\n save.hide();\r\n\r\n this.forEarchItemTypes(x => {\r\n const b = this.formManager.getButtonByName(\"ApplyItemType_\" + x.name);\r\n if (b)\r\n b.highlighted = false\r\n });\r\n this.selectItemByType();\r\n this.setCurrentlyEditionItem(prevItem, false);\r\n this.closeMessages();\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n loadComment(comment: common.ITacheAdministrativeCommentaire) {\r\n const prevComment = this.getCurrentlyEditingCommentItem();\r\n if (prevComment)\r\n this.closeComment(prevComment);\r\n\r\n this.setCurrentlyEditionComment(comment, true);\r\n\r\n comment.editedText = comment.textRaw.trim();\r\n\r\n this.currentCommentId = comment.id;\r\n this.currentCommentItemId = comment.tacheAdministrativeId;\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n /** Pour ajouter un nouvel item, laisse l'argument 'item' NULL. */\r\n loadItem(item: common.ITacheAdministrative) {\r\n const prevItem = this.getCurrentEditingItem();\r\n\r\n this.currentItemId = item.id;\r\n this.currentItemType = item.typeName;\r\n this.currentItemTitle = item.title;\r\n this.currentItem = item;\r\n\r\n const description = this.formManager.getFieldByName(\"Description\");\r\n const dateRappel = this.formManager.getFieldByName(\"DateRappel\");\r\n const isDone = this.formManager.getFieldByName(\"IsDone\");\r\n const clear = this.formManager.getButtonByName(\"Clear\");\r\n const add = this.formManager.getButtonByName(\"Add\");\r\n const cancel = this.formManager.getButtonByName(\"Cancel\");\r\n const save = this.formManager.getButtonByName(\"Save\");\r\n\r\n dateRappel.setFromTextualValue(this.getItemDateRappelRaw(item));\r\n isDone.setFromTextualValue(this.getItemIsDone(item).toString());\r\n description.setFromTextualValue(utilities.replaceBrTagByLineBreak(item.description));\r\n\r\n clear.hide();\r\n add.hide();\r\n cancel.show();\r\n save.show();\r\n\r\n this.closeMessages();\r\n\r\n // ...pour le select de categories\r\n this.selectItemByType(item.typeName);\r\n\r\n // ...pour les 4 categories\r\n this.highlightItemByType(item.typeName);\r\n\r\n\r\n // toggle\r\n this.setCurrentlyEditionItem(prevItem, false);\r\n this.setCurrentlyEditionItem(item, true);\r\n\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n selectItemByType(typeName?: string) {\r\n const select = this.formManager.getFieldByName(\"TacheAdministrativeType\") as HotEditableSelectComponent;\r\n if (!select)\r\n return null;\r\n select.setFromTextualValue(typeName || null);\r\n return select;\r\n }\r\n private getItemIsDone(item: common.ITacheAdministrative) {\r\n return !!item.isDone;\r\n }\r\n private getItemDateRappelRaw(item: common.ITacheAdministrative) {\r\n const x = (item.dateRappelRaw || '').trim();\r\n return x === this.getItemDateRaw(item) ? '' : x;\r\n }\r\n private getItemDateRaw(item: common.ITacheAdministrative) {\r\n return (item.dateRaw || '').trim();\r\n }\r\n getItemTypeTitle(item: common.ITacheAdministrative) {\r\n const t = this.getItemTypeByName(item.typeName);\r\n return t ? t.title : '';\r\n }\r\n setCurrentItemType(value: string) {\r\n this.currentItemType = value || '';\r\n this.highlightItemByType(value);\r\n this.$forceUpdate();//@@fetetrault: trouver la raison pour laquelle la prop nest pas MAJ sans le $forceUpdate().\r\n }\r\n private setCurrentlyEditionItem(item: common.ITacheAdministrative, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyEditingItem = value;\r\n\r\n if (item)\r\n item.currentlyEditingItem = value;\r\n }\r\n private setCurrentlyEditionComment(comment: common.ITacheAdministrativeCommentaire, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyEditingComment = value;\r\n\r\n if (comment)\r\n comment.currentlyEditingComment = value;\r\n }\r\n private setCurrentlyAddingComment(item: common.ITacheAdministrative, value?: boolean) {\r\n value = value !== false;\r\n\r\n this.currentlyAddingComment = value;\r\n\r\n if (item)\r\n item.currentlyAddingComment = value;\r\n }\r\n private getCurrentEditingItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.currentlyEditingItem)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private getCurrentlyAddingCommentItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.currentlyAddingComment)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private getCurrentlyEditingCommentItem() {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.comments)\r\n for (let j = 0; j < x.comments.length; j++) {\r\n const y = x.comments[j];\r\n if (y.currentlyEditingComment)\r\n return y;\r\n }\r\n }\r\n return null;\r\n }\r\n private getItemById(id: string) {\r\n for (let i = 0; i < (this.items || []).length; i++) {\r\n const x = this.items[i];\r\n if (x.id === id)\r\n return x;\r\n }\r\n return null;\r\n }\r\n private closeMessages() {\r\n this.formManager.autoCloseMessages();\r\n context.components.getMessagesManager().closeBySource(this.formManager.getFormName());\r\n }\r\n private getItemTypeByName(name: string) {\r\n if (name)\r\n for (let i = 0; i < this.itemTypes.length; i++) {\r\n const t = this.itemTypes[i];\r\n if (t.name === name)\r\n return t;\r\n }\r\n return null;\r\n }\r\n private getItemTypeTitleByName(name: string) {\r\n const t = this.getItemTypeByName(name);\r\n return t ? t.title : '';\r\n }\r\n\r\n /** !!ATTENTION!! Utilise SEULEMENT dans l'Addition avec les 4 categories */\r\n private highlightItemByType(value: string) {\r\n this.forEarchItemTypes(x => {\r\n const b = this.formManager.getButtonByName(\"ApplyItemType_\" + x.name);\r\n if (b)\r\n b.highlighted = b.actionValue === value;\r\n });\r\n }\r\n\r\n private forEarchItemTypes(action: (x: common.ITacheAdministrativeType) => void) {\r\n for (let i = 0; i < this.itemTypes.length; i++)\r\n action(this.itemTypes[i]);\r\n }\r\n refreshBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.refreshBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n restoreBrotherEmbeddedComponents() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.restoreBrotherEmbeddedComponents(name);\r\n return this;\r\n }\r\n ensureBrotherEmbeddedComponentsIsDefaultUrl() {\r\n if (!this.shared.isHotEmbeddedComponent()) throw \"[EmbeddedComponent] Le formulaire actuel n'est pas un widget.\";\r\n const name = this.shared.getCurrentEmbeddedComponentName();\r\n this.formManager.ensureBrotherEmbeddedComponentsIsDefaultUrl(name);\r\n return this;\r\n }\r\n refreshForceUpdate() {\r\n this.forceUpdate = utilities.createGuid(\"N\");\r\n }\r\n}\r\n\r\nexport = SommaireTacheAdministrativeVue;\r\n","import common = require(\"../../../common\");\r\nimport Vue from 'vue';\r\nimport Component from 'vue-class-component';\r\nimport core = require(\"../../../core\");\r\nimport HotEditableFormManager = require(\"./HotEditableFormManager\");\r\nimport HotEditableTextboxComponent = require(\"./HotEditableTextboxComponent\");\r\nimport HotEditableSelectComponent = require(\"./HotEditableSelectComponent\");\r\nimport SharedHotEditableParentForm = require(\"./SharedHotEditableParentForm\");\r\nimport HotEditableMessageComponent = require(\"./HotEditableMessageComponent\");\r\nimport AjaxService = require('../../../services/AjaxService');\r\nimport context = require(\"../../context\");\r\nimport HotEditableFormAction = require(\"./HotEditableFormAction\");\r\nimport utilities = require(\"../../utilities\");\r\nimport config = require(\"../../config\");\r\nimport HotEditableHelpers = require(\"./HotEditableHelpers\");\r\n\r\n// Fonction exécutée pour obtenir le template du contrôle (définie dans _HotEditableAddressVueComponent.cshtml)\r\ndeclare function __getHotEditableAddressComponentTemplate(): string;\r\n\r\ninterface IHotEditableAddressApiArguments {\r\n adresse1?: string;\r\n adresse2?: string;\r\n idMunicipalite?: string;\r\n nomSpecifiqueMunicipalite?: string;\r\n idProvince?: string;\r\n nomSpecifiqueProvince?: string;\r\n idPays?: string;\r\n codePostal?: string;\r\n idEntity?: string;\r\n changedFieldName?: string;\r\n}\r\n\r\ninterface IHotEditableAddressApiResponseData {\r\n useNomSpecifiqueMunicipaliteTextField: boolean;\r\n useNomSpecifiqueProvinceTextField: boolean;\r\n municipalitesEtArrondissementsOptions: common.ISelectOption[];\r\n provincesOptions: common.ISelectOption[];\r\n paysOptions: common.ISelectOption[];\r\n adresse1: string;\r\n adresse2: string;\r\n nomSpecifiqueMunicipalite: string;\r\n nomSpecifiqueProvince: string;\r\n codePostal: string;\r\n}\r\nenum HeaderLabelStyles {\r\n unknown = \"Unknown\",\r\n default = \"Default\",\r\n formHeaderTitleShortSmall = \"FormHeaderTitleShortSmall\",\r\n formHeaderTitleShortSmallNoMargin = \"FormHeaderTitleShortSmallNoMargin\"\r\n}\r\n@Component({\r\n // Props (attributs sur le tag HTML initial) (les props sont préfixées par 'init' dans prepareMarkup())\r\n props:\r\n {\r\n initId: String,\r\n initName: String,\r\n initTabIndex: Number,\r\n\r\n initValueAdresse1: String,\r\n initValueAdresse2: String,\r\n initValueMunicipalite: String,\r\n initValueNomSpecifiqueMunicipalite: String,\r\n initValueProvince: String,\r\n initValueNomSpecifiqueProvince: String,\r\n initValuePays: String,\r\n initValueCodePostal: String,\r\n\r\n initValueDefaultAdresse1: String,\r\n initValueDefaultAdresse2: String,\r\n initValueDefaultMunicipalite: String,\r\n initValueDefaultNomSpecifiqueMunicipalite: String,\r\n initValueDefaultProvince: String,\r\n initValueDefaultNomSpecifiqueProvince: String,\r\n initValueDefaultPays: String,\r\n initValueDefaultCodePostal: String,\r\n\r\n initCssClassAdresse1: String,\r\n initCssClassAdresse2: String,\r\n initCssClassMunicipalite: String,\r\n initCssClassNomSpecifiqueMunicipalite: String,\r\n initCssClassProvince: String,\r\n initCssClassNomSpecifiqueProvince: String,\r\n initCssClassPays: String,\r\n initCssClassCodePostal: String,\r\n\r\n initDisplayNameAdresse1: String,\r\n initDisplayNameAdresse2: String,\r\n initDisplayNameMunicipalite: String,\r\n initDisplayNameNomSpecifiqueMunicipalite: String,\r\n initDisplayNameProvince: String,\r\n initDisplayNameNomSpecifiqueProvince: String,\r\n initDisplayNamePays: String,\r\n initDisplayNameCodePostal: String,\r\n\r\n initPlaceholderAdresse1: String,\r\n initPlaceholderAdresse2: String,\r\n initPlaceholderMunicipalite: String,\r\n initPlaceholderNomSpecifiqueMunicipalite: String,\r\n initPlaceholderProvince: String,\r\n initPlaceholderNomSpecifiqueProvince: String,\r\n initPlaceholderPays: String,\r\n initPlaceholderCodePostal: String,\r\n\r\n initRequiredAdresse1: String,\r\n initRequiredAdresse2: String,\r\n initRequiredMunicipalite: String,\r\n initRequiredNomSpecifiqueMunicipalite: String,\r\n initRequiredProvince: String,\r\n initRequiredNomSpecifiqueProvince: String,\r\n initRequiredPays: String,\r\n initRequiredCodePostal: String,\r\n\r\n initDisabledAdresse1: String,\r\n initDisabledAdresse2: String,\r\n initDisabledMunicipalite: String,\r\n initDisabledNomSpecifiqueMunicipalite: String,\r\n initDisabledProvince: String,\r\n initDisabledNomSpecifiqueProvince: String,\r\n initDisabledPays: String,\r\n initDisabledCodePostal: String,\r\n\r\n initClearable: Boolean,\r\n initApiUrl: String,\r\n initEditModeOn: Boolean,\r\n initCanChangeEditMode: Boolean,\r\n initIdEntity: String,\r\n initLabel: String,\r\n initHeaderLabelStyle: HeaderLabelStyles,\r\n initShowLabelOnEdition: Boolean,\r\n initHideAdresse2Field: Boolean,\r\n initSummaryInlineMode: Boolean,\r\n\r\n initLabelsSize: String,\r\n initSummarySize: String,\r\n initAdresse1Size: String,\r\n initAdresse2Size: String,\r\n initMunicipaliteSize: String,\r\n initNomMunicipaliteSpecSize: String,\r\n initProvinceSize: String,\r\n initNomProvinceSpecSize: String,\r\n initPaysSize: String,\r\n initCodePostalSize: String\r\n }\r\n})\r\nclass HotEditableAddressComponent extends Vue implements common.IHotEditableFieldComponent, common.IHotEditableFormParentVue {\r\n shared: SharedHotEditableParentForm;\r\n formMode: common.HotEditableFormModes;\r\n formManager: HotEditableFormManager;\r\n\r\n //#region Variables correspondantes aux props\r\n initId: string;\r\n initName: string;\r\n initTabIndex: number;\r\n\r\n initValueAdresse1: string;\r\n initValueAdresse2: string;\r\n initValueMunicipalite: string;\r\n initValueNomSpecifiqueMunicipalite: string;\r\n initValueProvince: string;\r\n initValueNomSpecifiqueProvince: string;\r\n initValuePays: string;\r\n initValueCodePostal: string;\r\n\r\n initValueDefaultAdresse1: string;\r\n initValueDefaultAdresse2: string;\r\n initValueDefaultMunicipalite: string;\r\n initValueDefaultNomSpecifiqueMunicipalite: string;\r\n initValueDefaultProvince: string;\r\n initValueDefaultNomSpecifiqueProvince: string;\r\n initValueDefaultPays: string;\r\n initValueDefaultCodePostal: string;\r\n\r\n initCssClassAdresse1: string;\r\n initCssClassAdresse2: string;\r\n initCssClassMunicipalite: string;\r\n initCssClassNomSpecifiqueMunicipalite: string;\r\n initCssClassProvince: string;\r\n initCssClassNomSpecifiqueProvince: string;\r\n initCssClassPays: string;\r\n initCssClassCodePostal: string;\r\n\r\n initDisplayNameAdresse1: string;\r\n initDisplayNameAdresse2: string;\r\n initDisplayNameMunicipalite: string;\r\n initDisplayNameNomSpecifiqueMunicipalite: string;\r\n initDisplayNameProvince: string;\r\n initDisplayNameNomSpecifiqueProvince: string;\r\n initDisplayNamePays: string;\r\n initDisplayNameCodePostal: string;\r\n\r\n initPlaceholderAdresse1: string;\r\n initPlaceholderAdresse2: string;\r\n initPlaceholderMunicipalite: string;\r\n initPlaceholderNomSpecifiqueMunicipalite: string;\r\n initPlaceholderProvince: string;\r\n initPlaceholderNomSpecifiqueProvince: string;\r\n initPlaceholderPays: string;\r\n initPlaceholderCodePostal: string;\r\n\r\n initRequiredAdresse1: string;\r\n initRequiredAdresse2: string;\r\n initRequiredMunicipalite: string;\r\n initRequiredNomSpecifiqueMunicipalite: string;\r\n initRequiredProvince: string;\r\n initRequiredNomSpecifiqueProvince: string;\r\n initRequiredPays: string;\r\n initRequiredCodePostal: string;\r\n\r\n initDisabledAdresse1: string;\r\n initDisabledAdresse2: string;\r\n initDisabledMunicipalite: string;\r\n initDisabledNomSpecifiqueMunicipalite: string;\r\n initDisabledProvince: string;\r\n initDisabledNomSpecifiqueProvince: string;\r\n initDisabledPays: string;\r\n initDisabledCodePostal: string;\r\n\r\n initLabelsSize: string;\r\n initSummarySize: string;\r\n initAdresse1Size: string;\r\n initAdresse2Size: string;\r\n initMunicipaliteSize: string;\r\n initNomMunicipaliteSpecSize: string;\r\n initProvinceSize: string;\r\n initNomProvinceSpecSize: string;\r\n initPaysSize: string;\r\n initCodePostalSize: string;\r\n\r\n initClearable: boolean;\r\n initApiUrl: string;\r\n initEditModeOn: boolean;\r\n initCanChangeEditMode: boolean;\r\n initIdEntity: string;\r\n initLabel: string;\r\n initHeaderLabelStyle: HeaderLabelStyles;\r\n initShowLabelOnEdition: boolean;\r\n initHideAdresse2Field: boolean;\r\n initSummaryInlineMode: boolean;\r\n\r\n //#endregion Variables correspondantes aux props\r\n\r\n //#region Variables correspondantes à l'objet data\r\n\r\n idElementAdresse1: string;\r\n idElementAdresse2: string;\r\n idElementMunicipalite: string;\r\n idElementNomSpecifiqueMunicipalite: string;\r\n idElementProvince: string;\r\n idElementNomSpecifiqueProvince: string;\r\n idElementPays: string;\r\n idElementCodePostal: string;\r\n\r\n elementNameAdresse1: string;\r\n elementNameAdresse2: string;\r\n elementNameMunicipalite: string;\r\n elementNameNomSpecifiqueMunicipalite: string;\r\n elementNameProvince: string;\r\n elementNameNomSpecifiqueProvince: string;\r\n elementNamePays: string;\r\n elementNameCodePostal: string;\r\n\r\n cssClassAdresse1: string;\r\n cssClassAdresse2: string;\r\n cssClassMunicipalite: string;\r\n cssClassNomSpecifiqueMunicipalite: string;\r\n cssClassProvince: string;\r\n cssClassNomSpecifiqueProvince: string;\r\n cssClassPays: string;\r\n cssClassCodePostal: string;\r\n\r\n tabIndexAdresse1: number;\r\n tabIndexAdresse2: number;\r\n tabIndexMunicipalite: number;\r\n tabIndexNomSpecifiqueMunicipalite: number;\r\n tabIndexProvince: number;\r\n tabIndexNomSpecifiqueProvince: number;\r\n tabIndexPays: number;\r\n tabIndexCodePostal: number;\r\n\r\n requiredAdresse1: string;\r\n requiredAdresse2: string;\r\n requiredMunicipalite: string;\r\n requiredNomSpecifiqueMunicipalite: string;\r\n requiredProvince: string;\r\n requiredNomSpecifiqueProvince: string;\r\n requiredPays: string;\r\n requiredCodePostal: string;\r\n\r\n disabledAdresse1: string;\r\n disabledAdresse2: string;\r\n disabledMunicipalite: string;\r\n disabledNomSpecifiqueMunicipalite: string;\r\n disabledProvince: string;\r\n disabledNomSpecifiqueProvince: string;\r\n disabledPays: string;\r\n disabledCodePostal: string;\r\n\r\n // Valeur affichée en mode lecture (label) quand aucune valeur n'est sélectionnée.\r\n valueDefaultAdresse1: string;\r\n valueDefaultAdresse2: string;\r\n valueDefaultMunicipalite: string;\r\n valueDefaultNomSpecifiqueMunicipalite: string;\r\n valueDefaultProvince: string;\r\n valueDefaultNomSpecifiqueProvince: string;\r\n valueDefaultPays: string;\r\n valueDefaultCodePostal: string;\r\n\r\n // Champ utilisé pour identifier le champ lors des messages aux utilisateurs.\r\n displayNameAdresse1: string;\r\n displayNameAdresse2: string;\r\n displayNameMunicipalite: string;\r\n displayNameNomSpecifiqueMunicipalite: string;\r\n displayNameProvince: string;\r\n displayNameNomSpecifiqueProvince: string;\r\n displayNamePays: string;\r\n displayNameCodePostal: string;\r\n\r\n // Message affiché quand le champ n'a pas de sélection en mode édition.\r\n placeholderAdresse1: string;\r\n placeholderAdresse2: string;\r\n placeholderMunicipalite: string;\r\n placeholderNomSpecifiqueMunicipalite: string;\r\n placeholderProvince: string;\r\n placeholderNomSpecifiqueProvince: string;\r\n placeholderPays: string;\r\n placeholderCodePostal: string;\r\n\r\n rootId: string;\r\n idEntity: string;\r\n label: string;\r\n headerLabelStyle: HeaderLabelStyles;\r\n showLabelOnEdition: boolean;\r\n hideAdresse2Field: boolean;\r\n //isInitialLoading: boolean;\r\n editModeOn: boolean;\r\n canChangeEditMode: boolean;\r\n apiUrl: string;\r\n clearable: boolean;\r\n hasError: boolean;\r\n tabIndex: number;\r\n elementValue: string;\r\n useNomSpecifiqueMunicipaliteTextField: boolean;\r\n useNomSpecifiqueProvinceTextField: boolean;\r\n summaryInlineMode: boolean;\r\n isParent = true;\r\n\r\n // Messages\r\n messageIdAdresse1: string;\r\n messageIdAdresse2: string;\r\n messageIdMunicipalite: string;\r\n messageIdNomSpecifiqueMunicipalite: string;\r\n messageIdProvince: string;\r\n messageIdNomSpecifiqueProvince: string;\r\n messageIdPays: string;\r\n messageIdCodePostal: string;\r\n\r\n messageCssClassAdresse1: string;\r\n messageCssClassAdresse2: string;\r\n messageCssClassMunicipalite: string;\r\n messageCssClassNomSpecifiqueMunicipalite: string;\r\n messageCssClassProvince: string;\r\n messageCssClassNomSpecifiqueProvince: string;\r\n messageCssClassPays: string;\r\n messageCssClassCodePostal: string;\r\n\r\n messageFieldNameAdresse1: string;\r\n messageFieldNameAdresse2: string;\r\n messageFieldNameMunicipalite: string;\r\n messageFieldNameNomSpecifiqueMunicipalite: string;\r\n messageFieldNameProvince: string;\r\n messageFieldNameNomSpecifiqueProvince: string;\r\n messageFieldNamePays: string;\r\n messageFieldNameCodePostal: string;\r\n\r\n // Sizes\r\n labelsSize: string;\r\n adresse1Size: string;\r\n adresse2Size: string;\r\n municipaliteSize: string;\r\n nomMunicipaliteSpecSize: string;\r\n provinceSize: string;\r\n nomProvinceSpecSize: string;\r\n paysSize: string;\r\n codePostalSize: string;\r\n\r\n // Summaries\r\n adresse1Summary: string;\r\n adresse2Summary: string;\r\n municipaliteSummary: string;\r\n provinceSummary: string;\r\n paysSummary: string;\r\n codePostalSummary: string;\r\n\r\n //#endregion Variables correspondantes à l'objet data\r\n\r\n // Autres variables\r\n idElement: string; // Obligatoire dans l'interface\r\n elementName: string; // Obligatoire dans l'interface\r\n fieldType = common.HotEditableFieldTypes.address;\r\n isApiRunning = false;\r\n private afterFetchAction: () => void;\r\n\r\n // Champs HotEditable du formulaire\r\n fieldAdresse1: HotEditableTextboxComponent;\r\n fieldAdresse2: HotEditableTextboxComponent;\r\n fieldMunicipalite: HotEditableSelectComponent;\r\n fieldNomSpecifiqueMunicipalite: HotEditableTextboxComponent;\r\n fieldProvince: HotEditableSelectComponent;\r\n fieldNomSpecifiqueProvince: HotEditableTextboxComponent;\r\n fieldPays: HotEditableSelectComponent;\r\n fieldCodePostal: HotEditableTextboxComponent;\r\n\r\n // Max length\r\n maxLengthAdresse1: number;\r\n maxLengthAdresse2: number;\r\n maxLengthNomSpecifiqueMunicipalite: number;\r\n maxLengthNomSpecifiqueProvince: number;\r\n maxLengthCodePostal: number;\r\n\r\n // Previous values\r\n _previousValue: string;\r\n _previousFieldValueAdresse1: any;\r\n _previousFieldValueAdresse2: any;\r\n _previousFieldValueMunicipalite: any;\r\n _previousFieldValueNomSpecifiqueMunicipalite: any;\r\n _previousFieldValueProvince: any;\r\n _previousFieldValueNomSpecifiqueProvince: any;\r\n _previousFieldValuePays: any;\r\n _previousFieldValueCodePostal: any;\r\n\r\n _previousUseNomSpecifiqueMunicipaliteTextField: boolean;\r\n _previousUseNomSpecifiqueProvinceTextField: boolean;\r\n\r\n _previousDisabledValues: {};\r\n _paysId_canada = null as string;\r\n _displayFormater_postalCodeCa = null as common.ITextFormater;\r\n _formManagerParent: HotEditableFormManager;//NOTE: Doit undefined initialement car il est definie dans le \"beforeCreate\"\r\n _ajaxService = null as AjaxService;\r\n\r\n static tagName = \"hoteditableaddress\";\r\n\r\n static defaultValue() {\r\n return {} as IHotEditableAddressApiArguments;\r\n }\r\n\r\n data() {\r\n const guid = utilities.createGuid('N');\r\n const id = this.initId || \"Field_\" + guid;\r\n const name = this.initName || id;\r\n const tabIndex = this.initTabIndex || -1;\r\n // inner ids\r\n const fieldAdresse1Id = id + \"_Adresse1\";\r\n const fieldAdresse2Id = id + \"_Adresse2\";\r\n const fieldMunicipaliteId = id + \"_Municipalite\";\r\n const fieldNomSpecifiqueMunicipaliteId = id + \"_NomSpecifiqueMunicipalite\";\r\n const fieldProvinceId = id + \"_Province\";\r\n const fieldNomSpecifiqueProvinceId = id + \"_NomSpecifiqueProvince\";\r\n const fieldPaysId = id + \"_Pays\";\r\n const fieldCodePostalId = id + \"_CodePostal\";\r\n // inner names\r\n const fieldAdresse1Name = name + \"_Adresse1\";\r\n const fieldAdresse2Name = name + \"_Adresse2\";\r\n const fieldMunicipaliteName = name + \"_Municipalite\";\r\n const fieldNomSpecifiqueMunicipaliteName = name + \"_NomSpecifiqueMunicipalite\";\r\n const fieldProvinceName = name + \"_Province\";\r\n const fieldNomSpecifiqueProvinceName = name + \"_NomSpecifiqueProvince\";\r\n const fieldPaysName = name + \"_Pays\";\r\n const fieldCodePostalName = name + \"_CodePostal\";\r\n // default max length\r\n const defaultMaxLengthAdresse1 = 250;\r\n const defaultMaxLengthAdresse2 = 250;\r\n const defaultMaxLengthNomSpecifiqueMunicipalite = 250;\r\n const defaultMaxLengthNomSpecifiqueProvince = 250;\r\n const defaultMaxLengthCodePostal = 10;\r\n\r\n const o = {\r\n rootId: \"HotEditableField_\" + guid,\r\n idElement: id,\r\n idElementAdresse1: fieldAdresse1Id,\r\n idElementAdresse2: fieldAdresse2Id,\r\n idElementMunicipalite: fieldMunicipaliteId,\r\n idElementNomSpecifiqueMunicipalite: fieldNomSpecifiqueMunicipaliteId,\r\n idElementProvince: fieldProvinceId,\r\n idElementNomSpecifiqueProvince: fieldNomSpecifiqueProvinceId,\r\n idElementPays: fieldPaysId,\r\n idElementCodePostal: fieldCodePostalId,\r\n\r\n elementName: name,\r\n elementNameAdresse1: fieldAdresse1Name,\r\n elementNameAdresse2: fieldAdresse2Name,\r\n elementNameMunicipalite: fieldMunicipaliteName,\r\n elementNameNomSpecifiqueMunicipalite: fieldNomSpecifiqueMunicipaliteName,\r\n elementNameProvince: fieldProvinceName,\r\n elementNameNomSpecifiqueProvince: fieldNomSpecifiqueProvinceName,\r\n elementNamePays: fieldPaysName,\r\n elementNameCodePostal: fieldCodePostalName,\r\n\r\n cssClassAdresse1: this.initCssClassAdresse1 || '',\r\n cssClassAdresse2: this.initCssClassAdresse2 || '',\r\n cssClassMunicipalite: this.initCssClassMunicipalite || '',\r\n cssClassNomSpecifiqueMunicipalite: this.initCssClassNomSpecifiqueMunicipalite || '',\r\n cssClassProvince: this.initCssClassProvince || '',\r\n cssClassNomSpecifiqueProvince: this.initCssClassNomSpecifiqueProvince || '',\r\n cssClassPays: this.initCssClassPays || '',\r\n cssClassCodePostal: this.initCssClassCodePostal || '',\r\n\r\n tabIndexAdresse1: tabIndex,\r\n tabIndexAdresse2: tabIndex + 1,\r\n tabIndexMunicipalite: tabIndex + 2,\r\n tabIndexNomSpecifiqueMunicipalite: tabIndex + 3,\r\n tabIndexProvince: tabIndex + 4,\r\n tabIndexNomSpecifiqueProvince: tabIndex + 5,\r\n tabIndexPays: tabIndex + 6,\r\n tabIndexCodePostal: tabIndex + 7,\r\n\r\n requiredAdresse1: this.initRequiredAdresse1,\r\n requiredAdresse2: this.initRequiredAdresse2,\r\n requiredMunicipalite: this.initRequiredMunicipalite,\r\n requiredNomSpecifiqueMunicipalite: this.initRequiredNomSpecifiqueMunicipalite,\r\n requiredProvince: this.initRequiredProvince,\r\n requiredNomSpecifiqueProvince: this.initRequiredNomSpecifiqueProvince,\r\n requiredPays: this.initRequiredPays,\r\n requiredCodePostal: this.initRequiredCodePostal,\r\n\r\n disabledAdresse1: this.initDisabledAdresse1,\r\n disabledAdresse2: this.initDisabledAdresse2,\r\n disabledMunicipalite: this.initDisabledMunicipalite,\r\n disabledNomSpecifiqueMunicipalite: this.initDisabledNomSpecifiqueMunicipalite,\r\n disabledProvince: this.initDisabledProvince,\r\n disabledNomSpecifiqueProvince: this.initDisabledNomSpecifiqueProvince,\r\n disabledPays: this.initDisabledPays,\r\n disabledCodePostal: this.initDisabledCodePostal,\r\n\r\n // Valeur affichée en mode lecture (label) quand aucune valeur n'est sélectionnée.\r\n valueDefaultAdresse1: this.initValueDefaultAdresse1 || '',\r\n valueDefaultAdresse2: this.initValueDefaultAdresse2 || '',\r\n valueDefaultMunicipalite: this.initValueDefaultMunicipalite || '',\r\n valueDefaultNomSpecifiqueMunicipalite: this.initValueDefaultNomSpecifiqueMunicipalite || '',\r\n valueDefaultProvince: this.initValueDefaultProvince || '',\r\n valueDefaultNomSpecifiqueProvince: this.initValueDefaultNomSpecifiqueProvince || '',\r\n valueDefaultPays: this.initValueDefaultPays || '',\r\n valueDefaultCodePostal: this.initValueDefaultCodePostal || '',\r\n\r\n // Champ utilisé pour identifier le champ lors des messages aux utilisateurs.\r\n displayNameAdresse1: this.initDisplayNameAdresse1 || null,\r\n displayNameAdresse2: this.initDisplayNameAdresse2 || null,\r\n displayNameMunicipalite: this.initDisplayNameMunicipalite || null,\r\n displayNameNomSpecifiqueMunicipalite: this.initDisplayNameNomSpecifiqueMunicipalite || null,\r\n displayNameProvince: this.initDisplayNameProvince || null,\r\n displayNameNomSpecifiqueProvince: this.initDisplayNameNomSpecifiqueProvince || null,\r\n displayNamePays: this.initDisplayNamePays || null,\r\n displayNameCodePostal: this.initDisplayNameCodePostal || null,\r\n\r\n // Message affiché quand le champ n'a pas de sélection en mode édition.\r\n placeholderAdresse1: this.initPlaceholderAdresse1 || '',\r\n placeholderAdresse2: this.initPlaceholderAdresse2 || '',\r\n placeholderMunicipalite: this.initPlaceholderMunicipalite || '',\r\n placeholderNomSpecifiqueMunicipalite: this.initPlaceholderNomSpecifiqueMunicipalite || '',\r\n placeholderProvince: this.initPlaceholderProvince || '',\r\n placeholderNomSpecifiqueProvince: this.initPlaceholderNomSpecifiqueProvince || '',\r\n placeholderPays: this.initPlaceholderPays || '',\r\n placeholderCodePostal: this.initPlaceholderCodePostal || '',\r\n\r\n // elementValueAdresse1: this.initValueAdresse1 || null,\r\n // elementValueAdresse2: this.initValueAdresse2 || null,\r\n // elementValueMunicipalite: this.initValueMunicipalite || null,\r\n // elementValueNomSpecifiqueMunicipalite: this.initValueNomSpecifiqueMunicipalite || null,\r\n // elementValueProvince: this.initValueProvince || null,\r\n // elementValueNomSpecifiqueProvince: this.initValueNomSpecifiqueProvince || null,\r\n // elementValuePays: this.initValuePays || null,\r\n // elementValueCodePostal: this.initValueCodePostal || null,\r\n\r\n idEntity: this.initIdEntity || null,\r\n label: this.initLabel || null,\r\n headerLabelStyle: this.initHeaderLabelStyle || 'Default',\r\n showLabelOnEdition: this.initShowLabelOnEdition === true,\r\n hideAdresse2Field: this.initHideAdresse2Field === true,\r\n //isInitialLoading: true,\r\n ignoreInnerAction: true,\r\n editModeOn: this.initEditModeOn === true,\r\n canChangeEditMode: this.initCanChangeEditMode === true,\r\n apiUrl: this.initApiUrl || (() => { throw \"L'URL de l'API est requis (attribut 'init-api-url')\"; })(),\r\n clearable: this.initClearable === true,\r\n hasError: false,\r\n tabIndex: tabIndex,\r\n elementValue: '',\r\n useNomSpecifiqueMunicipaliteTextField: false,\r\n useNomSpecifiqueProvinceTextField: false,\r\n summaryInlineMode: this.initSummaryInlineMode,\r\n\r\n // Messages\r\n messageIdAdresse1: fieldAdresse1Id + \"Message\",\r\n messageIdAdresse2: fieldAdresse2Id + \"Message\",\r\n messageIdMunicipalite: fieldMunicipaliteId + \"Message\",\r\n messageIdNomSpecifiqueMunicipalite: fieldNomSpecifiqueMunicipaliteId + \"Message\",\r\n messageIdProvince: fieldProvinceId + \"Message\",\r\n messageIdNomSpecifiqueProvince: fieldNomSpecifiqueProvinceId + \"Message\",\r\n messageIdPays: fieldPaysId + \"Message\",\r\n messageIdCodePostal: fieldCodePostalId + \"Message\",\r\n\r\n messageFieldNameAdresse1: fieldAdresse1Name,\r\n messageFieldNameAdresse2: fieldAdresse2Name,\r\n messageFieldNameMunicipalite: fieldMunicipaliteName,\r\n messageFieldNameNomSpecifiqueMunicipalite: fieldNomSpecifiqueMunicipaliteName,\r\n messageFieldNameProvince: fieldProvinceName,\r\n messageFieldNameNomSpecifiqueProvince: fieldNomSpecifiqueProvinceName,\r\n messageFieldNamePays: fieldPaysName,\r\n messageFieldNameCodePostal: fieldCodePostalName,\r\n\r\n messageCssClassAdresse1: null,\r\n messageCssClassAdresse2: null,\r\n messageCssClassMunicipalite: null,\r\n messageCssClassNomSpecifiqueMunicipalite: null,\r\n messageCssClassProvince: null,\r\n messageCssClassNomSpecifiqueProvince: null,\r\n messageCssClassPays: null,\r\n messageCssClassCodePostal: null,\r\n\r\n // Sizes\r\n labelsSize: this.initLabelsSize || '',\r\n summarySize: this.initSummarySize || '',\r\n adresse1Size: this.initAdresse1Size || '',\r\n adresse2Size: this.initAdresse2Size || '',\r\n municipaliteSize: this.initMunicipaliteSize || '',\r\n nomMunicipaliteSpecSize: this.initNomMunicipaliteSpecSize || '',\r\n provinceSize: this.initProvinceSize || '',\r\n nomProvinceSpecSize: this.initNomProvinceSpecSize || '',\r\n paysSize: this.initPaysSize || '',\r\n codePostalSize: this.initCodePostalSize || '',\r\n\r\n // Summaries\r\n adresse1Summary: \"\",\r\n adresse2Summary: \"\",\r\n municipaliteSummary: \"\",\r\n provinceSummary: \"\",\r\n paysSummary: \"\",\r\n codePostalSummary: \"\",\r\n showMunicipaliteDetails: false,\r\n\r\n // Max length\r\n maxLengthAdresse1: defaultMaxLengthAdresse1,\r\n maxLengthAdresse2: defaultMaxLengthAdresse2,\r\n maxLengthNomSpecifiqueMunicipalite: defaultMaxLengthNomSpecifiqueMunicipalite,\r\n maxLengthNomSpecifiqueProvince: defaultMaxLengthNomSpecifiqueProvince,\r\n maxLengthCodePostal: defaultMaxLengthCodePostal,\r\n\r\n _previousUseNomSpecifiqueMunicipaliteTextField: false,\r\n _previousUseNomSpecifiqueProvinceTextField: false\r\n };\r\n\r\n return o;\r\n }\r\n\r\n /** Fonction système exécutée automatiquement AVANT le constructeur (!!!) */\r\n beforeCreate() {\r\n this._formManagerParent = ((this.$parent as any).formManager as HotEditableFormManager).registerField(this);\r\n\r\n const formName = this._formManagerParent.getFormName();\r\n this.formManager = new HotEditableFormManager(this, formName).setFocusCallbacksFromField(\r\n () => this._formManagerParent.focusPreviousComponentFromField(this),\r\n () => this._formManagerParent.focusNextComponentFromField(this));\r\n\r\n this.shared = new SharedHotEditableParentForm(this.formManager).setActionCallback(a => {\r\n this.onInnerFormChange(a);\r\n });\r\n\r\n const c = {};\r\n c[HotEditableTextboxComponent.tagName] = HotEditableTextboxComponent;\r\n c[HotEditableSelectComponent.tagName] = HotEditableSelectComponent;\r\n c[HotEditableMessageComponent.tagName] = HotEditableMessageComponent;\r\n this.$options.components = c;\r\n this.$options.template = __getHotEditableAddressComponentTemplate();\r\n }\r\n\r\n created() {\r\n const contextCanadaId = ((context as any).countryIds || {})['canada'] as string;\r\n if (!contextCanadaId)\r\n throw \"Le ID du pays 'Canada' n'existe pas dans le JsContext.\";\r\n this._paysId_canada = contextCanadaId.trim().toLowerCase();\r\n\r\n this._displayFormater_postalCodeCa = config.textFormaters['postal-code--ca'];\r\n }\r\n\r\n mounted() {\r\n HotEditableHelpers.validateFieldSettings(this);\r\n\r\n (this.$el as Element).removeAttribute(\"hot-editable-cloak\");\r\n\r\n this._ajaxService = new AjaxService();\r\n\r\n this._previousDisabledValues = {};\r\n this.fieldAdresse1 = this.formManager.getFieldByName(this.elementNameAdresse1) as HotEditableTextboxComponent;\r\n this.fieldAdresse2 = this.formManager.getFieldByName(this.elementNameAdresse2) as HotEditableTextboxComponent;\r\n this.fieldMunicipalite = this.formManager.getFieldByName(this.elementNameMunicipalite) as HotEditableSelectComponent;\r\n this.fieldNomSpecifiqueMunicipalite = this.formManager.getFieldByName(this.elementNameNomSpecifiqueMunicipalite) as HotEditableTextboxComponent;\r\n this.fieldProvince = this.formManager.getFieldByName(this.elementNameProvince) as HotEditableSelectComponent;\r\n this.fieldNomSpecifiqueProvince = this.formManager.getFieldByName(this.elementNameNomSpecifiqueProvince) as HotEditableTextboxComponent;\r\n this.fieldPays = this.formManager.getFieldByName(this.elementNamePays) as HotEditableSelectComponent;\r\n this.fieldCodePostal = this.formManager.getFieldByName(this.elementNameCodePostal) as HotEditableTextboxComponent;\r\n\r\n this.fetchWithValues(\r\n false,\r\n this.initValueAdresse1,\r\n this.initValueAdresse2,\r\n this.initValueMunicipalite,\r\n this.initValueNomSpecifiqueMunicipalite,\r\n this.initValueProvince,\r\n this.initValueNomSpecifiqueProvince,\r\n this.initValuePays,\r\n this.initValueCodePostal,\r\n true);\r\n\r\n // permet de faire fonctionner les esc/tab/enter\r\n document.addEventListener(\"keydown\", e => {\r\n if (!this.canChangeEditMode || !this.editModeOn)\r\n return;\r\n\r\n const isEnter = utilities.isEnterKeyCode(e);\r\n const isEscape = !isEnter && utilities.isEscapeKeyCode(e);\r\n const isTab = !isEnter && !isEscape && utilities.isTabKeyCode(e);\r\n\r\n if (isEnter || isEscape || isTab) {\r\n //this.preventDefault(e);\r\n //e.stopImmediatePropagation();// IMPORTANT: Necessite de stopper tout les events (et pas que ceux du/des parent(s)) en raison du $nextTick dans le Changed.\r\n\r\n const isShifted = e.shiftKey;\r\n if (isShifted) {\r\n if (isTab) {\r\n // check if is first focus\r\n if (document.activeElement && (document.activeElement as any).name === this.fieldAdresse1.elementName)\r\n setTimeout(() => {\r\n this.onShiftTabClick(e);\r\n }, 1);\r\n }\r\n } else {\r\n if (isEscape) {\r\n this.onEscapeClick(e);\r\n } else if (isTab) {\r\n // check if is last focus\r\n if (document.activeElement && (document.activeElement as any).name === this.fieldCodePostal.elementName)\r\n setTimeout(() => {\r\n this.onTabClick(e);\r\n }, 1);\r\n }\r\n else if (isEnter) {\r\n this.onEnterClick(e);\r\n }\r\n }\r\n }\r\n });\r\n\r\n // permet de faire fonctionner le blur\r\n document.addEventListener(\"mousedown\", e => {\r\n if (!this.canChangeEditMode || !this.editModeOn)\r\n return;\r\n const root = this.$refs[\"root\"] as Element;\r\n\r\n if (!this.hasEmbeddedFieldError() && utilities.isOutside(e.target as Element, root))\r\n this.onBlur(e);\r\n });\r\n }\r\n\r\n hasEmbeddedFieldError() {\r\n return this.fieldAdresse1.hasError ||\r\n this.fieldAdresse2.hasError ||\r\n this.fieldCodePostal.hasError ||\r\n this.fieldMunicipalite.hasError ||\r\n this.fieldProvince.hasError ||\r\n this.fieldPays.hasError ||\r\n this.fieldNomSpecifiqueMunicipalite.hasError ||\r\n this.fieldNomSpecifiqueProvince.hasError;\r\n }\r\n\r\n //getElementValueAdresse1OrInitialValue() { return this.fieldAdresse1 ? this.fieldAdresse1.elementValue : this.initValueAdresse1; }\r\n //getElementValueAdresse2OrInitialValue() { return this.fieldAdresse2 ? this.fieldAdresse2.elementValue : this.initValueAdresse2; }\r\n //getElementValueMunicipaliteOrInitialValue() { return this.fieldMunicipalite ? this.fieldMunicipalite.elementValue : this.initValueMunicipalite; }\r\n //getElementValueNomSpecifiqueMunicipaliteOrInitialValue() { return this.fieldNomSpecifiqueMunicipalite ? this.fieldNomSpecifiqueMunicipalite.elementValue : this.initValueNomSpecifiqueMunicipalite; }\r\n //getElementValueProvinceOrInitialValue() { return this.fieldProvince ? this.fieldProvince.elementValue : this.initValueProvince; }\r\n //getElementValueNomSpecifiqueProvinceOrInitialValue() { return this.fieldNomSpecifiqueProvince ? this.fieldNomSpecifiqueProvince.elementValue : this.initValueNomSpecifiqueProvince; }\r\n getElementValuePaysOrInitialValue() { return this.fieldPays ? this.fieldPays.elementValue : this.initValuePays; }\r\n getElementValueCodePostalOrInitialValue() { return this.fieldCodePostal ? this.fieldCodePostal.elementValue : this.initValueCodePostal; }\r\n\r\n changeMode(canChangeEditMode: boolean, editModeOn: boolean) {\r\n this.canChangeEditMode = canChangeEditMode;\r\n this.editModeOn = editModeOn;\r\n\r\n return this;\r\n }\r\n\r\n setFromTextualValue(textualValue?: string) {\r\n if (!textualValue)\r\n return;\r\n\r\n const args = JSON.parse(textualValue) as IHotEditableAddressApiArguments;\r\n\r\n this.innerFetch(args, false);\r\n\r\n return this;\r\n }\r\n\r\n isRequired() {\r\n return this.requiredAdresse1 &&\r\n this.requiredAdresse2 &&\r\n this.requiredMunicipalite &&\r\n this.requiredNomSpecifiqueMunicipalite &&\r\n this.requiredProvince &&\r\n this.requiredNomSpecifiqueProvince &&\r\n this.requiredPays &&\r\n this.requiredCodePostal\r\n }\r\n\r\n /** Formater le code postal canadien (XXX XXX) */\r\n getFormatedDisplay_codePostal(elementValueCodePostal: string, elementValuePays: string | common.IHotEditableSelectOption) {\r\n\r\n if (!elementValuePays)\r\n return (elementValueCodePostal || '').trim().toUpperCase();\r\n\r\n const currentPaysId = elementValuePays\r\n ? ((elementValuePays as common.IHotEditableSelectOption).code ?? (elementValuePays as string)).trim().toLowerCase()\r\n : '';\r\n\r\n if (currentPaysId !== this._paysId_canada)\r\n return (elementValueCodePostal || '').trim().toUpperCase();\r\n\r\n return this._displayFormater_postalCodeCa.format(elementValueCodePostal);\r\n }\r\n\r\n getTextualValue() {\r\n const json = this.getHotEditableAddressApiArgumentsAsJson();\r\n return json;\r\n }\r\n\r\n onChanged(event: Event) {\r\n this.preventDefault(event);\r\n this.changed();\r\n }\r\n\r\n onCancel(event: Event) {\r\n this.preventDefault(event);\r\n this.cancel();\r\n }\r\n\r\n onClear(event: Event) {\r\n this.preventDefault(event);\r\n this.clear();\r\n }\r\n private preventDefault(e?: Event, bypassStopPropagation?: boolean) {\r\n if (!e)\r\n return;\r\n\r\n e.preventDefault();\r\n\r\n if (bypassStopPropagation !== true)\r\n e.stopPropagation();\r\n }\r\n clear() {\r\n if (!this.fieldAdresse1.disabled)\r\n this.fieldAdresse1.clear();\r\n\r\n if (!this.fieldAdresse2.disabled)\r\n this.fieldAdresse2.clear();\r\n\r\n if (!this.fieldMunicipalite.disabled)\r\n this.fieldMunicipalite.clear();\r\n\r\n if (!this.fieldNomSpecifiqueMunicipalite.disabled)\r\n this.fieldNomSpecifiqueMunicipalite.clear();\r\n\r\n if (!this.fieldProvince.disabled)\r\n this.fieldProvince.clear();\r\n\r\n if (!this.fieldNomSpecifiqueProvince.disabled)\r\n this.fieldNomSpecifiqueProvince.clear();\r\n\r\n //NOTE: PAS CLEARABLE POUR L'INSTANT (NE PAS SUPPRIMER)\r\n //if (!this.fieldPays.disabled)\r\n // this.fieldPays.clear();\r\n\r\n if (!this.fieldCodePostal.disabled)\r\n this.fieldCodePostal.clear();\r\n }\r\n\r\n /** Fonction éxécutée lorsque l'utilisateur clique sur le bouton d'annulation de l'édition */\r\n cancel() {\r\n if (!this.canChangeEditMode)\r\n return;\r\n\r\n //@@fetetrault: en test... \r\n this.restorePreviousInnerFieldValues();\r\n this.innerChanged(false, false);\r\n // this.elementValue = this._previousValue;\r\n\r\n //@@fetetrault: en test...\r\n // this.fieldAdresse1.cancel();\r\n // this.fieldAdresse2.cancel();\r\n // this.fieldMunicipalite.cancel();\r\n // this.fieldNomSpecifiqueMunicipalite.cancel();\r\n // this.fieldProvince.cancel();\r\n // this.fieldNomSpecifiqueProvince.cancel();\r\n // this.fieldPays.cancel();\r\n // this.fieldCodePostal.cancel();\r\n\r\n this.formManager.autoCloseMessages();\r\n\r\n this.updateSummariesFromFields();\r\n\r\n this.editModeOn = false;\r\n }\r\n\r\n /** Fonction éxécutée lorsque l'utilisateur effectue un choix dans la liste déroulante (from: vue-select) */\r\n changed() {\r\n this.innerChanged();\r\n }\r\n getMunicipaliteSummaryParts() {\r\n const r = {\r\n name: '',\r\n details: ''\r\n };\r\n if (this.municipaliteSummary) {\r\n const parts = this.municipaliteSummary.split(\"(\");\r\n r.name = parts[0].trim();\r\n r.details = parts.length <= 1 ? '' : \" (\" + parts[1];\r\n }\r\n return r;\r\n }\r\n updateAllDisabled(value?: boolean) {\r\n value = value !== false;//default is TRUE\r\n const fields = this.getAllFields();\r\n for (let i = 0; i < fields.length; i++) {\r\n const f = fields[i];\r\n this._previousDisabledValues[f.elementName] = f.disabled;\r\n f.disabled = value;\r\n }\r\n }\r\n restoreAllOriginalDisabledValues() {\r\n const fields = this.getAllFields();\r\n for (let i = 0; i < fields.length; i++) {\r\n const f = fields[i];\r\n if (this._previousDisabledValues[f.elementName] === true || this._previousDisabledValues[f.elementName] === false)\r\n f.disabled = this._previousDisabledValues[f.elementName];\r\n }\r\n }\r\n private getAllFields() {\r\n return [\r\n this.fieldAdresse1,\r\n this.fieldAdresse2,\r\n this.fieldCodePostal,\r\n this.fieldMunicipalite,\r\n this.fieldNomSpecifiqueMunicipalite,\r\n this.fieldNomSpecifiqueProvince,\r\n this.fieldPays,\r\n this.fieldProvince\r\n ];\r\n }\r\n private updatePreviousValue() {\r\n this._previousValue = this.elementValue;\r\n }\r\n private updatePreviousInnerFieldValues() {\r\n //NOTE: L'hypothese qui explique que 'elementValue' doit etre utilise plutot que '_previousValue' dans le cas des dropdowns est que le 'vue-select' est traite un ou plusieurs cycle(s) plus tard et, donc, 'elementValue' contient ici encore la valeur precendente (non mise a jour).\r\n\r\n this._previousFieldValueAdresse1 = this.fieldAdresse1._previousValue;\r\n this._previousFieldValueAdresse2 = this.fieldAdresse2._previousValue;\r\n this._previousFieldValueMunicipalite = this.fieldMunicipalite._previousValue;\r\n this._previousFieldValueNomSpecifiqueMunicipalite = this.fieldNomSpecifiqueMunicipalite._previousValue;\r\n this._previousFieldValueProvince = this.fieldProvince._previousValue;\r\n this._previousFieldValueNomSpecifiqueProvince = this.fieldNomSpecifiqueProvince._previousValue;\r\n this._previousFieldValuePays = this.fieldPays._previousValue;\r\n this._previousFieldValueCodePostal = this.fieldCodePostal._previousValue;\r\n\r\n this._previousUseNomSpecifiqueMunicipaliteTextField = this.useNomSpecifiqueMunicipaliteTextField;\r\n this._previousUseNomSpecifiqueProvinceTextField = this.useNomSpecifiqueProvinceTextField;\r\n }\r\n private restorePreviousInnerFieldValues() {\r\n this.fieldAdresse1.elementValue = this._previousFieldValueAdresse1;\r\n this.fieldAdresse2.elementValue = this._previousFieldValueAdresse2;\r\n this.fieldMunicipalite.elementValue = this._previousFieldValueMunicipalite;\r\n this.fieldNomSpecifiqueMunicipalite.elementValue = this._previousFieldValueNomSpecifiqueMunicipalite;\r\n this.fieldProvince.elementValue = this._previousFieldValueProvince;\r\n this.fieldNomSpecifiqueProvince.elementValue = this._previousFieldValueNomSpecifiqueProvince;\r\n this.fieldPays.elementValue = this._previousFieldValuePays;\r\n this.fieldCodePostal.elementValue = this._previousFieldValueCodePostal;\r\n\r\n this.useNomSpecifiqueMunicipaliteTextField = this._previousUseNomSpecifiqueMunicipaliteTextField;\r\n this.useNomSpecifiqueProvinceTextField = this._previousUseNomSpecifiqueProvinceTextField;\r\n }\r\n private updateSpecificNameTextFieldUsages(useNomSpecifiqueMunicipalite?: boolean, useNomSpecifiqueProvince?: boolean) {\r\n if (useNomSpecifiqueMunicipalite === true || useNomSpecifiqueMunicipalite === false) {\r\n this._previousUseNomSpecifiqueMunicipaliteTextField = this.useNomSpecifiqueMunicipaliteTextField;\r\n this.useNomSpecifiqueMunicipaliteTextField = useNomSpecifiqueMunicipalite;\r\n }\r\n if (useNomSpecifiqueProvince === true || useNomSpecifiqueProvince === false) {\r\n this._previousUseNomSpecifiqueProvinceTextField = this.useNomSpecifiqueProvinceTextField;\r\n this.useNomSpecifiqueProvinceTextField = useNomSpecifiqueProvince;\r\n }\r\n }\r\n private innerChanged(validateFieldsHasChanged?: boolean, changedFromEmbeddedField?: boolean) {\r\n validateFieldsHasChanged = validateFieldsHasChanged === true;\r\n changedFromEmbeddedField = changedFromEmbeddedField === true;\r\n\r\n this.elementValue = this.getTextualValue();\r\n //@@fetetrault: en test...\r\n\r\n if (this.canChangeEditMode) {\r\n if (!changedFromEmbeddedField) {\r\n this.editModeOn = false;\r\n this._formManagerParent.editModeChanged(this);\r\n }\r\n\r\n if (validateFieldsHasChanged && !this.anyFieldHasChanged())\r\n return;\r\n\r\n // if (!changedFromEmbeddedField)\r\n // this.updatePreviousInnerFieldValues();//@@fetetrault: en test... \r\n\r\n if (this.elementValue === this._previousValue)\r\n return;\r\n }\r\n\r\n // this.elementValue = this.getTextualValue();//@@fetetrault: en test...\r\n\r\n if (!changedFromEmbeddedField) {\r\n this.updatePreviousValue();\r\n // this.updatePreviousInnerFieldValues();//@@fetetrault: en test... \r\n this.$nextTick(() => {\r\n this._formManagerParent.fieldChanged(this);\r\n });\r\n }\r\n }\r\n private getPreviousFieldValueByName(name: string) {\r\n switch (name) {\r\n case this.fieldAdresse1.elementName:\r\n return this._previousFieldValueAdresse1;\r\n case this.fieldAdresse2.elementName:\r\n return this._previousFieldValueAdresse2;\r\n case this.fieldCodePostal.elementName:\r\n return this._previousFieldValueCodePostal;\r\n case this.fieldMunicipalite.elementName:\r\n return this._previousFieldValueMunicipalite;\r\n case this.fieldNomSpecifiqueMunicipalite.elementName:\r\n return this._previousFieldValueNomSpecifiqueMunicipalite;\r\n case this.fieldProvince.elementName:\r\n return this._previousFieldValueProvince;\r\n case this.fieldNomSpecifiqueProvince.elementName:\r\n return this._previousFieldValueNomSpecifiqueProvince;\r\n case this.fieldPays.elementName:\r\n return this._previousFieldValuePays;\r\n }\r\n return null;\r\n }\r\n private anyFieldHasChanged() {\r\n const textboxFields = this.getTextboxFields();\r\n const selectFields = this.getSelectFields();\r\n\r\n for (let i = 0; i < textboxFields.length; i++) {\r\n const f = textboxFields[i] as HotEditableTextboxComponent;\r\n const p = this.getPreviousFieldValueByName(f.elementName);\r\n const a = (f.elementValue || '').trim();\r\n const b = (p || '').trim();\r\n if (a !== b)\r\n return true;\r\n }\r\n\r\n for (let i = 0; i < selectFields.length; i++) {\r\n const f = selectFields[i] as HotEditableSelectComponent;\r\n const p = this.getPreviousFieldValueByName(f.elementName);\r\n\r\n if (!f.elementValue && !p)\r\n continue;\r\n\r\n if (!f.elementValue || !p)\r\n return true;\r\n\r\n const a = f.elementValue.code;\r\n const b = p.code;\r\n\r\n if (a !== b)\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /** Fonction éxécutée lorsque l'utilisateur clique sur le bouton d'édition */\r\n editClick(event?: Event, forcedMode?: boolean, fromPrevious?: boolean) {\r\n if (!this.canChangeEditMode)\r\n return;\r\n\r\n if (forcedMode === true || forcedMode === false) {\r\n this.editModeOn = forcedMode;\r\n } else {\r\n //toggle\r\n this.editModeOn = !this.editModeOn;\r\n }\r\n\r\n fromPrevious = fromPrevious === true;\r\n if (fromPrevious)\r\n this.fieldCodePostal.focus();\r\n else\r\n this.fieldAdresse1.focus();\r\n }\r\n\r\n onEnterClick(event?: KeyboardEvent) {\r\n if (this.canChangeEditMode)\r\n this.preventDefault(event);\r\n this.changed();\r\n }\r\n\r\n onEscapeClick(event?: KeyboardEvent) {\r\n if (this.canChangeEditMode)\r\n this.preventDefault(event);\r\n this.cancel();\r\n }\r\n\r\n onTabClick(event?: KeyboardEvent) {\r\n if (this.canChangeEditMode)\r\n this.preventDefault(event);\r\n this.focusNextComponent();\r\n }\r\n\r\n onShiftTabClick(event?: KeyboardEvent) {\r\n if (this.canChangeEditMode)\r\n this.preventDefault(event);\r\n this.focusNextComponent(true);\r\n }\r\n\r\n onBlur(event?: Event) {\r\n if (this.canChangeEditMode)\r\n this.preventDefault(event);\r\n this.blur();\r\n }\r\n\r\n blur() {\r\n this.innerChanged(true);\r\n //setTimeout(() => { this.changed(true); }, 250);\r\n }\r\n\r\n focus(fromPrevious?: boolean) {\r\n fromPrevious = fromPrevious === true;\r\n if (fromPrevious)\r\n this.fieldCodePostal.focus();\r\n else\r\n this.fieldAdresse1.focus();\r\n }\r\n\r\n private focusNextComponent(getPrevious?: boolean) {\r\n getPrevious = getPrevious === true;\r\n\r\n if (!this.canChangeEditMode)\r\n return false;\r\n\r\n this.innerChanged();\r\n //this.editClick(null, false);\r\n\r\n if (getPrevious)\r\n this._formManagerParent.focusPreviousComponentFromField(this)\r\n else\r\n this._formManagerParent.focusNextComponentFromField(this);\r\n }\r\n\r\n private onInnerFormChange(action: HotEditableFormAction) {\r\n\r\n const fieldName = action.getFieldName();\r\n\r\n if (fieldName === this.elementNameAdresse1 ||\r\n fieldName === this.elementNameAdresse2 ||\r\n fieldName === this.elementNameNomSpecifiqueMunicipalite ||\r\n fieldName === this.elementNameNomSpecifiqueProvince ||\r\n fieldName === this.elementNameCodePostal) {\r\n //== text boxes\r\n this.updateSummariesFromFields();\r\n this.innerChanged(null, true);\r\n return;\r\n }\r\n\r\n // autres (lorsque cest la dropdown qui est modifiee)\r\n this.safeFetch(() => {\r\n this.fetch(fieldName, true);\r\n });\r\n }\r\n\r\n private getHotEditableAddressApiArgumentsAsJson(selectedFieldName?: string) {\r\n const obj = this.getHotEditableAddressApiArguments(selectedFieldName);\r\n const json = JSON.stringify(obj);\r\n return json;\r\n }\r\n\r\n private getHotEditableAddressApiArguments(selectedFieldName?: string) {\r\n const a = {\r\n adresse1: this.fieldAdresse1.getTextualValue(),\r\n adresse2: this.fieldAdresse2.getTextualValue(),\r\n idMunicipalite: this.fieldMunicipalite.getTextualValue(),\r\n nomSpecifiqueMunicipalite: this.fieldNomSpecifiqueMunicipalite.getTextualValue(),\r\n idProvince: this.fieldProvince.getTextualValue(),\r\n nomSpecifiqueProvince: this.fieldNomSpecifiqueProvince.getTextualValue(),\r\n idPays: this.fieldPays.getTextualValue(),\r\n codePostal: this.fieldCodePostal.getTextualValue(),\r\n idEntity: this.idEntity,\r\n changedFieldName: selectedFieldName || null //NOTE: NULL => IsInitialCall=TRUE\r\n } as IHotEditableAddressApiArguments;\r\n\r\n return a;\r\n }\r\n\r\n private afterFetch() {\r\n this.isApiRunning = false;\r\n\r\n if (this.afterFetchAction)\r\n this.$nextTick(() => {\r\n this.afterFetchAction();\r\n this.afterFetchAction = null;\r\n });\r\n }\r\n\r\n private safeFetch(action: () => void) {\r\n if (this.isApiRunning) {\r\n this.afterFetchAction = action;\r\n return;\r\n }\r\n\r\n this.$nextTick(() => {\r\n action();\r\n });\r\n }\r\n\r\n private fetchWithValues(fireChanged: boolean, adresse1: string, adresse2: string, municipalite: string, nomSpecifiqueMunicipalite: string,\r\n province: string, nomSpecifiqueProvince: string, pays: string, codePostal: string, isInitialCall?: boolean) {\r\n const args = {\r\n adresse1: adresse1,\r\n adresse2: adresse2,\r\n idMunicipalite: municipalite,\r\n nomSpecifiqueMunicipalite: nomSpecifiqueMunicipalite,\r\n idProvince: province,\r\n nomSpecifiqueProvince: nomSpecifiqueProvince,\r\n idPays: pays,\r\n codePostal: codePostal,\r\n idEntity: this.idEntity,\r\n changedFieldName: null\r\n } as IHotEditableAddressApiArguments;\r\n\r\n this.innerFetch(args, fireChanged, isInitialCall);\r\n }\r\n\r\n private fetch(fieldName: string, fireChanged: boolean) {\r\n const args = this.getHotEditableAddressApiArguments(fieldName);\r\n\r\n this.innerFetch(args, fireChanged);\r\n }\r\n\r\n private innerFetch(args: IHotEditableAddressApiArguments, fireChanged: boolean, isInitialCall?: boolean) {\r\n isInitialCall = isInitialCall === true;\r\n const onError = (errors?: common.IError[], config?: common.IHotEditableFormConfig) => {\r\n errors = errors && errors.length ? errors : [new core.Error(\"Une erreur s'est produite lors de la collecte des données.\")];\r\n HotEditableAddressComponent.displayError(errors[0]);\r\n this.afterFetch();\r\n };\r\n const postArguments = {\r\n Adresse1: args.adresse1 || '',\r\n Adresse2: args.adresse2 || '',\r\n IdMunicipalite: args.idMunicipalite || '',\r\n NomSpecifiqueMunicipalite: args.nomSpecifiqueMunicipalite || '',\r\n IdProvince: args.idProvince || '',\r\n NomSpecifiqueProvince: args.nomSpecifiqueProvince || '',\r\n IdPays: args.idPays || '',\r\n CodePostal: args.codePostal || '',\r\n IdEntity: args.idEntity || '',\r\n ChangedFieldName: args.changedFieldName || ''\r\n } as IHotEditableAddressApiArguments;\r\n\r\n this.isApiRunning = true;\r\n this._ajaxService.post(this.apiUrl, postArguments, true, (data: IHotEditableAddressApiResponseData) => {\r\n if (!data) {\r\n onError();\r\n return;\r\n }\r\n\r\n this.setFromApiResponse(data, isInitialCall);\r\n\r\n this.updateSummariesFromFields(data.useNomSpecifiqueMunicipaliteTextField, data.useNomSpecifiqueProvinceTextField);\r\n\r\n this.updatePreviousValue();\r\n if (isInitialCall)\r\n this.updatePreviousInnerFieldValues();//@@fetetrault: en test...\r\n\r\n if (fireChanged && !this.afterFetchAction)\r\n this.innerChanged(null, true);//NOTE: le 'elementValue' sera mis a jour a l'interieur du innerChanged\r\n else\r\n this.elementValue = this.getHotEditableAddressApiArgumentsAsJson(args.changedFieldName);\r\n\r\n this.afterFetch();\r\n\r\n }, onError);\r\n }\r\n\r\n private updateSummariesFromFields(useNomSpecifiqueMunicipalite?: boolean, useNomSpecifiqueProvince?: boolean) {\r\n\r\n this.updateSpecificNameTextFieldUsages(useNomSpecifiqueMunicipalite, useNomSpecifiqueProvince);\r\n\r\n const municipaliteValue = this.fieldMunicipalite.elementValue;\r\n const nomSpecMunicipaliteValue = this.fieldNomSpecifiqueMunicipalite.elementValue;\r\n const provinceValue = this.fieldProvince.elementValue;\r\n const nomSpecProvinceValue = this.fieldNomSpecifiqueProvince.elementValue;\r\n const paysValue = this.fieldPays.elementValue;\r\n\r\n this.adresse1Summary = this.fieldAdresse1.elementValue;\r\n this.adresse2Summary = this.fieldAdresse2.elementValue;\r\n this.codePostalSummary = this.fieldCodePostal.elementValue;\r\n this.municipaliteSummary = municipaliteValue ? municipaliteValue.label : nomSpecMunicipaliteValue;\r\n this.provinceSummary = provinceValue ? provinceValue.label : nomSpecProvinceValue;\r\n this.paysSummary = paysValue ? '(' + paysValue.label + ')' : '';\r\n\r\n if (this.summaryInlineMode) {\r\n const separator = ', ';\r\n if (this.adresse1Summary)\r\n this.adresse1Summary += separator;\r\n if (this.adresse2Summary)\r\n this.adresse2Summary += separator;\r\n if (this.municipaliteSummary)\r\n this.municipaliteSummary += separator;\r\n if (this.provinceSummary && this.paysSummary)\r\n this.paysSummary += separator;\r\n else if (this.provinceSummary)\r\n this.provinceSummary += separator;\r\n else if (this.paysSummary)\r\n this.paysSummary += separator;\r\n }\r\n }\r\n\r\n private setFromApiResponse(data: IHotEditableAddressApiResponseData, isInitialCall?: boolean) {\r\n isInitialCall = isInitialCall === true;\r\n\r\n // Définir le contenu des listes déroulantes\r\n const municipalitesEtArrondissementsOptions = data.municipalitesEtArrondissementsOptions as common.ISelectOption[];\r\n this.updateSelectOptions(this.elementNameMunicipalite, municipalitesEtArrondissementsOptions, isInitialCall);\r\n const provincesOptions = data.provincesOptions as common.ISelectOption[];\r\n this.updateSelectOptions(this.elementNameProvince, provincesOptions, isInitialCall);\r\n const paysOptions = data.paysOptions as common.ISelectOption[];\r\n this.updateSelectOptions(this.elementNamePays, paysOptions, isInitialCall);\r\n\r\n this.fieldAdresse1.setFromTextualValue(data.adresse1);\r\n this.fieldAdresse2.setFromTextualValue(data.adresse2);\r\n this.fieldCodePostal.setFromTextualValue(data.codePostal);\r\n\r\n this.fieldNomSpecifiqueMunicipalite.setFromTextualValue(data.nomSpecifiqueMunicipalite);\r\n this.fieldNomSpecifiqueProvince.setFromTextualValue(data.nomSpecifiqueProvince);\r\n }\r\n\r\n private updateSelectOptions(fieldName: string, options?: common.ISelectOption[], updatePreviousValue?: boolean) {\r\n updatePreviousValue = updatePreviousValue === true;\r\n const r = HotEditableHelpers.convertToVueSelectOptions(options);\r\n const f = this.formManager.getFieldByName(fieldName) as HotEditableSelectComponent;\r\n\r\n f.options = r.options;\r\n f.setFromTextualValue(r.selectedValue ? r.selectedValue.code : null);\r\n\r\n if (updatePreviousValue)\r\n f.updatePreviousValue();\r\n }\r\n\r\n private static displayError(error: common.IError) {\r\n const manager = context.components.getMessagesManager();\r\n const m = {\r\n title: error.message,\r\n contentHtml: '',\r\n autoClose: false,\r\n messageSource: 'HotEditableAddressComponent',\r\n messageType: common.MessageTypes.error\r\n } as common.IMessage;\r\n\r\n manager.displayMessage(m, true);\r\n }\r\n\r\n private getTextboxFields() {\r\n return [\r\n this.fieldAdresse1,\r\n this.fieldAdresse2,\r\n this.fieldNomSpecifiqueMunicipalite,\r\n this.fieldNomSpecifiqueProvince,\r\n this.fieldCodePostal\r\n ];\r\n }\r\n\r\n private getSelectFields() {\r\n return [\r\n this.fieldMunicipalite,\r\n this.fieldProvince,\r\n this.fieldPays,\r\n ];\r\n }\r\n\r\n showMunicipalite(useNomSpecifiqueMunicipalite: boolean) {\r\n const show = !useNomSpecifiqueMunicipalite;\r\n if (this.fieldMunicipalite && this.fieldNomSpecifiqueMunicipalite) {\r\n if (show)\r\n this.fieldNomSpecifiqueMunicipalite.setFromTextualValue();\r\n else\r\n this.fieldMunicipalite.setFromTextualValue();\r\n }\r\n return show;\r\n }\r\n showNomSpecifiqueMunicipalite(useNomSpecifiqueMunicipalite: boolean) {\r\n const show = !!useNomSpecifiqueMunicipalite;\r\n if (this.fieldMunicipalite && this.fieldNomSpecifiqueMunicipalite) {\r\n if (show)\r\n this.fieldMunicipalite.setFromTextualValue();\r\n else\r\n this.fieldNomSpecifiqueMunicipalite.setFromTextualValue();\r\n }\r\n return show;\r\n }\r\n showProvince(useNomSpecifiqueProvince: boolean) {\r\n const show = !useNomSpecifiqueProvince;\r\n if (this.fieldProvince && this.fieldNomSpecifiqueProvince) {\r\n if (show)\r\n this.fieldNomSpecifiqueProvince.setFromTextualValue();\r\n else\r\n this.fieldProvince.setFromTextualValue();\r\n }\r\n return show;\r\n }\r\n showNomSpecifiqueProvince(useNomSpecifiqueProvince: boolean) {\r\n const show = !!useNomSpecifiqueProvince;\r\n if (this.fieldProvince && this.fieldNomSpecifiqueProvince) {\r\n if (show)\r\n this.fieldProvince.setFromTextualValue();\r\n else\r\n this.fieldNomSpecifiqueProvince.setFromTextualValue();\r\n }\r\n return show;\r\n }\r\n clearMessages() {\r\n const all = this.formManager.getMessageComponents();\r\n for (let i = 0; i < all.length; i++)\r\n all[i].clearMessage();\r\n }\r\n}\r\n\r\nexport = HotEditableAddressComponent;","import common = require(\"../../../common\");\r\nimport Vue from 'vue';\r\nimport Component from 'vue-class-component'\r\nimport HotEditableFormManager = require(\"./HotEditableFormManager\");\r\nimport utilities = require(\"../../utilities\");\r\n\r\ndeclare function __getHotEditableButtonComponentTemplate(): string;\r\n\r\n@Component({\r\n props: {\r\n initId: String,\r\n initName: String,\r\n initClass: String,\r\n initText: String,\r\n initTabIndex: Number,\r\n initDisabled: String,\r\n initIsHidden: Boolean,\r\n initManualIcon: Boolean,\r\n initManualIconHidden: Boolean,\r\n initManualIconAtRight: Boolean,\r\n initCustomIconClass: String,\r\n /** Type de bouton */\r\n initButtonType: String,\r\n initButtonOptions: String,\r\n initLinkUrl: String,\r\n initLinkTarget: String,\r\n initTitle: String,\r\n /** Permet definir une valeur d'action (ActionValue) */\r\n initActionValue: String,\r\n /** Permet de forcer le type d'action (ActionType) */\r\n initActionType: String\r\n }\r\n})\r\nclass HotEditableButtonComponent extends Vue {\r\n\r\n initId: string;\r\n initName: string;\r\n initClass: string;\r\n initText: string;\r\n initTabIndex: number;\r\n initDisabled: string;\r\n initIsHidden: boolean;//valeur par default\r\n initManualIcon: boolean;\r\n initManualIconHidden: boolean;\r\n initManualIconAtRight: boolean;\r\n initCustomIconClass: string;\r\n initButtonType: string;\r\n initButtonOptions: string;\r\n initLinkUrl?: string;\r\n initLinkTarget?: string;\r\n initTitle?: string;\r\n initActionValue?: string;\r\n initActionType?: string;\r\n\r\n rootId: string;\r\n idElement: string;\r\n elementName: string;\r\n cssClass: string;\r\n text: string;\r\n tabIndex: number;\r\n disabled: boolean;\r\n isHidden: boolean;\r\n manualIcon: boolean;\r\n manualIconHidden: boolean;\r\n manualIconAtRight: boolean;\r\n customIconClass: string;\r\n highlighted: boolean;\r\n buttonType: common.HotEditableButtonTypes;\r\n buttonOptions: common.HotEditableButtonOptions[];\r\n linkUrl?: string;\r\n linkTarget?: string;\r\n title?: string;\r\n /** Permet definir une valeur d'action (ActionValue) */\r\n actionValue?: string;\r\n /** Permet de forcer le type d'action (ActionType) */\r\n actionType?: string;\r\n\r\n _formManagerParent: HotEditableFormManager;//NOTE: Doit undefined initialement car il est definie dans le \"beforeCreate\"\r\n _linkTargets = {\r\n blank: \"_blank\"\r\n };\r\n\r\n static optionsDelimiter = '|';\r\n static tagName = \"hoteditablebutton\";\r\n static prepareMarkup(element: HTMLElement) {\r\n\r\n if (!element)\r\n throw \"[\" + this.tagName + \"::prepareMarkup] L'element est NULL\";\r\n\r\n element.removeAttribute(\"hot-editable\");\r\n element.setAttribute(\"hot-editable-cloak\", \"\");\r\n\r\n const newOuterHtml = element.outerHTML.replace('