` : `
`;\r\n html += `${this.generateHumanReadableString(translate)}\r\n
`;\r\n return html;\r\n }\r\n\r\n getHeight(): number {\r\n return 0;\r\n }\r\n\r\n\r\n checkValidity(entities: CrmEntity[]): boolean {\r\n if (entities) {\r\n let entity: CrmEntity = entities.find(entity => entity && entity.entityName && entity.entityName.toLowerCase() === this.entityName.toLowerCase());\r\n if (entity) {\r\n let currentAttribute: CrmEntityAttribute = entity.attributes.find(attribute => attribute.logicalName === this.attributeLogicalName);\r\n if (currentAttribute) {\r\n if (currentAttribute.type === this._attributeType) {\r\n if (currentAttribute.type === 'List') {\r\n //check that the options of the boolean and the list did not change and include the selected value\r\n if (!this.rightHandSide) {\r\n this.isValid = false;\r\n return this.isValid;\r\n }\r\n\r\n let rightHandSideAsOption = this.rightHandSide as IAttributeOption;\r\n\r\n let optionFound = currentAttribute.options.find((option: IAttributeOption) => {\r\n return (option.value === rightHandSideAsOption.value);\r\n });\r\n this.isValid = !!optionFound; //convert to boolean result\r\n return this.isValid;\r\n }\r\n\r\n this.isValid = true;\r\n } else {\r\n this.isValid = false;\r\n }\r\n }\r\n else {\r\n this.isValid = false;\r\n }\r\n }\r\n }\r\n return this.isValid;\r\n }\r\n\r\n checkListOptionsValidity(entities: CrmEntity[]): boolean {\r\n if (entities) {\r\n let entity: CrmEntity = entities.find(entity => entity && entity.entityName && entity.entityName.toLowerCase() === this.entityName.toLowerCase());\r\n if (entity) {\r\n let currentAttribute: CrmEntityAttribute = entity.attributes.find(attribute => attribute.logicalName === this.attributeLogicalName);\r\n if (currentAttribute) {\r\n if (currentAttribute.type === this._attributeType) {\r\n if (currentAttribute.type === 'List') {\r\n if (!this.rightHandSide) {\r\n return false;\r\n }\r\n //check that the options of the boolean and the list did not change and include the selected value\r\n let rightHandSideAsOption = this.rightHandSide as IAttributeOption;\r\n\r\n let optionFound = currentAttribute.options.find((option: IAttributeOption) => {\r\n return (option.value === rightHandSideAsOption.value);\r\n });\r\n\r\n return !!optionFound;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n}\r\n","import {\r\n globalHumanReadableRender,\r\n IAttributeOperator, IBetweenValues, ICrmEntityAttributeTypeToOperatorsHash, IOperatorsHash,\r\n wrapWithProtectionConditionForNegationString,\r\n wrapWithProtectionConditionForString\r\n} from './crm-entities-base-operators';\r\nimport { IAttributeOption, CrmEntityTypeEnum } from '../../crm-entities/crm-entities.model';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NumberOperatorDifferent, NumberOperatorEquals, NumberOperatorGreaterThan,\r\n NumberOperatorGreaterThanEqual, NumberOperatorLessThan, NumberOperatorLessThanEqual } from './crm-entities-number-operators';\r\nimport {\r\n DateOnlyOperatorBetween, DateOnlyOperatorDifferent, DateOnlyOperatorEquals, DateOnlyOperatorGreaterOrEqualTo, DateOnlyOperatorGreaterThan,\r\n DateOnlyOperatorLessThan, DateOnlyOperatorLessThanEqual, DateTimeOperatorBetween, DateTimeOperatorDifferent, DateTimeOperatorEquals,\r\n DateTimeOperatorGreaterOrEqualTo, DateTimeOperatorGreaterThan, DateTimeOperatorLessThan, DateTimeOperatorLessThanEqual\r\n} from './crm-entities-date-operators';\r\nimport { ILookupData } from '../../lookup-dialog-component';\r\n\r\n\r\nexport { IAttributeOperator, IBetweenValues } from './crm-entities-base-operators';\r\n\r\nexport let CrmEntityAttributeOperators: IOperatorsHash = {\r\n 'equalsNumber': new NumberOperatorEquals(),\r\n 'differentNumber': new NumberOperatorDifferent(),\r\n 'lessThanNumber': new NumberOperatorLessThan(),\r\n 'lessOrEqualToNumber': new NumberOperatorLessThanEqual(),\r\n 'greaterThanNumber': new NumberOperatorGreaterThan(),\r\n 'greaterOrEqualThanNumber': new NumberOperatorGreaterThanEqual(),\r\n\r\n /***********************\r\n ** Strings Operators **\r\n ***********************/\r\n 'equalsString': {\r\n name: 'equalsString',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.EQUALS',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.EQUALS',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left} == \"${right}\")`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n 'differentString': {\r\n name: 'differentString',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DIFFERENT',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DIFFERENT',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (${left} != \"${right}\")`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n 'startsWith': {\r\n name: 'startsWith',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.STARTS_WITH',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.STARTS_WITH',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left}?starts_with(\"${right}\"))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n\r\n 'doesNotStartsWith': {\r\n name: 'doesNotStartsWith',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DOES_NOT_START_WITH',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DOES_NOT_START_WITH',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (!(${left}?starts_with(\"${right}\")))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n 'endsWith': {\r\n name: 'endsWith',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.ENDS_WITH',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.ENDS_WITH',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left}?ends_with(\"${right}\"))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n\r\n 'doesNotEndWith': {\r\n name: 'doesNotEndWith',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DOES_NOT_END_WITH',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DOES_NOT_END_WITH',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (!(${left}?ends_with(\"${right}\")))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n 'containsString': {\r\n name: 'containsString',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.CONTAINS',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.CONTAINS',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left}?contains(\"${right}\"))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n 'doesNotContainsString': {\r\n name: 'doesNotContainsString',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DOES_NOT_CONTAIN',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DOES_NOT_CONTAIN',\r\n renderFreeMarker(left: string, right: string) {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (!(${left}?contains(\"${right}\")))`;\r\n },\r\n renderHumanReadable: globalHumanReadableRender\r\n },\r\n\r\n /***********************\r\n ** General Operator s**\r\n ***********************/\r\n 'containsData': {\r\n name: 'containsData',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.CONTAINS_DATA',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.CONTAINS_DATA',\r\n renderFreeMarker: (left: string, right: string) => `(${left})?has_content`,\r\n renderHumanReadable: globalHumanReadableRender,\r\n doesNotRequireRightHandSide: true\r\n },\r\n\r\n 'doesNotContainData': {\r\n name: 'doesNotContainData',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DOES_NOT_CONTAIN_DATA',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DOES_NOT_CONTAIN_DATA',\r\n renderFreeMarker: (left: string, right: string) => `(!((${left})?has_content))`,\r\n renderHumanReadable: globalHumanReadableRender,\r\n doesNotRequireRightHandSide: true\r\n },\r\n\r\n /*************************\r\n ** DateTime Operators **\r\n *************************/\r\n 'equalsDateTime': new DateTimeOperatorEquals(),\r\n 'differentDateTime': new DateTimeOperatorDifferent(),\r\n 'gtDateTime': new DateTimeOperatorGreaterThan(),\r\n 'gteDateTime': new DateTimeOperatorGreaterOrEqualTo(),\r\n 'ltDateTime': new DateTimeOperatorLessThan(),\r\n 'lteDateTime': new DateTimeOperatorLessThanEqual(),\r\n 'betweenDateTime': new DateTimeOperatorBetween(),\r\n\r\n /*************************\r\n ** Date-Only Operators **\r\n *************************/\r\n 'equalsDateOnly': new DateOnlyOperatorEquals(),\r\n 'differentDateOnly': new DateOnlyOperatorDifferent(),\r\n 'gtDateOnly': new DateOnlyOperatorGreaterThan(),\r\n 'gteDateOnly': new DateOnlyOperatorGreaterOrEqualTo(),\r\n 'ltDateOnly': new DateOnlyOperatorLessThan(),\r\n 'lteDateOnly': new DateOnlyOperatorLessThanEqual(),\r\n 'betweenDateOnly': new DateOnlyOperatorBetween(),\r\n\r\n 'equalsLookup': {\r\n name: 'equalsLookup',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.EQUALS',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.EQUALS',\r\n renderFreeMarker: (left: string, right: ILookupData) => {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left} == \"${right.id}\")`;\r\n },\r\n renderHumanReadable: function (translate: TranslateService, left: string, right: any) {\r\n return translate.instant(this.humanReadableTranslationKey, { leftValue: left, rightValue: right.name });\r\n }\r\n },\r\n\r\n 'differentLookup': {\r\n name: 'differentLookup',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DIFFERENT',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DIFFERENT',\r\n renderFreeMarker: (left: string, right: ILookupData) => {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (${left} != \"${right.id}\")`;\r\n },\r\n renderHumanReadable: function (translate: TranslateService, left: string, right: ILookupData) {\r\n return translate.instant(this.humanReadableTranslationKey, { leftValue: left, rightValue: right.name });\r\n }\r\n },\r\n\r\n /****************************************\r\n ** List Operators (also for Boolean **\r\n /****************************************/\r\n 'equalsList': {\r\n name: 'equalsList',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.EQUALS',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.EQUALS',\r\n renderFreeMarker: (left: string, right: IAttributeOption) => {\r\n return `${wrapWithProtectionConditionForString(left)} && (${left} == \"${right.value.toLowerCase()}\")`;\r\n },\r\n renderHumanReadable: function (translate: TranslateService, left: string, right: IAttributeOption) {\r\n return translate.instant(this.humanReadableTranslationKey, { leftValue: left, rightValue: right.text });\r\n }\r\n },\r\n\r\n 'differentList': {\r\n name: 'differentList',\r\n displayNameKey: 'COMMON.CRM_ENTITY_OPERATORS.DIFFERENT',\r\n humanReadableTranslationKey: 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DIFFERENT',\r\n renderFreeMarker: (left: string, right: IAttributeOption) => {\r\n return `${wrapWithProtectionConditionForNegationString(left)} || (${left.toLowerCase()} != \"${right.value.toLowerCase()}\")`;\r\n },\r\n renderHumanReadable: function (translate: TranslateService, left: string, right: IAttributeOption) {\r\n return translate.instant(this.humanReadableTranslationKey, { leftValue: left, rightValue: right.text });\r\n }\r\n },\r\n};\r\n\r\nexport let CrmAttributeTypeToOperatorsHash: ICrmEntityAttributeTypeToOperatorsHash = {\r\n 'Boolean': ['equalsList', 'containsData', 'doesNotContainData'],\r\n 'List': ['equalsList', 'differentList', 'containsData', 'doesNotContainData'],\r\n 'TextArea': ['equalsString', 'differentString', 'containsString', 'doesNotContainsString',\r\n 'startsWith', 'doesNotStartsWith', 'endsWith', 'doesNotEndWith', 'containsData', 'doesNotContainData'],\r\n 'Text': ['equalsString', 'differentString', 'containsString', 'doesNotContainsString',\r\n 'startsWith', 'doesNotStartsWith', 'endsWith', 'doesNotEndWith', 'containsData', 'doesNotContainData'],\r\n 'Decimal': ['equalsNumber', 'differentNumber', 'lessThanNumber', 'lessOrEqualToNumber', 'greaterThanNumber', 'greaterOrEqualThanNumber', 'containsData', 'doesNotContainData'],\r\n 'Integer': ['equalsNumber', 'differentNumber', 'lessThanNumber', 'lessOrEqualToNumber', 'greaterThanNumber', 'greaterOrEqualThanNumber', 'containsData', 'doesNotContainData'],\r\n 'Money': ['equalsNumber', 'differentNumber', 'lessThanNumber', 'lessOrEqualToNumber', 'greaterThanNumber', 'greaterOrEqualThanNumber', 'containsData', 'doesNotContainData'],\r\n 'DateTime': ['equalsDateTime', 'differentDateTime', 'ltDateTime', 'gtDateTime', 'betweenDateTime', 'gteDateTime', 'lteDateTime', 'containsData', 'doesNotContainData'],\r\n 'DateTimeZoneIndependent': ['equalsDateTime', 'differentDateTime', 'ltDateTime', 'gtDateTime', 'betweenDateTime', 'gteDateTime', 'lteDateTime', 'containsData', 'doesNotContainData'],\r\n 'DateOnly': ['equalsDateOnly', 'differentDateOnly', 'ltDateOnly', 'gtDateOnly', 'betweenDateOnly', 'lteDateOnly', 'gteDateOnly', 'containsData', 'doesNotContainData'],\r\n 'Lookup': ['equalsLookup', 'differentLookup', 'containsData', 'doesNotContainData']\r\n};\r\n","import { TranslateService } from '@ngx-translate/core';\r\n\r\nexport interface IOperatorRenderFunction {\r\n (left: string, right: any): string;\r\n}\r\n\r\nexport interface IHumanReadableOperatorRenderFunction {\r\n (translate: TranslateService, left: string, right: any): string;\r\n}\r\n\r\nexport interface IAttributeOperator {\r\n name: string;\r\n displayNameKey: string;\r\n humanReadableTranslationKey: string;\r\n renderFreeMarker: IOperatorRenderFunction;\r\n renderHumanReadable: IHumanReadableOperatorRenderFunction;\r\n doesNotRequireRightHandSide?: boolean;\r\n}\r\n\r\nexport interface IOperatorsHash {\r\n [operatorName: string]: IAttributeOperator;\r\n}\r\n\r\nexport interface ICrmEntityAttributeTypeToOperatorsHash {\r\n [attributeType: string]: string[];\r\n}\r\n\r\nexport interface IBetweenValues {\r\n gteValue: string;\r\n lteValue: string;\r\n};\r\n\r\nexport let globalHumanReadableRender = function (translate: TranslateService, left: string, right: any) {\r\n //use the old javascript function syntax so the 'this' will be used from the object\r\n //that this function is attached to. (vs typescript arrow definition that will take the this from when the\r\n //function is defined)\r\n return translate.instant(this.humanReadableTranslationKey, { leftValue: left, rightValue: right });\r\n};\r\n\r\nexport let wrapWithProtectionCondition = function (leftHandValue: string) {\r\n return `((${leftHandValue})?has_content) && (${leftHandValue} != \"\")`;\r\n};\r\n\r\nexport let wrapWithProtectionConditionForNegation = function (leftHandValue: string) {\r\n return `(!(((${leftHandValue})?has_content) && (${leftHandValue} != \"\")))`;\r\n};\r\n\r\n// The string protection does not need to check for the empty string since this could be value of the string (the empty\r\n// string as the left value will simple fails naturally when compared to the right-hand-side value)\r\nexport let wrapWithProtectionConditionForString = function (leftHandValue: string) {\r\n return `(${leftHandValue})?has_content`;\r\n};\r\n\r\nexport let wrapWithProtectionConditionForNegationString = function (leftHandValue: string) {\r\n return `(!((${leftHandValue})?has_content))`;\r\n};\r\n","import {\r\n globalHumanReadableRender,\r\n IAttributeOperator,\r\n IBetweenValues,\r\n wrapWithProtectionCondition,\r\n wrapWithProtectionConditionForNegation\r\n} from './crm-entities-base-operators';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\nimport * as moment_ from 'moment';\r\nconst moment = moment_;\r\n\r\nclass DateTimeOperatorBase {\r\n freeMarkerOperator: string;\r\n name: string;\r\n displayNameKey: string;\r\n humanReadableTranslationKey: string;\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: any) {\r\n //LLL will show as 'September 4, 1986 8:30 PM'\r\n let formattedRightHandSide = moment(right).format('LLL');\r\n return globalHumanReadableRender.apply(this, [translate, left, formattedRightHandSide]);\r\n }\r\n\r\n renderFreeMarker(left: string, right: any) {\r\n return `${wrapWithProtectionCondition(left)} && (${left}?datetime.iso ${this.freeMarkerOperator} \"${right}\"?datetime.iso)`;\r\n }\r\n\r\n //subclasses reusable functions:\r\n renderHumanReadableDateOnly(translate: TranslateService, left: string, right: any) {\r\n //LL will show as 'September 4, 1986'\r\n let formattedRightHandSide = moment(right).format('LL');\r\n return globalHumanReadableRender.apply(this, [translate, left, formattedRightHandSide]);\r\n }\r\n\r\n //this function will be used only on the DateOnly concrete classes\r\n renderFreeMarkerDateOnly(left: string, right: string) {\r\n return `(${wrapWithProtectionCondition(left)} && (${left}?datetime.iso?date ${this.freeMarkerOperator} \"${right}\"?datetime.iso?date))`;\r\n }\r\n}\r\n\r\nexport class DateTimeOperatorEquals extends DateTimeOperatorBase implements IAttributeOperator {\r\n name = 'equalsDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.EQUALS';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.EQUALS';\r\n freeMarkerOperator = '==';\r\n}\r\n\r\nexport class DateTimeOperatorDifferent extends DateTimeOperatorBase {\r\n name = 'differentDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.DIFFERENT';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DIFFERENT';\r\n freeMarkerOperator = '!=';\r\n\r\n renderFreeMarker(left: string, right: any) {\r\n return `${wrapWithProtectionConditionForNegation(left)} || (${left}?datetime.iso ${this.freeMarkerOperator} \"${right}\"?datetime.iso)`;\r\n }\r\n}\r\n\r\nexport class DateTimeOperatorLessThan extends DateTimeOperatorBase {\r\n name = 'ltDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.LESS_THAN';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.LESS_THAN';\r\n freeMarkerOperator = '<';\r\n}\r\n\r\nexport class DateTimeOperatorLessThanEqual extends DateTimeOperatorBase {\r\n name = 'lteDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.LESS_OR_EQUAL_TO';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.LESS_OR_EQUAL_TO';\r\n freeMarkerOperator = '<=';\r\n}\r\n\r\nexport class DateTimeOperatorGreaterThan extends DateTimeOperatorBase {\r\n name = 'gtDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.GREATER_THAN';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.GREATER_THAN';\r\n freeMarkerOperator = '>';\r\n}\r\n\r\nexport class DateTimeOperatorGreaterOrEqualTo extends DateTimeOperatorBase {\r\n name = 'gteDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.GREATER_OR_EQUAL_TO';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.GREATER_OR_EQUAL_TO';\r\n freeMarkerOperator = '>=';\r\n}\r\n\r\nexport class DateTimeOperatorBetween extends DateTimeOperatorBase {\r\n name = 'betweenDateTime';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.BETWEEN';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.IS_BETWEEN';\r\n\r\n renderFreeMarker(left: string, right: IBetweenValues) {\r\n return `${wrapWithProtectionCondition(left)} && ( \r\n (${left}?datetime.iso >= \"${right.gteValue}\"?datetime.iso) && \r\n (${left}?datetime.iso <= \"${right.lteValue}\"?datetime.iso))`;\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n let formattedRightHandSideLte = moment(right.lteValue).format('LLL');\r\n let formattedRightHandSideGte = moment(right.gteValue).format('LLL');\r\n return translate.instant(this.humanReadableTranslationKey, {\r\n leftValue: left,\r\n gteValue: formattedRightHandSideGte,\r\n lteValue: formattedRightHandSideLte });\r\n }\r\n}\r\n\r\n///////////////////////////\r\n// Date-Only operators //\r\n///////////////////////////\r\nexport class DateOnlyOperatorEquals extends DateTimeOperatorEquals {\r\n name = 'equalsDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return this.renderFreeMarkerDateOnly(left, right);\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorDifferent extends DateTimeOperatorDifferent {\r\n name = 'differentDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return `(${wrapWithProtectionConditionForNegation(left)} || (${left}?datetime.iso?date ${this.freeMarkerOperator} \"${right}\"?datetime.iso?date))`;\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorGreaterThan extends DateTimeOperatorGreaterThan {\r\n name = 'gtDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return this.renderFreeMarkerDateOnly(left, right);\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorGreaterOrEqualTo extends DateTimeOperatorGreaterOrEqualTo {\r\n name = 'gteDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return this.renderFreeMarkerDateOnly(left, right);\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorLessThan extends DateTimeOperatorLessThan {\r\n name = 'ltDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return this.renderFreeMarkerDateOnly(left, right);\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorLessThanEqual extends DateTimeOperatorLessThanEqual {\r\n name = 'lteDateOnly';\r\n\r\n renderFreeMarker(left: string, right: string) {\r\n return this.renderFreeMarkerDateOnly(left, right);\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n return this.renderHumanReadableDateOnly(translate, left, right);\r\n }\r\n}\r\n\r\nexport class DateOnlyOperatorBetween extends DateTimeOperatorBetween {\r\n name = 'betweenDateOnly';\r\n\r\n renderFreeMarker(left: string, right: IBetweenValues) {\r\n return `${wrapWithProtectionCondition(left)} && ( \r\n (${left}?datetime.iso?date >= \"${right.gteValue}\"?datetime.iso?date) && \r\n (${left}?datetime.iso?date <= \"${right.lteValue}\"?datetime.iso?date))`;\r\n }\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: IBetweenValues) {\r\n let formattedRightHandSideLte = moment(right.lteValue).format('LL');\r\n let formattedRightHandSideGte = moment(right.gteValue).format('LL');\r\n return translate.instant(this.humanReadableTranslationKey, {\r\n leftValue: left,\r\n gteValue: formattedRightHandSideGte,\r\n lteValue: formattedRightHandSideLte });\r\n }\r\n}\r\n","import {\r\n globalHumanReadableRender,\r\n IAttributeOperator,\r\n wrapWithProtectionCondition,\r\n wrapWithProtectionConditionForNegation\r\n} from './crm-entities-base-operators';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\n///////////////////////////\r\n// Numbers Operators //\r\n///////////////////////////\r\nclass NumberAttributeOperatorBase implements IAttributeOperator {\r\n freeMarkerOperator: string;\r\n name: string;\r\n displayNameKey: string;\r\n humanReadableTranslationKey: string;\r\n\r\n renderHumanReadable(translate: TranslateService, left: string, right: any) {\r\n return globalHumanReadableRender.apply(this, [translate, left, right]);\r\n }\r\n\r\n renderFreeMarker(left: string, right: any) {\r\n return `${wrapWithProtectionCondition(left)} && ((${left})?number ${this.freeMarkerOperator} ${right})`;\r\n }\r\n}\r\n\r\nexport class NumberOperatorEquals extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '==';\r\n name = 'equalsNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.EQUALS';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.EQUALS';\r\n}\r\n\r\nexport class NumberOperatorDifferent extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '!=';\r\n name = 'differentNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.DIFFERENT';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.DIFFERENT';\r\n\r\n renderFreeMarker(left: string, right: any) {\r\n return `${wrapWithProtectionConditionForNegation(left)} || ((${left})?number ${this.freeMarkerOperator} ${right})`;\r\n }\r\n}\r\n\r\nexport class NumberOperatorLessThan extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '<';\r\n name = 'lessThanNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.LESS_THAN';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.LESS_THAN';\r\n}\r\n\r\nexport class NumberOperatorLessThanEqual extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '<=';\r\n name = 'lessOrEqualToNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.LESS_OR_EQUAL_TO';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.LESS_OR_EQUAL_TO';\r\n}\r\n\r\nexport class NumberOperatorGreaterThan extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '>';\r\n name = 'greaterThanNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.GREATER_THAN';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.GREATER_THAN';\r\n}\r\n\r\nexport class NumberOperatorGreaterThanEqual extends NumberAttributeOperatorBase {\r\n freeMarkerOperator = '>=';\r\n name = 'greaterOrEqualThanNumber';\r\n displayNameKey = 'COMMON.CRM_ENTITY_OPERATORS.GREATER_OR_EQUAL_TO';\r\n humanReadableTranslationKey = 'COMMON.CRM_ENTITY_OPERATORS_HUMAN_READABLE.GREATER_OR_EQUAL_TO';\r\n}\r\n","// start:ng42.barrel\r\nexport * from './base-condition.model';\r\nexport * from './composite-conditions.model';\r\nexport * from './condition.model';\r\nexport * from './crm-entities-attributes-operators';\r\nexport * from './crm-entities-base-operators';\r\nexport * from './crm-entities-date-operators';\r\nexport * from './crm-entities-number-operators';\r\n// end:ng42.barrel\r\n\r\n","export enum CrmEntityNames {\r\n MarketingList = 'list',\r\n User = 'systemuser',\r\n Contact = 'contact',\r\n Lead = 'lead',\r\n Account = 'account',\r\n Team = 'team',\r\n Workflow = 'workflow',\r\n EmailTemplate = 'cdi_emailtemplate',\r\n EmailSend = 'cdi_emailsend',\r\n WebForm = 'cdi_webcontent',\r\n FormCapture = 'cdi_formcapture',\r\n FormField = 'cdi_formfield',\r\n SurveyQuestion = 'cdi_surveyquestion',\r\n Domain = 'cdi_domain',\r\n Campaign = 'campaign',\r\n EmailCName = 'cdi_emailcname',\r\n Currency = 'transactioncurrency',\r\n Event = 'cdi_event',\r\n ContactAttributes = 'contact_attributes',\r\n LeadAttributes = 'lead_attributes',\r\n SubscriptionList = 'cdi_subscriptionlist'\r\n}\r\n\r\n","export enum CrmEntityTypeEnum {\r\n None = 0,\r\n Contact = 1,\r\n MarketingList = 2,\r\n User = 3,\r\n EmailSend = 4,\r\n SentEmail = 5,\r\n Workflow = 8,\r\n Team = 9,\r\n Campaign = 10,\r\n EmailEvent = 11,\r\n WebForm = 27,\r\n EmailCName = 30,\r\n EmailTemplate = 100,\r\n Lead = 102,\r\n Account = 103,\r\n Currency = 104,\r\n OutsourcedVendor = 105,\r\n Event = 110,\r\n EventParticipation = 111,\r\n ContactAttributes = 120,\r\n LeadAttributes = 121,\r\n FormCapture = 200,\r\n SubscriptionForm = 201,\r\n SurveyForm = 202,\r\n FormField = 203,\r\n Domain = 204,\r\n SurveyQuestion = 205,\r\n SubscriptionList = 206\r\n}\r\n\r\nexport enum CrmEntityLookupKnownSubType {\r\n Form = 'form',\r\n Survey = 'survey',\r\n Subscription = 'subscription'\r\n}\r\n\r\nexport enum CrmEntityLogicalNameEnum {\r\n contact = 1,\r\n list = 2,\r\n systemuser = 3,\r\n cdi_emailsend = 4,\r\n workflow = 8,\r\n team = 9,\r\n campaign = 10,\r\n cdi_webcontent = 27,\r\n cdi_emailtemplate = 100,\r\n lead = 102,\r\n account = 103,\r\n transactioncurrency = 104,\r\n cdi_event = 110,\r\n cdi_eventparticipation = 111,\r\n cdi_formcapture = 200,\r\n cdi_emailcname = 30\r\n}\r\n\r\nexport interface ICrmEntityAttributeTypeToLookupEntityTypes {\r\n [attributeType: string]: CrmEntityTypeEnum[];\r\n}\r\n\r\nexport class CrmEntity {\r\n attributes: CrmEntityAttribute[] = [];\r\n entityType: CrmEntityTypeEnum;\r\n entityName: string;\r\n entityPluralLabel: string;\r\n}\r\n\r\nexport type CrmEntityAttributeTypeEnum =\r\n 'Boolean' | 'List' | 'TextArea' | 'Text' | 'Decimal' |\r\n 'Integer' | 'Money' | 'DateTime' | 'DateOnly' | 'DateTimeZoneIndependent' | 'Lookup';\r\n\r\nexport interface IAttributeOption {\r\n text: string;\r\n value: string;\r\n}\r\n\r\nexport class CrmEntityAttribute {\r\n type: CrmEntityAttributeTypeEnum;\r\n\r\n logicalName: string;\r\n accuracy: number;\r\n fullNameMode: boolean;\r\n name: string; //the way it should appear on the UI (should be already translated)\r\n lookupEntityIds: any[];\r\n maxLength: number;\r\n options: IAttributeOption[];\r\n}\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport {\r\n CrmEntity, CrmEntityAttribute, CrmEntityAttributeTypeEnum, CrmEntityTypeEnum\r\n} from './crm-entities.model';\r\nimport { BehaviorSubject, Observable, of } from 'rxjs';\r\nimport { HttpService } from '../http/http.service';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { ApiEndpointService } from '../services/api-endpoint.service';\r\n\r\ninterface IRawParams {\r\n [key: string]: any;\r\n}\r\n\r\nexport interface IAttributeOptionData {\r\n _id: string;\r\n Text: string;\r\n Value: string;\r\n}\r\n\r\ninterface ICrmEntityAttributeData {\r\n Accuracy: number;\r\n FullNameMode: boolean;\r\n _id: string; // the logical name in crm\r\n Name: string; // the way it should appear on the UI (should be already translated\r\n LookupEntityIds: any[]; // TODO: check what should be implemented here\r\n MaxLength: number;\r\n Options: IAttributeOptionData[];\r\n Type: CrmEntityAttributeTypeEnum;\r\n}\r\n\r\ninterface ICrmEntityData {\r\n Attributes: ICrmEntityAttributeData[];\r\n EntityType: CrmEntityTypeEnum;\r\n EntityName: string;\r\n EntityPluralLabel: string;\r\n}\r\n\r\ninterface IEntities extends IRawParams {\r\n Contact: ICrmEntityData;\r\n Lead: ICrmEntityData;\r\n}\r\n\r\n@Injectable()\r\nexport class CrmEntitiesService {\r\n lead: CrmEntity;\r\n contact: CrmEntity;\r\n entities: CrmEntity[] = [];\r\n entitiesNameToEntity: { [name: string]: CrmEntity } = {};\r\n loadingDataInProcess: BehaviorSubject
= new BehaviorSubject(true);\r\n loading = true;\r\n\r\n constructor(private httpService: HttpService, private apiEndpoint: ApiEndpointService) {\r\n this.getAllEntities();\r\n }\r\n\r\n buildCrmEntitiesModels(entitiesData: IEntities) {\r\n Object.keys(entitiesData).forEach((entityName: string) => {\r\n const entityData: ICrmEntityData = entitiesData[entityName];\r\n\r\n const crmEntity = new CrmEntity();\r\n crmEntity.entityType = entityData.EntityType;\r\n crmEntity.entityName = entityData.EntityName;\r\n crmEntity.entityPluralLabel = entityData.EntityPluralLabel;\r\n\r\n entityData.Attributes.forEach((crmAttributeData: ICrmEntityAttributeData) => {\r\n const crmEntityAttribute = this.createCrmAttribute(crmAttributeData);\r\n crmEntity.attributes.push(crmEntityAttribute);\r\n });\r\n\r\n switch (entityData.EntityType) {\r\n case CrmEntityTypeEnum.Lead:\r\n this.lead = crmEntity;\r\n break;\r\n case CrmEntityTypeEnum.Contact:\r\n this.contact = crmEntity;\r\n break;\r\n default:\r\n const entityDataAString = JSON.stringify(entityData);\r\n console.error(`this should not have happened. we got an entity that we dont know how to handle entityData: ${entityDataAString}`);\r\n }\r\n\r\n this.entities.push(crmEntity);\r\n this.entitiesNameToEntity[crmEntity.entityName] = crmEntity;\r\n });\r\n }\r\n\r\n getEntityByName(entityName: string) {\r\n return this.entitiesNameToEntity[entityName];\r\n }\r\n\r\n getEntityByType(requestedEntityType: CrmEntityTypeEnum) {\r\n let result;\r\n this.entities.forEach((entity: CrmEntity) => {\r\n if (entity.entityType === requestedEntityType) {\r\n result = entity;\r\n }\r\n });\r\n\r\n return result;\r\n }\r\n\r\n createCrmAttribute(crmAttributeData: ICrmEntityAttributeData) {\r\n const resultAttribute = new CrmEntityAttribute();\r\n\r\n resultAttribute.type = crmAttributeData.Type;\r\n resultAttribute.accuracy = crmAttributeData.Accuracy;\r\n resultAttribute.fullNameMode = crmAttributeData.FullNameMode;\r\n resultAttribute.logicalName = crmAttributeData._id;\r\n resultAttribute.lookupEntityIds = crmAttributeData.LookupEntityIds;\r\n resultAttribute.maxLength = crmAttributeData.MaxLength;\r\n resultAttribute.name = crmAttributeData.Name;\r\n\r\n if (crmAttributeData.Options) {\r\n resultAttribute.options = crmAttributeData.Options.map((option: IAttributeOptionData) => {\r\n const optionToReturn = {\r\n text: option.Text,\r\n value: option.Value\r\n };\r\n\r\n if (resultAttribute.type === 'Boolean') {\r\n // correct the value in boolean to be the right one to compare to. these are athe values that will be loaded to the\r\n // xml of the free-marker so we need the right one to compare to.\r\n optionToReturn.value = option.Value === '0' ? 'false' : 'true';\r\n }\r\n return optionToReturn;\r\n });\r\n }\r\n\r\n return resultAttribute;\r\n }\r\n\r\n getAllEntities(): Observable {\r\n if (this.entities.length > 0) {\r\n return of();\r\n }\r\n const crmEntitiesRequest$ = this.httpService.get(this.apiEndpoint.CrmEntitiesUrl);\r\n crmEntitiesRequest$.pipe(finalize(() => {\r\n this.loading = false;\r\n }))\r\n .subscribe((entitiesData: IEntities) => {\r\n this.buildCrmEntitiesModels(entitiesData);\r\n this.loading = false;\r\n this.loadingDataInProcess.next(this.loading);\r\n });\r\n\r\n return crmEntitiesRequest$;\r\n }\r\n}\r\n\r\n","// start:ng42.barrel\r\nexport * from './crm-entities.model';\r\nexport * from './crm-entities.service';\r\nexport * from './crm-entities-consts';\r\n// end:ng42.barrel\r\n\r\n","import { AlertDialogComponent } from '../alert/alert.component';\r\nimport { Component } from '@angular/core';\r\nimport { DialogCloseReason } from '../base-dialog';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\n\r\nexport enum FileOperation {\r\n REPLACE,\r\n KEEPBOTH,\r\n SKIP\r\n}\r\n\r\n@Component({\r\n selector: 'alert-dublicate-file',\r\n templateUrl: 'alert-dublicate-file.component.html'\r\n})\r\nexport class AlertDublicateFileComponent extends AlertDialogComponent {\r\n optionTitle = '';\r\n optionChecked = false;\r\n fileName: string = '';\r\n dialogType: FileModel.FileTypeEnum;\r\n isFileDialogType: boolean = false;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n super.initDialog();\r\n this.fileName = this.extraData.fileName ? this.extraData.fileName : '';\r\n this.dialogType = this.extraData.dialogType ? this.extraData.dialogType : FileModel.FileTypeEnum.IMAGES;\r\n this.isFileDialogType = this.dialogType !== FileModel.FileTypeEnum.IMAGES ? true : false;\r\n }\r\n\r\n replace() {\r\n this.close({\r\n reason: DialogCloseReason.OK,\r\n data: {\r\n operation: FileOperation.REPLACE,\r\n applyAll: this.optionChecked,\r\n fileName: this.fileName\r\n }\r\n });\r\n }\r\n\r\n keepBoth() {\r\n this.close({\r\n reason: DialogCloseReason.OK,\r\n data: {\r\n operation: FileOperation.KEEPBOTH,\r\n applyAll: this.optionChecked,\r\n fileName: this.fileName\r\n }\r\n });\r\n }\r\n\r\n skip() {\r\n this.close({\r\n reason: DialogCloseReason.OK,\r\n data: {\r\n operation: FileOperation.SKIP,\r\n applyAll: this.optionChecked,\r\n fileName: this.fileName\r\n }\r\n });\r\n }\r\n}\r\n","import { AlertDialogComponent } from '../alert/alert.component';\r\nimport { Component } from '@angular/core';\r\nimport { DialogCloseReason } from '../base-dialog';\r\n\r\n@Component({\r\n selector: 'alert-options-dialog',\r\n templateUrl: 'alert-with-options.component.html'\r\n})\r\nexport class AlertWithOptionDialogComponent extends AlertDialogComponent {\r\n optionTitle = '';\r\n optionChecked = false;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n super.initDialog();\r\n this.optionTitle = this.extraData.optionTitle ? this.extraData.optionTitle : 'Don\\'t show this again';\r\n }\r\n\r\n closeAlert() {\r\n this.close({ reason: DialogCloseReason.OK, data: { checked: this.optionChecked } });\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './alert-with-options.component';\r\n// end:ng42.barrel\r\n\r\n","import { Component, forwardRef, Inject } from '@angular/core';\r\nimport { DialogCloseReason, DialogBase, IDialogOnClose } from '../base-dialog';\r\nimport { DialogService } from '../dialog.service';\r\n\r\n@Component({\r\n selector: 'alert-dialog',\r\n templateUrl: 'alert.html'\r\n})\r\nexport class AlertDialogComponent extends DialogBase {\r\n\r\n okCaption: string;\r\n hideFooterButtons: boolean;\r\n constructor() {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n this.okCaption = this.extraData.okCaption ? this.extraData.okCaption : 'OK';\r\n this.hideFooterButtons = this.extraData.hideFooterButtons ? this.extraData.hideFooterButtons : false;\r\n }\r\n\r\n getTypeClass(): string {\r\n switch (this.extraData.type) {\r\n case EAlertTypes.Error:\r\n return 'error';\r\n case EAlertTypes.Warning:\r\n return 'warning';\r\n }\r\n return '';\r\n }\r\n\r\n closeAlert() {\r\n this.close({ reason: DialogCloseReason.OK });\r\n }\r\n\r\n}\r\n\r\nexport interface IAlertData {\r\n header: string;\r\n message: string;\r\n secondMessage?: string;\r\n type?: EAlertTypes;\r\n okCaption?: string;\r\n hideFooterButtons?: boolean;\r\n}\r\n\r\nexport enum EAlertTypes {\r\n Alert,\r\n Warning,\r\n Error\r\n}\r\n","// start:ng42.barrel\r\nexport * from './alert.component';\r\n// end:ng42.barrel\r\n\r\n","import { Subject } from 'rxjs';\r\nimport { IDialogOptions } from './dialog.service';\r\n\r\nexport class DialogBase {\r\n extraData?: any;\r\n dialogOptions: IDialogOptions;\r\n\r\n onClose: Subject = new Subject();\r\n\r\n /**\r\n * this function is used to run some initialization code after the dialog instantiate and before it is shown\r\n */\r\n initDialog() {;}\r\n\r\n close(reason: IDialogOnClose) {\r\n this.onClose.next(reason);\r\n }\r\n\r\n cancel() {\r\n this.close({reason: DialogCloseReason.CANCEL, data: null});\r\n }\r\n}\r\n\r\nexport interface IDialogOnClose { reason?: R; data?: D; };\r\n\r\nexport enum DialogCloseReason {\r\n OK,\r\n CANCEL,\r\n ABORTED\r\n};\r\n","import { Component } from '@angular/core';\r\nimport { DialogCloseReason, DialogBase } from '../base-dialog';\r\n\r\nexport interface IConfirmData {\r\n header: string;\r\n message: string;\r\n okCaption?: string;\r\n cancelCaption?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'confirm-dialog',\r\n templateUrl: 'confirm.html'\r\n})\r\nexport class ConfirmDialogComponent extends DialogBase {\r\n okCaption: string;\r\n cancelCaption: string;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n this.okCaption = this.extraData.okCaption ? this.extraData.okCaption : 'OK';\r\n this.cancelCaption = this.extraData.cancelCaption ? this.extraData.cancelCaption : 'Cancel';\r\n }\r\n\r\n getTypeClass(): string {\r\n return 'confirm';\r\n }\r\n\r\n ok() {\r\n this.close({ reason: DialogCloseReason.OK });\r\n }\r\n\r\n cancel() {\r\n this.close({ reason: DialogCloseReason.CANCEL });\r\n }\r\n\r\n}\r\n\r\n","// start:ng42.barrel\r\nexport * from './confirm.component';\r\n// end:ng42.barrel\r\n\r\n","import { Component, AfterViewInit, ChangeDetectorRef } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dialog-back',\r\n template: ''\r\n})\r\nexport class DialogBackComponent implements AfterViewInit {\r\n constructor(private cd: ChangeDetectorRef) {\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.cd.detach();\r\n\r\n }\r\n}\r\n","import { AfterViewInit, Component, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { DialogService } from './dialog.service';\r\n\r\n@Component({\r\n selector: 'dialog-container',\r\n template: ''\r\n})\r\nexport class DialogContainerComponent implements AfterViewInit {\r\n @ViewChild('ref', {read: ViewContainerRef, static: false})\r\n containerRef: ViewContainerRef;\r\n\r\n constructor(private dialogService: DialogService) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.dialogService.setViewContainer(this.containerRef);\r\n }\r\n\r\n}\r\n","import { Injectable, ViewContainerRef, ComponentFactoryResolver, ComponentRef } from '@angular/core';\r\nimport { DialogBase, DialogCloseReason, IDialogOnClose } from './base-dialog';\r\nimport { AlertDialogComponent, IAlertData } from './alert/alert.component';\r\nimport { IConfirmData, ConfirmDialogComponent } from './confirm/confirm.component';\r\nimport { Subject } from 'rxjs';\r\nimport { DialogBackComponent } from './dialog-back.compnent';\r\nimport { IInputData, InputDialogComponent } from './input/input.component';\r\n\r\nexport interface IDialogHandle {\r\n onClose: Subject;\r\n close: (reason?: IDialogOnClose) => void;\r\n}\r\n\r\nexport interface IDialogOptions {\r\n closeOnEscape?: boolean;\r\n showCancelOnHeader?: boolean;\r\n backdropClass?: string; //a class that will be added to this dialog instance's backdrop\r\n closeWhenClickedOnBackdrop?: boolean;\r\n}\r\n\r\nexport interface IConstructor {\r\n new(...args: any[]): T;\r\n}\r\n\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DialogService {\r\n\r\n private viewContainer: ViewContainerRef;\r\n\r\n private openDialogs: Array = [];\r\n\r\n constructor(private componentFactoryResolver: ComponentFactoryResolver) {\r\n document.addEventListener('keydown', this.handleKeyboardEvent);\r\n }\r\n\r\n private handleKeyboardEvent = (event: KeyboardEvent): void => {\r\n if (this.openDialogs.length > 0) {\r\n event.stopPropagation();\r\n const lastDialog = this.openDialogs[this.openDialogs.length - 1];\r\n if (event.keyCode === 27 && lastDialog.dialogOptions && lastDialog.dialogOptions.closeOnEscape) {\r\n lastDialog.cancel();\r\n }\r\n }\r\n }\r\n\r\n public setViewContainer = (viewContainer: ViewContainerRef): void => {\r\n this.viewContainer = viewContainer;\r\n }\r\n\r\n public alert = (data: IAlertData, dialogOptions?: IDialogOptions): IDialogHandle => {\r\n return this.createDialog(AlertDialogComponent, Object.assign({}, data), dialogOptions);\r\n }\r\n\r\n public confirm = (data: IConfirmData, dialogOptions?: IDialogOptions): IDialogHandle => {\r\n return this.createDialog(ConfirmDialogComponent, Object.assign({}, data), dialogOptions);\r\n }\r\n\r\n public input = (data: IInputData, dialogOptions?: IDialogOptions): IDialogHandle => {\r\n return this.createDialog(InputDialogComponent, Object.assign({}, data), dialogOptions);\r\n }\r\n\r\n public createDialog = (dialogComponent: IConstructor, extraData?: any, dialogOptions?: IDialogOptions): IDialogHandle => {\r\n const effectingDialogOptions: IDialogOptions = {\r\n closeOnEscape: true,\r\n showCancelOnHeader: true,\r\n backdropClass: null,\r\n closeWhenClickedOnBackdrop: false\r\n };\r\n\r\n if (dialogOptions) {\r\n Object.assign(effectingDialogOptions, dialogOptions);\r\n }\r\n\r\n const backdropComponentFactory = this.componentFactoryResolver.resolveComponentFactory(DialogBackComponent);\r\n const _currentBackdropRef = this.viewContainer.createComponent(backdropComponentFactory);\r\n\r\n if (effectingDialogOptions.backdropClass) {\r\n _currentBackdropRef.location.nativeElement.classList.add(effectingDialogOptions.backdropClass);\r\n }\r\n\r\n const dialogComponentFactory = this.componentFactoryResolver.resolveComponentFactory(dialogComponent);\r\n const _currentDialogRef = this.viewContainer.createComponent(dialogComponentFactory);\r\n _currentDialogRef.location.nativeElement.classList.add('dialog-instance');\r\n _currentDialogRef.instance.onClose.subscribe(() => this.onDialogClose(_currentDialogRef, _currentBackdropRef));\r\n\r\n if (effectingDialogOptions.closeWhenClickedOnBackdrop) {\r\n _currentDialogRef.location.nativeElement.addEventListener('click', (event: any) => {\r\n if (event.target === _currentDialogRef.location.nativeElement) {\r\n // only if it the container itself of the dialog was clicked that means that it was clicked outside of the main dialog\r\n // then we close the dialog.\r\n this.onDialogClose(_currentDialogRef, _currentBackdropRef);\r\n }\r\n });\r\n }\r\n\r\n _currentDialogRef.instance.extraData = extraData;\r\n _currentDialogRef.instance.dialogOptions = effectingDialogOptions;\r\n _currentDialogRef.instance.initDialog();\r\n this.openDialogs.push(_currentDialogRef.instance);\r\n\r\n return {\r\n onClose: _currentDialogRef.instance.onClose,\r\n close: (reason?: IDialogOnClose) => {\r\n if (reason) {\r\n _currentDialogRef.instance.onClose.next(reason);\r\n } else {\r\n _currentDialogRef.instance.onClose.next({ reason: DialogCloseReason.ABORTED });\r\n }\r\n }\r\n };\r\n }\r\n\r\n private onDialogClose = (dialogRef: ComponentRef, backdropRef: ComponentRef): void => {\r\n this.openDialogs = this.openDialogs.filter((d: DialogBase) => d !== dialogRef.instance);\r\n backdropRef.destroy();\r\n backdropRef = null;\r\n dialogRef.instance.onClose.unsubscribe();\r\n dialogRef.destroy();\r\n dialogRef = null;\r\n }\r\n\r\n}\r\n","import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\r\nimport { AlertDialogComponent } from './alert/alert.component';\r\nimport { DialogContainerComponent } from './dialog-container.component';\r\nimport { DialogBackComponent } from './dialog-back.compnent';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ConfirmDialogComponent } from './confirm/confirm.component';\r\nimport { DialogFooterHelperComponent } from './helpers/d-footer.component';\r\nimport { DialogBodyHelperComponent } from './helpers/d-body.component';\r\nimport { DialogHeaderHelperComponent } from './helpers/d-header.component';\r\nimport { InputDialogComponent } from './input/input.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CommonDirectivesModule } from '../directives/common-directives.module';\r\nimport { InputDialogValidationsService } from './input/input-dialog-validations.service';\r\nimport { AlertWithOptionDialogComponent } from './alert-with-options/alert-with-options.component';\r\nimport { FileDeleteAlertComponent } from './file-delete-alert/file-delete-alert.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { FormatStringPipe } from './pipes/format-string.pipe';\r\nimport { UploadErrorsDialogComponent } from './upload-errors/upload-errors.component';\r\nimport { AlertDublicateFileComponent } from './alert-dublicate-file/alert-dublicate-file.component';\r\n\r\nconst components = [\r\n DialogContainerComponent, DialogBackComponent, AlertDialogComponent, ConfirmDialogComponent, InputDialogComponent,\r\n DialogFooterHelperComponent, DialogHeaderHelperComponent, DialogBodyHelperComponent, AlertWithOptionDialogComponent,\r\n FileDeleteAlertComponent, UploadErrorsDialogComponent, AlertDublicateFileComponent\r\n];\r\n\r\n@NgModule({\r\n imports: [CommonModule, FormsModule, CommonDirectivesModule, TranslateModule.forChild()],\r\n declarations: [...components, FormatStringPipe],\r\n providers: [InputDialogValidationsService],\r\n entryComponents: [DialogContainerComponent, DialogBackComponent, AlertDialogComponent, ConfirmDialogComponent, InputDialogComponent,\r\n DialogFooterHelperComponent, DialogHeaderHelperComponent, DialogBodyHelperComponent, AlertWithOptionDialogComponent, FileDeleteAlertComponent,\r\n UploadErrorsDialogComponent, AlertDublicateFileComponent],\r\n exports: components,\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\r\n})\r\nexport class DialogModule {\r\n}\r\n\r\n\r\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { DialogCloseReason } from '../base-dialog';\r\nimport { ConfirmDialogComponent } from '../confirm/confirm.component';\r\nimport { FileModel } from '../../typescript-angular-client/model/models';\r\n\r\n@Component({\r\n selector: 'lib-file-delete-alert',\r\n templateUrl: './file-delete-alert.component.html',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FileDeleteAlertComponent extends ConfirmDialogComponent {\r\n\r\n itemsCount: number = 1;\r\n isJustFolder: boolean = false;\r\n isFileDialogType: boolean = false;\r\n headerText: string = '';\r\n\r\n constructor() { super(); }\r\n\r\n initDialog() {\r\n super.initDialog();\r\n this.itemsCount = this.extraData.itemsCount ? this.extraData.itemsCount : 1;\r\n this.isJustFolder = this.extraData.isJustFolder ? this.extraData.isJustFolder : false;\r\n this.isFileDialogType = this.extraData.dialogType !== FileModel.FileTypeEnum.IMAGES;\r\n\r\n if (this.isJustFolder) {\r\n this.headerText = 'COMMON.DIALOGS.DELETE_FOLDER.DELETE_FOLDER';\r\n } else {\r\n if (this.itemsCount > 1) {\r\n this.headerText = 'COMMON.DIALOGS.DELETE_FILE.DELETE_ITEMS';\r\n } else {\r\n this.headerText = this.isFileDialogType ? 'COMMON.DIALOGS.DELETE_FILE.DELETE_FILE' : 'COMMON.DIALOGS.DELETE_FILE.DELETE_IMAGE';\r\n }\r\n }\r\n }\r\n\r\n ok() {\r\n this.close({ reason: DialogCloseReason.OK, data: {} });\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-delete-alert.component';\r\n// end:ng42.barrel\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'd-body',\r\n template: '',\r\n})\r\nexport class DialogBodyHelperComponent {}\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'd-footer',\r\n template: '',\r\n})\r\nexport class DialogFooterHelperComponent {}\r\n\r\n\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'd-header',\r\n template: `\r\n `,\r\n})\r\nexport class DialogHeaderHelperComponent {\r\n @Input() showClose: boolean;\r\n @Output() cancelClicked: EventEmitter = new EventEmitter();\r\n\r\n onCancelClicked() {\r\n this.cancelClicked.emit();\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './d-body.component';\r\nexport * from './d-footer.component';\r\nexport * from './d-header.component';\r\n// end:ng42.barrel\r\n\r\n","// start:ng42.barrel\r\nexport * from './base-dialog';\r\nexport * from './dialog-back.compnent';\r\nexport * from './dialog-container.component';\r\nexport * from './dialog.service';\r\nexport * from './dialogs.module';\r\nexport * from './alert/index';\r\nexport * from './alert-with-options/index';\r\nexport * from './confirm/index';\r\nexport * from './helpers/index';\r\nexport * from './input/index';\r\nexport * from './file-delete-alert/index';\r\nexport * from './alert-dublicate-file/alert-dublicate-file.component';\r\nexport * from './upload-errors/upload-errors.component';\r\n// end:ng42.barrel\r\n\r\n","// start:ng42.barrel\r\nexport * from './input-dialog-validations.service';\r\nexport * from './input.component';\r\n// end:ng42.barrel\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { InputValidation } from '../../validations/input.validation';\r\n\r\n@Injectable()\r\nexport class InputDialogValidationsService {\r\n\r\n STRING_LENGTH_ERROR_MSG: string;\r\n\r\n constructor(public translate: TranslateService) {\r\n this.STRING_LENGTH_ERROR_MSG = this.translate.instant(InputValidation.STRING_LENGTH_ERROR_MSG);\r\n }\r\n\r\n validateTemplateNameCallBack(fieldValue: any, fieldValidationContext: any) {\r\n fieldValue = fieldValue || ''; //add a default empty string (some browsers return undefined)\r\n let strText: string = fieldValue as string;\r\n\r\n let validStr: boolean = InputValidation.validateStringLength(strText);\r\n if (validStr) {\r\n return null;\r\n }\r\n return this.STRING_LENGTH_ERROR_MSG;\r\n }\r\n}\r\n","import { Component, Input } from '@angular/core';\r\nimport { DialogCloseReason, DialogBase } from '../base-dialog';\r\nimport {\r\n trigger,\r\n state,\r\n style,\r\n animate,\r\n transition\r\n} from '@angular/animations';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { Observable } from 'rxjs';\r\n\r\nexport interface IInputData {\r\n header: string;\r\n body?: string;\r\n fieldName: string;\r\n fieldType?: 'text' | 'color' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'range' | 'search' | 'tel' | 'time' | 'url' | 'week';\r\n fieldDefaultValue?: any;\r\n fieldPlaceHolder?: any;\r\n fieldValidationCallback?: (fieldValue: any, fieldValidationContext: any) => string;\r\n fieldValidationContext?: any;\r\n validationErrorLabelTimeout?: number; //InputDialogComponent.DO_NOT_HIDE_ERROR => do not set timeout\r\n okCaption?: string;\r\n cancelCaption?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'input-dialog',\r\n templateUrl: 'input.html',\r\n animations: [\r\n trigger('errorAnimation', [\r\n state('inactive', style({opacity: 0})),\r\n state('active', style({opacity: 1})),\r\n transition('inactive <=> active', animate('500ms'))\r\n ])\r\n ],\r\n})\r\nexport class InputDialogComponent extends DialogBase {\r\n static DO_NOT_HIDE_ERROR: number = -1;\r\n fieldType: string;\r\n okCaption: string;\r\n cancelCaption: string;\r\n lastValidationError: string | Observable;\r\n fieldPlaceHolder: string;\r\n validationErrorLabelTimeout: number;\r\n errorState: string;\r\n\r\n private lastValidationErrorText: string = '';\r\n\r\n get LastValidationErrorText() {\r\n return this.lastValidationErrorText;\r\n }\r\n\r\n @Input() fieldValue: string;\r\n\r\n constructor(public translate: TranslateService) {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n this.fieldType = this.extraData.fieldType ? this.extraData.fieldType : 'text';\r\n this.okCaption = this.extraData.okCaption ? this.extraData.okCaption : this.translate.instant('COMMON.DIALOGS.INFRA.OK');\r\n this.cancelCaption = this.extraData.cancelCaption ? this.extraData.cancelCaption : this.translate.instant('COMMON.DIALOGS.INFRA.CANCEL');\r\n this.validationErrorLabelTimeout = this.extraData.validationErrorLabelTimeout ? this.extraData.validationErrorLabelTimeout : 10000;\r\n this.fieldPlaceHolder = this.extraData.fieldPlaceHolder ? this.extraData.fieldPlaceHolder : '--';\r\n\r\n this.lastValidationErrorText = 'error placeholder';\r\n this.errorState = 'inactive';\r\n\r\n if (this.extraData.fieldDefaultValue) {\r\n this.fieldValue = this.extraData.fieldDefaultValue;\r\n }\r\n }\r\n\r\n getTypeClass(): string {\r\n return 'input';\r\n }\r\n\r\n onKeyDown() {\r\n this.errorState = 'inactive';\r\n }\r\n\r\n showValidationError() {\r\n this.errorState = 'active';\r\n\r\n if (this.validationErrorLabelTimeout !== InputDialogComponent.DO_NOT_HIDE_ERROR) {\r\n setTimeout(() => {\r\n this.errorState = 'inactive';\r\n }, this.validationErrorLabelTimeout);\r\n }\r\n }\r\n\r\n submitForm(value: any) {\r\n this.ok();\r\n }\r\n\r\n ok() {\r\n if (this.extraData.fieldValidationCallback) {\r\n this.lastValidationError = this.extraData.fieldValidationCallback.call(\r\n null,\r\n this.fieldValue,\r\n this.extraData.fieldValidationContext\r\n );\r\n\r\n if (this.lastValidationError instanceof Observable) {\r\n this.lastValidationError.subscribe((result: string) => {\r\n if (result) {\r\n this.lastValidationErrorText = result;\r\n this.showValidationError();\r\n } else {\r\n this.close({reason: DialogCloseReason.OK, data: {fieldValue: this.fieldValue}});\r\n }\r\n });\r\n } else {\r\n if (this.lastValidationError) {\r\n this.lastValidationErrorText = this.lastValidationError;\r\n this.showValidationError();\r\n } else {\r\n this.close({reason: DialogCloseReason.OK, data: {fieldValue: this.fieldValue}});\r\n }\r\n }\r\n } else {\r\n this.close({reason: DialogCloseReason.OK, data: {fieldValue: this.fieldValue}});\r\n }\r\n }\r\n\r\n cancel() {\r\n this.close({reason: DialogCloseReason.CANCEL});\r\n }\r\n\r\n}\r\n\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'formatString'\r\n})\r\nexport class FormatStringPipe implements PipeTransform {\r\n\r\n transform(value: string, symbol: string, replacedTo: string): string {\r\n return value.replace(symbol, replacedTo);\r\n }\r\n\r\n}\r\n","import { AlertDialogComponent } from '../alert/alert.component';\r\nimport { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'upload-errors-dialog',\r\n templateUrl: 'upload-errors.component.html'\r\n})\r\nexport class UploadErrorsDialogComponent extends AlertDialogComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n initDialog() {\r\n super.initDialog();\r\n }\r\n\r\n closeAlert() {\r\n super.closeAlert();\r\n }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[autofocus]'\r\n})\r\nexport class AutofocusDirective implements AfterViewInit {\r\n @Input() set autofocus(condition: boolean) {\r\n this._autofocus = condition !== false;\r\n }\r\n\r\n @Input() autofocusSelectAll = false;\r\n\r\n private _autofocus : any;\r\n\r\n constructor(private el: ElementRef) {\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this._autofocus || typeof this._autofocus === 'undefined') {\r\n this.el.nativeElement.focus();\r\n\r\n if (this.autofocusSelectAll) {\r\n setTimeout(() => {\r\n this.el.nativeElement.select();\r\n },0);\r\n }\r\n }\r\n }\r\n}\r\n","/**\r\n * Created by daniel.plotkin on 01/01/2018.\r\n */\r\n\r\nimport { Directive, ElementRef, Output, EventEmitter, HostListener, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[clickOutside]'\r\n})\r\nexport class ClickOutsideDirective implements OnInit, OnDestroy {\r\n\r\n @Input() clickOutsideEvent?: string;\r\n @Output()\r\n public clickOutside = new EventEmitter();\r\n onClickHandler: EventListener;\r\n\r\n constructor(private _elementRef: ElementRef) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.clickOutsideEvent = this.clickOutsideEvent || 'mouseup';\r\n this.onClickHandler = this.onClick.bind(this);\r\n document.addEventListener(this.clickOutsideEvent, this.onClickHandler);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n document.removeEventListener(this.clickOutsideEvent, this.onClickHandler);\r\n }\r\n\r\n public onClick(event: MouseEvent): void {\r\n let targetElement: HTMLElement = event.target as HTMLElement;\r\n if (!targetElement) {\r\n return;\r\n }\r\n\r\n const clickedInside = this._elementRef.nativeElement.contains(targetElement);\r\n if (!clickedInside) {\r\n this.clickOutside.emit(event);\r\n }\r\n }\r\n}\r\n","import { ClickOutsideDirective } from './click-outside.directive';\r\nimport { OnlyNumberDirective } from './only-number.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgModule } from '@angular/core';\r\nimport { EmailListValidatorDirective } from './email-list-validatior.directive';\r\nimport { DisableFeatureDirective } from './disable-feature.directive';\r\nimport { AutofocusDirective } from './autofocus.directive';\r\nimport { HoverClassDirective } from './hover-class.dirctive';\r\n\r\nconst components = [\r\n ClickOutsideDirective, OnlyNumberDirective,\r\n EmailListValidatorDirective, DisableFeatureDirective, AutofocusDirective, HoverClassDirective\r\n];\r\n\r\n@NgModule({\r\n imports: [CommonModule, FormsModule],\r\n declarations: components,\r\n providers: [],\r\n exports: [...components],\r\n schemas: []\r\n})\r\nexport class CommonDirectivesModule {\r\n}\r\n","import { Directive, Inject, InjectionToken, Input, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\nexport const DISABLED_FEATURES: InjectionToken = new InjectionToken('please provide the right array for disable flags');\r\n\r\n@Directive({\r\n selector: '[disableFeatures]',\r\n})\r\nexport class DisableFeatureDirective {\r\n\r\n // TODO: verify old config. This is stub!\r\n private _disabledFeatures: string[];\r\n\r\n constructor(private templateRef: TemplateRef,\r\n private viewContainer: ViewContainerRef, @Inject(DISABLED_FEATURES) private disabledFeatures: string[]) {\r\n this._disabledFeatures = disabledFeatures;\r\n }\r\n\r\n @Input() set disableFeatures(_featureNames: string[]) {\r\n let disabled: boolean = false;\r\n for (let featureName of _featureNames) {\r\n if (this._disabledFeatures.includes(featureName)) {\r\n disabled = true;\r\n }\r\n }\r\n if (disabled) {\r\n // remove template from DOM\r\n this.viewContainer.clear();\r\n } else {\r\n // add template to DOM\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n }\r\n }\r\n}\r\n","import { AbstractControl, ValidatorFn } from '@angular/forms';\r\n\r\nexport class DndValidators {\r\n static emailListValidator(emailListSeperatorsRegExp: RegExp = /(\\s*[,|;]\\s*)/igm): ValidatorFn {\r\n const result = (control: AbstractControl): {\r\n [key: string]: any;\r\n } => {\r\n let emailList: string[] = [];\r\n let notValidEmailList: string[] = [];\r\n let emailListForTest: string = control.value;\r\n emailListForTest = emailListForTest.replace(emailListSeperatorsRegExp, ';');\r\n //replace ; at the end\r\n emailListForTest = emailListForTest.replace(new RegExp(';*$'), '');\r\n if (emailListForTest && emailListForTest.length) {\r\n emailList = emailListForTest.split(/;/igm);\r\n for (let email of emailList) {\r\n email = email.trim();\r\n if (!this.isEmailValid(email)) {\r\n notValidEmailList.push(email);\r\n }\r\n }\r\n }\r\n return (notValidEmailList && notValidEmailList.length) ? { 'notValidEmailList': { value: notValidEmailList } } : null;\r\n };\r\n return result;\r\n }\r\n static isEmailValid(email: string): boolean {\r\n const validEmailRegExp = new RegExp(/^(([^<>()\\[\\]\\\\.,;:\\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,}))$/, 'igm');\r\n let isValid: boolean = validEmailRegExp.test(email);\r\n return isValid;\r\n }\r\n}\r\n","import { Directive, Input } from '@angular/core';\r\nimport { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';\r\nimport { DndValidators } from './dnd-validators';\r\n\r\n@Directive({\r\n selector: '[testEmailList]',\r\n providers: [{ provide: NG_VALIDATORS, useExisting: EmailListValidatorDirective, multi: true }]\r\n})\r\n\r\nexport class EmailListValidatorDirective implements Validator {\r\n @Input() emailListSeperatorsRegExp: RegExp;\r\n\r\n validate(control: AbstractControl): { [key: string]: any } {\r\n return this.emailListSeperatorsRegExp ? DndValidators.emailListValidator(new RegExp(this.emailListSeperatorsRegExp, 'i'))(control)\r\n : null;\r\n }\r\n}\r\n\r\n\r\n\r\n","import { Directive, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[hoverClass]'\r\n})\r\nexport class HoverClassDirective implements OnInit {\r\n @Input() hoverClass: string;\r\n @Input() hoverClassDelayMls: number;\r\n\r\n hoveredUpon = false;\r\n activeTimeout: any;\r\n\r\n constructor(private _elementRef: ElementRef) {\r\n }\r\n\r\n ngOnInit(): void {\r\n\r\n this._elementRef.nativeElement.addEventListener('mouseover', () => {\r\n // if (this.hoveredUpon) {\r\n // //if this is a consecutive event and we are already being hovered on no need to proceed.\r\n // return;\r\n // }\r\n\r\n this.hoveredUpon = true;\r\n this.clearTimer();\r\n if (this.hoverClass) {\r\n if (this.hoverClassDelayMls) {\r\n this.activeTimeout = setTimeout(() => {\r\n if (this.hoveredUpon) {\r\n //if after the timeout we are still hovered upon\r\n this._elementRef.nativeElement.classList.add(this.hoverClass);\r\n }\r\n }, this.hoverClassDelayMls);\r\n } else {\r\n this._elementRef.nativeElement.classList.add(this.hoverClass);\r\n }\r\n }\r\n });\r\n\r\n this._elementRef.nativeElement.addEventListener('mouseleave', () => {\r\n this.hoveredUpon = false;\r\n this.clearTimer();\r\n if (this.hoverClass) {\r\n this._elementRef.nativeElement.classList.remove(this.hoverClass);\r\n }\r\n });\r\n\r\n }\r\n\r\n clearTimer() {\r\n\r\n if (this.activeTimeout) {\r\n clearTimeout(this.activeTimeout);\r\n this.activeTimeout = null;\r\n }\r\n }\r\n}\r\n\r\n","// start:ng42.barrel\r\nexport * from './autofocus.directive';\r\nexport * from './click-outside.directive';\r\nexport * from './common-directives.module';\r\nexport * from './disable-feature.directive';\r\nexport * from './email-list-validatior.directive';\r\nexport * from './hover-class.dirctive';\r\nexport * from './only-number.directive';\r\nexport * from './dnd-validators';\r\n// end:ng42.barrel\r\n\r\n","import { Directive, ElementRef, HostListener, Input } from '@angular/core';\r\n\r\nenum KeyCodes {\r\n Dash = 189,\r\n Subtract = 109,\r\n Delete = 46,\r\n Backspace = 8,\r\n Tab = 9,\r\n Escape = 27,\r\n Enter = 13,\r\n A = 65,\r\n C = 67,\r\n V = 86,\r\n X = 88\r\n}\r\n\r\n@Directive({\r\n selector: '[OnlyNumber]'\r\n})\r\nexport class OnlyNumberDirective {\r\n @Input() OnlyNumber: boolean;\r\n @Input() OnlyNumberAllowNegative: boolean = false;\r\n @Input() maxNumber?: number = null;\r\n @Input() minNumber?: number = null;\r\n @Input() SpecialCase: any = null;\r\n\r\n constructor(private el: ElementRef) {\r\n }\r\n\r\n @HostListener('keydown', ['$event'])\r\n onKeyDown(event: any) {\r\n const fistCharAlreadyInserted = this.el.nativeElement.value[0];\r\n const e = event;\r\n if (this.OnlyNumber) {\r\n if ([KeyCodes.Delete, KeyCodes.Backspace, KeyCodes.Tab, KeyCodes.Escape, KeyCodes.Enter].indexOf(e.keyCode) !== -1 ||\r\n // Allow: Ctrl+A\r\n (e.keyCode === KeyCodes.A && (e.ctrlKey || e.metaKey)) ||\r\n // Allow: Ctrl+C\r\n (e.keyCode === KeyCodes.C && (e.ctrlKey || e.metaKey)) ||\r\n // Allow: Ctrl+V\r\n (e.keyCode === KeyCodes.V && (e.ctrlKey || e.metaKey)) ||\r\n // Allow: Ctrl+X\r\n (e.keyCode === KeyCodes.X && (e.ctrlKey || e.metaKey)) ||\r\n // Allow: home, end, left, right\r\n (e.keyCode >= 35 && e.keyCode <= 39) ||\r\n //if configured to accept negative numbers too accept dash (minus sign)\r\n (this.OnlyNumberAllowNegative && !fistCharAlreadyInserted && (e.keyCode === KeyCodes.Dash || e.keyCode === KeyCodes.Subtract))) {\r\n // let it happen, don't do anything\r\n return;\r\n }\r\n // Ensure that it is a number and stop the keypress\r\n if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\r\n e.preventDefault();\r\n }\r\n\r\n }\r\n }\r\n\r\n @HostListener('keyup', ['$event'])\r\n onKeyUp($event: any) {\r\n\r\n let elementValue: number;\r\n if (this.el.nativeElement.value !== '') {\r\n elementValue = parseInt(this.el.nativeElement.value, 10);\r\n this.setValidValue(elementValue);\r\n }\r\n }\r\n\r\n setValidValue(newValue: number) {\r\n if (this.SpecialCase !== null && this.replaceSpecialCaseNumber(newValue)) {\r\n return;\r\n }\r\n\r\n if (this.maxNumber !== null) {\r\n\r\n if (newValue > this.maxNumber) {\r\n //do not allow this and change the value to the max number\r\n this.el.nativeElement.value = this.maxNumber;\r\n }\r\n }\r\n\r\n if (this.minNumber !== null) {\r\n if (newValue < this.minNumber) {\r\n //do not allow this and change the value to the max number\r\n this.el.nativeElement.value = this.minNumber;\r\n }\r\n }\r\n }\r\n\r\n onPaste($event: any) {\r\n $event.stopPropagation();\r\n $event.preventDefault();\r\n const clipboardData = $event.clipboardData || (window).clipboardData;\r\n if (clipboardData) {\r\n const pastedData: string = clipboardData.getData('Text');\r\n if (pastedData && pastedData !== '') {\r\n const pastedValue = parseInt(pastedData, 10);\r\n this.setValidValue(pastedValue);\r\n }\r\n }\r\n }\r\n\r\n replaceSpecialCaseNumber(newValue: number) {\r\n if (this.SpecialCase !== null && this.SpecialCase.numberPressed !== null) {\r\n if (newValue === this.SpecialCase.numberPressed && this.SpecialCase.convertToNumber !== null) {\r\n this.el.nativeElement.value = this.SpecialCase.convertToNumber;\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n}\r\n","export default \".filename {\\n width: 86px;\\n height: 17px;\\n overflow: hidden;\\n font-size: 9px;\\n margin: 0px;\\n text-align: center; }\\n\\n.files-figure {\\n margin: 0;\\n background-color: #F3F3F3;\\n border: 1px solid #B9B9B9;\\n height: 86px;\\n padding: 3px;\\n position: relative;\\n text-align: center;\\n vertical-align: middle;\\n transition: border 300ms ease-out; }\\n\\n.active {\\n box-shadow: inset 0px 0px 0 3px #92c5db; }\\n\\n.figure-shadow {\\n position: absolute;\\n top: 0;\\n right: 0;\\n left: 0;\\n bottom: 0;\\n pointer-events: none;\\n transition: box-shadow 0.3s ease 0s; }\\n\\n.highligted {\\n position: absolute;\\n top: 0;\\n right: 0;\\n left: 0;\\n right: 0;\\n border: 1px solid #585858;\\n z-index: 0;\\n width: 100%;\\n height: 100%;\\n overflow: hidden; }\\n\\n.wrap-image {\\n position: absolute;\\n width: 100%;\\n top: 0;\\n left: 0;\\n bottom: 0;\\n right: 0;\\n display: flex;\\n justify-content: center;\\n align-items: center; }\\n\\n.wrap-image img {\\n transition: visibility 0s linear, opacity 0.5s linear;\\n opacity: 0;\\n border: 0px !important; }\\n\\n.wrap-image .spinner {\\n position: absolute;\\n top: calc(50% - 14px);\\n left: calc(50% - 14px);\\n width: 28px;\\n height: 28px;\\n font-size: 28px;\\n line-height: 28px;\\n color: #9e9e9e; }\\n\\n.wrap-image.img-loaded {\\n background-color: transparent;\\n border: 0; }\\n\\n.wrap-image.img-loaded img {\\n opacity: 1;\\n visibility: visible; }\\n\\n.wrap-image.img-loaded .spinner {\\n z-index: -1;\\n display: none;\\n visibility: hidden; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZS1pdGVtL0M6XFxhXFwxXFxzL3Byb2plY3RzXFxjb21tb24tbGliXFxzcmNcXGxpYlxcZmlsZS1tYW5hZ2VyXFxmaWxlLWl0ZW1cXGZpbGUtaXRlbS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxXQUFXO0VBQ1gsa0JBQWtCLEVBQUE7O0FBR3BCO0VBQ0UsU0FBUztFQUNULHlCQUF5QjtFQUN6Qix5QkFBeUI7RUFDekIsWUFBWTtFQUNaLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0QixpQ0FBaUMsRUFBQTs7QUFHbkM7RUFDRSx1Q0FBdUMsRUFBQTs7QUFHekM7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLFFBQVE7RUFDUixPQUFPO0VBQ1AsU0FBUztFQUNULG9CQUFvQjtFQUNwQixtQ0FBbUMsRUFBQTs7QUFHckM7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLFFBQVE7RUFDUixPQUFPO0VBQ1AsUUFBUTtFQUNSLHlCQUF3QjtFQUN4QixVQUFVO0VBQ1YsV0FBVztFQUNYLFlBQVk7RUFDWixnQkFBZ0IsRUFBQTs7QUFHaEI7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLE1BQU07RUFDTixPQUFPO0VBQ1AsU0FBUztFQUNULFFBQVE7RUFDUixhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLG1CQUFtQixFQUFBOztBQVRyQjtJQVlJLHFEQUFxRDtJQUNyRCxVQUFVO0lBQ1Ysc0JBQXNCLEVBQUE7O0FBZDFCO0lBaUJJLGtCQUFrQjtJQUNsQixxQkFBcUM7SUFDckMsc0JBQXNDO0lBQ3RDLFdBdkVhO0lBd0ViLFlBeEVhO0lBeUViLGVBekVhO0lBMEViLGlCQTFFYTtJQTJFYixjQTVFUSxFQUFBOztBQW9EWjtJQTRCSSw2QkFBNkI7SUFDN0IsU0FBUyxFQUFBOztBQTdCYjtNQWdDTSxVQUFVO01BQ1YsbUJBQW1CLEVBQUE7O0FBakN6QjtNQXFDTSxXQUFXO01BQ1gsYUFBYTtNQUNiLGtCQUFrQixFQUFBIiwiZmlsZSI6InByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZS1pdGVtL2ZpbGUtaXRlbS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFByZWxvYWQgSW1hZ2UgLyBCYWNrZ3JvdW5kIEltYWdlXHJcbiRncmV5OiAjOWU5ZTllO1xyXG4kc3Bpbm5lci1zaXplOiAyOHB4O1xyXG4kc3Bpbm5lci1jb2xvcjogJGdyZXk7XHJcblxyXG4uZmlsZW5hbWUge1xyXG4gIHdpZHRoOiA4NnB4O1xyXG4gIGhlaWdodDogMTdweDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGZvbnQtc2l6ZTogOXB4O1xyXG4gIG1hcmdpbjogMHB4O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLmZpbGVzLWZpZ3VyZSB7XHJcbiAgbWFyZ2luOiAwO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNGM0YzRjM7XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI0I5QjlCOTtcclxuICBoZWlnaHQ6IDg2cHg7XHJcbiAgcGFkZGluZzogM3B4O1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICB0cmFuc2l0aW9uOiBib3JkZXIgMzAwbXMgZWFzZS1vdXQ7XHJcbn1cclxuXHJcbi5hY3RpdmUge1xyXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMCAzcHggIzkyYzVkYjtcclxufVxyXG5cclxuLmZpZ3VyZS1zaGFkb3cge1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB0b3A6IDA7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgbGVmdDogMDtcclxuICBib3R0b206IDA7XHJcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbiAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjNzIGVhc2UgMHM7XHJcbn1cclxuXHJcbi5oaWdobGlndGVke1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB0b3A6IDA7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgbGVmdDogMDtcclxuICByaWdodDogMDtcclxuICBib3JkZXI6MXB4IHNvbGlkICM1ODU4NTg7XHJcbiAgei1pbmRleDogMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuICAud3JhcC1pbWFnZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHRvcDogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gICAgaW1nIHtcclxuICAgICAgdHJhbnNpdGlvbjogdmlzaWJpbGl0eSAwcyBsaW5lYXIsIG9wYWNpdHkgMC41cyBsaW5lYXI7XHJcbiAgICAgIG9wYWNpdHk6IDA7XHJcbiAgICAgIGJvcmRlcjogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuc3Bpbm5lciB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgdG9wOiBjYWxjKDUwJSAtICN7KCRzcGlubmVyLXNpemUvMil9KTtcclxuICAgICAgbGVmdDogY2FsYyg1MCUgLSAjeygkc3Bpbm5lci1zaXplLzIpfSk7XHJcbiAgICAgIHdpZHRoOiAkc3Bpbm5lci1zaXplO1xyXG4gICAgICBoZWlnaHQ6ICRzcGlubmVyLXNpemU7XHJcbiAgICAgIGZvbnQtc2l6ZTogJHNwaW5uZXItc2l6ZTtcclxuICAgICAgbGluZS1oZWlnaHQ6ICRzcGlubmVyLXNpemU7XHJcbiAgICAgIGNvbG9yOiAkc3Bpbm5lci1jb2xvcjtcclxuICAgIH1cclxuXHJcbiAgICAmLmltZy1sb2FkZWQge1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICAgICAgYm9yZGVyOiAwO1xyXG5cclxuICAgICAgaW1nIHtcclxuICAgICAgICBvcGFjaXR5OiAxO1xyXG4gICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC5zcGlubmVyIHtcclxuICAgICAgICB6LWluZGV4OiAtMTtcclxuICAgICAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG5cclxuIl19 */\"","import {\r\n Component,\r\n ElementRef,\r\n forwardRef,\r\n HostListener,\r\n Inject,\r\n Input,\r\n OnDestroy,\r\n Renderer2,\r\n ViewChild\r\n} from '@angular/core';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { FilesListComponent } from '../files-list/files-list.component';\r\nimport { FmTreeService } from '../services/fm-tree.service';\r\n\r\n@Component({\r\n selector: 'file-item',\r\n templateUrl: './file-item.component.html',\r\n styleUrls: ['./file-item.component.scss']\r\n})\r\nexport class FileItemComponent implements OnDestroy {\r\n @ViewChild('wrapper', {static: false}) wrapper: ElementRef;\r\n @ViewChild('image', {static: false}) image: ElementRef;\r\n @Input() dialogType: FileModel.FileTypeEnum = FileModel.FileTypeEnum.IMAGES;\r\n @Input() node: FileModel;\r\n public highligted = false;\r\n readonly filesDialogType: FileModel.FileTypeEnum = FileModel.FileTypeEnum.DOCUMENTS;\r\n private fileList: FilesListComponent;\r\n private _isSingleClick = true;\r\n private _timer: NodeJS.Timer;\r\n\r\n constructor(\r\n private fmService: FmTreeService,\r\n private renderer: Renderer2,\r\n @Inject(forwardRef(() => FilesListComponent)) fList\r\n ) {\r\n this.fileList = fList as FilesListComponent;\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.node = null;\r\n }\r\n\r\n get isFolder(): boolean {\r\n return this.node.IsFolder && this.node.IsFolder === true;\r\n }\r\n\r\n get nodeName(): string {\r\n return this.node.Name;\r\n }\r\n\r\n get nodeSrc(): string {\r\n return this.isFolder ? '' : this.node.Link;\r\n }\r\n\r\n isSelected = (): boolean => {\r\n return this.fileList.isSelected(this.node);\r\n }\r\n\r\n onClick = (event: MouseEvent): void => {\r\n this._isSingleClick = true;\r\n this._timer = setTimeout(() => {\r\n if (!this._isSingleClick) {\r\n return;\r\n }\r\n this.fileList.onElementClick(event, this.node);\r\n }, 150);\r\n }\r\n\r\n dblclick = (event: MouseEvent): void => {\r\n this._isSingleClick = false;\r\n clearTimeout(this._timer);\r\n this.fileList.onElementDoubleClick(event, this.node);\r\n }\r\n\r\n @HostListener('dragstart', ['$event'])\r\n onDragStart = (event: DragEvent): void => this.fmService.startDrag(this.node);\r\n\r\n onDragStop = (event: DragEvent): void => this.fmService.stopDrag(this.node);\r\n\r\n onDrop = (event: DragEvent): void => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (this.node.IsFolder) {\r\n this.fileList.itemDropped.emit({\r\n originalEvent: event,\r\n draggedItem: this.fileList.draggedItem,\r\n droppedItem: this.node\r\n });\r\n this.highligted = false;\r\n }\r\n }\r\n\r\n onDragLeave = (event: DragEvent): void => {\r\n this.highligted = false;\r\n }\r\n\r\n onDragEnter = (event: DragEvent): void => {\r\n if (this.node.IsFolder) {\r\n this.highligted = true;\r\n }\r\n }\r\n\r\n onDragOver = (event: DragEvent): void => {\r\n event.dataTransfer.dropEffect = 'move';\r\n }\r\n\r\n onItemRightClick = ($event: MouseEvent): void => {\r\n this.fileList.onElementRightClick($event, this.node);\r\n }\r\n\r\n imgLoaded = (flag: boolean): void => {\r\n if (flag) {\r\n this.renderer.addClass(this.wrapper.nativeElement, 'img-loaded');\r\n } else {\r\n this.renderer.removeClass(this.wrapper.nativeElement, 'img-loaded');\r\n }\r\n }\r\n\r\n getImgStyle = (): CSSStyleDeclaration => {\r\n const originalWidth = (this.node && this.node.Width) ? this.node.Width : 78;\r\n const originalHeight = (this.node && this.node.Height) ? this.node.Height : 78;\r\n let newWidth = 0;\r\n let newHeight = 0;\r\n const maxWidth = 78;\r\n const maxHeight = 78;\r\n\r\n if ((originalWidth - maxWidth) > (originalHeight - maxHeight)) {\r\n newWidth = maxWidth;\r\n newHeight = Math.round((originalHeight * (maxWidth / originalWidth)));\r\n } else {\r\n newHeight = maxHeight;\r\n newWidth = Math.round((originalWidth * (maxHeight / originalHeight)));\r\n }\r\n\r\n const style = {} as CSSStyleDeclaration;\r\n style['max-width'] = '78px';\r\n style['max-height'] = '78px';\r\n style.height = `${newHeight}px`;\r\n style.width = `${newWidth}px`;\r\n\r\n return style;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-item.component';\r\n// end:ng42.barrel\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DialogService } from '../dialogs/dialog.service';\r\nimport { ImageManagerDialogComponent } from './manager-dialog/image-manager-dialog.component';\r\nimport { FileManagerDialogContentComponent } from './manager-content/file-manager-dialog-content.component';\r\nimport { FileManagerCommandComponent } from './manager-command/file-manager-command.component';\r\nimport { PreviewComponent } from './file-preview/preview.component';\r\nimport { DialogModule } from '../dialogs/dialogs.module';\r\nimport { CDFileManagerAPI } from './services/file-manager-api';\r\nimport { FileUploaderModule } from './file-uploader/file-uploader.module';\r\nimport { FilesListComponent } from './files-list/files-list.component';\r\nimport { FilesListService, NewFilesListService } from './files-list/files-list.service';\r\nimport { QuotaComponent } from './quota/quota.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { ImageFileEditorService } from './services/image-file-editor.service';\r\nimport { TreeModule } from 'primeng/tree';\r\nimport { TreeDragDropService } from 'primeng/api';\r\nimport { ContextMenuModule } from 'primeng/contextmenu';\r\nimport { FmFoldersTreeComponent } from './fm-folders-tree/fm-folders-tree.component';\r\nimport { FileItemComponent } from './file-item/file-item.component';\r\nimport { SanitizeUrlPipe } from './pipes/sanitize-url.pipe';\r\nimport { ElipsisPipe } from './pipes/elipsis.pipe';\r\nimport { DragDropModule } from 'primeng/dragdrop';\r\nimport { FileSearchComponent } from './file-search/file-search.component';\r\nimport { UploadProgressComponent } from './upload-progress/upload-progress.component';\r\n\r\nconst components = [\r\n ImageManagerDialogComponent, FileManagerDialogContentComponent, PreviewComponent, FilesListComponent,\r\n QuotaComponent, FmFoldersTreeComponent, FileManagerCommandComponent, FileItemComponent,\r\n FileSearchComponent, UploadProgressComponent\r\n];\r\nconst pipes = [SanitizeUrlPipe, ElipsisPipe];\r\n\r\n@NgModule({\r\n imports: [CommonModule, FormsModule, DialogModule, FileUploaderModule, TranslateModule.forChild(), TreeModule, ContextMenuModule, DragDropModule],\r\n declarations: [...components, ...pipes],\r\n providers: [DialogService, CDFileManagerAPI, FilesListService, ImageFileEditorService, TreeDragDropService, SanitizeUrlPipe, NewFilesListService],\r\n entryComponents: [ImageManagerDialogComponent],\r\n exports: [...components, ...pipes]\r\n})\r\nexport class FileManagerModule {\r\n}\r\n","// start:ng42.barrel\r\nexport * from './preview.component';\r\n// end:ng42.barrel\r\n\r\n","export default \"* {\\n outline: none; }\\n\\n* {\\n box-sizing: border-box; }\\n\\nform {\\n margin: 0; }\\n\\nbody {\\n margin: 0;\\n overflow: hidden;\\n font-family: \\\"Lucida Sans Unicode\\\", \\\"Lucida Grande\\\", tahoma, Verdana, sans-serif;\\n font-size: 13px;\\n line-height: 1.4; }\\n\\nhtml, button, input, select, textarea {\\n font-family: \\\"Lucida Sans Unicode\\\", \\\"Lucida Grande\\\", tahoma, Verdana, sans-serif;\\n color: #3b3b3b; }\\n\\nfigure {\\n margin: 0; }\\n\\nimg {\\n border: 0;\\n -ms-interpolation-mode: bicubic;\\n vertical-align: middle; }\\n\\n::-moz-selection {\\n background: #b3d4fc;\\n -webkit-text-shadow: none;\\n text-shadow: none; }\\n\\n::selection {\\n background: #b3d4fc;\\n -webkit-text-shadow: none;\\n text-shadow: none; }\\n\\nbody {\\n margin: 0; }\\n\\nhtml {\\n font-family: sans-serif;\\n -webkit-text-size-adjust: 100%;\\n -ms-text-size-adjust: 100%; }\\n\\nfigure {\\n margin: 1em 40px; }\\n\\nimg {\\n border: 0; }\\n\\n::after, ::before {\\n box-sizing: border-box; }\\n\\n.inner_fileManager .preview {\\n width: 24%;\\n height: 420px;\\n border: 1px solid #D2D2D2;\\n border-left: 0px;\\n float: left;\\n padding: 3px 4px 0 2px;\\n position: relative; }\\n\\n.inner_fileManager .folders, .inner_fileManager .files, .inner_fileManager .preview {\\n float: left;\\n position: relative; }\\n\\n.inner_fileManager {\\n -moz-box-sizing: border-box;\\n margin: 0 auto;\\n width: 100%; }\\n\\n.fileManagerControl {\\n width: 100%; }\\n\\n#containerManager {\\n width: 100%;\\n height: 437px;\\n margin: 0 auto; }\\n\\n.pop {\\n background: #fff;\\n display: none; }\\n\\n.clearfix, .topRow, .borderBox, .timelineWrapper section .item .content .trippleCol, .tabsSmallWrapper .tabsNav, .sortable,\\n.headRow, .templatesList, .tasksCalendar, .tabsBigWrapper .tabsNav, .infoTab, .editList li, .top3, .fileManager .files ul, .pop {\\n *zoom: 1; }\\n\\n.clearfix::before, .topRow::before, .borderBox::before, .timelineWrapper section .item .content .trippleCol::before,\\n.tabsSmallWrapper .tabsNav::before, .sortable::before, .headRow::before, .templatesList::before, .tasksCalendar::before,\\n.tabsBigWrapper .tabsNav::before, .infoTab::before, .editList li::before, .top3::before, .fileManager .files ul::before,\\n.pop::before, .clearfix::after, .contentWrapper-inner::after, .topRow::after, .borderBox::after,\\n.timelineWrapper section .item .content .trippleCol::after, .tabsSmallWrapper .tabsNav::after, .sortable::after, .headRow::after,\\n.templatesList::after, .tasksCalendar::after, .tabsBigWrapper .tabsNav::after, .infoTab::after, .editList li::after, .top3::after,\\n.fileManager .files ul::after, .pop::after {\\n content: \\\" \\\";\\n display: table; }\\n\\n.clearfix::after, .topRow::after, .borderBox::after, .timelineWrapper section .item .content .trippleCol::after,\\n.tabsSmallWrapper .tabsNav::after, .sortable::after, .headRow::after, .templatesList::after, .tasksCalendar::after,\\n.tabsBigWrapper .tabsNav::after, .infoTab::after, .editList li::after, .top3::after, .fileManager .files ul::after, .pop::after {\\n clear: both; }\\n\\n.ui-dialog .ui-dialog-content {\\n position: relative;\\n border: 0;\\n padding: 1em;\\n background: none;\\n overflow: hidden; }\\n\\n.ui-dialog {\\n position: absolute;\\n top: 0px;\\n left: 0px;\\n padding: .2em;\\n outline: 0; }\\n\\n.ui-dialog {\\n background-color: #fff;\\n border: solid 1px #777; }\\n\\nhtml, body {\\n height: 100%;\\n font-family: \\\"Lucida Sans Unicode\\\", \\\"Lucida Grande\\\", tahoma, Verdana, sans-serif; }\\n\\nbody {\\n font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n font-size: 14px;\\n line-height: 1.4285;\\n color: #333;\\n background-color: #fff; }\\n\\nbody {\\n padding-top: 0px !important;\\n overflow: auto; }\\n\\nbody {\\n padding: 0px !important; }\\n\\nhtml {\\n font-size: 100%;\\n -webkit-text-size-adjust: 100%;\\n -ms-text-size-adjust: 100%;\\n margin: 0 auto; }\\n\\nhtml {\\n font-size: 10px;\\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\\n\\n.rowPrev {\\n width: 100%;\\n height: 25px;\\n margin: 0; }\\n\\narticle, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {\\n display: block; }\\n\\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\\n display: block; }\\n\\nfigure {\\n margin: 0; }\\n\\n.folder-icon {\\n font-size: 1300%;\\n padding: 15px 10px 10px 10px; }\\n\\n.found-image-container {\\n display: flex;\\n align-items: center;\\n margin: auto;\\n text-align: center;\\n background-color: #fff; }\\n\\n.noImagePreviewTest {\\n color: #000000;\\n font-family: \\\"Segoe UI\\\";\\n font-size: 14px;\\n line-height: 16px;\\n font-style: italic;\\n text-transform: uppercase; }\\n\\n.previewImageName {\\n text-align: left;\\n font-size: 20px;\\n max-width: 100%;\\n -ms-word-break: break-word;\\n word-break: break-word;\\n max-height: 53px;\\n margin-top: 5px;\\n margin: 10px 10px 5px 10px; }\\n\\n.previewImageSize {\\n text-align: left;\\n font-size: 14px;\\n max-width: 100%;\\n -ms-word-break: break-word;\\n word-break: break-word;\\n max-height: 53px;\\n overflow: hidden;\\n margin-top: 5px;\\n margin: 10px 10px 5px 10px; }\\n\\n.previewImageDimensions {\\n text-align: left;\\n font-size: 14px;\\n max-width: 100%;\\n -ms-word-break: break-word;\\n word-break: break-word;\\n max-height: 53px;\\n overflow: hidden;\\n margin: 5px 10px 5px 10px; }\\n\\n.previewImageUploadDate {\\n text-align: left;\\n max-width: 100%;\\n font-size: 14px;\\n -ms-word-break: break-word;\\n word-break: break-word;\\n max-height: 53px;\\n overflow: hidden;\\n margin: 5px 10px 0px 10px; }\\n\\nimg {\\n vertical-align: middle; }\\n\\n.cds-small-title {\\n margin-left: 4px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZS1wcmV2aWV3L0M6XFxhXFwxXFxzL3Byb2plY3RzXFxjb21tb24tbGliXFxzcmNcXGxpYlxcZmlsZS1tYW5hZ2VyXFxmaWxlLXByZXZpZXdcXHByZXZpZXcuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxhQUFhLEVBQUE7O0FBR2Y7RUFHRSxzQkFBc0IsRUFBQTs7QUFHeEI7RUFDRSxTQUFTLEVBQUE7O0FBR1g7RUFDRSxTQUFTO0VBQ1QsZ0JBQWdCO0VBQ2hCLGdGQUFnRjtFQUNoRixlQUFlO0VBQ2YsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsZ0ZBQWdGO0VBQ2hGLGNBQWMsRUFBQTs7QUFHaEI7RUFDRSxTQUFTLEVBQUE7O0FBR1g7RUFDRSxTQUFTO0VBQ1QsK0JBQStCO0VBQy9CLHNCQUFzQixFQUFBOztBQUd4QjtFQUNFLG1CQUFtQjtFQUNuQix5QkFBeUI7RUFDekIsaUJBQWlCLEVBQUE7O0FBSG5CO0VBQ0UsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixpQkFBaUIsRUFBQTs7QUFHbkI7RUFDRSxTQUFTLEVBQUE7O0FBR1g7RUFDRSx1QkFBdUI7RUFDdkIsOEJBQThCO0VBQzlCLDBCQUEwQixFQUFBOztBQUc1QjtFQUNFLGdCQUFnQixFQUFBOztBQUdsQjtFQUNFLFNBQVMsRUFBQTs7QUFHWDtFQUdFLHNCQUFzQixFQUFBOztBQUd4QjtFQUNFLFVBQVU7RUFDVixhQUFhO0VBQ2IseUJBQXlCO0VBQ3pCLGdCQUFnQjtFQUNoQixXQUFXO0VBQ1gsc0JBQXNCO0VBQ3RCLGtCQUFrQixFQUFBOztBQUdwQjtFQUNFLFdBQVc7RUFDWCxrQkFBa0IsRUFBQTs7QUFHcEI7RUFDRSwyQkFBMkI7RUFDM0IsY0FBYztFQUNkLFdBQVcsRUFBQTs7QUFHYjtFQUNFLFdBQVcsRUFBQTs7QUFHYjtFQUNFLFdBQVc7RUFDWCxhQUFhO0VBQ2IsY0FBYyxFQUFBOztBQUdoQjtFQUNFLGdCQUFnQjtFQUNoQixhQUFhLEVBQUE7O0FBR2Y7O0dBRUUsT0FBUSxFQUFBOztBQUdWOzs7Ozs7O0VBT0UsWUFBWTtFQUNaLGNBQWMsRUFBQTs7QUFHaEI7OztFQUdFLFdBQVcsRUFBQTs7QUFHYjtFQUNFLGtCQUFrQjtFQUNsQixTQUFTO0VBQ1QsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixnQkFBZ0IsRUFBQTs7QUFHbEI7RUFDRSxrQkFBa0I7RUFDbEIsUUFBUTtFQUNSLFNBQVM7RUFDVCxhQUFhO0VBQ2IsVUFBVSxFQUFBOztBQUdaO0VBQ0Usc0JBQXNCO0VBQ3RCLHNCQUFzQixFQUFBOztBQUd4QjtFQUNFLFlBQVk7RUFDWixnRkFBZ0YsRUFBQTs7QUFHbEY7RUFDRSwyREFBMkQ7RUFDM0QsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsc0JBQXNCLEVBQUE7O0FBR3hCO0VBQ0UsMkJBQTJCO0VBQzNCLGNBQWMsRUFBQTs7QUFHaEI7RUFDRSx1QkFBdUIsRUFBQTs7QUFHekI7RUFDRSxlQUFlO0VBQ2YsOEJBQThCO0VBQzlCLDBCQUEwQjtFQUMxQixjQUFjLEVBQUE7O0FBR2hCO0VBQ0UsZUFBZTtFQUNmLDZDQUE2QyxFQUFBOztBQUcvQztFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osU0FBUyxFQUFBOztBQUdYO0VBQ0UsY0FBYyxFQUFBOztBQUdoQjtFQUNFLGNBQWMsRUFBQTs7QUFHaEI7RUFDRSxTQUFTLEVBQUE7O0FBR1g7RUFDRSxnQkFBZ0I7RUFDaEIsNEJBQTRCLEVBQUE7O0FBRzlCO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLHNCQUNGLEVBQUE7O0FBRUE7RUFDRSxjQUFjO0VBQ2QsdUJBQXVCO0VBQ3ZCLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLHlCQUF5QixFQUFBOztBQUczQjtFQUNFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsZUFBZTtFQUNmLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZiwwQkFBMEIsRUFBQTs7QUFHNUI7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGVBQWU7RUFDZiwwQkFBMEI7RUFDMUIsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLDBCQUEwQixFQUFBOztBQUc1QjtFQUNFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsZUFBZTtFQUNmLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQix5QkFBeUIsRUFBQTs7QUFHM0I7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGVBQWU7RUFDZiwwQkFBMEI7RUFDMUIsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIseUJBQXlCLEVBQUE7O0FBRzNCO0VBQ0Usc0JBQXNCLEVBQUE7O0FBR3hCO0VBQ0UsZ0JBQWdCLEVBQUEiLCJmaWxlIjoicHJvamVjdHMvY29tbW9uLWxpYi9zcmMvbGliL2ZpbGUtbWFuYWdlci9maWxlLXByZXZpZXcvcHJldmlldy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIioge1xyXG4gIG91dGxpbmU6IG5vbmU7XHJcbn1cclxuXHJcbioge1xyXG4gIC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxufVxyXG5cclxuZm9ybSB7XHJcbiAgbWFyZ2luOiAwO1xyXG59XHJcblxyXG5ib2R5IHtcclxuICBtYXJnaW46IDA7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICBmb250LWZhbWlseTogXCJMdWNpZGEgU2FucyBVbmljb2RlXCIsIFwiTHVjaWRhIEdyYW5kZVwiLCB0YWhvbWEsIFZlcmRhbmEsIHNhbnMtc2VyaWY7XHJcbiAgZm9udC1zaXplOiAxM3B4O1xyXG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XHJcbn1cclxuXHJcbmh0bWwsIGJ1dHRvbiwgaW5wdXQsIHNlbGVjdCwgdGV4dGFyZWEge1xyXG4gIGZvbnQtZmFtaWx5OiBcIkx1Y2lkYSBTYW5zIFVuaWNvZGVcIiwgXCJMdWNpZGEgR3JhbmRlXCIsIHRhaG9tYSwgVmVyZGFuYSwgc2Fucy1zZXJpZjtcclxuICBjb2xvcjogIzNiM2IzYjtcclxufVxyXG5cclxuZmlndXJlIHtcclxuICBtYXJnaW46IDA7XHJcbn1cclxuXHJcbmltZyB7XHJcbiAgYm9yZGVyOiAwO1xyXG4gIC1tcy1pbnRlcnBvbGF0aW9uLW1vZGU6IGJpY3ViaWM7XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxufVxyXG5cclxuOjpzZWxlY3Rpb24ge1xyXG4gIGJhY2tncm91bmQ6ICNiM2Q0ZmM7XHJcbiAgLXdlYmtpdC10ZXh0LXNoYWRvdzogbm9uZTtcclxuICB0ZXh0LXNoYWRvdzogbm9uZTtcclxufVxyXG5cclxuYm9keSB7XHJcbiAgbWFyZ2luOiAwO1xyXG59XHJcblxyXG5odG1sIHtcclxuICBmb250LWZhbWlseTogc2Fucy1zZXJpZjtcclxuICAtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XHJcbiAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XHJcbn1cclxuXHJcbmZpZ3VyZSB7XHJcbiAgbWFyZ2luOiAxZW0gNDBweDtcclxufVxyXG5cclxuaW1nIHtcclxuICBib3JkZXI6IDA7XHJcbn1cclxuXHJcbjo6YWZ0ZXIsIDo6YmVmb3JlIHtcclxuICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgLW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbn1cclxuXHJcbi5pbm5lcl9maWxlTWFuYWdlciAucHJldmlldyB7XHJcbiAgd2lkdGg6IDI0JTtcclxuICBoZWlnaHQ6IDQyMHB4O1xyXG4gIGJvcmRlcjogMXB4IHNvbGlkICNEMkQyRDI7XHJcbiAgYm9yZGVyLWxlZnQ6IDBweDtcclxuICBmbG9hdDogbGVmdDtcclxuICBwYWRkaW5nOiAzcHggNHB4IDAgMnB4O1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuLmlubmVyX2ZpbGVNYW5hZ2VyIC5mb2xkZXJzLCAuaW5uZXJfZmlsZU1hbmFnZXIgLmZpbGVzLCAuaW5uZXJfZmlsZU1hbmFnZXIgLnByZXZpZXcge1xyXG4gIGZsb2F0OiBsZWZ0O1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuLmlubmVyX2ZpbGVNYW5hZ2VyIHtcclxuICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgbWFyZ2luOiAwIGF1dG87XHJcbiAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbi5maWxlTWFuYWdlckNvbnRyb2wge1xyXG4gIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG4jY29udGFpbmVyTWFuYWdlciB7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiA0MzdweDtcclxuICBtYXJnaW46IDAgYXV0bztcclxufVxyXG5cclxuLnBvcCB7XHJcbiAgYmFja2dyb3VuZDogI2ZmZjtcclxuICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG4uY2xlYXJmaXgsIC50b3BSb3csIC5ib3JkZXJCb3gsIC50aW1lbGluZVdyYXBwZXIgc2VjdGlvbiAuaXRlbSAuY29udGVudCAudHJpcHBsZUNvbCwgLnRhYnNTbWFsbFdyYXBwZXIgLnRhYnNOYXYsIC5zb3J0YWJsZSxcclxuLmhlYWRSb3csIC50ZW1wbGF0ZXNMaXN0LCAudGFza3NDYWxlbmRhciwgLnRhYnNCaWdXcmFwcGVyIC50YWJzTmF2LCAuaW5mb1RhYiwgLmVkaXRMaXN0IGxpLCAudG9wMywgLmZpbGVNYW5hZ2VyIC5maWxlcyB1bCwgLnBvcCB7XHJcbiAgKnpvb206IDE7XHJcbn1cclxuXHJcbi5jbGVhcmZpeDo6YmVmb3JlLCAudG9wUm93OjpiZWZvcmUsIC5ib3JkZXJCb3g6OmJlZm9yZSwgLnRpbWVsaW5lV3JhcHBlciBzZWN0aW9uIC5pdGVtIC5jb250ZW50IC50cmlwcGxlQ29sOjpiZWZvcmUsXHJcbi50YWJzU21hbGxXcmFwcGVyIC50YWJzTmF2OjpiZWZvcmUsIC5zb3J0YWJsZTo6YmVmb3JlLCAuaGVhZFJvdzo6YmVmb3JlLCAudGVtcGxhdGVzTGlzdDo6YmVmb3JlLCAudGFza3NDYWxlbmRhcjo6YmVmb3JlLFxyXG4udGFic0JpZ1dyYXBwZXIgLnRhYnNOYXY6OmJlZm9yZSwgLmluZm9UYWI6OmJlZm9yZSwgLmVkaXRMaXN0IGxpOjpiZWZvcmUsIC50b3AzOjpiZWZvcmUsIC5maWxlTWFuYWdlciAuZmlsZXMgdWw6OmJlZm9yZSxcclxuLnBvcDo6YmVmb3JlLCAuY2xlYXJmaXg6OmFmdGVyLCAuY29udGVudFdyYXBwZXItaW5uZXI6OmFmdGVyLCAudG9wUm93OjphZnRlciwgLmJvcmRlckJveDo6YWZ0ZXIsXHJcbi50aW1lbGluZVdyYXBwZXIgc2VjdGlvbiAuaXRlbSAuY29udGVudCAudHJpcHBsZUNvbDo6YWZ0ZXIsIC50YWJzU21hbGxXcmFwcGVyIC50YWJzTmF2OjphZnRlciwgLnNvcnRhYmxlOjphZnRlciwgLmhlYWRSb3c6OmFmdGVyLFxyXG4udGVtcGxhdGVzTGlzdDo6YWZ0ZXIsIC50YXNrc0NhbGVuZGFyOjphZnRlciwgLnRhYnNCaWdXcmFwcGVyIC50YWJzTmF2OjphZnRlciwgLmluZm9UYWI6OmFmdGVyLCAuZWRpdExpc3QgbGk6OmFmdGVyLCAudG9wMzo6YWZ0ZXIsXHJcbi5maWxlTWFuYWdlciAuZmlsZXMgdWw6OmFmdGVyLCAucG9wOjphZnRlciB7XHJcbiAgY29udGVudDogXCIgXCI7XHJcbiAgZGlzcGxheTogdGFibGU7XHJcbn1cclxuXHJcbi5jbGVhcmZpeDo6YWZ0ZXIsIC50b3BSb3c6OmFmdGVyLCAuYm9yZGVyQm94OjphZnRlciwgLnRpbWVsaW5lV3JhcHBlciBzZWN0aW9uIC5pdGVtIC5jb250ZW50IC50cmlwcGxlQ29sOjphZnRlcixcclxuLnRhYnNTbWFsbFdyYXBwZXIgLnRhYnNOYXY6OmFmdGVyLCAuc29ydGFibGU6OmFmdGVyLCAuaGVhZFJvdzo6YWZ0ZXIsIC50ZW1wbGF0ZXNMaXN0OjphZnRlciwgLnRhc2tzQ2FsZW5kYXI6OmFmdGVyLFxyXG4udGFic0JpZ1dyYXBwZXIgLnRhYnNOYXY6OmFmdGVyLCAuaW5mb1RhYjo6YWZ0ZXIsIC5lZGl0TGlzdCBsaTo6YWZ0ZXIsIC50b3AzOjphZnRlciwgLmZpbGVNYW5hZ2VyIC5maWxlcyB1bDo6YWZ0ZXIsIC5wb3A6OmFmdGVyIHtcclxuICBjbGVhcjogYm90aDtcclxufVxyXG5cclxuLnVpLWRpYWxvZyAudWktZGlhbG9nLWNvbnRlbnQge1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICBib3JkZXI6IDA7XHJcbiAgcGFkZGluZzogMWVtO1xyXG4gIGJhY2tncm91bmQ6IG5vbmU7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuLnVpLWRpYWxvZyB7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHRvcDogMHB4O1xyXG4gIGxlZnQ6IDBweDtcclxuICBwYWRkaW5nOiAuMmVtO1xyXG4gIG91dGxpbmU6IDA7XHJcbn1cclxuXHJcbi51aS1kaWFsb2cge1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgYm9yZGVyOiBzb2xpZCAxcHggIzc3NztcclxufVxyXG5cclxuaHRtbCwgYm9keSB7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG4gIGZvbnQtZmFtaWx5OiBcIkx1Y2lkYSBTYW5zIFVuaWNvZGVcIiwgXCJMdWNpZGEgR3JhbmRlXCIsIHRhaG9tYSwgVmVyZGFuYSwgc2Fucy1zZXJpZjtcclxufVxyXG5cclxuYm9keSB7XHJcbiAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTtcclxuICBjb2xvcjogIzMzMztcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG59XHJcblxyXG5ib2R5IHtcclxuICBwYWRkaW5nLXRvcDogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgb3ZlcmZsb3c6IGF1dG87XHJcbn1cclxuXHJcbmJvZHkge1xyXG4gIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG5odG1sIHtcclxuICBmb250LXNpemU6IDEwMCU7XHJcbiAgLXdlYmtpdC10ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xyXG4gIC1tcy10ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xyXG4gIG1hcmdpbjogMCBhdXRvO1xyXG59XHJcblxyXG5odG1sIHtcclxuICBmb250LXNpemU6IDEwcHg7XHJcbiAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xyXG59XHJcblxyXG4ucm93UHJldiB7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAyNXB4O1xyXG4gIG1hcmdpbjogMDtcclxufVxyXG5cclxuYXJ0aWNsZSwgYXNpZGUsIGRldGFpbHMsIGZpZ2NhcHRpb24sIGZpZ3VyZSwgZm9vdGVyLCBoZWFkZXIsIGhncm91cCwgbmF2LCBzZWN0aW9uLCBzdW1tYXJ5IHtcclxuICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuYXJ0aWNsZSwgYXNpZGUsIGRldGFpbHMsIGZpZ2NhcHRpb24sIGZpZ3VyZSwgZm9vdGVyLCBoZWFkZXIsIGhncm91cCwgbWFpbiwgbWVudSwgbmF2LCBzZWN0aW9uLCBzdW1tYXJ5IHtcclxuICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuZmlndXJlIHtcclxuICBtYXJnaW46IDA7XHJcbn1cclxuXHJcbi5mb2xkZXItaWNvbiB7XHJcbiAgZm9udC1zaXplOiAxMzAwJTtcclxuICBwYWRkaW5nOiAxNXB4IDEwcHggMTBweCAxMHB4O1xyXG59XHJcblxyXG4uZm91bmQtaW1hZ2UtY29udGFpbmVyIHtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgbWFyZ2luOiBhdXRvO1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmXHJcbn1cclxuXHJcbi5ub0ltYWdlUHJldmlld1Rlc3Qge1xyXG4gIGNvbG9yOiAjMDAwMDAwO1xyXG4gIGZvbnQtZmFtaWx5OiBcIlNlZ29lIFVJXCI7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xyXG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcclxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG59XHJcblxyXG4ucHJldmlld0ltYWdlTmFtZSB7XHJcbiAgdGV4dC1hbGlnbjogbGVmdDtcclxuICBmb250LXNpemU6IDIwcHg7XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIC1tcy13b3JkLWJyZWFrOiBicmVhay13b3JkO1xyXG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XHJcbiAgbWF4LWhlaWdodDogNTNweDtcclxuICBtYXJnaW4tdG9wOiA1cHg7XHJcbiAgbWFyZ2luOiAxMHB4IDEwcHggNXB4IDEwcHg7XHJcbn1cclxuXHJcbi5wcmV2aWV3SW1hZ2VTaXplIHtcclxuICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gIGZvbnQtc2l6ZTogMTRweDtcclxuICBtYXgtd2lkdGg6IDEwMCU7XHJcbiAgLW1zLXdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XHJcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcclxuICBtYXgtaGVpZ2h0OiA1M3B4O1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWFyZ2luLXRvcDogNXB4O1xyXG4gIG1hcmdpbjogMTBweCAxMHB4IDVweCAxMHB4O1xyXG59XHJcblxyXG4ucHJldmlld0ltYWdlRGltZW5zaW9ucyB7XHJcbiAgdGV4dC1hbGlnbjogbGVmdDtcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIC1tcy13b3JkLWJyZWFrOiBicmVhay13b3JkO1xyXG4gIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XHJcbiAgbWF4LWhlaWdodDogNTNweDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1hcmdpbjogNXB4IDEwcHggNXB4IDEwcHg7XHJcbn1cclxuXHJcbi5wcmV2aWV3SW1hZ2VVcGxvYWREYXRlIHtcclxuICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgLW1zLXdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XHJcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcclxuICBtYXgtaGVpZ2h0OiA1M3B4O1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWFyZ2luOiA1cHggMTBweCAwcHggMTBweDtcclxufVxyXG5cclxuaW1nIHtcclxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG59XHJcblxyXG4uY2RzLXNtYWxsLXRpdGxlIHtcclxuICBtYXJnaW4tbGVmdDogNHB4O1xyXG59XHJcbiJdfQ== */\"","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IImageFile } from '../../interfaces';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { FolderTreeNode } from '../../typescript-angular-client/model/folderTreeNode';\r\n\r\nconst MAX_PREVIEW_IMAGE_WIDTH = 178;\r\nconst MAX_PREVIEW_IMAGE_HEIGHT = 177;\r\nconst SIZE_UNIT = 'px';\r\n\r\n@Component({\r\n selector: 'preview-image',\r\n templateUrl: './preview.html',\r\n styleUrls: ['./preview.component.scss']\r\n})\r\n\r\nexport class PreviewComponent {\r\n private _imageFile: FileModel;\r\n private _model: FileModel;\r\n public previewImageWidth = `0${SIZE_UNIT}`;\r\n public previewImageHeight = `0${SIZE_UNIT}`;\r\n\r\n get imageFile(): FileModel {\r\n return this._imageFile;\r\n }\r\n\r\n @Output() newFileAdded = new EventEmitter();\r\n @Output() editImage = new EventEmitter();\r\n @Input() previewFileNameMaxLength?: number;\r\n @Input() previewImgMaxHeight?: number;\r\n @Input() previewImgMaxWidth?: number;\r\n @Input() enableImageEditing? = true;\r\n @Input() set model(fileModel: FileModel) {\r\n this._model = fileModel;\r\n if (!fileModel) {\r\n this._imageFile = null;\r\n return;\r\n }\r\n if (fileModel && fileModel['Id'] !== undefined) {\r\n this._imageFile = fileModel as FileModel;\r\n } else {\r\n const fileModels = Array.isArray(fileModel) ? fileModel : [];\r\n this._imageFile = fileModels.length > 0 ? fileModels[0] : null;\r\n }\r\n }\r\n\r\n get model(): FileModel {\r\n return this._model;\r\n }\r\n\r\n get isSeveralFilesSelected(): boolean {\r\n if (this._model && (this._model as FileModel[]).length !== undefined) {\r\n return (this._model as FileModel[]).length > 1;\r\n }\r\n return false;\r\n }\r\n\r\n public onEditImage = (): void =>this.editImage.emit(this._imageFile);\r\n\r\n public handlePreviewImageLoad = ($event: Event & HTMLImageElement): void => {\r\n if (this.previewFileNameMaxLength == null) {\r\n this.previewFileNameMaxLength = 15;\r\n }\r\n if (this.previewImgMaxHeight == null) {\r\n this.previewImgMaxHeight = MAX_PREVIEW_IMAGE_HEIGHT;\r\n }\r\n if (this.previewImgMaxWidth == null) {\r\n this.previewImgMaxWidth = MAX_PREVIEW_IMAGE_WIDTH;\r\n }\r\n\r\n const imgElement = $event.target || $event.srcElement;\r\n const naturalWidth = imgElement['naturalWidth'] as number;\r\n const naturalHeight = imgElement['naturalHeight'] as number;\r\n\r\n if ((naturalWidth - this.previewImgMaxWidth) > (naturalHeight - this.previewImgMaxHeight)) {\r\n this.previewImageWidth = `${this.previewImgMaxWidth}${SIZE_UNIT}`;\r\n this.previewImageHeight = `${Math.round((naturalHeight * (this.previewImgMaxWidth / naturalWidth)))}${SIZE_UNIT}`;\r\n } else {\r\n this.previewImageHeight = `${this.previewImgMaxHeight}${SIZE_UNIT}`;\r\n this.previewImageWidth = `${Math.round((naturalWidth * (this.previewImgMaxHeight / naturalHeight)))}${SIZE_UNIT}`;\r\n }\r\n }\r\n}\r\n","export default \".refresh {\\n display: inline-block;\\n width: 10px;\\n height: 10px;\\n background: url(/assets/common-lib/images/refresh.png) no-repeat;\\n cursor: pointer;\\n margin-left: 12px; }\\n\\n.search {\\n display: inline-block;\\n vertical-align: top;\\n width: 20px;\\n height: 22px;\\n background: url(/assets/common-lib/images/magnifying-glass.png) no-repeat center center;\\n cursor: pointer;\\n margin-left: -25px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZS1zZWFyY2gvQzpcXGFcXDFcXHMvcHJvamVjdHNcXGNvbW1vbi1saWJcXHNyY1xcbGliXFxmaWxlLW1hbmFnZXJcXGZpbGUtc2VhcmNoXFxmaWxlLXNlYXJjaC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHFCQUFxQjtFQUNyQixXQUFXO0VBQ1gsWUFBWTtFQUNaLGdFQUFnRTtFQUNoRSxlQUFlO0VBQ2YsaUJBQWlCLEVBQUE7O0FBR25CO0VBQ0UscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsWUFBWTtFQUNaLHVGQUF1RjtFQUN2RixlQUFlO0VBQ2Ysa0JBQWtCLEVBQUEiLCJmaWxlIjoicHJvamVjdHMvY29tbW9uLWxpYi9zcmMvbGliL2ZpbGUtbWFuYWdlci9maWxlLXNlYXJjaC9maWxlLXNlYXJjaC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yZWZyZXNoIHtcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgd2lkdGg6IDEwcHg7XHJcbiAgaGVpZ2h0OiAxMHB4O1xyXG4gIGJhY2tncm91bmQ6IHVybCgvYXNzZXRzL2NvbW1vbi1saWIvaW1hZ2VzL3JlZnJlc2gucG5nKSBuby1yZXBlYXQ7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xyXG59XHJcblxyXG4uc2VhcmNoIHtcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcclxuICB3aWR0aDogMjBweDtcclxuICBoZWlnaHQ6IDIycHg7XHJcbiAgYmFja2dyb3VuZDogdXJsKC9hc3NldHMvY29tbW9uLWxpYi9pbWFnZXMvbWFnbmlmeWluZy1nbGFzcy5wbmcpIG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxuICBtYXJnaW4tbGVmdDogLTI1cHg7XHJcbn1cclxuIl19 */\"","import {\r\n Component,\r\n OnInit,\r\n Output,\r\n EventEmitter,\r\n ViewChild,\r\n ElementRef,\r\n ChangeDetectionStrategy,\r\n Self,\r\n ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { fromEvent } from 'rxjs';\r\nimport { filter, debounceTime, distinctUntilChanged, takeUntil, tap } from 'rxjs/operators';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { NewFilesListService } from '../files-list/files-list.service';\r\n\r\n@Component({\r\n selector: 'file-search',\r\n templateUrl: './file-search.component.html',\r\n styleUrls: ['./file-search.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class FileSearchComponent implements OnInit {\r\n public searchTerm: string;\r\n\r\n @ViewChild('inputSearch', {static: true}) input: ElementRef;\r\n @ViewChild('searchButton', {static: true}) searchBtn: ElementRef;\r\n @ViewChild('refreshButton', {static: true}) refreshBtn: ElementRef;\r\n\r\n @Output() refresh: EventEmitter = new EventEmitter();\r\n @Output() search: EventEmitter = new EventEmitter();\r\n\r\n private oldSearchData: string;\r\n\r\n constructor(\r\n @Self() private ngOnDestroy$: NgOnDestroyService,\r\n protected cdRef: ChangeDetectorRef,\r\n private flService: NewFilesListService\r\n ) {\r\n this.flService.isFilesOnlyMode$\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe(() => {\r\n this.searchTerm = '';\r\n this.oldSearchData = '';\r\n this.cdRef.markForCheck();\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n fromEvent(this.input.nativeElement, 'keyup')\r\n .pipe(\r\n filter((e: KeyboardEvent) => e.code === 'Enter'),\r\n debounceTime(300),\r\n distinctUntilChanged(),\r\n takeUntil(this.ngOnDestroy$)\r\n ).subscribe(() => this.search.emit(this.searchTerm));\r\n\r\n fromEvent(this.searchBtn.nativeElement, 'click')\r\n .pipe(\r\n debounceTime(300),\r\n filter(() => this.searchTerm !== this.oldSearchData),\r\n tap(() => this.oldSearchData = this.searchTerm),\r\n takeUntil(this.ngOnDestroy$)\r\n ).subscribe(() => this.search.emit(this.searchTerm));\r\n\r\n fromEvent(this.refreshBtn.nativeElement, 'click')\r\n .pipe(\r\n debounceTime(300),\r\n takeUntil(this.ngOnDestroy$),\r\n tap(() => this.oldSearchData = this.searchTerm),\r\n ).subscribe(() => this.search.emit(this.searchTerm));\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-search.component';\r\n// end:ng42.barrel\r\n\r\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef, Self } from '@angular/core';\r\nimport { defer, merge, of, EMPTY } from 'rxjs';\r\nimport { FileManagerTypeEnum } from '../services/file-manager-api';\r\nimport { DialogService } from '../../dialogs/dialog.service';\r\nimport { AlertDublicateFileComponent, FileOperation } from '../../dialogs/alert-dublicate-file/alert-dublicate-file.component';\r\nimport { FmUploaderService } from './fm-uploader.service';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { takeUntil, catchError, mergeMap, concatMap, tap, map, share, switchMap } from 'rxjs/operators';\r\nimport { FilesListApiService } from '../../typescript-angular-client/api/fileList/filesList.service';\r\nimport { ErrorHandlingService } from '../../http/error-handling.service';\r\nimport { DialogCloseReason, IDialogOnClose } from '../../dialogs';\r\nimport { FileUploadError, FileUploadInfo } from '../models/FileUploadError';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\n@Component({\r\n selector: 'file-uploader',\r\n templateUrl: './file-uploader.html',\r\n styleUrls: ['file-uploader.scss'],\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class FileUploaderComponent implements OnInit {\r\n @Input() currentFolder: string;\r\n @Input() fileListPageSize: number;\r\n @Input() accept: string = 'image/*';\r\n @Input() maxFileSize = Math.pow(1024, 2) * 2;\r\n @Input() dialogType: FileModel.FileTypeEnum = FileModel.FileTypeEnum.IMAGES;\r\n\r\n @Output() filesUploaded = new EventEmitter();\r\n @Output() progressDataEmit = new EventEmitter();\r\n\r\n @ViewChild('file', {static: false}) file: ElementRef;\r\n\r\n public FileManagerTypeEnum = FileManagerTypeEnum;\r\n private files4upload: File[] = [];\r\n private currentResolve: any;\r\n private currentReject: any;\r\n private applyAllOperation: IDialogOnClose;\r\n\r\n constructor(\r\n private dialogService: DialogService,\r\n private fmUploader: FmUploaderService,\r\n private listApiService: FilesListApiService,\r\n private errorHandler: ErrorHandlingService,\r\n private translate: TranslateService,\r\n @Self() private ngOnDestroy$: NgOnDestroyService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n if (this.dialogType === FileModel.FileTypeEnum.DOCUMENTS) {\r\n this.accept = '*.*';\r\n }\r\n }\r\n\r\n public clickUploadBtn = (event: MouseEvent): void => {\r\n event.preventDefault();\r\n const input = this.file.nativeElement;\r\n if (input !== null && typeof input !== 'undefined') {\r\n input.click();\r\n }\r\n }\r\n\r\n public onFilesAdded = () => {\r\n const uploadedFiles = this.file.nativeElement.files;\r\n const files: File[] = [];\r\n for (const key in uploadedFiles) {\r\n if (!isNaN(+key)) {\r\n files.push(uploadedFiles[key]);\r\n }\r\n }\r\n\r\n this.file.nativeElement.value = '';\r\n\r\n files.forEach(file => {\r\n if (this.validate(file)) {\r\n this.files4upload.push(file);\r\n }\r\n });\r\n\r\n if (this.files4upload.length <= 0 && this.fmUploader.errors.length > 0) {\r\n this.fmUploader.showErrors();\r\n return;\r\n }\r\n\r\n this.checkExistingFilesAndUpload();\r\n }\r\n\r\n private checkExistingFilesAndUpload = (): void => {\r\n const checkExisting$ = this.listApiService.checkExistingFiles(this.files4upload.map(f => f.name))\r\n .pipe(\r\n catchError((err) => this.errorHandler.handleError(err)),\r\n share(),\r\n takeUntil(this.ngOnDestroy$));\r\n\r\n const fileExists$ = checkExisting$.pipe(\r\n switchMap((value) => value.length > 0 ? of(value) : EMPTY),\r\n mergeMap(items => items),\r\n concatMap(s => defer(() => new Promise((resolve, reject) => {\r\n this.currentResolve = resolve;\r\n this.currentReject = reject;\r\n this.showAlert(s);\r\n }))),\r\n tap((result) => {\r\n const file = this.files4upload.find(f => f.name === result.data.fileName);\r\n if (result.data.operation !== FileOperation.SKIP) {\r\n this.fmUploader.filesUploadQueue.push({\r\n file: file,\r\n keep: result.data.operation === FileOperation.KEEPBOTH\r\n });\r\n } else {\r\n this.fmUploader.errors.push({\r\n name: file.name,\r\n size: file.size.toString(),\r\n reason: 'skipped'\r\n });\r\n }\r\n }),\r\n takeUntil(this.ngOnDestroy$)\r\n );\r\n\r\n const fileNotExists$ = checkExisting$.pipe(\r\n switchMap((value) => value.length < this.files4upload.length ? of(value) : EMPTY),\r\n map((value) => this.files4upload.filter(f => !value.some(v => v === f.name))),\r\n map((files) => files.map(f => { file: f, keep: false })),\r\n tap((files) => this.fmUploader.filesUploadQueue.push(...files)),\r\n takeUntil(this.ngOnDestroy$)\r\n );\r\n\r\n merge(fileExists$, fileNotExists$)\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe({\r\n next: () => { },\r\n error: () => { \r\n this.fmUploader.clear();\r\n },\r\n complete: () => {\r\n this.fmUploader.parentfolder = this.currentFolder;\r\n this.fmUploader.upload(this.dialogType, this.fileListPageSize);\r\n this.files4upload.length = 0;\r\n this.applyAllOperation = null;\r\n }\r\n });\r\n }\r\n\r\n private showAlert = (fileName: string) => {\r\n if (this.applyAllOperation) {\r\n const cloned = Object.assign({}, this.applyAllOperation);\r\n cloned.data.fileName = fileName;\r\n this.currentResolve(cloned);\r\n return;\r\n }\r\n this.dialogService.createDialog(AlertDublicateFileComponent, { fileName, dialogType: this.dialogType }, {})\r\n .onClose\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe((result) => {\r\n if (result.reason === DialogCloseReason.OK) {\r\n if (result.data.applyAll) {\r\n this.applyAllOperation = result;\r\n }\r\n this.currentResolve(result);\r\n } else {\r\n this.currentReject(result);\r\n }\r\n });\r\n }\r\n\r\n private validate = (file: File): boolean => {\r\n if (this.accept && !this.isFileTypeValid(file)) {\r\n this.fmUploader.errors.push({\r\n name: file.name,\r\n reason: 'Invalid file type',\r\n size: file.size.toString()\r\n });\r\n return false;\r\n }\r\n\r\n if (this.maxFileSize && file.size > this.maxFileSize) {\r\n let maxFileSizeError: string;\r\n if (this.dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n maxFileSizeError = this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.MAX_FILE_SIZE_ERROR');\r\n } else {\r\n maxFileSizeError = this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.MAX_FILE_FILES_SIZE_ERROR');\r\n }\r\n this.fmUploader.errors.push({\r\n name: file.name,\r\n reason: maxFileSizeError,\r\n size: file.size.toString()\r\n });\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n private isFileTypeValid = (file: File): boolean => {\r\n let acceptableTypes: string[];\r\n if (this.dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n acceptableTypes = this.accept.split(',').map(type => type.trim());\r\n }\r\n if (this.dialogType === FileModel.FileTypeEnum.DOCUMENTS) {\r\n return true;\r\n }\r\n\r\n for (const type of acceptableTypes) {\r\n const acceptable = this.isWildcard(type) ? this.getTypeClass(file.type) === this.getTypeClass(type)\r\n : file.type === type || this.getFileExtension(file).toLowerCase() === type.toLowerCase();\r\n\r\n if (acceptable) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n private getTypeClass = (fileType: string): string => fileType.substring(0, fileType.indexOf('/'));\r\n\r\n private isWildcard = (fileType: string): boolean => fileType.indexOf('*') !== -1;\r\n\r\n private getFileExtension = (file: File): string => `.${file.name.split('.').pop()}`;\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FileUploaderComponent } from './file-uploader.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\n@NgModule({\r\n imports: [CommonModule, FormsModule, TranslateModule.forChild()],\r\n declarations: [FileUploaderComponent],\r\n providers: [],\r\n exports: [FileUploaderComponent]\r\n})\r\nexport class FileUploaderModule {\r\n}\r\n","export default \".upload-message-hover {\\n display: none;\\n line-height: 34px;\\n text-transform: capitalize; }\\n\\n.drop-zone-container {\\n height: 60px;\\n cursor: pointer; }\\n\\n.drop-zone-container .upload-message-content {\\n text-align: center;\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 1; }\\n\\n.drop-zone-container .upload-message-content__text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%); }\\n\\n.drop-zone-container .upload-message-content__text span {\\n color: #007fb7; }\\n\\n.drop-zone-container .upload-message-hover {\\n text-align: center;\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 1; }\\n\\n.drop-zone-container .upload-message-hover__text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n cursor: pointer; }\\n\\n.drop-zone-container .upload-message-hover__text span {\\n color: #007fb7; }\\n\\n.drop-zone-container .dnd-area {\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 2; }\\n\\n.drop-zone-container.nv-file-over .upload-message-content {\\n display: none; }\\n\\n.drop-zone-container.nv-file-over .upload-message-hover {\\n display: block; }\\n\\n.drop-zone-container.nv-file-over .dnd-area {\\n border: 2px dashed #007fb7; }\\n\\n/* Default class applied to drop zones on over */\\n\\n.another-file-over-class {\\n border: dotted 3px green; }\\n\\n.imageDropDownContainer {\\n display: block;\\n width: 449px;\\n height: 64px;\\n border: 2px dashed #d2d2d2;\\n text-align: center;\\n box-sizing: border-box;\\n margin: 0px auto 20px auto;\\n overflow: hidden; }\\n\\n.imageUploadItemInner {\\n display: inline-block;\\n background: #d2d2d2;\\n margin-top: 2px;\\n box-sizing: border-box; }\\n\\n.uploadErrorImages {\\n width: 426px;\\n min-height: 55px;\\n padding: 5px;\\n margin: auto;\\n background: #FAEAEA;\\n position: absolute;\\n top: 20px;\\n left: 30px;\\n box-sizing: border-box;\\n margin-bottom: 10px;\\n z-index: 3; }\\n\\n.errorMessageHeader {\\n color: #d45252; }\\n\\n.errorMessageHeader span:first-of-type {\\n font-size: 12px;\\n position: relative;\\n top: -3px; }\\n\\n.uploadErrorCloseBtn {\\n display: inline-block;\\n width: 10px;\\n height: 10px;\\n float: right;\\n background: url(/assets/images/close_btn_red.png) no-repeat;\\n cursor: pointer; }\\n\\n.errorMessageContent {\\n max-height: 66px;\\n overflow: auto;\\n font-size: 12px; }\\n\\n.errorMessageRow {\\n display: block; }\\n\\n.errorMessageContent span {\\n font-size: 12px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZS11cGxvYWRlci9DOlxcYVxcMVxccy9wcm9qZWN0c1xcY29tbW9uLWxpYlxcc3JjXFxsaWJcXGZpbGUtbWFuYWdlclxcZmlsZS11cGxvYWRlclxcZmlsZS11cGxvYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQiwwQkFBMEIsRUFBQTs7QUFHNUI7RUFDRSxZQUFZO0VBQ1osZUFBZSxFQUFBOztBQUZqQjtJQUtJLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLFFBQVE7SUFDUixTQUFTO0lBQ1QsT0FBTztJQUNQLFVBQVUsRUFBQTs7QUFYZDtNQWNNLGtCQUFrQjtNQUNsQixTQUFTO01BQ1QsUUFBUTtNQUNSLGdDQUFnQyxFQUFBOztBQWpCdEM7UUFvQlEsY0FBYyxFQUFBOztBQXBCdEI7SUEwQkksa0JBQWtCO0lBQ2xCLGtCQUFrQjtJQUNsQixNQUFNO0lBQ04sUUFBUTtJQUNSLFNBQVM7SUFDVCxPQUFPO0lBQ1AsVUFBVSxFQUFBOztBQWhDZDtNQW1DTSxrQkFBa0I7TUFDbEIsU0FBUztNQUNULFFBQVE7TUFDUixnQ0FBZ0M7TUFDaEMsZUFBZSxFQUFBOztBQXZDckI7UUEwQ1EsY0FBYyxFQUFBOztBQTFDdEI7SUFnREksa0JBQWtCO0lBQ2xCLE1BQU07SUFDTixRQUFRO0lBQ1IsU0FBUztJQUNULE9BQU87SUFDUCxVQUFVLEVBQUE7O0FBckRkO0lBMERNLGFBQWEsRUFBQTs7QUExRG5CO0lBNkRNLGNBQWMsRUFBQTs7QUE3RHBCO0lBaUVNLDBCQUEwQixFQUFBOztBQUtoQyxnREFBQTs7QUFDQTtFQUNFLHdCQUF3QixFQUFBOztBQUcxQjtFQUNFLGNBQWM7RUFDZCxZQUFZO0VBQ1osWUFBWTtFQUNaLDBCQUEwQjtFQUMxQixrQkFBa0I7RUFHbEIsc0JBQXNCO0VBQ3RCLDBCQUEwQjtFQUMxQixnQkFBZ0IsRUFBQTs7QUFHbEI7RUFDRSxxQkFBcUI7RUFDckIsbUJBQW1CO0VBQ25CLGVBQWU7RUFHZixzQkFBc0IsRUFBQTs7QUFHeEI7RUFDRSxZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLFlBQVk7RUFDWixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLGtCQUFrQjtFQUNsQixTQUFTO0VBQ1QsVUFBVTtFQUNWLHNCQUFzQjtFQUN0QixtQkFBbUI7RUFDbkIsVUFBVSxFQUFBOztBQUdaO0VBQ0UsY0FBdUIsRUFBQTs7QUFHekI7RUFDRSxlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLFNBQVMsRUFBQTs7QUFHWDtFQUNFLHFCQUFxQjtFQUNyQixXQUFXO0VBQ1gsWUFBWTtFQUNaLFlBQVk7RUFDWiwyREFBMkQ7RUFDM0QsZUFBZSxFQUFBOztBQUdqQjtFQUNFLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2QsZUFBZSxFQUFBOztBQUdqQjtFQUNFLGNBQWMsRUFBQTs7QUFHaEI7RUFDRSxlQUFlLEVBQUEiLCJmaWxlIjoicHJvamVjdHMvY29tbW9uLWxpYi9zcmMvbGliL2ZpbGUtbWFuYWdlci9maWxlLXVwbG9hZGVyL2ZpbGUtdXBsb2FkZXIuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi51cGxvYWQtbWVzc2FnZS1ob3ZlciB7XHJcbiAgZGlzcGxheTogbm9uZTtcclxuICBsaW5lLWhlaWdodDogMzRweDtcclxuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxufVxyXG5cclxuLmRyb3Atem9uZS1jb250YWluZXIge1xyXG4gIGhlaWdodDogNjBweDtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcblxyXG4gIC51cGxvYWQtbWVzc2FnZS1jb250ZW50IHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHotaW5kZXg6IDE7XHJcblxyXG4gICAgJl9fdGV4dCB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XHJcblxyXG4gICAgICBzcGFuIHtcclxuICAgICAgICBjb2xvcjogIzAwN2ZiNztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLnVwbG9hZC1tZXNzYWdlLWhvdmVyIHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHotaW5kZXg6IDE7XHJcblxyXG4gICAgJl9fdGV4dCB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XHJcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuXHJcbiAgICAgIHNwYW4ge1xyXG4gICAgICAgIGNvbG9yOiAjMDA3ZmI3O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAuZG5kLWFyZWEge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgei1pbmRleDogMjtcclxuICB9XHJcblxyXG4gICYubnYtZmlsZS1vdmVyIHtcclxuICAgIC51cGxvYWQtbWVzc2FnZS1jb250ZW50IHtcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgIH1cclxuICAgIC51cGxvYWQtbWVzc2FnZS1ob3ZlciB7XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgfVxyXG5cclxuICAgIC5kbmQtYXJlYSB7XHJcbiAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAjMDA3ZmI3O1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuLyogRGVmYXVsdCBjbGFzcyBhcHBsaWVkIHRvIGRyb3Agem9uZXMgb24gb3ZlciAqL1xyXG4uYW5vdGhlci1maWxlLW92ZXItY2xhc3Mge1xyXG4gIGJvcmRlcjogZG90dGVkIDNweCBncmVlbjtcclxufVxyXG5cclxuLmltYWdlRHJvcERvd25Db250YWluZXIge1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIHdpZHRoOiA0NDlweDtcclxuICBoZWlnaHQ6IDY0cHg7XHJcbiAgYm9yZGVyOiAycHggZGFzaGVkICNkMmQyZDI7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIC1tb3otYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICBtYXJnaW46IDBweCBhdXRvIDIwcHggYXV0bztcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG59XHJcblxyXG4uaW1hZ2VVcGxvYWRJdGVtSW5uZXIge1xyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICBiYWNrZ3JvdW5kOiAjZDJkMmQyO1xyXG4gIG1hcmdpbi10b3A6IDJweDtcclxuICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgLXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbn1cclxuXHJcbi51cGxvYWRFcnJvckltYWdlcyB7XHJcbiAgd2lkdGg6IDQyNnB4O1xyXG4gIG1pbi1oZWlnaHQ6IDU1cHg7XHJcbiAgcGFkZGluZzogNXB4O1xyXG4gIG1hcmdpbjogYXV0bztcclxuICBiYWNrZ3JvdW5kOiAjRkFFQUVBO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB0b3A6IDIwcHg7XHJcbiAgbGVmdDogMzBweDtcclxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbiAgei1pbmRleDogMztcclxufVxyXG5cclxuLmVycm9yTWVzc2FnZUhlYWRlciB7XHJcbiAgY29sb3I6IHJnYigyMTIsIDgyLCA4Mik7XHJcbn1cclxuXHJcbi5lcnJvck1lc3NhZ2VIZWFkZXIgc3BhbjpmaXJzdC1vZi10eXBlIHtcclxuICBmb250LXNpemU6IDEycHg7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIHRvcDogLTNweDtcclxufVxyXG5cclxuLnVwbG9hZEVycm9yQ2xvc2VCdG4ge1xyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICB3aWR0aDogMTBweDtcclxuICBoZWlnaHQ6IDEwcHg7XHJcbiAgZmxvYXQ6IHJpZ2h0O1xyXG4gIGJhY2tncm91bmQ6IHVybCgvYXNzZXRzL2ltYWdlcy9jbG9zZV9idG5fcmVkLnBuZykgbm8tcmVwZWF0O1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLmVycm9yTWVzc2FnZUNvbnRlbnQge1xyXG4gIG1heC1oZWlnaHQ6IDY2cHg7XHJcbiAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgZm9udC1zaXplOiAxMnB4O1xyXG59XHJcblxyXG4uZXJyb3JNZXNzYWdlUm93IHtcclxuICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuLmVycm9yTWVzc2FnZUNvbnRlbnQgc3BhbiB7XHJcbiAgZm9udC1zaXplOiAxMnB4O1xyXG59XHJcbiJdfQ== */\"","import { Injectable, NgZone } from '@angular/core';\r\nimport { Subject, from, of } from 'rxjs';\r\nimport { FileUploaderClient } from '../../typescript-angular-client/api/fileList/filesList.service';\r\nimport { FileParameter } from '../../typescript-angular-client/api/fileList/filesList.service.model';\r\nimport { FileUploadError, FileUploadInfo } from '../models/FileUploadError';\r\nimport { concatMap, tap, share, takeLast, switchMap, catchError } from 'rxjs/operators';\r\nimport { NewFilesListService } from '../files-list/files-list.service';\r\nimport { FileModel } from '../../typescript-angular-client/model/models';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class FmUploaderService {\r\n public filesUploadQueue: FileUploadInfo[] = [];\r\n public errors: FileUploadError[] = [];\r\n public parentfolder: string;\r\n private completedAllSubject: Subject = new Subject();\r\n private onProgressSubject = new Subject();\r\n private onStartUploadSubject: Subject = new Subject();\r\n\r\n constructor(\r\n private zone: NgZone,\r\n private uploadClient: FileUploaderClient,\r\n private flService: NewFilesListService\r\n ) { }\r\n\r\n get completedAll$() {\r\n return this.completedAllSubject.asObservable().pipe(share());\r\n }\r\n\r\n get onProgress$() {\r\n return this.onProgressSubject.asObservable().pipe(share());\r\n }\r\n\r\n get onStart$() {\r\n return this.onStartUploadSubject.asObservable().pipe(share());\r\n }\r\n\r\n public upload(dialogType: FileModel.FileTypeEnum, pageSize: number) {\r\n if (!this.parentfolder || this.filesUploadQueue.length <= 0) {\r\n return;\r\n }\r\n\r\n this.onStartUploadSubject.next(this.filesUploadQueue.length);\r\n\r\n from(this.filesUploadQueue).pipe(\r\n concatMap((item) => this.uploadClient.upload(\r\n { fileName: item.file.name, data: item.file },\r\n this.parentfolder, dialogType, true, item.keep).\r\n pipe(\r\n tap(\r\n () => this.zone.run(() => this.onProgressSubject.next()),\r\n (err) => {\r\n this.zone.run(() => {\r\n this.errors.push({\r\n name: item.file.name,\r\n size: item.file.size.toString(),\r\n reason: err\r\n });\r\n this.onProgressSubject.next();\r\n });\r\n }),\r\n catchError((error) => of(error))\r\n )),\r\n takeLast(1),\r\n switchMap(() => this.flService.loadByPage(this.parentfolder, 1, dialogType, pageSize))\r\n ).subscribe({\r\n next: () => this.zone.run(() => {\r\n this.completedAllSubject.next(Array.of(...this.errors));\r\n this.clear();\r\n })\r\n });\r\n }\r\n\r\n public clear = (): void => {\r\n this.parentfolder = null;\r\n this.filesUploadQueue.length = 0;\r\n this.errors.length = 0;\r\n }\r\n\r\n public showErrors = (): void => {\r\n this.onStartUploadSubject.next(0);\r\n this.completedAllSubject.next(Array.of(...this.errors));\r\n this.clear();\r\n }\r\n\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-uploader.component';\r\nexport * from './file-uploader.module';\r\nexport * from './fm-uploader.service';\r\n// end:ng42.barrel\r\n\r\n","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, ElementRef, NgZone, AfterViewInit, Self } from '@angular/core';\r\nimport { DragAndDropEvent, FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { fromEvent } from 'rxjs';\r\nimport { FmTreeService } from '../services/fm-tree.service';\r\nimport { map, filter, debounceTime, exhaustMap, tap, takeUntil } from 'rxjs/operators';\r\nimport { FOLDER_KEY_FOR_FILESONLYMODE, NewFilesListService } from './files-list.service';\r\nimport { FolderTreeNode } from '../../typescript-angular-client/model/folderTreeNode';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { TreeDragDropService, TreeNode } from 'primeng/api';\r\nimport { ContextMenu} from 'primeng/contextmenu';\r\nimport { IsMultiFileModel, IsSingleFileModel } from '../utils';\r\n\r\n@Component({\r\n selector: 'files-list',\r\n templateUrl: './files-list.html',\r\n styleUrls: ['files-list.scss'],\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class FilesListComponent implements OnInit, OnDestroy, AfterViewInit {\r\n public defaultImageSmall = '../assets/images/picItem.png';\r\n private _elements: FileModel[] = [];\r\n private _currentFolder: FolderTreeNode;\r\n private _dialogType: FileModel.FileTypeEnum;\r\n public draggedItem: FileModel | FileModel[] | TreeNode;\r\n\r\n @Input() set elements(value: FileModel[]) {\r\n this._elements = value;\r\n }\r\n\r\n get elements(): FileModel[] {\r\n return this._elements;\r\n }\r\n\r\n @Input('dialogType')\r\n set dialogType(value: FileModel.FileTypeEnum) {\r\n this._dialogType = value;\r\n }\r\n\r\n get dialogType(): FileModel.FileTypeEnum {\r\n return this._dialogType;\r\n }\r\n\r\n @Input('currentFolder')\r\n set currentFolder(value: FolderTreeNode) {\r\n this._currentFolder = value;\r\n }\r\n\r\n @Input() contextMenu: ContextMenu;\r\n @Input() isDataLoading: boolean;\r\n @Input() fileListPageSize: number;\r\n\r\n @Output() loadNext = new EventEmitter();\r\n @Output() refresh = new EventEmitter();\r\n @Output() search = new EventEmitter();\r\n @Output() isSeveralFilesSelected = new EventEmitter();\r\n @Output() itemContextMenuSelected = new EventEmitter();\r\n @Output() selectionChanged = new EventEmitter();\r\n\r\n @Output() ItemSelected = new EventEmitter();\r\n @Output() ItemUnselected = new EventEmitter();\r\n @Output() itemDropped = new EventEmitter();\r\n @Output() itemFromFolderThreeDropped = new EventEmitter();\r\n @Output() moveToFolder = new EventEmitter();\r\n\r\n @ViewChild('scrolledDiv', {static: false}) scrolledDiv: ElementRef;\r\n\r\n selection: FileModel[];\r\n folderDrag: FolderTreeNode;\r\n\r\n constructor(\r\n private fmService: FmTreeService,\r\n private ddService: TreeDragDropService,\r\n private flService: NewFilesListService,\r\n private zone: NgZone,\r\n @Self() private ngOnDestroy$: NgOnDestroyService) {\r\n }\r\n\r\n ngOnInit() {\r\n document.getElementById('inputSearch').focus();\r\n\r\n this.fmService.onStartDrag()\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe((items) => this.draggedItem = items);\r\n\r\n this.fmService.onStoptDrag()\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe(() => this.draggedItem = null);\r\n\r\n this.ddService.dragStart$.pipe(\r\n filter((source) => source.tree !== null),\r\n map((source) => source.node),\r\n takeUntil(this.ngOnDestroy$)\r\n ).subscribe((item) => this.draggedItem = item);\r\n\r\n this.ddService.dragStop$.pipe(\r\n filter((source) => source.tree !== null),\r\n takeUntil(this.ngOnDestroy$)\r\n ).subscribe(() => this.draggedItem = null);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.currentFolder = null;\r\n this.elements = null;\r\n this.draggedItem = null;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n fromEvent(this.scrolledDiv.nativeElement, 'scroll')\r\n // .pipe(tap(x => console.log('before filter')))\r\n .pipe(filter(() => this._currentFolder !== null && this._elements !== null))\r\n // .pipe(tap(x => console.log('after filter before map')))\r\n .pipe(map((d: UIEvent) => d.target))\r\n // .pipe(tap(x => console.log('after map before debounce')))\r\n .pipe(debounceTime(300))\r\n // .pipe(tap(x => console.log('after debounce before filter 2')))\r\n .pipe(filter((d: HTMLElement) => (d.offsetHeight + d.scrollTop) > (d.scrollHeight - 5)))\r\n // .pipe(tap(x => console.log('after filter 2 before filter 3')))\r\n .pipe(\r\n filter(() => {\r\n // console.log('this.elements.length: ', this.elements.length);\r\n const folderKey = this.flService.isFilesOnlyMode ? FOLDER_KEY_FOR_FILESONLYMODE : this._currentFolder.key;\r\n // console.log('this.flService.folderInfo[folderKey]: ', this.flService.folderInfo[folderKey]);\r\n return (this.elements.length < this.flService.folderInfo[folderKey]);\r\n }),\r\n // tap(x => console.log('after filter 3 before map')),\r\n map(() => Math.ceil(this.elements.length / this.fileListPageSize) + 1),\r\n // tap(x => console.log('after map before loadByPage')),\r\n tap(() => this.zone.run(() => {\r\n this.isDataLoading = true;\r\n })),\r\n exhaustMap((page) => {\r\n const folderKey = this.flService.isFilesOnlyMode ? FOLDER_KEY_FOR_FILESONLYMODE : this._currentFolder.key;\r\n return this.flService.loadByPage(folderKey, page, this.dialogType, this.fileListPageSize, (document.getElementById('inputSearch')).value);\r\n }),\r\n // tap(x => console.log('after map loadByPage')),\r\n takeUntil(this.ngOnDestroy$)\r\n )\r\n .subscribe({\r\n next: (r) => {\r\n this.zone.run(() => {\r\n this.elements = this.elements.concat(r.Files);\r\n this.isDataLoading = false;\r\n });\r\n }\r\n });\r\n }\r\n\r\n public trackItemsBy(item): string {\r\n if (item == null) {\r\n return;\r\n }\r\n return item.Id;\r\n }\r\n\r\n public startSearch = ($event): void => this.search.emit($event);\r\n\r\n public onElementRightClick = (event: MouseEvent, model: FileModel): void => {\r\n if (this.contextMenu) {\r\n const index = this.findIndexInSelection(model);\r\n const selected = (index >= 0);\r\n\r\n if (!selected) {\r\n this.selectionChanged.emit([model]);\r\n }\r\n\r\n this.contextMenu.show(event);\r\n this.itemContextMenuSelected.emit({ original: event, model: model });\r\n }\r\n }\r\n\r\n public onDrop = (event: DragEvent): void => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (IsMultiFileModel(this.draggedItem)) {\r\n return;\r\n }\r\n\r\n if (IsSingleFileModel(this.draggedItem)) {\r\n const item = this.draggedItem as FileModel;\r\n if (!item.IsFolder || item.ParentFolderId === this._currentFolder.key) {\r\n return;\r\n }\r\n }\r\n\r\n const emitEntity: DragAndDropEvent = {\r\n originalEvent: event,\r\n draggedItem: this.draggedItem,\r\n droppedItem: this._currentFolder.data\r\n };\r\n\r\n if (this._currentFolder.key === '0') {\r\n emitEntity.droppedItem = this._currentFolder as FileModel;\r\n emitEntity.droppedItem.Id = '0';\r\n emitEntity.droppedItem.IsFolder = true;\r\n }\r\n\r\n this.itemDropped.emit(emitEntity);\r\n }\r\n\r\n public onElementClick = (event: MouseEvent, element: FileModel): void => {\r\n const index = this.findIndexInSelection(element);\r\n const selected = index >= 0;\r\n\r\n if (event.ctrlKey && this.dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n if (selected) {\r\n this.selection = this.selection.filter((v, i) => i !== index);\r\n this.ItemUnselected.emit(element);\r\n } else {\r\n this.selection = this.selection || [];\r\n this.selection = [...this.selection, element];\r\n this.ItemSelected.emit(element);\r\n }\r\n } else {\r\n if (selected) {\r\n this.selection = [];\r\n } else {\r\n this.selection = [];\r\n this.selection = [element];\r\n }\r\n }\r\n this.selectionChanged.emit(this.selection);\r\n\r\n }\r\n\r\n public onElementDoubleClick = (event: MouseEvent, model: FileModel): void => {\r\n if (model && model.IsFolder) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n this.moveToFolder.emit(model);\r\n }\r\n }\r\n\r\n isSelected = (node: FileModel) => this.findIndexInSelection(node) >= 0;\r\n\r\n private findIndexInSelection(node: FileModel): number {\r\n let index = -1;\r\n if (this.selection) {\r\n const models = this.selection;\r\n for (let i = 0; i < models.length; i++) {\r\n const selectedNode = models[i];\r\n const areNodesEqual = (selectedNode.Id && selectedNode.Id === node.Id);\r\n if (areNodesEqual) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n }\r\n return index;\r\n }\r\n}\r\n","export default \".hover-scroll {\\n overflow: auto;\\n cursor: default; }\\n\\n.hover-scroll:hover {\\n overflow: auto; }\\n\\n.li_images {\\n float: left;\\n height: 94px;\\n margin: 0 0 18px 22px;\\n width: 94px;\\n list-style: none;\\n cursor: pointer; }\\n\\n.paging-loader {\\n background: url(/assets/common-lib/images/ajax-loadertimeline.gif);\\n background-repeat: no-repeat;\\n background-position: 50%;\\n width: 100%;\\n height: 15px;\\n background-color: transparent;\\n position: static; }\\n\\n.styled-scroll ::-webkit-scrollbar {\\n height: 10px;\\n overflow: visible;\\n width: 9px; }\\n\\n.styled-scroll ::-webkit-scrollbar-thumb {\\n background-color: rgba(0, 0, 0, 0.2);\\n background-clip: padding-box;\\n border: solid transparent;\\n border-width: 0;\\n min-height: 28px;\\n padding: 100px 0 0;\\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }\\n\\n.styled-scroll ::-webkit-scrollbar-button {\\n height: 0;\\n width: 0; }\\n\\n.styled-scroll::-webkit-scrollbar-track {\\n background-clip: padding-box;\\n border: solid transparent;\\n border-width: 0; }\\n\\n.styled-scroll ::-webkit-scrollbar-track-piece {\\n border-width: 0; }\\n\\n.styled-scroll ::-webkit-scrollbar-corner {\\n background-clip: padding-box;\\n background-color: #f5f5f5;\\n border: solid #fff;\\n border-width: 3px 0 0 3px;\\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.14);\\n background: transparent; }\\n\\n.styled-scroll ::-webkit-scrollbar-track:hover {\\n background-color: rgba(0, 0, 0, 0.05);\\n box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); }\\n\\n.styled-scroll ::-webkit-scrollbar-track:horizontal:hover {\\n box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }\\n\\n.styled-scroll ::-webkit-scrollbar-track:active {\\n background-color: rgba(0, 0, 0, 0.05);\\n box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 rgba(0, 0, 0, 0.07); }\\n\\n.styled-scroll ::-webkit-scrollbar-track:horizontal:active {\\n box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }\\n\\n.styled-scroll ::-webkit-scrollbar-thumb:hover {\\n background-color: rgba(0, 0, 0, 0.4); }\\n\\n.styled-scroll ::-webkit-scrollbar-thumb:active {\\n background-color: rgba(0, 0, 0, 0.5); }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9maWxlLW1hbmFnZXIvZmlsZXMtbGlzdC9DOlxcYVxcMVxccy9wcm9qZWN0c1xcY29tbW9uLWxpYlxcc3JjXFxsaWJcXGZpbGUtbWFuYWdlclxcZmlsZXMtbGlzdFxcZmlsZXMtbGlzdC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBYztFQUNkLGVBQWUsRUFBQTs7QUFHakI7RUFDRSxjQUFjLEVBQUE7O0FBR2hCO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixxQkFBcUI7RUFDckIsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixlQUFlLEVBQUE7O0FBR2pCO0VBQ0Usa0VBQWtFO0VBQ2xFLDRCQUE0QjtFQUM1Qix3QkFBd0I7RUFDeEIsV0FBVztFQUNYLFlBQVk7RUFDWiw2QkFBNkI7RUFDN0IsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQixVQUFVLEVBQUE7O0FBR1o7RUFDRSxvQ0FBbUM7RUFDbkMsNEJBQTRCO0VBQzVCLHlCQUF5QjtFQUN6QixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixrRkFBZ0YsRUFBQTs7QUFHbEY7RUFDRSxTQUFTO0VBQ1QsUUFBUSxFQUFBOztBQUdWO0VBQ0UsNEJBQTRCO0VBQzVCLHlCQUF5QjtFQUN6QixlQUFlLEVBQUE7O0FBR2pCO0VBQ0UsZUFBZSxFQUFBOztBQUdqQjtFQUNFLDRCQUE0QjtFQUM1Qix5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLHlCQUF5QjtFQUN6QiwrQ0FBOEM7RUFDOUMsdUJBQXVCLEVBQUE7O0FBR3pCO0VBQ0UscUNBQW9DO0VBQ3BDLDRDQUEyQyxFQUFBOztBQUc3QztFQUNFLDRDQUEyQyxFQUFBOztBQUc3QztFQUNFLHFDQUFvQztFQUNwQyxpRkFBK0UsRUFBQTs7QUFHakY7RUFDRSxpRkFBK0UsRUFBQTs7QUFHakY7RUFDRSxvQ0FBbUMsRUFBQTs7QUFHckM7RUFDRSxvQ0FBb0MsRUFBQSIsImZpbGUiOiJwcm9qZWN0cy9jb21tb24tbGliL3NyYy9saWIvZmlsZS1tYW5hZ2VyL2ZpbGVzLWxpc3QvZmlsZXMtbGlzdC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhvdmVyLXNjcm9sbCB7XHJcbiAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgY3Vyc29yOiBkZWZhdWx0O1xyXG59XHJcblxyXG4uaG92ZXItc2Nyb2xsOmhvdmVyIHtcclxuICBvdmVyZmxvdzogYXV0bztcclxufVxyXG5cclxuLmxpX2ltYWdlcyB7XHJcbiAgZmxvYXQ6IGxlZnQ7XHJcbiAgaGVpZ2h0OiA5NHB4O1xyXG4gIG1hcmdpbjogMCAwIDE4cHggMjJweDtcclxuICB3aWR0aDogOTRweDtcclxuICBsaXN0LXN0eWxlOiBub25lO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLnBhZ2luZy1sb2FkZXIge1xyXG4gIGJhY2tncm91bmQ6IHVybCgvYXNzZXRzL2NvbW1vbi1saWIvaW1hZ2VzL2FqYXgtbG9hZGVydGltZWxpbmUuZ2lmKTtcclxuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gIGJhY2tncm91bmQtcG9zaXRpb246IDUwJTtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDE1cHg7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XHJcbiAgcG9zaXRpb246IHN0YXRpYztcclxufVxyXG5cclxuLnN0eWxlZC1zY3JvbGwgOjotd2Via2l0LXNjcm9sbGJhciB7XHJcbiAgaGVpZ2h0OiAxMHB4O1xyXG4gIG92ZXJmbG93OiB2aXNpYmxlO1xyXG4gIHdpZHRoOiA5cHg7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgLjIpO1xyXG4gIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XHJcbiAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcclxuICBib3JkZXItd2lkdGg6IDA7XHJcbiAgbWluLWhlaWdodDogMjhweDtcclxuICBwYWRkaW5nOiAxMDBweCAwIDA7XHJcbiAgYm94LXNoYWRvdzogaW5zZXQgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgLjEpLCBpbnNldCAwIC0xcHggMCByZ2JhKDAsIDAsIDAsIC4wNyk7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsIDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uIHtcclxuICBoZWlnaHQ6IDA7XHJcbiAgd2lkdGg6IDA7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XHJcbiAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcclxuICBib3JkZXI6IHNvbGlkIHRyYW5zcGFyZW50O1xyXG4gIGJvcmRlci13aWR0aDogMDtcclxufVxyXG5cclxuLnN0eWxlZC1zY3JvbGwgOjotd2Via2l0LXNjcm9sbGJhci10cmFjay1waWVjZSB7XHJcbiAgYm9yZGVyLXdpZHRoOiAwO1xyXG59XHJcblxyXG4uc3R5bGVkLXNjcm9sbCA6Oi13ZWJraXQtc2Nyb2xsYmFyLWNvcm5lciB7XHJcbiAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xyXG4gIGJvcmRlcjogc29saWQgI2ZmZjtcclxuICBib3JkZXItd2lkdGg6IDNweCAwIDAgM3B4O1xyXG4gIGJveC1zaGFkb3c6IGluc2V0IDFweCAxcHggMCByZ2JhKDAsIDAsIDAsIC4xNCk7XHJcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsIDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2s6aG92ZXIge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgLjA1KTtcclxuICBib3gtc2hhZG93OiBpbnNldCAxcHggMCAwIHJnYmEoMCwgMCwgMCwgLjEpO1xyXG59XHJcblxyXG4uc3R5bGVkLXNjcm9sbCA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrOmhvcml6b250YWw6aG92ZXIge1xyXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDAgcmdiYSgwLCAwLCAwLCAuMSk7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsIDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2s6YWN0aXZlIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIC4wNSk7XHJcbiAgYm94LXNoYWRvdzogaW5zZXQgMXB4IDAgMCByZ2JhKDAsIDAsIDAsIC4xNCksIGluc2V0IC0xcHggMCAwIHJnYmEoMCwgMCwgMCwgLjA3KTtcclxufVxyXG5cclxuLnN0eWxlZC1zY3JvbGwgOjotd2Via2l0LXNjcm9sbGJhci10cmFjazpob3Jpem9udGFsOmFjdGl2ZSB7XHJcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMCByZ2JhKDAsIDAsIDAsIC4xNCksIGluc2V0IDAgLTFweCAwIHJnYmEoMCwgMCwgMCwgLjA3KTtcclxufVxyXG5cclxuLnN0eWxlZC1zY3JvbGwgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAuNCk7XHJcbn1cclxuXHJcbi5zdHlsZWQtc2Nyb2xsIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6YWN0aXZlIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNSk7XHJcbn1cclxuIl19 */\"","import { Injectable, NgZone } from '@angular/core';\r\nimport { BehaviorSubject, Observable, of, Subject, Subscription } from 'rxjs';\r\nimport { FileManagerTypeEnum, IGetFilesByFolderRequestDetails } from '../services/file-manager-api';\r\nimport { catchError, finalize, first, map, share, tap } from 'rxjs/operators';\r\nimport { FilesListApiService } from '../../typescript-angular-client/api/fileList/filesList.service';\r\nimport { FileManagerResults } from '../../typescript-angular-client/api/fileList/filesList.service.model';\r\nimport {\r\n DeleteEntityModel,\r\n FileModel,\r\n FolderTreeNode,\r\n MoveFilesModel\r\n} from '../../typescript-angular-client/model/models';\r\nimport { SelectedEntities } from '../models/selected-entities.model';\r\nimport { IFilesListService, IFolderInfo } from './files-list.service.model';\r\nimport { OrderByEnum, OrderDirectionEnum } from '../../file-manager/services/file-manager-api';\r\n\r\nexport const FOLDER_KEY_FOR_FILESONLYMODE = '-1';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class NewFilesListService implements IFilesListService {\r\n public folderInfo: IFolderInfo = {};\r\n private fileSubject = new BehaviorSubject([]);\r\n private totalCount = new BehaviorSubject(0);\r\n private loadingSubject = new BehaviorSubject(false);\r\n private isFilesOnlyModeSubject = new BehaviorSubject(false);\r\n private subcriptions = new Subscription();\r\n private loadByfolderSubscription = new Subscription();\r\n private deletedFiles = new BehaviorSubject(false);\r\n private pageLoadingRequest: IGetFilesByFolderRequestDetails = {\r\n Count: 16,\r\n OrderBy: OrderByEnum.Name,\r\n OrderByDirection: OrderDirectionEnum.ASC,\r\n FileManagerType: 1,\r\n isCountChanged: false,\r\n searchCondition: '',\r\n Page: 0,\r\n folderId: '',\r\n SearchAllFolders: false,\r\n ExcludeFolders: false\r\n };\r\n\r\n get deletedFiles$(): Observable {\r\n return this.deletedFiles.asObservable().pipe(share());\r\n }\r\n\r\n get files$(): Observable {\r\n return this.fileSubject.asObservable().pipe(share());\r\n }\r\n\r\n get isLoading$(): Observable {\r\n return this.loadingSubject.asObservable().pipe(share());\r\n }\r\n\r\n get isFilesOnlyMode$(): Observable {\r\n return this.isFilesOnlyModeSubject.asObservable().pipe(share());\r\n }\r\n\r\n get isFilesOnlyMode(): boolean {\r\n return this.isFilesOnlyModeSubject.getValue();\r\n }\r\n\r\n constructor(private fileListApiService: FilesListApiService, private zone: NgZone) {}\r\n\r\n public setFilesOnlyMode = (isFileOnlyMode: boolean, currentFolderNode: FolderTreeNode, dialogType: FileModel.FileTypeEnum, pageSize: number) => {\r\n this.isFilesOnlyModeSubject.next(isFileOnlyMode);\r\n this.loadByFolder(currentFolderNode, dialogType, pageSize);\r\n }\r\n\r\n public loadByPage = (currentFolderKey: string, page: number, dialogType: FileModel.FileTypeEnum, pageSize: number, searchTerm: string = ''): Observable => {\r\n if (!currentFolderKey || page < 0) {\r\n return of({ Files: [] });\r\n }\r\n if (dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n this.pageLoadingRequest.FileManagerType = FileManagerTypeEnum.IMAGES;\r\n }\r\n if (dialogType === FileModel.FileTypeEnum.DOCUMENTS) {\r\n this.pageLoadingRequest.FileManagerType = FileManagerTypeEnum.DOCUMENTS;\r\n }\r\n this.pageLoadingRequest.SearchAllFolders = this.isFilesOnlyModeSubject.getValue();\r\n this.pageLoadingRequest.Count = pageSize;\r\n\r\n const data = Object.assign({}, this.pageLoadingRequest) as IGetFilesByFolderRequestDetails;\r\n data.folderId = currentFolderKey;\r\n data.Page = page;\r\n data.searchCondition = searchTerm;\r\n data.ExcludeFolders = true;\r\n\r\n return this.fileListApiService.getFiles(data)\r\n .pipe(tap((r) => this.folderInfo[currentFolderKey] = r.TotalCount));\r\n }\r\n\r\n public loadByFolder = (folder: FolderTreeNode, dialogType: FileModel.FileTypeEnum, pageSize: number): void => {\r\n const isFilesOnlyMode = this.isFilesOnlyModeSubject.getValue();\r\n if (!folder && !isFilesOnlyMode) {\r\n return;\r\n }\r\n if (dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n this.pageLoadingRequest.FileManagerType = FileManagerTypeEnum.IMAGES;\r\n }\r\n if (dialogType === FileModel.FileTypeEnum.DOCUMENTS) {\r\n this.pageLoadingRequest.FileManagerType = FileManagerTypeEnum.DOCUMENTS;\r\n }\r\n this.pageLoadingRequest.SearchAllFolders = isFilesOnlyMode;\r\n this.pageLoadingRequest.Count = pageSize;\r\n\r\n if (this.loadByfolderSubscription) {\r\n this.loadByfolderSubscription.unsubscribe();\r\n }\r\n this.fileSubject.next([]);\r\n this.loadingSubject.next(true);\r\n const data = Object.assign({}, this.pageLoadingRequest) as IGetFilesByFolderRequestDetails;\r\n data.folderId = isFilesOnlyMode ? null : folder.key;\r\n data.Page = 1;\r\n data.ExcludeFolders = isFilesOnlyMode;\r\n\r\n this.loadByfolderSubscription = this.fileListApiService.getFiles(data)\r\n .pipe(catchError(() => of({ Files: [], TotalCount: 0 })))\r\n .subscribe((res) => {\r\n this.zone.run(() => {\r\n const folderKey = isFilesOnlyMode ? FOLDER_KEY_FOR_FILESONLYMODE : folder.key;\r\n this.folderInfo[folderKey] = res.TotalCount;\r\n this.fileSubject.next(res.Files);\r\n this.totalCount.next(res.TotalCount);\r\n this.loadingSubject.next(false);\r\n });\r\n });\r\n }\r\n\r\n public deleteFiles = (files: FileModel[]): Observable => {\r\n if (!files || files.length <= 0) {\r\n return;\r\n }\r\n const response = this.fileListApiService.deleteEntities(files.map(file => {\r\n EntityId: file.Id,\r\n IsFolder: file.IsFolder\r\n }));\r\n response.pipe(first()).subscribe(() => this.deletedFiles.next(true));\r\n return response;\r\n }\r\n\r\n public updateFile = (file: FileModel, dialogType: FileModel.FileTypeEnum): Observable => {\r\n if (!file) {\r\n return;\r\n }\r\n return this.fileListApiService.updateFile({\r\n Id: file.Id,\r\n Name: file.Name,\r\n ParentFolderId: file.ParentFolderId\r\n }, dialogType);\r\n }\r\n\r\n public search = (searchTerm: string, folder: FolderTreeNode, dialogType: FileModel.FileTypeEnum, pageSize: number): void => {\r\n if (!searchTerm || searchTerm === '') {\r\n this.loadByFolder(folder, dialogType, pageSize);\r\n return;\r\n }\r\n\r\n this.pageLoadingRequest.Count = pageSize;\r\n\r\n this.fileSubject.next([]);\r\n this.loadingSubject.next(true);\r\n\r\n this.fileListApiService.getFiles({\r\n Count: pageSize,\r\n OrderBy: OrderByEnum.Name,\r\n OrderByDirection: OrderDirectionEnum.ASC,\r\n FileManagerType: dialogType as any,\r\n folderId: folder.key,\r\n isCountChanged: false,\r\n searchCondition: searchTerm,\r\n Page: 1,\r\n SearchAllFolders: true,\r\n ExcludeFolders: this.isFilesOnlyModeSubject.getValue()\r\n }).subscribe((res) => {\r\n this.zone.run(() => {\r\n this.fileSubject.next(res.Files);\r\n this.totalCount.next(res.TotalCount);\r\n this.loadingSubject.next(false);\r\n });\r\n });\r\n }\r\n\r\n public moveFiles = (dest: FileModel, source: FileModel[]): Observable => {\r\n if (!dest || !source || source.length <= 0) {\r\n return;\r\n }\r\n return this.fileListApiService.moveFiles({\r\n parentFolderId: dest.Id,\r\n fileIds: source.map(x => x.Id)\r\n });\r\n }\r\n\r\n public clear = (): void => {\r\n this.subcriptions.unsubscribe();\r\n this.fileSubject.next(null);\r\n }\r\n}\r\n\r\n@Injectable()\r\nexport class FilesListService {\r\n public files: Array;\r\n public totalCount: number;\r\n public isLoading = true;\r\n public selectedEntities = new SelectedEntities();\r\n public selectedFolder: string;\r\n public nextPage = 0;\r\n public searchTerm = '';\r\n private onFileSelected$ = new BehaviorSubject(null);\r\n private onSeveralFilesSelected$ = new Subject();\r\n public isDirty = false;\r\n private currentFileManagerType: FileManagerTypeEnum = null;\r\n\r\n constructor(private fileListApiService: FilesListApiService) {}\r\n\r\n get onFileSelected(): Observable {\r\n return this.onFileSelected$.asObservable();\r\n }\r\n\r\n get onSeveralFilesSelected(): Observable {\r\n return this.onSeveralFilesSelected$.asObservable();\r\n }\r\n\r\n private getParams(): IGetFilesByFolderRequestDetails {\r\n return {\r\n Count: 16,\r\n OrderBy: OrderByEnum.Name,\r\n OrderByDirection: OrderDirectionEnum.ASC,\r\n Page: this.nextPage,\r\n FileManagerType: this.currentFileManagerType,\r\n searchCondition: this.searchTerm,\r\n folderId: this.selectedFolder || '0',\r\n isCountChanged: false,\r\n SearchAllFolders: false,\r\n ExcludeFolders: false\r\n };\r\n }\r\n\r\n private formatDate(d: Date): string {\r\n const mS = ['Jan', 'Feb', 'March', 'April', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];\r\n const month = mS[d.getMonth()];\r\n const day = d.getDate();\r\n const year = d.getFullYear();\r\n return month + ' ' + day + ', ' + year;\r\n }\r\n\r\n private setSelectedFile = (file: FileModel): void => {\r\n this.selectedEntities.AddSelectedFile(file);\r\n if (this.selectedEntities.selectedFiles.length === 1) {\r\n this.onFileSelected$.next(this.selectedEntities.selectedFiles[0]);\r\n }\r\n if (this.selectedEntities.selectedFiles.length === 0) {\r\n this.onFileSelected$.next(null);\r\n }\r\n this.onSeveralFilesSelected$.next(this.selectedEntities.selectedFiles.length > 1);\r\n }\r\n\r\n public getDate = (date: string): string => {\r\n const parsedDate = new Date(date);\r\n const jsDate = new Date(parsedDate);\r\n return this.formatDate(jsDate);\r\n }\r\n\r\n public refresh = (isSelectFirstImage = false, pageSize: number): void => {\r\n this.onSeveralFilesSelected$.next(false);\r\n this.onFileSelected$.next(null);\r\n this.selectedEntities = new SelectedEntities();\r\n this.nextPage = 0;\r\n if (this.files.length > 0) {\r\n this.files.splice(0, this.files.length);\r\n }\r\n this.getFilesList(isSelectFirstImage, pageSize);\r\n }\r\n\r\n private getFilesList = (isSelectFirstImage = false, pageSize: number): Observable => {\r\n const params = this.getParams();\r\n params.Count = pageSize;\r\n this.isLoading = true;\r\n return this.fileListApiService.getFiles(params)\r\n .pipe(tap((filesListData: FileManagerResults) => {\r\n const files = filesListData.Files;\r\n if (filesListData && files) { // Success\r\n if (files.length > 0 && isSelectFirstImage === true) {\r\n this.setSelectedFile(null);\r\n this.setSelectedFile(files[0]);\r\n }\r\n if (typeof this.totalCount === 'undefined') {\r\n this.totalCount = filesListData.TotalCount;\r\n }\r\n if (typeof this.files === 'undefined') {\r\n this.files = files;\r\n } else {\r\n this.files.push.apply(this.files, files);\r\n }\r\n }\r\n }),\r\n map(x => x.Files),\r\n finalize(() => this.isLoading = false));\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './files-list.component';\r\nexport * from './files-list.service';\r\n// end:ng42.barrel\r\n\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJwcm9qZWN0cy9jb21tb24tbGliL3NyYy9saWIvZmlsZS1tYW5hZ2VyL2ZtLWZvbGRlcnMtdHJlZS9mbS1mb2xkZXJzLXRyZWUuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, OnDestroy, NgZone, ChangeDetectorRef, Self } from '@angular/core';\r\nimport { TreeNode, MenuItem } from 'primeng/api';\r\nimport { FolderTreeNode } from '../../typescript-angular-client/model/folderTreeNode';\r\nimport { DragAndDropEvent, FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { TreeViewService } from '../../typescript-angular-client/api/treeView.service';\r\nimport { finalize, map, filter, tap, switchMap, takeUntil, catchError } from 'rxjs/operators';\r\nimport { DialogService, IDialogHandle } from '../../dialogs/dialog.service';\r\nimport { DialogCloseReason, IDialogOnClose } from '../../dialogs/base-dialog';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { FmTreeService } from '../services/fm-tree.service';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { ErrorHandlingService } from '../../http/error-handling.service';\r\n\r\n@Component({\r\n selector: 'fm-folders-tree',\r\n templateUrl: './fm-folders-tree.component.html',\r\n styleUrls: ['./fm-folders-tree.component.scss'],\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class FmFoldersTreeComponent implements OnInit, OnDestroy {\r\n private selectedNode: FolderTreeNode;\r\n private currentSelectedNode: FolderTreeNode = null;\r\n private previosSelectedNode: FolderTreeNode;\r\n private expandedNodeList: string[];\r\n private subscriptions: Subscription[] = [];\r\n\r\n folderDrag: FolderTreeNode = null;\r\n draggedItem: FileModel | FileModel[] = null;\r\n loadedNodes: TreeNode[] = [];\r\n loading = false;\r\n menuItems: MenuItem[] = [\r\n {\r\n label: 'New',\r\n icon: 'pi pi-fw pi-plus',\r\n command: () => this.onAddNewFolder()\r\n },\r\n {\r\n label: 'Rename',\r\n icon: 'pi pi-fw pi-pencil',\r\n command: () => this.RenameFolderCommand(),\r\n },\r\n { label: 'Refresh', icon: 'pi pi-fw pi-refresh', command: () => this.RefreshCommand() },\r\n { label: 'Delete', icon: 'pi pi-fw pi-trash', command: () => this.DeleteFolderCommand() }\r\n ];\r\n\r\n @Input()\r\n dialogType = FileModel.FileTypeEnum.IMAGES;\r\n\r\n @Input() showLoader = false;\r\n\r\n @Output() nodeSelected = new EventEmitter(null);\r\n @Output() nodeToDrop = new EventEmitter();\r\n @Output() nodeToDrag = new EventEmitter(null);\r\n\r\n constructor(\r\n private treeViewService: TreeViewService,\r\n private dialogService: DialogService,\r\n private translate: TranslateService,\r\n private fmTreeService: FmTreeService,\r\n private zone: NgZone,\r\n private cd: ChangeDetectorRef,\r\n @Self() private ngOnDestroy$: NgOnDestroyService,\r\n private errHandler: ErrorHandlingService\r\n ) {\r\n this.treeViewService.defaultHeaders = this.treeViewService.defaultHeaders.set('api-version', '2.0');\r\n }\r\n\r\n ngOnInit() {\r\n this.tryGetAllFolders();\r\n\r\n this.fmTreeService.onStartDrag()\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe((items) => this.draggedItem = items);\r\n\r\n this.fmTreeService.onStoptDrag()\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe(() => this.draggedItem = null);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscriptions.forEach((s) => s.unsubscribe());\r\n this.subscriptions = [];\r\n this.folderDrag = null;\r\n this.loadedNodes = [];\r\n this.loading = false;\r\n this.SelectedNode = null;\r\n }\r\n\r\n public tryGetAllFolders = (oldNode: FolderTreeNode = null, expandPreviosTree = false): void => {\r\n this.loading = this.showLoader;\r\n if (expandPreviosTree) {\r\n this.expandedNodeList = this.getExpandedNode(this.loadedNodes[0], new Array());\r\n }\r\n this.treeViewService.treeViewGetAllFoldersV2(this.dialogType)\r\n .pipe(\r\n map((res: FolderTreeNode) => this.convertFolder(res)),\r\n catchError((err) => this.errHandler.handleError(err)),\r\n finalize(() => this.zone.run(() => {\r\n this.loading = false;\r\n this.cd.detectChanges();\r\n })),\r\n takeUntil(this.ngOnDestroy$))\r\n .subscribe((res: TreeNode) => {\r\n this.zone.run(() => {\r\n this.loadedNodes = [res];\r\n this.trySetPreviosSelectedNode(oldNode);\r\n });\r\n });\r\n }\r\n\r\n public getFolderParents = (nodeId: string): string[] => {\r\n const flatten = (children, extractChildren, level, parent) => Array.prototype.concat.apply(\r\n children.map(x => ({ ...x, level: level || 1, parent: parent || null })),\r\n children.map(x => flatten(extractChildren(x) || [], extractChildren, (level || 1) + 1, x.key)));\r\n\r\n const flat = flatten(this.loadedNodes, x => x.children, 0, this.loadedNodes[0].key).map(x => delete x.children && x);\r\n\r\n let foundNode = flat.find(x => x.key === nodeId);\r\n\r\n const pathToNode = new Array();\r\n\r\n if (pathToNode == null) {\r\n return pathToNode;\r\n }\r\n\r\n pathToNode.push(foundNode);\r\n\r\n while (foundNode.key !== '0') {\r\n foundNode = flat.find(x => x.key === foundNode.parent);\r\n pathToNode.push(foundNode.key);\r\n }\r\n\r\n return pathToNode;\r\n }\r\n\r\n private trySetPreviosSelectedNode = (oldNode: FolderTreeNode): void => {\r\n this.loadedNodes[0].expanded = true;\r\n\r\n if (oldNode == null) {\r\n this.SelectedNode = this.loadedNodes[0];\r\n return;\r\n }\r\n\r\n const flatten = (children, extractChildren, level, parent) => Array.prototype.concat.apply(\r\n children.map(x => ({ ...x, level: level || 1, parent: parent || null })),\r\n children.map(x => flatten(extractChildren(x) || [], extractChildren, (level || 1) + 1, x.key)));\r\n\r\n const pathToNode = this.getFolderParents(oldNode.key);\r\n\r\n //item was deleted\r\n if (pathToNode.length === 0) {\r\n this.SelectedNode = this.loadedNodes[0];\r\n return;\r\n }\r\n\r\n const reversedArray = pathToNode.reverse();\r\n let expandAllArray = new Array();\r\n\r\n if (this.expandedNodeList.length > 0) {\r\n expandAllArray = reversedArray.concat(this.expandedNodeList.filter((item) => reversedArray.indexOf(item) < 0));\r\n } else {\r\n expandAllArray = reversedArray;\r\n }\r\n\r\n this.expandNodes(this.loadedNodes[0], expandAllArray);\r\n this.SelectedNode = oldNode;\r\n }\r\n\r\n public onNodeDrop = (\r\n event: DragEvent & { dropNode: FolderTreeNode; dragNode: FolderTreeNode; accept: () => void }\r\n ): void => {\r\n const dropNode = event.dropNode;\r\n\r\n if (this.draggedItem) {\r\n const droppedItem: FileModel = { IsFolder: true, Id: dropNode.key };\r\n const emitEntity: DragAndDropEvent = {\r\n originalEvent: event,\r\n isFolderTreeDrop: true,\r\n draggedItem: this.draggedItem,\r\n droppedItem: droppedItem\r\n };\r\n this.nodeToDrop.emit(emitEntity);\r\n return;\r\n }\r\n\r\n const dragNode = event.dragNode;\r\n const parenId = dropNode.key ? dropNode.key : '0';\r\n this.loading = true;\r\n const s = this.treeViewService.treeViewUpdateFolder({ id: dragNode.key, parentId: parenId, folderName: dragNode.label }, this.dialogType)\r\n .pipe(tap(() => event.accept()),\r\n finalize(() => this.loading = false))\r\n .subscribe({\r\n next: () => {\r\n dragNode.data.ParentFolderId = parenId;\r\n dragNode.parent = dropNode;\r\n },\r\n error: () => this.RefreshCommand()\r\n });\r\n this.subscriptions.push(s);\r\n }\r\n\r\n public nodeSelect = (e): void => {}\r\n\r\n public onDragStart = (event: DragEvent, node: FolderTreeNode): void => this.nodeToDrag.emit(node);\r\n\r\n get SelectedNode() {\r\n return this.selectedNode;\r\n }\r\n\r\n set SelectedNode(node: FolderTreeNode) {\r\n this.selectedNode = node;\r\n const castedUiNode = node as TreeNode;\r\n if (castedUiNode && !castedUiNode.expanded && castedUiNode.children) {\r\n castedUiNode.expanded = true;\r\n }\r\n\r\n this.nodeSelected.emit(node);\r\n }\r\n\r\n private convertFolder(folder: TreeNode) {\r\n folder.key = folder.key ? folder.key : '0';\r\n folder.draggable = true;\r\n folder.droppable = true;\r\n folder.expandedIcon = 'folder-icon';\r\n folder.collapsedIcon = 'folder-icon';\r\n folder.children.forEach((n) => this.convertFolder(n));\r\n return folder;\r\n }\r\n\r\n RefreshCommand() {\r\n this.previosSelectedNode = this.SelectedNode;\r\n this.expandedNodeList = this.getExpandedNode(this.loadedNodes[0], new Array());\r\n this.loadedNodes = [];\r\n this.SelectedNode = null;\r\n this.tryGetAllFolders(this.previosSelectedNode);\r\n }\r\n\r\n onAddNewFolder() {\r\n let folderName = this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.NEW_FOLDER_NAME');\r\n const dialogHandle: IDialogHandle = this.dialogService.input({\r\n header: this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.CREATE_NEW_FOLDER'),\r\n fieldName: this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.FOLDER_NAME'),\r\n fieldDefaultValue: folderName,\r\n okCaption: this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.CREATE'),\r\n cancelCaption: this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.CANCEL'),\r\n fieldValidationContext: {\r\n selectedFolderNode: this.selectedNode\r\n },\r\n fieldValidationCallback: (v) => {\r\n folderName = v;\r\n return this.folderNameValidation(v);\r\n }\r\n });\r\n\r\n const s = dialogHandle.onClose\r\n .pipe(\r\n filter((v: IDialogOnClose) => v.reason === DialogCloseReason.OK),\r\n switchMap(() => this.treeViewService.treeViewAddFolder({\r\n parentId: this.selectedNode.key ? this.selectedNode.key : '0',\r\n folderName: folderName.trim()\r\n }, this.dialogType)),\r\n tap(() => this.RefreshCommand()))\r\n .subscribe();\r\n this.subscriptions.push(s);\r\n }\r\n\r\n RenameFolderCommand() {\r\n if (!this.selectedNode.data || !this.selectedNode.data.ParentFolderId) {\r\n return;\r\n }\r\n let folderName = '';\r\n const dialogHandle: IDialogHandle = this.dialogService.input({\r\n fieldDefaultValue: this.selectedNode.label,\r\n header: this.translate.instant('COMMON.DIALOGS.RENAME_FOLDER.RENAME_FOLDER'),\r\n fieldName: this.translate.instant('COMMON.DIALOGS.RENAME_FOLDER.FOLDER_NAME'),\r\n okCaption: this.translate.instant('COMMON.DIALOGS.RENAME_FOLDER.RENAME'),\r\n cancelCaption: this.translate.instant('COMMON.DIALOGS.RENAME_FOLDER.CANCEL'),\r\n fieldValidationContext: {\r\n selectedFolderNode: this.selectedNode\r\n },\r\n fieldValidationCallback: (v, ctx) => {\r\n folderName = v;\r\n return this.folderNameValidation(v);\r\n }\r\n });\r\n\r\n const parentFolderId = this.selectedNode.data.ParentFolderId;\r\n const s = dialogHandle.onClose\r\n .pipe(\r\n filter((v: IDialogOnClose) => v.reason === DialogCloseReason.OK),\r\n switchMap(() => this.treeViewService.treeViewUpdateFolder(\r\n {\r\n id: this.selectedNode.key,\r\n parentId: parentFolderId,\r\n folderName: folderName.trim()\r\n }, this.dialogType)),\r\n tap(() => this.RefreshCommand()))\r\n .subscribe();\r\n this.subscriptions.push(s);\r\n }\r\n\r\n private DeleteFolderCommand() {\r\n if (this.SelectedNode) {\r\n const s = this.dialogService.confirm({\r\n header: this.translate.instant('COMMON.DIALOGS.DELETE_FOLDER.DELETE_FOLDER'),\r\n message: this.translate.instant('COMMON.DIALOGS.DELETE_FOLDER.MESSAGE'),\r\n okCaption: this.translate.instant('COMMON.DIALOGS.DELETE_FOLDER.DELETE'),\r\n cancelCaption: this.translate.instant('COMMON.DIALOGS.DELETE_FOLDER.CANCEL')\r\n })\r\n .onClose\r\n .pipe(\r\n filter((r: IDialogOnClose) => r.reason === DialogCloseReason.OK),\r\n switchMap(() => this.treeViewService.treeViewDeleteFolder(this.SelectedNode.key)))\r\n .subscribe({\r\n next: () => {\r\n this.SelectedNode = this.SelectedNode.parent;\r\n this.RefreshCommand();\r\n },\r\n error: () => {\r\n }\r\n });\r\n this.subscriptions.push(s);\r\n }\r\n }\r\n\r\n setItems() {\r\n //rename\r\n this.menuItems[1].disabled = this.selectedNode.key === '0';\r\n //delete\r\n this.menuItems[3].disabled = this.selectedNode.key === '0';\r\n }\r\n\r\n private expandNodes(node: TreeNode, nodeKeyList: string[]) {\r\n node.expanded = true;\r\n if (node.children) {\r\n for (let i = 0; i < node.children.length; i++) {\r\n if (nodeKeyList.includes(node.children[i].key)) {\r\n this.expandNodes(node.children[i], nodeKeyList.filter(k => k !== node.children[i].key));\r\n }\r\n }\r\n }\r\n }\r\n\r\n private getExpandedNode(node: TreeNode, selectedNodeList: string[]): string[] {\r\n if (node && node.expanded) {\r\n selectedNodeList.push(node.key);\r\n if (node.children) {\r\n node.children.forEach(n => this.getExpandedNode(n, selectedNodeList));\r\n }\r\n }\r\n\r\n return selectedNodeList;\r\n }\r\n \r\n private findTreeNode(currentNode: FolderTreeNode) {\r\n if (currentNode.key === this.selectedNode.key) {\r\n this.currentSelectedNode = currentNode;\r\n return;\r\n }\r\n\r\n for (const node of currentNode.children) {\r\n if (node.key === this.selectedNode.key) {\r\n this.currentSelectedNode = node;\r\n break;\r\n } else {\r\n this.findTreeNode(node);\r\n }\r\n }\r\n }\r\n\r\n private folderNameValidation(newFolderName: string) {\r\n // trim it to prevent spaces in the beginning and the end to differentiate the folder name.\r\n newFolderName = newFolderName.trim();\r\n\r\n if (newFolderName.length < 3 || newFolderName.length > 255) {\r\n return this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.NAME_LENGTH_VALIDATION');\r\n }\r\n\r\n for (const node of this.loadedNodes) {\r\n this.findTreeNode(node);\r\n if (this.currentSelectedNode !== null) {\r\n break;\r\n }\r\n }\r\n\r\n if (this.currentSelectedNode && this.currentSelectedNode.children) {\r\n const isExists =\r\n this.currentSelectedNode.children.find(i => i.label.toLowerCase() === newFolderName.toLowerCase()) != null;\r\n if (isExists) {\r\n this.currentSelectedNode = null;\r\n return this.translate.instant('COMMON.DIALOGS.CREATE_NEW_FOLDER.FOLDER_ALREADY_EXISTS_VALIDATION'); // FOLDER_ALREADY_EXISTS_VALIDATION\r\n }\r\n }\r\n return null;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './fm-folders-tree.component';\r\n// end:ng42.barrel\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { ImageSyncApiService } from '../../typescript-angular-client/api/imageSync.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ImageSyncService {\r\n constructor(\r\n private imageSyncService: ImageSyncApiService,\r\n private accountService: AccountService\r\n ) { }\r\n\r\n public syncImages(email: string) {\r\n return this.imageSyncService.syncImages(this.accountService.accountKey, email)\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-manager.module';\r\nexport * from './file-item/index';\r\nexport * from './file-search/index';\r\nexport * from './file-uploader/index';\r\nexport * from './files-list/index';\r\nexport * from './fm-folders-tree/index';\r\nexport * from './manager-command/index';\r\nexport * from './manager-content/index';\r\nexport * from './manager-dialog/index';\r\nexport * from './models/index';\r\nexport * from './pipes/index';\r\nexport * from './file-preview/index';\r\nexport * from './quota/index';\r\nexport * from './services/index';\r\nexport * from './upload-progress/index';\r\nexport * from './utils';\r\n// end:ng42.barrel\r\n\r\n","import { Component, EventEmitter, Input, Output, Self } from '@angular/core';\r\nimport { FolderTreeNode } from '../../typescript-angular-client/model/folderTreeNode';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { NewFilesListService } from '../files-list/files-list.service';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\n\r\n@Component({\r\n selector: 'file-manager-command',\r\n templateUrl: './file-manager-command.html',\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class FileManagerCommandComponent {\r\n @Output() addFolderAction = new EventEmitter();\r\n @Output() renameItemAction = new EventEmitter();\r\n @Output() deleteItemAction = new EventEmitter();\r\n @Output() syncImagesAction = new EventEmitter();\r\n public currentNode: FolderTreeNode;\r\n\r\n @Input() dialogType: FileModel.FileTypeEnum;\r\n @Input() showExportButton: boolean;\r\n\r\n @Input()\r\n set currentFolder(value: FolderTreeNode) {\r\n this.currentNode = value;\r\n this.addNewFolderButtonDisabled = (value === null) || this.filesOnlyMode;\r\n this.renamedButtonDisabled = true;\r\n this.deleteButtonDisabled = true;\r\n }\r\n\r\n @Input()\r\n set selectedItemsInList(value: Array) {\r\n this.addNewFolderButtonDisabled = this.currentNode === null || this.filesOnlyMode;\r\n this.deleteButtonDisabled = !value || value.length === 0;\r\n this.renamedButtonDisabled = !value || value.length !== 1;\r\n }\r\n\r\n public deleteButtonDisabled: boolean;\r\n public renamedButtonDisabled: boolean;\r\n public addNewFolderButtonDisabled: boolean;\r\n public filesOnlyMode: boolean;\r\n\r\n constructor(\r\n newFilesListService: NewFilesListService,\r\n @Self() private ngOnDestroy$: NgOnDestroyService\r\n ) {\r\n this.addNewFolderButtonDisabled = this.renamedButtonDisabled = this.deleteButtonDisabled = true;\r\n newFilesListService.isFilesOnlyMode$\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe((filesOnlyMode) => {\r\n this.filesOnlyMode = filesOnlyMode;\r\n this.addNewFolderButtonDisabled = (this.currentNode === null) || this.filesOnlyMode;\r\n });\r\n }\r\n\r\n public onAddFolderClicked = (): void => this.addFolderAction.emit();\r\n\r\n public onRenameListItemClicked = () => this.renameItemAction.emit();\r\n\r\n public onDeleteListItemClicked = () => this.deleteItemAction.emit();\r\n\r\n public onSyncImagesClicked = () => this.syncImagesAction.emit();\r\n \r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-manager-command.component';\r\n// end:ng42.barrel\r\n\r\n","import { MenuItem, TreeNode } from 'primeng/api';\r\nimport { Observable } from 'rxjs';\r\nimport { filter, finalize, share, switchMap, takeUntil, tap } from 'rxjs/operators';\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, Self, ViewChild } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\nimport { SpinnerService } from '../../components/spinner/spinner.service';\r\nimport { DialogCloseReason, IDialogOnClose } from '../../dialogs/base-dialog';\r\nimport { DialogService } from '../../dialogs/dialog.service';\r\nimport { FileDeleteAlertComponent } from '../../dialogs/file-delete-alert/file-delete-alert.component';\r\nimport { RPC } from '../../frame-rpc';\r\nimport { IFileBase } from '../../interfaces/files.interface';\r\nimport { TreeViewService } from '../../typescript-angular-client/api/treeView.service';\r\nimport { FolderTreeNode } from '../../typescript-angular-client/model/folderTreeNode';\r\nimport { DragAndDropEvent, FileModel } from '../../typescript-angular-client/model/models';\r\nimport { FmUploaderService } from '../file-uploader/fm-uploader.service';\r\nimport { FilesListComponent } from '../files-list/files-list.component';\r\nimport { FilesListService, NewFilesListService } from '../files-list/files-list.service';\r\nimport { FmFoldersTreeComponent } from '../fm-folders-tree/fm-folders-tree.component';\r\nimport { ImageSyncService } from '../image-sync/image-sync.service';\r\nimport { ProgressBarData } from '../models/progress-bar-data.model';\r\nimport { FileManagerTypeEnum } from '../services/file-manager-api';\r\nimport { FmTreeService } from '../services/fm-tree.service';\r\nimport { ImageFileEditorService } from '../services/image-file-editor.service';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { IsSingleFileModel, IsTreeNode } from '../utils';\r\nimport { matchNode } from './match-node/match-node';\r\n\r\nexport interface IChangedFiles {\r\n deletedFiles: Array;\r\n replacedFiles: Array;\r\n}\r\n\r\nenum SearchMode {\r\n Folders,\r\n Library,\r\n}\r\n\r\n@Component({\r\n selector: 'file-manager-dialog-content',\r\n viewProviders: [],\r\n templateUrl: './file-manager-dialog-content.html',\r\n providers: [NgOnDestroyService],\r\n changeDetection: ChangeDetectionStrategy.Default\r\n})\r\nexport class FileManagerDialogContentComponent implements OnInit, OnDestroy {\r\n @Output() selectedFileChanged = new EventEmitter();\r\n @Output() selectedFolderChanged = new EventEmitter();\r\n @Output() severalFilesSelected = new EventEmitter();\r\n @Output() changedFilesUpdated = new EventEmitter();\r\n @Output() progressBarDataEmit = new EventEmitter();\r\n @Input() dialogType: FileModel.FileTypeEnum;\r\n @Input() maxFileSize = Math.pow(1024, 2) * 2;\r\n @Input() enableImageEditing = true;\r\n @Input() fileListPageSize?: number;\r\n @Input() previewFileNameMaxLength?: number;\r\n @Input() previewImgMaxHeight?: number;\r\n @Input() previewImgMaxWidth?: number;\r\n @Input() showUploaderBelowList?: boolean;\r\n @Input() showExportButton: boolean;\r\n\r\n @ViewChild('fL', { static: false }) fList: FilesListComponent;\r\n @ViewChild('fmTree', { static: false }) fTree: FmFoldersTreeComponent;\r\n\r\n SearchMode = SearchMode;\r\n\r\n readonly imageDialogType = FileModel.FileTypeEnum.IMAGES;\r\n public progressBarData: ProgressBarData = {\r\n width: 20,\r\n status: false,\r\n numberFiles: 0,\r\n currentFileIndex: 0,\r\n };\r\n private rpc: RPC;\r\n public FileManagerTypeEnum = FileManagerTypeEnum;\r\n public changedFiles: IChangedFiles = { deletedFiles: [], replacedFiles: [] };\r\n public currentFolder: string;\r\n public selectedFiles: FileModel[];\r\n public email: string;\r\n public menuItems: MenuItem[] = [\r\n {\r\n label: 'Rename',\r\n icon: 'pi pi-fw pi-pencil',\r\n command: () => this.onRenameItem(),\r\n },\r\n {\r\n label: 'Delete',\r\n icon: 'pi pi-fw pi-trash',\r\n command: () => this.onDeleteItem(),\r\n },\r\n ];\r\n\r\n constructor(\r\n public treeViewService: TreeViewService,\r\n public filesListService: FilesListService,\r\n private fmTreeService: FmTreeService,\r\n private flService: NewFilesListService,\r\n private imageFileEditorService: ImageFileEditorService,\r\n private spinnerService: SpinnerService,\r\n private dialogService: DialogService,\r\n private translate: TranslateService,\r\n private uploaderService: FmUploaderService,\r\n private imageSyncService: ImageSyncService,\r\n @Self() private ngOnDestroy$: NgOnDestroyService\r\n ) {\r\n if (this.fileListPageSize == null) {\r\n this.fileListPageSize = 16;\r\n }\r\n if (this.showUploaderBelowList == null) {\r\n this.showUploaderBelowList = false;\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.uploaderService.completedAll$\r\n .pipe(takeUntil(this.ngOnDestroy$))\r\n .subscribe(() => this.refreshList());\r\n this.setUpCommunicationWithHostPage();\r\n }\r\n\r\n private setUpCommunicationWithHostPage(): void {\r\n this.rpc = new RPC(window, window.parent, '*', {});\r\n this.selectedFileChanged.subscribe((event) =>\r\n this.rpc.call('onSelectedFileChanged', event)\r\n );\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.flService.clear();\r\n }\r\n\r\n get folders(): Observable {\r\n return this.fmTreeService.fileLoaded;\r\n }\r\n\r\n get files(): Observable {\r\n return this.flService.files$;\r\n }\r\n\r\n get isFileOnlyMode(): Observable {\r\n return this.flService.isFilesOnlyMode$;\r\n }\r\n\r\n get loadingFiles(): Observable {\r\n return this.flService.isLoading$;\r\n }\r\n\r\n get isMultiSelected(): boolean {\r\n if (!this.selectedFiles) {\r\n return true;\r\n }\r\n return this.selectedFiles.length > 1;\r\n }\r\n\r\n get isFolderSelected(): boolean {\r\n if (!this.selectedFiles) {\r\n return true;\r\n }\r\n return this.isMultiSelected || this.selectedFiles.some((v) => v.IsFolder);\r\n }\r\n\r\n get currentFolderForUpload(): string {\r\n if (this.flService.isFilesOnlyMode) {\r\n return '0';\r\n } else {\r\n return this.fTree && this.fTree.SelectedNode\r\n ? this.fTree.SelectedNode.key\r\n : undefined;\r\n }\r\n }\r\n\r\n public searchModeSelectButtonOnChangeEvent(\r\n event: unknown,\r\n searchMode: SearchMode\r\n ): void {\r\n const treeNodeToPass =\r\n searchMode === SearchMode.Folders ? this.fTree.SelectedNode : null;\r\n // const treeNodeToPass = this.fTree.SelectedNode;\r\n this.flService.setFilesOnlyMode(\r\n searchMode === SearchMode.Library,\r\n treeNodeToPass,\r\n this.dialogType,\r\n this.fileListPageSize\r\n );\r\n }\r\n\r\n public sendProgressBarData(data: ProgressBarData): void {\r\n this.progressBarDataEmit.emit(data || this.progressBarData);\r\n }\r\n\r\n public folderSelected(folder: FolderTreeNode): void {\r\n this.selectedFiles = null;\r\n this.fList.selection = null;\r\n this.selectedFileChanged.emit(null);\r\n\r\n if (folder !== null) {\r\n this.flService.loadByFolder(\r\n folder,\r\n this.dialogType,\r\n this.fileListPageSize\r\n );\r\n }\r\n }\r\n\r\n public folderDragStarted(folder: FolderTreeNode): void {\r\n this.fTree.folderDrag = folder;\r\n }\r\n\r\n public onFileSelected(event): void {\r\n this.selectedFiles = event;\r\n if (!this.isMultiSelected) {\r\n const file = this.selectedFiles[0];\r\n if (file && file.IsFolder) {\r\n this.selectedFileChanged.emit(null);\r\n return;\r\n }\r\n this.selectedFileChanged.emit(file);\r\n } else {\r\n this.selectedFileChanged.emit(null);\r\n }\r\n }\r\n\r\n public onDeleteItem(): void {\r\n this.dialogService\r\n .createDialog(FileDeleteAlertComponent, {\r\n itemsCount: this.selectedFiles.length,\r\n isJustFolder:\r\n this.selectedFiles.length === 1 && this.selectedFiles[0].IsFolder,\r\n dialogType: this.dialogType,\r\n })\r\n .onClose.pipe(\r\n filter((r: IDialogOnClose) => r.reason === DialogCloseReason.OK),\r\n tap(() => this.spinnerService.show()),\r\n switchMap(() => this.flService.deleteFiles(this.selectedFiles))\r\n )\r\n .subscribe({\r\n next: (result: string[]) => {\r\n this.spinnerService.hide();\r\n this.fList.selection = null;\r\n this.fList.elements = this.fList.elements.filter(\r\n (x) => !result.some((r) => r === x.Id)\r\n );\r\n this.changedFiles.deletedFiles.splice(\r\n 0,\r\n this.changedFiles.deletedFiles.length,\r\n ...result.map((s) => { id: s })\r\n );\r\n this.changedFilesUpdated.emit(this.changedFiles);\r\n this.fTree.RefreshCommand();\r\n },\r\n error: () => this.spinnerService.hide(),\r\n });\r\n }\r\n\r\n public onRenameItem(): void {\r\n const isFolder = this.selectedFiles[0].IsFolder;\r\n let fileName = '';\r\n\r\n const dialogHandle = this.dialogService.input({\r\n fieldDefaultValue: this.selectedFiles[0].Name,\r\n header: this.translate.instant(\r\n isFolder\r\n ? 'COMMON.DIALOGS.RENAME_FOLDER.RENAME_FOLDER'\r\n : 'COMMON.DIALOGS.RENAME_FILE.RENAME_FILE'\r\n ),\r\n fieldName: this.translate.instant(\r\n isFolder\r\n ? 'COMMON.DIALOGS.RENAME_FOLDER.FOLDER_NAME'\r\n : 'COMMON.DIALOGS.RENAME_FILE.FILE_NAME'\r\n ),\r\n okCaption: this.translate.instant(\r\n isFolder\r\n ? 'COMMON.DIALOGS.RENAME_FOLDER.RENAME'\r\n : 'COMMON.DIALOGS.RENAME_FILE.RENAME'\r\n ),\r\n cancelCaption: this.translate.instant(\r\n 'COMMON.DIALOGS.RENAME_FOLDER.CANCEL'\r\n ),\r\n fieldValidationContext: { selectedFile: this.selectedFiles[0] },\r\n fieldValidationCallback: (v) => {\r\n fileName = v;\r\n return this.fileNameValidation(v);\r\n },\r\n });\r\n\r\n dialogHandle.onClose\r\n .pipe(\r\n filter((response) => response.reason === DialogCloseReason.OK),\r\n tap(() => this.spinnerService.show()),\r\n switchMap(() => {\r\n if (isFolder) {\r\n return this.treeViewService.treeViewUpdateFolder(\r\n {\r\n folderName: fileName,\r\n id: this.selectedFiles[0].Id,\r\n parentId: this.selectedFiles[0].ParentFolderId,\r\n },\r\n this.dialogType\r\n );\r\n } else {\r\n return this.flService.updateFile(\r\n {\r\n Name: fileName,\r\n Id: this.selectedFiles[0].Id,\r\n ParentFolderId: this.selectedFiles[0].ParentFolderId,\r\n },\r\n this.dialogType\r\n );\r\n }\r\n }),\r\n finalize(() => this.spinnerService.hide())\r\n )\r\n .subscribe(() => {\r\n this.selectedFiles[0].Name = fileName;\r\n if (isFolder) {\r\n this.fTree.RefreshCommand();\r\n }\r\n this.spinnerService.hide();\r\n });\r\n }\r\n\r\n public onSyncImages(): void {\r\n let email = 'Please enter an email address.';\r\n\r\n const dialogHandle = this.dialogService.input({\r\n header: this.translate.instant('COMMON.DIALOGS.SYNC_IMAGES.SYNC_IMAGES'),\r\n body: this.translate.instant('COMMON.DIALOGS.SYNC_IMAGES.DESCRIPTION'),\r\n fieldName: this.translate.instant(\r\n 'COMMON.DIALOGS.SYNC_IMAGES.EMAIL_NOTIFICATION'\r\n ),\r\n fieldPlaceHolder: this.translate.instant(\r\n 'COMMON.DIALOGS.SYNC_IMAGES.PLACEHOLDER'\r\n ),\r\n okCaption: this.translate.instant('COMMON.DIALOGS.SYNC_IMAGES.SYNC'),\r\n cancelCaption: this.translate.instant(\r\n 'COMMON.DIALOGS.SYNC_IMAGES.CANCEL'\r\n ),\r\n fieldValidationContext: { email: this.email },\r\n fieldValidationCallback: (v) => {\r\n email = v;\r\n return this.emailValidation(v);\r\n },\r\n });\r\n\r\n dialogHandle.onClose\r\n .pipe(\r\n filter((r: IDialogOnClose) => r.reason === DialogCloseReason.OK),\r\n switchMap(() => this.imageSyncService.syncImages(email))\r\n )\r\n .subscribe();\r\n }\r\n\r\n private fileNameValidation(newName: string): string {\r\n const isFolder = this.selectedFiles[0].IsFolder;\r\n newName = newName.trim();\r\n\r\n if ((isFolder && newName.length < 3) || newName.length > 255) {\r\n return this.translate.instant(\r\n 'COMMON.DIALOGS.CREATE_NEW_FOLDER.NAME_LENGTH_VALIDATION'\r\n );\r\n }\r\n\r\n if ((!isFolder && newName.length < 5) || newName.length > 255) {\r\n return this.translate.instant(\r\n 'COMMON.DIALOGS.RENAME_FILE.NAME_LENGTH_VALIDATION'\r\n );\r\n }\r\n\r\n if (this.fList.elements.filter((x) => x.Name === newName).length > 0) {\r\n return this.translate.instant(\r\n 'COMMON.DIALOGS.' +\r\n (isFolder\r\n ? 'RENAME_FOLDER.FOLDER_ALREADY_EXISTS_VALIDATION'\r\n : 'RENAME_FILE.FILE_ALREADY_EXISTS_VALIDATION')\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n private emailValidation(email: string): string {\r\n if (!email) {\r\n return this.translate.instant(\r\n 'COMMON.DIALOGS.SYNC_IMAGES.EMAIL_VALIDATION'\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n public refreshList(): void {\r\n this.folderSelected(this.fTree.SelectedNode);\r\n }\r\n\r\n public fileListContextMenuSelected(): void {\r\n this.menuItems[0].disabled = this.isMultiSelected;\r\n }\r\n\r\n public startSearch(event: string): void {\r\n this.fList.selection = null;\r\n this.flService.search(\r\n event,\r\n this.fTree.SelectedNode,\r\n this.dialogType,\r\n this.fileListPageSize\r\n );\r\n }\r\n\r\n public fileDropped(event: any): void {\r\n if (!event.draggedItem) {\r\n return;\r\n }\r\n\r\n let droppedItem: FileModel;\r\n\r\n if (IsSingleFileModel(event.droppedItem)) {\r\n droppedItem = event.droppedItem as FileModel;\r\n if (!droppedItem || !droppedItem.IsFolder) {\r\n return;\r\n }\r\n }\r\n\r\n const dragged = IsTreeNode(event.draggedItem)\r\n ? [(event.draggedItem as TreeNode).data as FileModel]\r\n : this.selectedFiles || [event.draggedItem];\r\n\r\n if (\r\n dragged.some((value) => value.IsFolder && value.Id === droppedItem.Id)\r\n ) {\r\n if (event.isFolderTreeDrop) {\r\n this.fTree.tryGetAllFolders(this.fTree.SelectedNode, true);\r\n }\r\n return;\r\n }\r\n\r\n // trying to move parent into it's children will lead to cycle reference\r\n if (droppedItem.IsFolder) {\r\n const droppedParents = this.fTree.getFolderParents(droppedItem.Id);\r\n if (\r\n droppedParents.length > 0 &&\r\n dragged.some(\r\n (value) => value.IsFolder && droppedParents.indexOf(value.Id) > -1\r\n )\r\n ) {\r\n if (event.isFolderTreeDrop) {\r\n this.fTree.tryGetAllFolders(this.fTree.SelectedNode, true);\r\n }\r\n return;\r\n }\r\n }\r\n\r\n if (event.isFolderTreeDrop) {\r\n if (\r\n dragged.some(\r\n (draggedValue) =>\r\n draggedValue.IsFolder &&\r\n draggedValue.ParentFolderId === droppedItem.Id\r\n )\r\n ) {\r\n this.fTree.tryGetAllFolders(this.fTree.SelectedNode, true);\r\n return;\r\n }\r\n } else {\r\n if (\r\n dragged[0].Id === droppedItem.Id ||\r\n this.fList.elements.some(\r\n (value) =>\r\n dragged[0].ParentFolderId === droppedItem.Id ||\r\n (dragged[0].Id === value.Id &&\r\n !(\r\n droppedItem.IsFolder &&\r\n droppedItem.Id !== dragged[0].id &&\r\n droppedItem.Id !== dragged[0].ParentFolderId\r\n ))\r\n )\r\n ) {\r\n return;\r\n }\r\n }\r\n\r\n this.spinnerService.show();\r\n this.flService\r\n .moveFiles(droppedItem, dragged)\r\n .pipe(\r\n finalize(() => {\r\n this.fTree.tryGetAllFolders(this.fTree.SelectedNode, true);\r\n this.spinnerService.hide();\r\n })\r\n )\r\n .subscribe(() => {\r\n this.selectedFiles = null;\r\n this.fList.elements = [];\r\n this.spinnerService.hide();\r\n });\r\n }\r\n\r\n public folderFromThreeDropped(event: DragAndDropEvent): void {\r\n this.spinnerService.show();\r\n let droppedFolderId = this.fTree.SelectedNode.key;\r\n const droppedItem = event.droppedItem as FileModel;\r\n\r\n if (droppedItem) {\r\n droppedFolderId = droppedItem.Id;\r\n }\r\n\r\n this.treeViewService\r\n .treeViewUpdateFolder({\r\n id: this.fTree.folderDrag.key,\r\n parentId: droppedFolderId,\r\n folderName: this.fTree.folderDrag.label,\r\n })\r\n .subscribe(() => {\r\n this.fTree.RefreshCommand();\r\n this.spinnerService.hide();\r\n });\r\n }\r\n\r\n public handleFilesUploaded(): void {\r\n this.filesListService.searchTerm = '';\r\n this.filesListService.refresh(false, this.fileListPageSize);\r\n }\r\n\r\n public onNewFileAdded(): void {\r\n this.filesListService.searchTerm = '';\r\n this.filesListService.refresh(true, this.fileListPageSize);\r\n }\r\n\r\n public onEditImage(event: unknown): void {\r\n if (this.isMultiSelected || this.isFolderSelected) {\r\n return;\r\n }\r\n const selectedFile = this.selectedFiles[0];\r\n this.imageFileEditorService\r\n .editImage({\r\n contentType: selectedFile.ContentType,\r\n height: selectedFile.Height,\r\n id: selectedFile.Id,\r\n name: selectedFile.Name,\r\n parentFolderId: selectedFile.ParentFolderId,\r\n size: selectedFile.Size,\r\n src: selectedFile.Link,\r\n uploadDate: selectedFile.CreatedOn.toString(),\r\n width: selectedFile.Width,\r\n })\r\n .pipe(\r\n share(),\r\n finalize(() => this.spinnerService.hide())\r\n )\r\n .subscribe((result) => {\r\n const model: FileModel = {\r\n ContentType: result.contentType,\r\n Id: result.id,\r\n CreatedOn: new Date(result.uploadDate),\r\n IsFolder: false,\r\n Height: result.height,\r\n Width: result.width,\r\n Link: result.src,\r\n Size: result.size,\r\n Name: result.name,\r\n ParentFolderId: result.parentFolderId,\r\n };\r\n this.fList.elements.push(model);\r\n this.fList.selection = [model];\r\n this.spinnerService.hide();\r\n this.selectedFileChanged.emit(model);\r\n });\r\n }\r\n\r\n public selectFolder(event: FileModel): void {\r\n const node = matchNode(event.Id, this.fTree.SelectedNode);\r\n if (!node) {\r\n return;\r\n }\r\n (this.fTree.SelectedNode as TreeNode).expanded = true;\r\n this.fList.elements.length = 0;\r\n this.fTree.SelectedNode = node;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-manager-dialog-content.component';\r\n// end:ng42.barrel\r\n\r\n","import { FolderTreeNode } from '../../../typescript-angular-client/model/folderTreeNode';\r\n\r\nexport const matchNode = (id: string, folder: FolderTreeNode): FolderTreeNode => {\r\n let node : FolderTreeNode;\r\n folder.children.forEach(child => {\r\n if (child.key === id) {\r\n node = child;\r\n };\r\n if (!node) {\r\n node = matchNode(id, child);\r\n };\r\n });\r\n return node;\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\nimport { DialogBase, DialogCloseReason } from '../../dialogs/base-dialog';\r\nimport { IImageFile } from '../../interfaces/files.interface';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\nimport { IChangedFiles } from '../manager-content/file-manager-dialog-content.component';\r\nimport {\r\n IImageManagerDialogConfig, TImageManagerDialogCancelEvent, TImageManagerDialogOKEvent\r\n} from './image-manager-dialog.model';\r\n\r\n@Component({\r\n selector: 'image-manager-dialog',\r\n viewProviders: [],\r\n templateUrl: './image-manager-dialog.html',\r\n})\r\nexport class ImageManagerDialogComponent extends DialogBase {\r\n private selectedFile: FileModel;\r\n private changedFiles: IChangedFiles;\r\n public dialogType = FileModel.FileTypeEnum.IMAGES;\r\n public maxFileSize = Math.pow(1024, 2) * 2;\r\n public enableImageEditing = true;\r\n public customTitleText: string;\r\n public showExportButton: boolean = true;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public onSelectedFileChanged = (newlySelectedFile: FileModel): void => {\r\n this.selectedFile = newlySelectedFile;\r\n };\r\n\r\n public onChangedFilesUpdated = (changedFiles: IChangedFiles): void => {\r\n this.changedFiles = changedFiles;\r\n };\r\n\r\n public onCancel = (): void => {\r\n const cancelEvent: TImageManagerDialogCancelEvent = {\r\n reason: DialogCloseReason.CANCEL,\r\n data: { changedFiles: this.changedFiles },\r\n };\r\n super.close(cancelEvent);\r\n };\r\n\r\n public initDialog = (): void => {\r\n const dialogConfig = this.extraData as IImageManagerDialogConfig;\r\n if (dialogConfig !== undefined) {\r\n this.enableImageEditing = dialogConfig.enableImageEditing;\r\n\r\n if (dialogConfig.dialogType) {\r\n this.dialogType = dialogConfig.dialogType;\r\n }\r\n\r\n if (dialogConfig.customTitleText) {\r\n this.customTitleText = dialogConfig.customTitleText;\r\n }\r\n\r\n if (dialogConfig.maxFileSize) {\r\n this.maxFileSize = dialogConfig.maxFileSize;\r\n }\r\n\r\n if (dialogConfig.showExportButton !== undefined) {\r\n this.showExportButton = dialogConfig.showExportButton;\r\n }\r\n }\r\n };\r\n\r\n public onOk = (): void => {\r\n const selectedFile: IImageFile = {\r\n contentType: this.selectedFile.ContentType,\r\n id: this.selectedFile.Id,\r\n name: this.selectedFile.Name,\r\n parentFolderId: this.selectedFile.ParentFolderId,\r\n size: this.selectedFile.Size,\r\n src: this.selectedFile.Link,\r\n width: this.selectedFile.Width,\r\n height: this.selectedFile.Height,\r\n uploadDate: this.selectedFile.CreatedOn.toString(),\r\n };\r\n const closeOkEvent: TImageManagerDialogOKEvent = {\r\n reason: DialogCloseReason.OK,\r\n data: { changedFiles: this.changedFiles, selectedFile },\r\n };\r\n super.close(closeOkEvent);\r\n };\r\n}\r\n","// start:ng42.barrel\r\nexport * from './image-manager-dialog.component';\r\n// end:ng42.barrel\r\n\r\n","// start:ng42.barrel\r\nexport * from './FileUploadError';\r\nexport * from './progress-bar-data.model';\r\nexport * from './selected-entities.model';\r\n// end:ng42.barrel\r\n\r\n","import { FileModel } from '../../typescript-angular-client';\r\n\r\n\r\nexport class SelectedEntities {\r\n private _selectedFiles: Array;\r\n private _selectedFolders: Array;\r\n\r\n get selectedFolders(): Array {\r\n return this._selectedFolders;\r\n }\r\n\r\n set selectedFolders(value: Array) {\r\n this._selectedFolders = value;\r\n }\r\n\r\n AddSelectedFile(file: FileModel) {\r\n if (this.selectedFiles == null) {\r\n this.selectedFiles = new Array();\r\n }\r\n\r\n const fileInArray = this.selectedFiles.filter((item) => item.Id === file.Id);\r\n\r\n if (fileInArray != null && fileInArray.length > 0) {\r\n const index: number = this.selectedFiles.indexOf(file);\r\n if (index !== -1) {\r\n this.selectedFiles.splice(index, 1);\r\n }\r\n } else {\r\n this.selectedFiles.push(file);\r\n }\r\n }\r\n\r\n get selectedFiles(): Array {\r\n return this._selectedFiles;\r\n }\r\n\r\n set selectedFiles(value: Array) {\r\n this._selectedFiles = value;\r\n }\r\n\r\n constructor() {\r\n this._selectedFolders = [];\r\n this._selectedFiles = [];\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({ name: 'elipsis', pure: true })\r\nexport class ElipsisPipe implements PipeTransform {\r\n\r\n transform(value: string, maxLength: number = 15): string {\r\n if (value && value.length > maxLength) {\r\n return value.substring(0, maxLength) + `...`;\r\n }\r\n return value;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './elipsis.pipe';\r\nexport * from './sanitize-url.pipe';\r\n// end:ng42.barrel\r\n\r\n","import { Pipe, PipeTransform, SecurityContext } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\ninterface ISanitizedUrlHash {\r\n [originalUrl: string]: string;\r\n}\r\n\r\n@Pipe({ name: 'sanitizeUrl', pure: true })\r\nexport class SanitizeUrlPipe implements PipeTransform {\r\n private sanitizedUrlHash: ISanitizedUrlHash = {};\r\n private defaultImageSmall = '/assets/images/folder.png';\r\n\r\n constructor(private _sanitizer: DomSanitizer) {}\r\n\r\n transform(value: string, args?: any): string {\r\n if (!value) {\r\n return this.defaultImageSmall;\r\n }\r\n // IMPROTANT!: check the hash if we have the sanitized url and if so get that already created object.\r\n // because this is a function binded to the src prop of img element it will causes each tick call to creates a new sanitized object\r\n // and that will result a call on the network to get the image again. (resulted real slowness in FF)\r\n // this hash insures that the same object is returned each time so angular does not detect this as a change and no redundant network calls\r\n // are issued.\r\n if (this.sanitizedUrlHash[value]) {\r\n return this.sanitizedUrlHash[value];\r\n } else {\r\n const result = this._sanitizer.sanitize(SecurityContext.URL, this._sanitizer.bypassSecurityTrustResourceUrl(value));\r\n this.sanitizedUrlHash[value] = result;\r\n return this.sanitizedUrlHash[value];\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpService } from '../../http/http.service';\r\nimport { DialogService, IDialogHandle } from '../../dialogs/dialog.service';\r\nimport { EAlertTypes } from '../../dialogs/alert/alert.component';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { tap } from 'rxjs/operators';\r\nimport { ApiEndpointService } from '../../services/api-endpoint.service';\r\nimport { Observable } from 'rxjs';\r\n\r\ninterface IQuotaData {\r\n totalStorageSpace: number;\r\n remainingStorageSpace: number;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FilesQuotaService {\r\n public remainingStorageSpace = 0;\r\n public totalStorageSpace = 500;\r\n public isQuotaExceeded = false;\r\n readonly fileManagerBaseUrl: string;\r\n\r\n constructor(\r\n private accountService: AccountService,\r\n private translate: TranslateService,\r\n private dialogService: DialogService,\r\n private httpService: HttpService,\r\n private apiEndpoint: ApiEndpointService\r\n ) {\r\n this.fileManagerBaseUrl = `${this.accountService.baseUrl}/api/FileManager_v2/`;\r\n }\r\n\r\n public subscribeToGetStorageQuota = (): Observable => {\r\n return this.getStorageQuota().pipe(\r\n tap((data: IQuotaData) => this.handleGetStorageQuotaResult(data),\r\n () => this.handleGetStorageQuotaError())\r\n );\r\n }\r\n\r\n private handleGetStorageQuotaError = () => console.log('error in handleGetStorageQuota');\r\n\r\n public openQuotaExceededDialog = (): IDialogHandle => {\r\n return this.dialogService.alert({\r\n header: this.translate.instant('COMMON.QUOTA.STORAGE_QUOTA_EXCEEDED.HEADER'),\r\n message: this.translate.instant('COMMON.QUOTA.STORAGE_QUOTA_EXCEEDED.MESSAGE'),\r\n type: EAlertTypes.Alert,\r\n okCaption: this.translate.instant('COMMON.QUOTA.STORAGE_QUOTA_EXCEEDED.OK'),\r\n });\r\n }\r\n\r\n public handleGetStorageQuotaResult = (res: IQuotaData): void => {\r\n this.remainingStorageSpace = res.remainingStorageSpace;\r\n this.totalStorageSpace = res.totalStorageSpace;\r\n if (this.remainingStorageSpace <= 0) {\r\n this.isQuotaExceeded = true;\r\n } else {\r\n this.isQuotaExceeded = false;\r\n }\r\n }\r\n\r\n public getStorageQuota = () => this.httpService.get(this.apiEndpoint.GetStorageQuotaUrl);\r\n\r\n public getAccountDataQueryString = (): string => {\r\n const accountKey = this.accountService.accountKey;\r\n const pageid = this.accountService.pageid;\r\n const typename = this.accountService.typename;\r\n const orgname = this.accountService.orgname;\r\n return `accountKey=${accountKey}&id=${pageid}&orgname=${orgname}&typename=${typename}&callerpage=ddeditor`;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './files-quota.service';\r\nexport * from './quota.component';\r\n// end:ng42.barrel\r\n\r\n","import { AfterViewInit, Component, OnDestroy } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FilesQuotaService } from './files-quota.service';\r\nimport { FmUploaderService } from '../file-uploader/fm-uploader.service';\r\nimport { first, takeUntil } from 'rxjs/operators';\r\nimport { NewFilesListService } from '../files-list/files-list.service';\r\n\r\n@Component({\r\n selector: 'quota-image',\r\n templateUrl: './quota.html'\r\n})\r\nexport class QuotaComponent implements AfterViewInit, OnDestroy {\r\n public quotaMBAvailableLabel: string;\r\n public quotaOutOfLabel: string;\r\n public quotaMBLabel: string;\r\n private destroy = new Subject();\r\n\r\n constructor(\r\n public filesQuotaService: FilesQuotaService,\r\n translate: TranslateService,\r\n private uploaderService: FmUploaderService,\r\n private newFileListService: NewFilesListService\r\n ) {\r\n this.quotaMBAvailableLabel = translate.instant('COMMON.QUOTA.QUOTA_MB_AVAILABLE');\r\n this.quotaOutOfLabel = translate.instant('COMMON.QUOTA.QUOTA_OUT_OF');\r\n this.quotaMBLabel = translate.instant('COMMON.QUOTA.QUOTA_MB');\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.uploaderService.completedAll$.pipe(takeUntil(this.destroy)).subscribe(this.refreshStorageQuotaDetails);\r\n this.newFileListService.deletedFiles$.pipe(takeUntil(this.destroy)).subscribe(this.refreshStorageQuotaDetails);\r\n }\r\n\r\n private refreshStorageQuotaDetails = (): void => {\r\n this.filesQuotaService.subscribeToGetStorageQuota().pipe(first()).subscribe();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.destroy.next();\r\n this.destroy.complete();\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { HttpService } from '../../http/http.service';\r\nimport { IImageFile } from '../../interfaces/files.interface';\r\nimport { ApiEndpointService } from '../../services/api-endpoint.service';\r\n\r\nexport enum FileManagerTypeEnum {\r\n ALL,\r\n IMAGES,\r\n DOCUMENTS,\r\n CONTACT,\r\n USER,\r\n LAYOUTS\r\n}\r\n\r\nexport enum OrderByEnum {\r\n CreatedOn = 'CreatedOn',\r\n Name = 'Name'\r\n}\r\n\r\nexport enum OrderDirectionEnum {\r\n DESC = 'DESC',\r\n ASC = 'ASC'\r\n}\r\n\r\nexport interface IGetFilesByFolderRequestDetails {\r\n Count: number;\r\n OrderBy: OrderByEnum;\r\n OrderByDirection: OrderDirectionEnum;\r\n Page: number;\r\n FileManagerType: FileManagerTypeEnum;\r\n searchCondition: string;\r\n folderId: string;\r\n isCountChanged: boolean;\r\n SearchAllFolders: boolean;\r\n ExcludeFolders: boolean;\r\n}\r\n\r\n@Injectable()\r\nexport class CDFileManagerAPI {\r\n private readonly baseUrlFileManager: string;\r\n\r\n constructor(\r\n private httpService: HttpService,\r\n private accountService: AccountService,\r\n private apiEndpoint: ApiEndpointService\r\n ) {\r\n this.baseUrlFileManager = `${this.accountService.baseUrl}/api/FileManager_v2/`;\r\n }\r\n\r\n private getAccountDataQueryString = (fileManagerTypeEnum: FileManagerTypeEnum): string => {\r\n const accountKey = this.accountService.accountKey;\r\n const pageid = this.accountService.pageid;\r\n const typename = this.accountService.typename;\r\n const orgname = this.accountService.orgname;\r\n return `accountKey=${accountKey}&id=${pageid}&orgname=${orgname}&typename=${typename}&callerpage=ddeditor&type=${fileManagerTypeEnum}`;\r\n }\r\n\r\n public deleteFile = (fileId: string, fileManagerTypeEnum: FileManagerTypeEnum): Observable => {\r\n const action = 'FilesList/deletefile';\r\n const param = `id=${fileId}`;\r\n const accountData = this.getAccountDataQueryString(fileManagerTypeEnum);\r\n return this.httpService.get(`${this.baseUrlFileManager}${action}/?${param}&${accountData}`);\r\n }\r\n\r\n public getUrlForUploadFiles = (folderId: string, fileManagerTypeEnum: FileManagerTypeEnum): string => {\r\n const action = 'FileUploader/upload';\r\n const accountData = this.getAccountDataQueryString(fileManagerTypeEnum);\r\n return `${this.baseUrlFileManager}${action}/?parentFolderId=${folderId}&${accountData}`;\r\n }\r\n\r\n public saveFileFromPixie = (originalFile: IImageFile, fileData: any): Observable => {\r\n const postedFile = {\r\n ContentType: 'image/jpeg',\r\n Id: originalFile.id,\r\n Link: originalFile.src,\r\n Name: originalFile.name,\r\n ParentFolderId: originalFile.parentFolderId,\r\n Size: originalFile.size,\r\n Width: originalFile.width,\r\n Height: originalFile.height,\r\n };\r\n const data = { originalFile: postedFile, fileData: fileData };\r\n return this.httpService.post(data, this.apiEndpoint.CreateFromPixieUrl);\r\n }\r\n\r\n public getBlobData(): Observable {\r\n return this.httpService.get(this.apiEndpoint.GetBlobDataUrl);\r\n }\r\n}\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { Subject, BehaviorSubject, Observable } from 'rxjs';\r\nimport { share } from 'rxjs/operators';\r\nimport { TreeDragDropService } from 'primeng/api';\r\nimport { FileModel } from '../../typescript-angular-client/model/fileModel';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class FmTreeService {\r\n private fileSelectionChange$ = new BehaviorSubject(null);\r\n private fileListLoaded$ = new BehaviorSubject([]);\r\n private startDrag$ = new Subject();\r\n private stopDrag$ = new Subject();\r\n\r\n constructor(private ddService: TreeDragDropService) { }\r\n\r\n get SelectionChangeCommand(): Observable {\r\n return this.fileSelectionChange$.asObservable().pipe(share());\r\n }\r\n\r\n get fileLoaded(): Observable {\r\n return this.fileListLoaded$.asObservable().pipe(share());\r\n }\r\n\r\n public onStartDrag = () => this.startDrag$.asObservable();\r\n\r\n public onStoptDrag = () => this.stopDrag$.asObservable();\r\n\r\n public startDrag = (model: FileModel | FileModel[]): void => {\r\n this.startDrag$.next(model);\r\n\r\n if ((model as FileModel).Id === undefined) {\r\n return;\r\n }\r\n\r\n const node = model as FileModel;\r\n this.ddService.startDrag({\r\n index: 0,\r\n scope: 'folder-tree',\r\n subNodes: [],\r\n tree: null,\r\n node: {\r\n draggable: true,\r\n droppable: true,\r\n key: node.Id,\r\n label: node.Name,\r\n data: node\r\n }\r\n });\r\n }\r\n\r\n public stopDrag = (model: FileModel | FileModel[]): void => {\r\n this.stopDrag$.next(model);\r\n\r\n if ((model as FileModel).Id === undefined) {\r\n return;\r\n }\r\n\r\n const node = model as FileModel;\r\n this.ddService.stopDrag({\r\n index: 0,\r\n scope: 'folder-tree',\r\n subNodes: [],\r\n tree: null,\r\n node: {\r\n draggable: true,\r\n droppable: true,\r\n key: node.Id,\r\n label: node.Name,\r\n data: node\r\n }\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { ImageEditorService } from '../../services/image-editor.service';\r\nimport { AccountService } from '../../services/account.service';\r\nimport { IImageFile } from '../../interfaces/files.interface';\r\nimport { Logger } from '../../monitoring/logger/logger';\r\nimport { FilesQuotaService } from '../quota/files-quota.service';\r\nimport { Observable } from 'rxjs';\r\nimport 'rxjs/add/observable/of';\r\nimport { CDFileManagerAPI } from './file-manager-api';\r\nimport { catchError, map, switchMap } from 'rxjs/operators';\r\n\r\ninterface IBlobData {\r\n cdnEndPoint: string;\r\n blobContainer: string;\r\n}\r\n\r\ninterface IMongoFile {\r\n Id: string;\r\n Link: string;\r\n Name: string;\r\n CreatedOn: any;\r\n Width: number;\r\n Height: number;\r\n ContentType: string;\r\n Size: number;\r\n ParentFolderId: string;\r\n}\r\n\r\n@Injectable()\r\nexport class ImageFileEditorService {\r\n cdnEndPoint: string;\r\n blobContainer: string;\r\n languageId: string;\r\n imageFile: IImageFile;\r\n\r\n constructor(\r\n private imageEditorService: ImageEditorService,\r\n accountService: AccountService,\r\n private logger: Logger,\r\n private filesQuotaService: FilesQuotaService,\r\n private cdFileManagerAPI: CDFileManagerAPI\r\n ) {\r\n this.initBlobData();\r\n this.languageId = accountService.userlcid;\r\n }\r\n\r\n public editImage = (imageFile: IImageFile): Observable => {\r\n if (this.filesQuotaService.isQuotaExceeded) {\r\n return this.filesQuotaService.openQuotaExceededDialog().onClose.pipe(map(() => {\r\n return null;\r\n }));\r\n }\r\n const publicImgUrl = this.getPublicImgUrl(imageFile.src);\r\n return this.imageEditorService.openImageEditor(publicImgUrl, this.languageId)\r\n .pipe(switchMap((fileDataFromImageEditor: any) => this.cdFileManagerAPI.saveFileFromPixie(imageFile, fileDataFromImageEditor)))\r\n .pipe(catchError(error => Observable.of(error)))\r\n .pipe(map((fileDataFromServer: IMongoFile) => {\r\n const imagefile: IImageFile = {\r\n id: fileDataFromServer.Id,\r\n src: fileDataFromServer.Link,\r\n name: fileDataFromServer.Name,\r\n uploadDate: this.formatDate(new Date(fileDataFromServer.CreatedOn)),\r\n width: fileDataFromServer.Width,\r\n height: fileDataFromServer.Height,\r\n contentType: fileDataFromServer.ContentType,\r\n size: fileDataFromServer.Size,\r\n parentFolderId: fileDataFromServer.ParentFolderId\r\n };\r\n this.filesQuotaService.subscribeToGetStorageQuota();\r\n return imagefile;\r\n }));\r\n\r\n }\r\n\r\n private getPublicImgUrl = (url: string): string => {\r\n //get url to image - to blob, without blob server handler - to pixie only (CORS issue (cross origin resurse sharing))\r\n let result = '';\r\n const questionMarkLastIndex = url.lastIndexOf('?');\r\n let fileName: string;\r\n if (questionMarkLastIndex > 0) {\r\n const fileSrcWithoutTimeStemp = url.substring(0, url.lastIndexOf('?'));\r\n fileName = fileSrcWithoutTimeStemp.substring(fileSrcWithoutTimeStemp.lastIndexOf('/') + 1);\r\n } else {\r\n fileName = url.substring(url.lastIndexOf('/') + 1);\r\n }\r\n\r\n result = `${this.cdnEndPoint}/${this.blobContainer}/files/${fileName}`;\r\n\r\n const windowLocationHref = window.location.href;\r\n const iswindowLocationHrefHttps = windowLocationHref.startsWith('https');\r\n const isImgPublicUrlsHttps = result.startsWith('https');\r\n if (iswindowLocationHrefHttps === isImgPublicUrlsHttps) {\r\n return result;\r\n }\r\n\r\n if (iswindowLocationHrefHttps === true) {\r\n result = result.replace('http', 'https');\r\n return result;\r\n }\r\n\r\n if (iswindowLocationHrefHttps === false) {\r\n result = result.replace('https', 'http');\r\n return result;\r\n }\r\n\r\n return result;\r\n }\r\n\r\n private initBlobData = () => {\r\n this.cdFileManagerAPI.getBlobData()\r\n .subscribe((blobData: IBlobData) => {\r\n if (blobData) {\r\n if (blobData.cdnEndPoint && blobData.blobContainer) {\r\n this.cdnEndPoint = blobData.cdnEndPoint;\r\n this.blobContainer = blobData.blobContainer;\r\n }\r\n }\r\n },\r\n (error) => this.logger.error(`error on loading blob container data: ${error.originalError || error}`)\r\n );\r\n }\r\n\r\n private formatDate = (d: any) => {\r\n const mS = ['Jan', 'Feb', 'March', 'April', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];\r\n const month = mS[d.getMonth()];\r\n const day = d.getDate();\r\n const year = d.getFullYear();\r\n return month + ' ' + day + ', ' + year;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './file-manager-api';\r\nexport * from './fm-tree.service';\r\nexport * from './image-file-editor.service';\r\nexport * from './ng-on-destroy.service';\r\n// end:ng42.barrel\r\n\r\n","import { Injectable, OnDestroy } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable()\r\nexport class NgOnDestroyService extends Subject implements OnDestroy {\r\n ngOnDestroy(): void {\r\n this.next(null);\r\n this.complete();\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './upload-progress.component';\r\n// end:ng42.barrel\r\n\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJwcm9qZWN0cy9jb21tb24tbGliL3NyYy9saWIvZmlsZS1tYW5hZ2VyL3VwbG9hZC1wcm9ncmVzcy91cGxvYWQtcHJvZ3Jlc3MuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, Self, Input } from '@angular/core';\r\nimport { FmUploaderService } from '../file-uploader/fm-uploader.service';\r\nimport { NgOnDestroyService } from '../services/ng-on-destroy.service';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { DialogService, UploadErrorsDialogComponent } from '../../dialogs/index';\r\nimport { FileUploadError } from '../models/FileUploadError';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { FileModel } from '../../typescript-angular-client/model/models';\r\n\r\n@Component({\r\n selector: 'uploader-progress',\r\n templateUrl: './upload-progress.component.html',\r\n styleUrls: ['./upload-progress.component.scss'],\r\n providers: [NgOnDestroyService]\r\n})\r\nexport class UploadProgressComponent implements OnInit {\r\n public currentFileIndex = 0;\r\n public numberFiles: number;\r\n public status: boolean;\r\n public resultNumberFiles: number;\r\n public endUploading = false;\r\n public errors: FileUploadError[] = [];\r\n readonly imageDialogType = FileModel.FileTypeEnum.IMAGES;\r\n private timer: NodeJS.Timer;\r\n\r\n @Input() dialogType = FileModel.FileTypeEnum.IMAGES;\r\n @Input() hideAfter = 30000;\r\n\r\n constructor(\r\n private fmupload: FmUploaderService,\r\n @Self() private NgOnDestroy$: NgOnDestroyService,\r\n private dialogService: DialogService,\r\n private translate: TranslateService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.fmupload.onStart$.pipe(takeUntil(this.NgOnDestroy$)).subscribe((i) => {\r\n this.numberFiles = i;\r\n this.currentFileIndex = 0;\r\n this.endUploading = false;\r\n this.resultNumberFiles = 0;\r\n this.status = true;\r\n });\r\n this.fmupload.onProgress$.pipe(takeUntil(this.NgOnDestroy$)).subscribe(() => {\r\n this.currentFileIndex += 1;\r\n });\r\n this.fmupload.completedAll$.pipe(takeUntil(this.NgOnDestroy$)).subscribe((result) => {\r\n this.endUploading = true;\r\n this.resultNumberFiles = this.numberFiles <= 0 ? 0 : this.numberFiles - result.length;\r\n this.errors = result;\r\n this.timer = setTimeout(() => this.finish(), this.hideAfter);\r\n });\r\n }\r\n\r\n public openUploadErrors = (): void => {\r\n clearTimeout(this.timer);\r\n this.dialogService.createDialog(UploadErrorsDialogComponent, { files: this.errors }, {})\r\n .onClose.subscribe(() => this.timer = setTimeout(() => this.finish(), this.hideAfter));\r\n }\r\n\r\n public getStyle = () => {\r\n const progress = this.endUploading ? 100 : Math.round((this.currentFileIndex * 100) / this.numberFiles);\r\n return { width: `${progress}%` };\r\n }\r\n\r\n public getUploadedFileTypeTerm = (): string => {\r\n if (this.dialogType === FileModel.FileTypeEnum.IMAGES) {\r\n if (this.numberFiles > 1) {\r\n return this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.IMAGE_PLURAL');\r\n } else {\r\n return this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.IMAGE_SINGULAR');\r\n }\r\n } else {\r\n if (this.numberFiles > 1) {\r\n return this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.FILE_PLURAL');\r\n } else {\r\n return this.translate.instant('COMMON.DIALOGS.FILE_MANAGER.FILE_SINGULAR');\r\n }\r\n }\r\n }\r\n\r\n public finish = (): void => {\r\n this.status = false;\r\n this.currentFileIndex = 0;\r\n this.endUploading = false;\r\n this.numberFiles = 0;\r\n this.resultNumberFiles = 0;\r\n this.errors = [];\r\n this.fmupload.clear();\r\n }\r\n\r\n}\r\n","import { FileModel } from '../typescript-angular-client/model/fileModel';\r\nimport { TreeNode } from 'primeng/api';\r\n\r\nexport function IsTreeNode(model: FileModel | TreeNode | FileModel[]): model is TreeNode {\r\n return (model).key !== undefined;\r\n}\r\n\r\nexport function IsSingleFileModel(model: FileModel | FileModel[] | TreeNode): model is FileModel {\r\n return (model).Id !== undefined;\r\n}\r\n\r\nexport function IsMultiFileModel(model: FileModel | FileModel[] | TreeNode): model is FileModel[] {\r\n return (model).length !== undefined;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { CustomFont, CustomFonts } from './custom.font';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { HttpService } from '../http/http.service';\r\nimport { ApiEndpointService } from '../services/api-endpoint.service';\r\n\r\n@Injectable()\r\nexport class CustomFontsApi {\r\n constructor(private httpService: HttpService,\r\n private apiEndpointService: ApiEndpointService) {\r\n }\r\n\r\n getCustomFonts(): Observable {\r\n return this.httpService.get(`${ this.apiEndpointService.CustomFonts }`)\r\n .pipe(map(data => {\r\n const customFonts = new CustomFonts();\r\n customFonts.fonts = data.map(font => {\r\n return Object.assign(new CustomFont(), font);\r\n });\r\n return customFonts;\r\n }));\r\n }\r\n\r\n deleteCustomFont(ids: string[]): Observable {\r\n return this.httpService.delete(`${ this.apiEndpointService.CustomFonts }`, ids, true);\r\n }\r\n\r\n addCustomFont(fontModel: CustomFont): Observable {\r\n return this.httpService.post(fontModel, `${ this.apiEndpointService.CustomFonts }`, null, true);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { CustomFont, CustomFonts } from './custom.font';\r\nimport { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';\r\nimport { CustomFontsApi } from './custom-fonts.api';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n@Injectable()\r\nexport class CustomFontsService {\r\n public customFonts: Observable;\r\n private _customFonts: BehaviorSubject = new BehaviorSubject(new CustomFonts());\r\n\r\n\r\n constructor(private customFontsApi: CustomFontsApi) {\r\n this.customFonts = this._customFonts.asObservable();\r\n }\r\n\r\n getCurrentCustomFonts(): CustomFont[] {\r\n return this._customFonts.getValue().fonts;\r\n }\r\n\r\n getCustomFonts() {\r\n return this.customFontsApi.getCustomFonts().pipe(tap((fonts: CustomFonts) => {\r\n fonts.fonts = fonts.fonts\r\n .sort((a, b) => a.Name < b.Name ? -1 : a.Name > b.Name ? 1 : 0);\r\n this._customFonts.next(fonts);\r\n }));\r\n }\r\n\r\n addCustomFont(font: CustomFont) {\r\n return this.customFontsApi.addCustomFont(font).pipe(tap((customFont: CustomFont) => {\r\n this._customFonts.getValue().fonts.unshift(customFont);\r\n const fonts = new CustomFonts();\r\n fonts.fonts = this._customFonts.getValue().fonts\r\n .sort((a, b) => a.Name < b.Name ? -1 : a.Name > b.Name ? 1 : 0);\r\n this._customFonts.next(fonts);\r\n }));\r\n }\r\n\r\n deleteCustomFont(ids: string[]) {\r\n return this.customFontsApi.deleteCustomFont(ids).pipe(tap(() => {\r\n const customFont = this._customFonts.getValue().fonts.filter((font) => {\r\n return ids.every(f => f !== font.Id);\r\n });\r\n const customFonts = new CustomFonts();\r\n customFonts.fonts = customFont;\r\n this._customFonts.next(customFonts);\r\n }));\r\n }\r\n}\r\n","export class CustomFont {\r\n Id: string;\r\n Name: string;\r\n FallBackFontName: string;\r\n FontUrl: string;\r\n FontFamily: string;\r\n}\r\n\r\nexport class CustomFonts {\r\n fonts: CustomFont[] = [];\r\n}\r\n","export interface WebFonts {\r\n [fontName: string]: string;\r\n}\r\n\r\nexport const availableFonts: WebFonts = {\r\n Lato: 'https://fonts.googleapis.com/css?family=Lato&display=swap',\r\n Merriweather: 'https://fonts.googleapis.com/css?family=Merriweather&display=swap',\r\n 'Open Sans': 'https://fonts.googleapis.com/css?family=Open+Sans&display=swap',\r\n Roboto: 'https://fonts.googleapis.com/css?family=Roboto&display=swap'\r\n};\r\n\r\nexport const ckFonts = [\r\n 'Arial',\r\n 'Calibri',\r\n 'Comic Sans MS',\r\n 'Courier New',\r\n 'Georgia',\r\n 'Helvetica',\r\n 'Lucida Sans Unicode',\r\n 'Lucida Grande',\r\n 'Tahoma',\r\n 'Geneva',\r\n 'Times New Roman',\r\n 'Times',\r\n 'Trebuchet MS',\r\n 'Verdana'\r\n]\r\n","export * from './fonts';\r\nexport * from './custom-fonts.service';\r\nexport * from './custom.font';\r\nexport * from './custom-fonts.api';\r\n","/*\r\n This utility was ported to typescript from the original version of the node-moudle frame-rpc version 1.3.0\r\n since it was exported from that node module in a way that coud not be used on esNext moules. esNext must be\r\n used if you want to use lazy loaded modules in angular.\r\n https://www.npmjs.com/package/frame-rpc\r\n */\r\n\r\nconst has = (obj: any, prop: string) => {\r\n return obj.hasOwnProperty(prop);\r\n};\r\n\r\nconst isarray = Array.isArray;\r\n\r\nconst VERSION = '1.0.0';\r\n\r\nexport class RPC {\r\n public src: Window;\r\n public dst: Window;\r\n public origin: string;\r\n\r\n private _sequence: number;\r\n private _callbacks: { [key: string]: any };\r\n private _destroyed: boolean = false;\r\n private _methods: { [key: string]: Function };\r\n private _onmessageHandlerBindedFunction: EventListenerOrEventListenerObject;\r\n\r\n constructor(src: Window, dst: Window, origin: string, methods?: any) {\r\n if (origin === '*') {\r\n this.origin = '*';\r\n } else {\r\n const uorigin = new URL(origin);\r\n this.origin = uorigin.protocol + '//' + uorigin.host;\r\n }\r\n\r\n this.src = src;\r\n this.dst = dst;\r\n\r\n this._sequence = 0;\r\n this._callbacks = {};\r\n\r\n this._onmessageHandlerBindedFunction = this._onmessage.bind(this);\r\n this.src.addEventListener('message', this._onmessageHandlerBindedFunction);\r\n this._methods = typeof methods === 'function'\r\n ? methods(this)\r\n : methods || {};\r\n }\r\n\r\n\r\n private _onmessage(ev: any) {\r\n if (this._destroyed) {\r\n return;\r\n }\r\n\r\n if (this.origin !== '*' && ev.origin !== this.origin) {\r\n return;\r\n }\r\n if (!ev.data || typeof ev.data !== 'object') {\r\n return;\r\n }\r\n if (ev.data.protocol !== 'frame-rpc') {\r\n return;\r\n }\r\n if (!isarray(ev.data.arguments)) {\r\n return;\r\n }\r\n\r\n this._handle(ev.data);\r\n }\r\n\r\n\r\n public destroy() {\r\n this._destroyed = true;\r\n this.src.removeEventListener('message', this._onmessageHandlerBindedFunction);\r\n }\r\n\r\n public call(method: string, ...args: any[]) {\r\n return this.apply(method, args);\r\n }\r\n\r\n public apply(method: string, args?: any[]) {\r\n if (this._destroyed) {\r\n return;\r\n }\r\n\r\n const seq = this._sequence++;\r\n if (typeof args[args.length - 1] === 'function') {\r\n this._callbacks[seq] = args[args.length - 1];\r\n args = args.slice(0, -1);\r\n }\r\n this.dst.postMessage({\r\n protocol: 'frame-rpc',\r\n version: VERSION,\r\n sequence: seq,\r\n method: method,\r\n arguments: args\r\n }, this.origin);\r\n }\r\n\r\n private _handle(msg: any) {\r\n if (this._destroyed) {\r\n return;\r\n }\r\n\r\n if (has(msg, 'method')) {\r\n if (!has(this._methods, msg.method)) {\r\n return;\r\n }\r\n\r\n const args = msg.arguments.concat(function() {\r\n this.dst.postMessage({\r\n protocol: 'frame-rpc',\r\n version: VERSION,\r\n response: msg.sequence,\r\n arguments: [].slice.call(arguments)\r\n },\r\n this.origin);\r\n }.bind(this));\r\n\r\n this._methods[msg.method].apply(this._methods, args);\r\n\r\n } else if (has(msg, 'response')) {\r\n\r\n const cb = this._callbacks[msg.response];\r\n delete this._callbacks[msg.response];\r\n if (cb) {\r\n cb.apply(null, msg.arguments);\r\n }\r\n }\r\n }\r\n}\r\n\r\n","// start:ng42.barrel\r\nexport * from './frame-rpc';\r\n// end:ng42.barrel\r\n\r\n","import { Subscription, TimeoutError } from 'rxjs';\r\n\r\nimport { Directive, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\nimport { BetaGroupDialogComponent } from '../components/beta-group/beta-group.component';\r\nimport { EAlertTypes } from '../dialogs/alert/alert.component';\r\nimport { DialogService, IDialogHandle } from '../dialogs/dialog.service';\r\nimport { AccountService } from '../services/account.service';\r\nimport { ErrorHandlingService } from './error-handling.service';\r\n\r\n@Directive({\r\n selector: '[errorHandling]',\r\n})\r\nexport class ErrorHandlingDirective {\r\n // optional\r\n @Output() callback: EventEmitter = new EventEmitter();\r\n @Input() shouldDisplayErrorInDialog = true;\r\n readonly baseUrl: string;\r\n private errorsSubscription: Subscription;\r\n private isDialogOpen = false;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private dialogService: DialogService,\r\n private accountService: AccountService,\r\n private errorHandlingService: ErrorHandlingService\r\n ) {\r\n this.baseUrl = `${this.accountService.baseUrl}/error/`;\r\n\r\n this.errorsSubscription = this.errorHandlingService.errors.subscribe(\r\n (error) => {\r\n if (this.shouldDisplayErrorInDialog) {\r\n this.openErrorDisplayDialog(error);\r\n }\r\n }\r\n );\r\n }\r\n\r\n openErrorDisplayDialog(error: any) {\r\n if (!error) {\r\n return;\r\n }\r\n\r\n // unauthorized requests\r\n if (error.status === 401 || error.status === 403) {\r\n const redirectUrl = this.baseUrl + 'Unauthorized';\r\n window.location.href = redirectUrl;\r\n } else if (error.status === 402) {\r\n // registration needed\r\n const extraData = { accountName: error.json().accountName };\r\n this.dialogService.createDialog(\r\n BetaGroupDialogComponent,\r\n extraData\r\n );\r\n } else if (error.status === 507) {\r\n /** Already handled in FileUploaderClient. */\r\n } else if (error.status >= 500) {\r\n // application exception\r\n if (!this.isDialogOpen) {\r\n this.isDialogOpen = true;\r\n const dialogHandle: IDialogHandle = this.dialogService.alert({\r\n header: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.SERVER_ERROR.HEADER'\r\n ),\r\n message: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.SERVER_ERROR.MESSAGE'\r\n ),\r\n type: EAlertTypes.Alert,\r\n okCaption: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.SERVER_ERROR.OK'\r\n ),\r\n });\r\n\r\n dialogHandle.onClose.subscribe(() => (this.isDialogOpen = false));\r\n }\r\n } else if (error instanceof TimeoutError) {\r\n // connection timout exception\r\n\r\n if (!this.isDialogOpen) {\r\n this.isDialogOpen = true;\r\n const dialogHandle: IDialogHandle = this.dialogService.alert({\r\n header: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.CONNECTION_ERROR.HEADER'\r\n ),\r\n message: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.CONNECTION_ERROR.MESSAGE'\r\n ),\r\n type: EAlertTypes.Alert,\r\n okCaption: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.CONNECTION_ERROR.OK'\r\n ),\r\n });\r\n\r\n dialogHandle.onClose.subscribe(() => (this.isDialogOpen = false));\r\n }\r\n } else {\r\n if (!this.isDialogOpen) {\r\n this.isDialogOpen = true;\r\n const dialogHandle: IDialogHandle = this.dialogService.alert({\r\n header: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.UNKNOWN_ERROR.HEADER'\r\n ),\r\n message: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.UNKNOWN_ERROR.MESSAGE'\r\n ),\r\n type: EAlertTypes.Alert,\r\n okCaption: this.translate.instant(\r\n 'COMMON.DIALOGS.ERROR_HANDLING.UNKNOWN_ERROR.OK'\r\n ),\r\n });\r\n\r\n dialogHandle.onClose.subscribe(() => (this.isDialogOpen = false));\r\n }\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject, throwError } from 'rxjs';\r\nimport { Observable } from 'rxjs';\r\nimport { Logger } from '../monitoring/logger/logger';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\n\r\n@Injectable()\r\nexport class ErrorHandlingService {\r\n\r\n public errors: Observable;\r\n private _errors: BehaviorSubject;\r\n\r\n constructor(private logger: Logger) {\r\n this._errors = new BehaviorSubject(null);\r\n this.errors = this._errors.asObservable();\r\n }\r\n\r\n public handleError = (error: HttpErrorResponse) => {\r\n this.logger.error(error.message);\r\n if (error.error) {\r\n this.logger.error(error.error);\r\n }\r\n\r\n this._errors.next(error);\r\n return throwError(error);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { HttpService } from './http.service';\r\nimport { ErrorHandlingService } from './error-handling.service';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { ErrorHandlingDirective } from './error-handling.directive';\r\n\r\n@NgModule({\r\n imports: [HttpClientModule],\r\n declarations: [ErrorHandlingDirective],\r\n providers: [ErrorHandlingService, HttpService],\r\n exports: [ErrorHandlingDirective, HttpClientModule]\r\n})\r\nexport class HttpModule {\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { share } from 'rxjs/operators';\r\n\r\n@Injectable()\r\nexport class HttpService {\r\n\r\n constructor(private http: HttpClient) {}\r\n\r\n post(data: any, url: string, headers = new HttpHeaders({ 'Content-Type': 'application/json' }), isSecured: boolean = false): Observable {\r\n let options = this.OptionsForGetRequest(isSecured);\r\n\r\n if (headers && !isSecured) {\r\n options = { headers: headers, withCredentials: false };\r\n }\r\n if (headers && isSecured) {\r\n options = { headers: headers, withCredentials: true };\r\n }\r\n\r\n return this.http.post(url, data, options)\r\n .pipe(share());\r\n }\r\n\r\n put(data: any, url: string, headers = new HttpHeaders({ 'Content-Type': 'application/json' }), isSecured: boolean = false): Observable {\r\n const options = { headers: headers, withCredentials: isSecured};\r\n\r\n return this.http.put(url, data, options)\r\n .pipe(share());\r\n }\r\n\r\n delete(url: string, data: any = null, isSecured: boolean = false): Observable {\r\n const options = this.OptionsForGetRequest(isSecured, data);\r\n\r\n return this.http.delete(url, options)\r\n .pipe(share());\r\n }\r\n\r\n /**\r\n * @param httpOptions httpOptions should match to structure of options parameter on get methods of HttpClient class.\r\n */\r\n get(url: string, isSecured: boolean = false, httpOptions: any = null): Observable {\r\n let options = this.OptionsForGetRequest(isSecured);\r\n if (httpOptions) {\r\n options = httpOptions;\r\n }\r\n\r\n return this.http.get(url, options)\r\n .pipe(share());\r\n }\r\n\r\n head(url: string, isSecured: boolean = false): Observable {\r\n const options = this.OptionsForGetRequest(isSecured);\r\n return this.http.head(url, options)\r\n .pipe(share());\r\n }\r\n\r\n private OptionsForGetRequest(isSecured: boolean, body: any = null) {\r\n const headers = new HttpHeaders({\r\n 'Cache-Control': 'no-cache',\r\n 'Pragma': 'no-cache',\r\n 'Expires': 'Sat, 01 Jan 2000 00:00:00 GMT',\r\n });\r\n\r\n if (isSecured) {\r\n headers.append('Content-Type', 'application/json');\r\n if (body) {\r\n return { headers: headers, withCredentials: true, body: body };\r\n }\r\n return { headers: headers, withCredentials: true };\r\n } else {\r\n if (body) {\r\n return { headers: headers, body: body };\r\n }\r\n return { headers: headers };\r\n }\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './error-handling.directive';\r\nexport * from './error-handling.service';\r\nexport * from './http.module';\r\nexport * from './http.service';\r\nexport * from './interceptors/api-interceptor';\r\nexport * from './interceptors/folder-api-interceptor';\r\nexport * from './interceptors/requests-cache-busting-interceptor';\r\nexport * from './interceptors/global-http-timeout-interceptor';\r\nexport * from './interceptors/global-http-error-handler-interceptor';\r\nexport * from './interceptors/with-credentials-on-all-requests-interceptor';\r\n// end:ng42.barrel\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpInterceptor, HttpEvent, HttpHandler, HttpRequest, HttpParams } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { AccountService } from '../../services/account.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ApiInterceptor implements HttpInterceptor {\r\n\r\n constructor(private accountService: AccountService) {\r\n }\r\n\r\n intercept(req: HttpRequest, next: HttpHandler): Observable> {\r\n if (req.url.includes('api/Editors_v2') || req.url.includes('api/FileManager_v2')) {\r\n let sessionParams = req.params\r\n .append('accountKey', this.accountService.accountKey)\r\n .append('id', this.accountService.pageid)\r\n .append('userlcid', this.accountService.userlcid)\r\n .append('typeName', this.accountService.typename)\r\n .append('orgName', this.accountService.orgname)\r\n .append('callerPage', 'ddeditor')\r\n .append('userid', this.accountService.userid)\r\n .append('Issplittesting', this.accountService.issplittesting)\r\n .append('sessionId', this.accountService.sessionId)\r\n .append('stpid', this.accountService.stpId);\r\n\r\n if (this.accountService.isrss) {\r\n sessionParams = sessionParams.append('isrss', 'true');\r\n }\r\n\r\n const withSessionInfoReq = req.clone({ params: sessionParams });\r\n return next.handle(withSessionInfoReq);\r\n }\r\n return next.handle(req);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport {\r\n HttpEvent, HttpInterceptor, HttpHandler, HttpRequest\r\n} from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { FeatureflagService } from '../../services/featureflag.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FolderApiInterceptor implements HttpInterceptor {\r\n constructor(private featureFlagService: FeatureflagService) { }\r\n\r\n intercept(req: HttpRequest, next: HttpHandler): Observable> {\r\n // if (!this.featureFlagService.featureFlagsCollection['IMAGE_MANAGER_V2']) {\r\n // return next.handle(req);\r\n // }\r\n\r\n if (req.url.includes('api/FileManager_v2/TreeView/getAllFolders', 0) && req.method === 'GET') {\r\n const fileReq = req.clone({ headers: req.headers.set('api-version', '2.0') });\r\n return next.handle(fileReq);\r\n }\r\n return next.handle(req);\r\n }\r\n}\r\n","import { Observable, throwError } from 'rxjs';\r\nimport { catchError } from 'rxjs/operators';\r\n\r\nimport { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\n\r\nimport { ErrorHandlingService } from '../error-handling.service';\r\n\r\nexport interface IErrorWithText {\r\n text: string;\r\n}\r\n\r\n@Injectable()\r\nexport class GlobalHttpErrorInterceptor implements HttpInterceptor {\r\n constructor(private errorHandlingService: ErrorHandlingService) {}\r\n\r\n intercept(\r\n request: HttpRequest,\r\n next: HttpHandler\r\n ): Observable> {\r\n return next.handle(request).pipe(\r\n // retry(1), TODO: check if we want this\r\n catchError((error: HttpErrorResponse) => {\r\n if (error instanceof HttpErrorResponse) {\r\n const resp = error as HttpErrorResponse;\r\n if (resp.status !== 401 && resp.status < 500 && resp.status !== 0) {\r\n return throwError(error);\r\n }\r\n }\r\n\r\n return this.errorHandlingService.handleError(error);\r\n })\r\n );\r\n }\r\n}\r\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\r\nimport { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { timeout } from 'rxjs/operators';\r\n\r\nexport const GLOBAL_API_DEFAULT_TIMEOUT = new InjectionToken('defaultTimeout');\r\n\r\n@Injectable()\r\nexport class GlobalHttpTimeoutInterceptor implements HttpInterceptor {\r\n constructor(@Inject(GLOBAL_API_DEFAULT_TIMEOUT) protected defaultTimeout: number) {\r\n if (typeof this.defaultTimeout !== 'number') {\r\n if (defaultTimeout as any instanceof Array) {\r\n console.warn('GLOBAL_API_DEFAULT_TIMEOUT should not be defined as multi defaulting to 120 seconds!!!');\r\n }\r\n this.defaultTimeout = 120000;\r\n }\r\n }\r\n\r\n intercept(req: HttpRequest, next: HttpHandler): Observable> {\r\n const timeoutValue = req.headers.get('timeout') || this.defaultTimeout;\r\n const timeoutValueNumeric = Number(timeoutValue);\r\n\r\n return next.handle(req).pipe(timeout(timeoutValueNumeric));\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpHandler, HttpHeaders, HttpInterceptor, HttpRequest } from '@angular/common/http';\r\n\r\n///////////////////////////////////\r\n// This interceptor will help with preventing IE11 from caching requests to the server\r\n// you should register it in your app if IE11 is one of your target browsers for example\r\n// See: https://medium.com/better-programming/how-to-prevent-http-request-caching-with-angular-httpclient-e82abf8b157d\r\n// See https://support.microsoft.com/en-us/help/234067/how-to-prevent-caching-in-internet-explorer\r\n//\r\n// In you app.module.ts file:\r\n// ---------------------------\r\n// providers: [\r\n// {\r\n// provide: HTTP_INTERCEPTORS,\r\n// useClass: RequestsCacheBustingInterceptor,\r\n// multi: true\r\n// },\r\n// ...\r\n// ]\r\n//////////////////////////////////\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class RequestsCacheBustingInterceptor implements HttpInterceptor {\r\n\r\n intercept(req: HttpRequest, next: HttpHandler) {\r\n const httpRequest = req.clone({\r\n setHeaders: {\r\n 'Cache-Control': 'no-cache',\r\n Pragma: 'no-cache',\r\n Expires: 'Sat, 01 Jan 2000 00:00:00 GMT'\r\n }\r\n });\r\n\r\n return next.handle(httpRequest);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport {\r\n HttpEvent, HttpInterceptor, HttpHandler, HttpRequest\r\n} from '@angular/common/http';\r\n\r\nimport { Observable } from 'rxjs';\r\n\r\n/** Inject With Credentials into the request */\r\n@Injectable()\r\nexport class HttpWithCredentialsRequestsInterceptor implements HttpInterceptor {\r\n\r\n intercept(req: HttpRequest, next: HttpHandler):\r\n Observable> {\r\n\r\n req = req.clone({\r\n withCredentials: true\r\n });\r\n\r\n return next.handle(req);\r\n }\r\n}\r\n","export type FormStatus = `VALID` | `INVALID` | `PENDING ` | `DISABLED`;\r\nexport enum RegExpValidations {\r\n // tslint:disable-next-line:quotemark\r\n NameValidation = \"^([a-zA-Z]{1,}'?-?[a-zA-Z]{2,}s?([a-zA-Z]{1,})?)$\",\r\n EmailValidation = '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}',\r\n DomainValidation = '^[a-zA-Z0-9]+([-.]{1}[a-zA-Z0-9-]+)*([-.]{1})[a-zA-Z]{2,10}$',\r\n DomainValidationHttps = '^(http(s|)://)[a-zA-Z0-9]+([-.]{1}[a-zA-Z0-9-]+)*([-.]{1})[a-zA-Z]{2,10}$',\r\n DomainValidationCrmUrl = '^(http(s|)://)[a-zA-Z0-9]+([-.]{1}[a-zA-Z0-9-]+)*([-.]{1})[a-zA-Z]{2,10}(/|/[a-z]+|)(:[0-9]+(/|/[a-zA-Z]+(/|)|)|)$',\r\n TwilioSenderId = '^[ A-Za-z0-9_&+-]+$', // all (letters, numbers, spaces, +, -, &, _)\r\n AtLeastOneLetter = '.*[A-Za-z].*', // must have a letter\r\n}\r\n","import { Subject } from 'rxjs';\r\n\r\nexport interface IPropertyChangedEvent {\r\n propertyName: string;\r\n oldValue: any;\r\n newValue: any;\r\n origEvent: IPropertyChangedEvent;\r\n}\r\n\r\nexport interface IBaseModel {\r\n changed: Subject;\r\n\r\n toJSON(): any;\r\n\r\n propertiesToJSON(objectToExtend: any): any;\r\n}\r\n\r\nexport class BaseModel implements IBaseModel {\r\n\r\n public changed: Subject = new Subject();\r\n public modelType: string;\r\n\r\n get modelTypeProperty(): string {\r\n return this.modelType;\r\n }\r\n\r\n static fromJSON(json: any): BaseModel {\r\n throw new Error('this should not happen, fromJSON should be implemented on the concrete class');\r\n }\r\n\r\n public toJSON(): any {\r\n const ret = this.propertiesToJSON({});\r\n ret.modelType = this.modelType;\r\n\r\n return ret;\r\n }\r\n\r\n constructor(modelType: string) {\r\n this.modelType = modelType;\r\n }\r\n\r\n protected emitChanged(event: IPropertyChangedEvent = null) {\r\n this.changed.next(event);\r\n }\r\n\r\n protected setProperty(propertyName: string, newValue: any) {\r\n const oldValue = (this)['_' + propertyName];\r\n if (oldValue !== newValue) {\r\n (this)['_' + propertyName] = newValue;\r\n const event: IPropertyChangedEvent = {\r\n propertyName: propertyName,\r\n oldValue: oldValue,\r\n newValue: newValue,\r\n origEvent: null\r\n };\r\n this.emitChanged(event);\r\n }\r\n }\r\n\r\n public propertiesToJSON(objectToExtend: any) {\r\n Object.keys(this).forEach((propertyName: string) => {\r\n const propertyNameAsString: String = String(propertyName);\r\n if (propertyNameAsString.startsWith('_')) {\r\n // we want to get only the properties starting with the underscore.\r\n const setGetPropertyName = propertyNameAsString.substring(1);\r\n objectToExtend[setGetPropertyName] = (this)[propertyName];\r\n }\r\n });\r\n\r\n // we don't have to return it since the work is being done on the given reference. but\r\n // it makes the api simpler\r\n return objectToExtend;\r\n }\r\n\r\n}\r\n","export enum AuthMethod {\r\n UsernamePassword,\r\n ServiceProviderAuth,\r\n ApplicationUser,\r\n}\r\nexport enum DataCenter {\r\n US = 1,\r\n EU = 2,\r\n AU = 3,\r\n CA = 4,\r\n Dev = 101,\r\n QA = 102,\r\n PreProd = 103,\r\n}\r\n\r\nexport interface ApiSsoState {\r\n isNewAccount: boolean;\r\n accountKey: string;\r\n redirectUrl: string;\r\n}\r\nexport enum CrmConnectionType {\r\n UsernamePassword = 0,\r\n SSO = 1,\r\n OauthV2 = 2,\r\n}\r\nexport enum CrmAuthenticationType {\r\n ADFS = 1,\r\n PASSPORT = 1,\r\n OnlineFederation = 3,\r\n}\r\nexport interface InterfaceSettingsApiResponse {\r\n options?: AnalyticsOptions;\r\n accountKey?: string | null;\r\n azureActiveDirectoryTenantId: string | null;\r\n azureActiveDirectoryApplicationId: string | null;\r\n azureActiveDirectoryApplicationKey: string | null;\r\n azureAdClientId: string;\r\n azureKeyVaultCertificateIdentifier: string | null;\r\n azureActiveDirectoryRefreshToken: string | null;\r\n contactEmail: string | null;\r\n crmAccountName: string | null;\r\n crmAuthenticationType: CrmAuthenticationType;\r\n crmConnectionType: CrmConnectionType;\r\n crmLocationsXml?: string | null;\r\n crmUserDomain?: string | null;\r\n crmLocationUrl: string;\r\n crmConnectionComputedType: CrmConnectionComputedType;\r\n crmUserName?: string | null;\r\n crmUserPassword?: string | null;\r\n hasAzureActiveDirectoryRefreshToken?: boolean;\r\n hasAzureActiveDirectoryApplicationKey: boolean;\r\n hasCrmUserPassword?: boolean;\r\n isRelay?: boolean;\r\n}\r\nexport interface AnalyticsOptions {\r\n email: string;\r\n region: DataCenter;\r\n version: CrmVersion;\r\n}\r\nexport enum CrmVersion {\r\n MS_CRM_2013 = 5,\r\n MS_CRM_2013_ONLINE_FED = 6,\r\n MS_CRM_2015 = 7,\r\n MS_CRM_2015_ONLINE_FED = 8,\r\n MS_CRM_2016 = 9,\r\n MS_CRM_2016_ONLINE_FED = 10,\r\n D365_8_2_X_8_3_X_ONLINE_FED = 11,\r\n D365_8_2_X_8_3_X = 12,\r\n D365_9_0_X = 13,\r\n D365_9_0_X_ONLINE_FED = 14,\r\n D365_9_1_OR_HIGHER = 15,\r\n D365_9_1_X_ONLINE_FED = 16,\r\n}\r\nexport enum CrmConnectionComputedType {\r\n OnPremise = 0,\r\n Online = 1,\r\n OnlineOAuth = 2,\r\n OnlineOffice365 = 3,\r\n ServiceBus = 4,\r\n SsoUserImpersonationUsingRefreshToken = 5,\r\n SsoApplicationUser = 6,\r\n SsoApplicationUserCertificate = 7,\r\n}\r\nexport enum AppUserType {\r\n Secret,\r\n Certificate,\r\n}\r\n","export interface HashTable {\r\n [key: string]: T;\r\n}\r\n\r\nexport enum FeatureFlags {\r\n CredentialsSSO = 'spa-credentials-sso',\r\n mobileMessagingSpaOnlyTwilio = 'mobile-messaging-spa-only-twilio',\r\n MobileMessagingV2 = 'mobile-messaging-v2',\r\n}\r\n","// start:ng42.barrel\r\nexport * from './base-model';\r\nexport * from './oktopost.interface';\r\nexport * from './files.interface';\r\nexport * from './general.interfaces';\r\nexport * from './angular-extras';\r\nexport * from './credentials.interfaces';\r\n// end:ng42.barrel\r\n","export interface Account {\r\n accountId: string;\r\n accountKey: string;\r\n company: string;\r\n email: string;\r\n externalID: string;\r\n firstName: string;\r\n lastName: string;\r\n licenseId: string;\r\n ownerApiKey: string;\r\n password: string;\r\n status: string;\r\n activeBoardUsers: string;\r\n activeUsers: string;\r\n campaignCount: number;\r\n created: string;\r\n credentialCount: number;\r\n lastLogin: string;\r\n name: string;\r\n ownerName: string;\r\n timezone: string;\r\n totalUsers: number;\r\n}\r\n\r\nexport interface CName {\r\n accountId: string;\r\n created: string;\r\n id: string;\r\n modified: string;\r\n name: string;\r\n hasCdIntegration: boolean;\r\n}\r\n\r\nexport interface Integration {\r\n accountId: string;\r\n cnameId: string;\r\n created: string;\r\n id: string;\r\n modified: string;\r\n name: string;\r\n settingsData: any;\r\n state: string;\r\n status: string;\r\n type: string;\r\n version: number;\r\n assets: {\r\n credentials: SocialProfile[];\r\n };\r\n}\r\nexport interface Profile {\r\n created: string;\r\n id: string;\r\n imageLink: string;\r\n name: string;\r\n displayName: string;\r\n network: string;\r\n networkUsername: string;\r\n status: string;\r\n}\r\nexport interface SocialProfile {\r\n cName?: CName;\r\n created: string;\r\n id: string;\r\n name: string;\r\n network: string;\r\n networkUsername: string;\r\n status: string;\r\n type: string;\r\n isConnected: boolean;\r\n}\r\n\r\nexport interface User {\r\n id: string;\r\n name: string;\r\n email: string;\r\n lastLogin: string;\r\n role: string;\r\n timezone: string;\r\n}\r\nexport interface SocialPost {\r\n Id: string;\r\n PostId: string;\r\n CampaignId: string;\r\n MessageId: string;\r\n CredentialId: string;\r\n LinkId: string;\r\n LinkIds: string[];\r\n Created: string;\r\n Modified: string;\r\n Status: string; // todo need to define types\r\n Network: string; // todo need to define types\r\n RemoteId: string;\r\n RemoteUrl: string;\r\n Error: string;\r\n}\r\nexport interface OktopostLink {\r\n Created: string;\r\n Hash: string;\r\n LongUrl: string;\r\n ShortUrl: string;\r\n Id: string;\r\n Modified: string;\r\n AccountId: string;\r\n CampaignId: string;\r\n MessageId: string;\r\n PostId: string;\r\n PostlogId: string;\r\n Clicks: number;\r\n Converts: number;\r\n CredentialId: string;\r\n}\r\n\r\nexport enum SocialMessageType {\r\n linkAttachment = 'link-attachment',\r\n Image = 'image',\r\n Video = 'video',\r\n Text = 'text',\r\n}\r\ntype MediaType = 'Image' | 'Video';\r\nexport interface SocialPostMessage {\r\n message: SocialMessage;\r\n socialPost: SocialPost;\r\n profile: Profile;\r\n links: OktopostLink[];\r\n}\r\nexport interface SocialMessage {\r\n Id: string;\r\n Created: string;\r\n Modified: string;\r\n Status: string;\r\n AccountId: string;\r\n CreatedBy: string;\r\n ModifiedBy: string;\r\n CampaignId: string;\r\n Network: string;\r\n Subject: string;\r\n Message: string;\r\n Md5: string;\r\n ImageUrl: string;\r\n Description: string;\r\n LinkTitle: string;\r\n LinkUrl: string;\r\n Url: string;\r\n Type: SocialMessageType;\r\n Clicks: number;\r\n ChildClicks: number;\r\n BoardClicks: number;\r\n Converts: number;\r\n ChildConverts: number;\r\n BoardConverts: number;\r\n ChildrenCount: number;\r\n Picture: string;\r\n IsBoardMessage: number;\r\n Media: Media[];\r\n}\r\nexport interface Media {\r\n Id: string;\r\n Created: string;\r\n Modified: string;\r\n AccountId: string;\r\n Status: string;\r\n CreatedBy: string;\r\n ModifiedBy: string;\r\n Type: MediaType;\r\n Size: number;\r\n Resource: string;\r\n Name: string;\r\n Description: string;\r\n}\r\n","/* tslint:disable */\r\n\r\nexport class PixiConfiguration {\r\n\r\n public pixieConfig: any = {\r\n baseUrl: '/assets/js-libs/pixie',\r\n crossOrigin: true,\r\n languages: {\r\n active: 'default',\r\n custom: {\r\n french: {\r\n filter: \"filtre\",\r\n resize: \"redimensionnement\",\r\n crop: \"rognage\",\r\n transform: \"transformation\",\r\n draw: \"dessin\",\r\n text: \"texte\",\r\n shapes: \"formes\",\r\n stickers: \"autocollants\",\r\n frame: \"cadre\",\r\n corners: \"coins\",\r\n \"History\": \"Historique\",\r\n \"Objects\": \"Objets\",\r\n \"Canvas Background\": \"Arrière-plan du canevas\",\r\n \"Width\": \"Largeur\",\r\n \"Height\": \"Hauteur\",\r\n \"Brush Color\": \"Couleur du pinceau\",\r\n \"Brush Type\": \"Type de pinceau\",\r\n \"Brush Size\": \"Taille du pinceau\",\r\n \"Cancel\": \"Annuler\",\r\n \"Close\": \"Fermer\",\r\n \"Apply\": \"Appliquer\",\r\n \"Size\": \"Taille\",\r\n \"Maintain Aspect Ratio\": \"Conserver les proportions\",\r\n \"Use Percentages\": \"Utiliser les pourcentages\",\r\n \"Radius\": \"Rayon\",\r\n \"Align Text\": \"Aligner le texte\",\r\n \"Format Text\": \"Mettre le texte en forme\",\r\n \"Color Picker\": \"Sélecteur de couleurs\",\r\n \"Add Text\": \"Ajouter du texte\",\r\n \"Font\": \"Police\",\r\n \"Upload\": \"Charger\",\r\n \"Google Fonts\": \"Polices de Google\",\r\n \"Search...\": \"Recherche...\",\r\n \"Shadow\": \"Ombre\",\r\n \"Color\": \"Couleur\",\r\n \"Outline\": \"Contour\",\r\n \"Background\": \"Arrière-plan\",\r\n \"Texture\": \"Texture\",\r\n \"Gradient\": \"Gradué\",\r\n \"Text Style\": \"Style du texte\",\r\n \"Delete\": \"Supprimer\",\r\n \"Background Color\": \"Couleur d’arrière-plan\",\r\n \"Outline Width\": \"Largeur du contour\",\r\n \"Blur\": \"Flou\",\r\n \"Offset X\": \"Décalage X\",\r\n \"Offset Y\": \"Décalage Y\",\r\n \"Open\": \"Ouvrir\",\r\n \"Save\": \"Enregistrer\",\r\n \"Zoom\": \"Zoom\",\r\n \"Editor\": \"Éditeur\",\r\n \"Initial\": \"Initial\",\r\n \"shape\": \"forme\",\r\n \"sticker\": \"autocollant\",\r\n \"main Image\": \"Image principale\",\r\n \"corner\": \"coin\",\r\n \"opacity\": \"opacité\",\r\n \"drawing\": \"dessin\",\r\n \"applied: opacity\": \"appliqué: opacité\",\r\n \"applied: shadow\": \"appliqué: ombre\",\r\n \"applied: color\": \"appliqué: couleur\",\r\n \"applied: outline\": \"appliqué: contour\",\r\n \"applied: background\": \"appliqué: arrière-plan\",\r\n \"applied: texture\": \"appliqué: texture\",\r\n \"applied: gradient\": \"appliqué: gradué\",\r\n \"applied: filter\": \"appliqué : filtre\",\r\n \"applied: resize\": \"appliqué : redimensionnement\",\r\n \"applied: crop\": \"appliqué : rognage\",\r\n \"applied: transform\": \"appliqué : transformation\",\r\n \"applied: separator\": \"appliqué : séparateur\",\r\n \"applied: draw\": \"appliqué : dessin\",\r\n \"applied: text\": \"appliqué : texte\",\r\n \"applied: shapes\": \"appliqué : formes\",\r\n \"applied: stickers\": \"appliqué : autocollants\",\r\n \"applied: frame\": \"appliqué : cadre\",\r\n \"applied: corners\": \"appliqué : coin\",\r\n \"circle\": \"cercle\",\r\n \"rectangle\": \"rectangle\",\r\n \"triangle\": \"triangle\",\r\n \"ellipse\": \"ellipse\",\r\n \"Arrow #1\": \"Flèche n°1\",\r\n \"Arrow #2\": \"Flèche n°2\",\r\n \"Arrow #3\": \"Flèche n°3\",\r\n \"Line\": \"Ligne\",\r\n \"Star\": \"Étoile\",\r\n \"Polygon\": \"Polygone\",\r\n \"Badge\": \"Badge\",\r\n \"deleted: shape\": \"Supprimé: forme\",\r\n \"deleted: opacity\": \"Supprimé: opacité\",\r\n \"deleted: shadow\": \"Supprimé: ombre\",\r\n \"deleted: color\": \"Supprimé: couleur\",\r\n \"deleted: outline\": \"Supprimé: contour\",\r\n \"deleted: background\": \"Supprimé: arrière-plan\",\r\n \"deleted: texture\": \"Supprimé: texture\",\r\n \"deleted: gradient\": \"Supprimé: dégradé\",\r\n \"deleted: filter\": \"Supprimé: filtre\",\r\n \"deleted: resize\": \"Supprimé: redimensionnement\",\r\n \"deleted: crop\": \"Supprimé: rognage\",\r\n \"deleted: transform\": \"Supprimé: transformation\",\r\n \"deleted: separator\": \"Supprimé: séparateur\",\r\n \"deleted: draw\": \"Supprimé: dessin\",\r\n \"deleted: text\": \"Supprimé: texte\",\r\n \"deleted: shapes\": \"Supprimé: formes\",\r\n \"deleted: stickers\": \"Supprimé: autocollants\",\r\n \"deleted: frame\": \"Supprimé: cadre\",\r\n \"deleted: corners\": \"Supprimé: coins\",\r\n \"deleted: color Controls\": \"Supprimé Contrôles de couleur\",\r\n \"applied: color Controls\": \"Appliqué : Contrôles de couleur\",\r\n \"Duplicate\": \"Dupliquer\",\r\n \"Flip\": \"Faire pivoter\",\r\n \"Bring to front\": \"Mettre au premier plan\",\r\n \"Customize\": \"Personnaliser\"\r\n\r\n }\r\n }\r\n },\r\n ui: {\r\n mode: 'overlay',\r\n openImageDialog: { show: false },\r\n toolbar: {\r\n hideOpenButton: true,\r\n hideCloseButton: false,\r\n },\r\n nav: {\r\n position: 'top',\r\n replaceDefault: true,\r\n items: [\r\n { name: 'filter', icon: 'filter-custom', action: 'filter' },\r\n { type: 'separator' },\r\n { name: 'resize', icon: 'resize-custom', action: 'resize' },\r\n { name: 'crop', icon: 'crop-custom', action: 'crop' },\r\n { name: 'transform', icon: 'transform-custom', action: 'transform' },\r\n { type: 'separator' },\r\n { name: 'draw', icon: 'pencil-custom', action: 'draw' },\r\n { name: 'text', icon: 'text-box-custom', action: 'text' },\r\n { name: 'shapes', icon: 'polygon-custom', action: 'shapes' },\r\n { name: 'stickers', icon: 'sticker-custom', action: 'stickers' },\r\n { name: 'frame', icon: 'frame-custom', action: 'frame' },\r\n { type: 'separator' },\r\n { name: 'corners', icon: 'rounded-corner-custom', action: 'corners' },\r\n { name: 'background', icon: 'background-custom', action: 'background' },\r\n //{ name: 'merge', icon: 'merge-custom', action: DrawerName.MERGE },\r\n ]\r\n }\r\n\r\n }\r\n }\r\n\r\n constructor() {\r\n ;\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './lookup-autocomplete-data';\r\nexport * from './lookup-autocomplete.component';\r\nexport * from './lookup-dialog.api';\r\nexport * from './lookup-dialog.component';\r\nexport * from './lookup-dialog.module';\r\nexport * from './lookup-dialog.service';\r\nexport * from './lookup-grid.component';\r\nexport * from './lookup-input/lookup-input.component';\r\n// end:ng42.barrel\r\n\r\n","import { Observable, Subscription } from 'rxjs';\r\nimport { LookupDialogService } from './lookup-dialog.service';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { map } from 'rxjs/operators';\r\nimport { CompleterItem } from '../ngx-completer/model/completer-item';\r\nimport { DataService } from '../ngx-completer/services/data.service';\r\n\r\nexport class LookupAutocompleteData extends DataService {\r\n private remoteSearch: Subscription;\r\n private _dataField: string | null = null;\r\n\r\n constructor(private lookupDialogService: LookupDialogService) {\r\n super();\r\n }\r\n\r\n public dataField(dataField: string) {\r\n this._dataField = dataField;\r\n }\r\n\r\n public search(term: string): Observable {\r\n this.cancel();\r\n \r\n return this.lookupDialogService.getAutocompleteOptions(term)\r\n .pipe(map(data => this.extractValue(data.Items || [], this._dataField)))\r\n .pipe(map(values => this.extractMatches(values, term)))\r\n .pipe(map(matches => this.processResults(matches)));\r\n }\r\n\r\n public cancel() {\r\n if (this.remoteSearch) {\r\n this.remoteSearch.unsubscribe();\r\n }\r\n }\r\n\r\n public convertToItem(data: any): CompleterItem | null {\r\n return super.convertToItem(data);\r\n }\r\n}\r\n\r\n\r\nexport function autocompleteDataFactory (lookupDialogService: LookupDialogService, httpClient: HttpClient) {\r\n return () => {\r\n return new LookupAutocompleteData(lookupDialogService);\r\n };\r\n}\r\n\r\nexport let AutocompleteDataFactoryProvider = {\r\n provide: LookupAutocompleteData,\r\n useFactory: autocompleteDataFactory,\r\n deps: [LookupDialogService]\r\n};\r\n","import { Component, EventEmitter, Inject, Input, Output } from '@angular/core';\r\nimport { LookupAutocompleteData } from './lookup-autocomplete-data';\r\nimport { DataService } from '../ngx-completer/services/data.service';\r\nimport { CompleterItem } from '../ngx-completer/model/completer-item';\r\n\r\n@Component({\r\n selector: 'lookup-autocomplete',\r\n styles: [\r\n `\r\n .searchBtn {\r\n display: block;\r\n width: 20px;\r\n height: 22px;\r\n background: url(../../../../assets/images/btn_on_lookup.png) no-repeat center center;\r\n cursor: pointer;\r\n }\r\n `\r\n ],\r\n template: `\r\n \r\n \r\n `\r\n})\r\n\r\nexport class LookupAutocompleteComponent {\r\n @Input() filter: string;\r\n @Output() newFilterSelected: EventEmitter = new EventEmitter();\r\n public dataSource: DataService;\r\n\r\n constructor(@Inject(LookupAutocompleteData) private autocompleteDataFactory: any) {\r\n this.dataSource = this.remote('EntityName', 'EntityName');\r\n }\r\n\r\n onNewFilterSelected(selected: CompleterItem) {\r\n if (selected) {\r\n this.search();\r\n }\r\n }\r\n\r\n search() {\r\n this.newFilterSelected.emit(this.filter);\r\n }\r\n\r\n remote(searchFields: string | null = '', titleField: string | null = ''): LookupAutocompleteData {\r\n const remoteData = this.autocompleteDataFactory();\r\n return remoteData\r\n .searchFields(searchFields)\r\n .titleField(titleField);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AccountService } from '../services/account.service';\r\nimport { Observable } from 'rxjs';\r\nimport { LookupRequestInfo } from './lookup-grid.component';\r\nimport { HttpService } from '../http/http.service';\r\n\r\n@Injectable()\r\nexport class LookupDialogApi {\r\n\r\n readonly baseUrl: string;\r\n readonly commonWebApiBaseUrl: string;\r\n \r\n private _entityId: number;\r\n\r\n get entityId(): number {\r\n return this._entityId;\r\n }\r\n\r\n set entityId(value: number) {\r\n this._entityId = value;\r\n }\r\n \r\n constructor(private httpService: HttpService, private accountService: AccountService) {\r\n this.baseUrl = `${this.accountService.baseUrl}/api/LookupDialog_v2/LookupDialog`; \r\n }\r\n\r\n getAutocompleteOptions(searchTerm: string, entityId: number, count: number = 10): Observable {\r\n const searchData = { 'entityId': entityId, 'count': count, 'searchTerm': searchTerm };\r\n return this.httpService.post(searchData, this.accountService.getUrlExternalBase('AutocompleteOptions', this.baseUrl));\r\n }\r\n\r\n getRecords(pageInfo: LookupRequestInfo) { \r\n switch (pageInfo.entityType) {\r\n // Uncomment these when start working with common web:\r\n //case CrmEntityTypeEnum.Contact:\r\n //return this.httpService.post(this.commonWebApiBaseUrl + 'contact/search', null, this.getHttpHeader());\r\n //case CrmEntityTypeEnum.Lead:\r\n //return this.httpService.post(this.commonWebApiBaseUrl + 'lead/search', null, ); \r\n default:\r\n let queryParams = `&pageType=${pageInfo.pageType}&pageSize=${pageInfo.pageSize}¤tPageIndex=${pageInfo.currentPageIndex}&` +\r\n `entityViewId=${pageInfo.entityViewId}`;\r\n\r\n if (pageInfo.entitySubType) {\r\n queryParams += `&entitySubType=${pageInfo.entitySubType}`;\r\n }\r\n if (pageInfo.filter) {\r\n queryParams += `&filter=${pageInfo.filter}`;\r\n }\r\n if (pageInfo.refresh) {\r\n queryParams += `&refresh=${pageInfo.refresh}`;\r\n }\r\n if (pageInfo.isDescendingSort) {\r\n queryParams += `&isDescendingSort=${pageInfo.isDescendingSort}`;\r\n }\r\n if (pageInfo.sortColumnName) {\r\n queryParams += `&sortColumnName=${pageInfo.sortColumnName}`;\r\n }\r\n if (pageInfo.editorType) {\r\n queryParams += `&editorType=${pageInfo.editorType}`;\r\n }\r\n\r\n return this.httpService.get(this.accountService.getUrlExternalBase('GetRecords', this.baseUrl) + queryParams);\r\n } \r\n }\r\n\r\n getEntityViews(pageInfo: LookupRequestInfo) {\r\n let queryParams = `&pageType=${pageInfo.pageType}`;\r\n if (pageInfo.entitySubType) {\r\n queryParams += `&entitySubType=${pageInfo.entitySubType}`;\r\n }\r\n\r\n if (pageInfo.includeLookupViews) {\r\n queryParams += '&includeLookupViews=true';\r\n } else {\r\n queryParams += '&includeLookupViews=false';\r\n }\r\n\r\n if (pageInfo.editorType) {\r\n queryParams += `&editorType=${pageInfo.editorType}`;\r\n }\r\n\r\n\r\n return this.httpService.get(this.accountService.getUrlExternalBase('GetEntityViews', this.baseUrl) + queryParams);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\r\nimport { DialogBase, DialogCloseReason } from '../dialogs/base-dialog';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { LookupGridComponent, LookupRequestInfo } from './lookup-grid.component';\r\nimport { LookupDialogService } from './lookup-dialog.service';\r\nimport { ISimpleDropdownOption } from '../components/simple-dropdown/simple-dropdown.component';\r\nimport { CrmEntityLookupKnownSubType, CrmEntityTypeEnum } from '../crm-entities/crm-entities.model';\r\nimport { Logger } from '../monitoring/logger/logger';\r\n\r\nexport type EntitySubTypes = { [id in CrmEntityTypeEnum]?: CrmEntityLookupKnownSubType; } | { [id in CrmEntityTypeEnum]?: string; } | { [id: number]: CrmEntityLookupKnownSubType; } | { [id: number]: string; };\r\n\r\nexport interface ILookupEntityData {\r\n name: string;\r\n id: CrmEntityTypeEnum;\r\n}\r\n\r\nexport interface BaseLookupEntity {\r\n Id: string;\r\n Name: string;\r\n CurrencyName: string;\r\n entityType: string;\r\n}\r\n\r\nexport interface ILookupDialogResultData {\r\n fieldList: ILookupColumn[];\r\n selected: any[];\r\n entityType: CrmEntityTypeEnum;\r\n entityName: string;\r\n}\r\n\r\nexport interface ILookupColumn {\r\n displayName: string;\r\n field: string;\r\n sortable: boolean;\r\n visible: boolean;\r\n width: string;\r\n}\r\n\r\nexport interface ILookupView {\r\n FetchXML: string;\r\n Id: string;\r\n IsDefault: boolean;\r\n Name: string;\r\n}\r\n\r\nexport interface ILookupDialogConfig {\r\n entityTypes?: CrmEntityTypeEnum[];\r\n entitySubTypes?: EntitySubTypes;\r\n singleSelection?: boolean;\r\n includeLookupViews?: boolean;\r\n editorType?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'lookup-dialog',\r\n templateUrl: './lookup-dialog.html'\r\n})\r\n\r\nexport class LookupDialogComponent extends DialogBase {\r\n @ViewChild('grid', {static: false}) gridComponent: LookupGridComponent;\r\n isLoading: boolean = true;\r\n entityTypes: ISimpleDropdownOption[] = [];\r\n entityType: CrmEntityTypeEnum;\r\n entitySubTypes?: { [id: number]: string; };\r\n entityName: string;\r\n entityViews: ISimpleDropdownOption[] = [];\r\n\r\n gridSelectionType: string;\r\n\r\n fieldList: ILookupColumn[] = [];\r\n selected: BaseLookupEntity[] = [];\r\n multiSelectedHash = {};\r\n multiSelectedHashIsEmpty = true;\r\n\r\n changedRequestInfoAttribute: string;\r\n\r\n requestInfo: LookupRequestInfo = {\r\n pageType: '',\r\n pageSize: 50,\r\n currentPageIndex: 1,\r\n entityViewId: '',\r\n filter: '',\r\n entityType: 0,\r\n includeLookupViews: true,\r\n };\r\n\r\n dialogConfig: ILookupDialogConfig;\r\n\r\n constructor(private lookupDialogService: LookupDialogService,\r\n private logger: Logger,\r\n private translate: TranslateService) {\r\n super();\r\n\r\n }\r\n\r\n setLoading(isLoading: boolean) {\r\n this.isLoading = isLoading;\r\n }\r\n\r\n close() {\r\n super.close({ reason: DialogCloseReason.CANCEL });\r\n }\r\n\r\n add() {\r\n const lookupDialogResultData: ILookupDialogResultData = {\r\n selected: this.dialogConfig.singleSelection ? this.selected : Object.values(this.multiSelectedHash),\r\n fieldList: this.fieldList,\r\n entityType: this.entityType,\r\n entityName: this.entityName\r\n };\r\n super.close({ reason: DialogCloseReason.OK, data: lookupDialogResultData });\r\n }\r\n\r\n onViewIdChange(entityViewId: any) {\r\n this.requestInfo.entityViewId = entityViewId;\r\n this.requestInfo.currentPageIndex = 1;\r\n this.requestInfo.filter = '';\r\n this.changedRequestInfoAttribute = 'entityViewId';\r\n this.clearChangedRequestInfoAttribute();\r\n this.requestInfo = new LookupRequestInfo(this.requestInfo);\r\n }\r\n\r\n onEntityTypeChange(entityType: CrmEntityTypeEnum) {\r\n this.entityViews = [];\r\n this.selected = [];\r\n\r\n if (entityType) {\r\n this.entityType = Number(entityType);\r\n this.entityName = CrmEntityTypeEnum[this.entityType];\r\n this.lookupDialogService.entityType = this.entityType;\r\n this.requestInfo.entityType = entityType;\r\n if (this.entitySubTypes) {\r\n this.requestInfo.entitySubType = this.entitySubTypes[this.entityType];\r\n }\r\n this.onViewIdChange('');\r\n }\r\n\r\n this.loadEntityData();\r\n }\r\n\r\n clearChangedRequestInfoAttribute() {\r\n setTimeout(() => {\r\n this.changedRequestInfoAttribute = '';\r\n }, 1000);\r\n }\r\n\r\n newFilterSelected(filter: string) {\r\n this.requestInfo.filter = filter;\r\n this.changedRequestInfoAttribute = 'filter';\r\n this.clearChangedRequestInfoAttribute();\r\n this.requestInfo = new LookupRequestInfo(this.requestInfo);\r\n }\r\n\r\n setEntityData() {\r\n switch (this.entityType) {\r\n case CrmEntityTypeEnum.MarketingList:\r\n this.requestInfo.pageType = 'list';\r\n break;\r\n case CrmEntityTypeEnum.User:\r\n this.requestInfo.pageType = 'systemuser';\r\n break;\r\n case CrmEntityTypeEnum.Contact:\r\n this.requestInfo.pageType = 'contact';\r\n break;\r\n case CrmEntityTypeEnum.Lead:\r\n this.requestInfo.pageType = 'lead';\r\n break;\r\n case CrmEntityTypeEnum.Account:\r\n this.requestInfo.pageType = 'account';\r\n break;\r\n case CrmEntityTypeEnum.Team:\r\n this.requestInfo.pageType = 'team';\r\n break;\r\n case CrmEntityTypeEnum.Workflow:\r\n this.requestInfo.pageType = 'workflow';\r\n break;\r\n case CrmEntityTypeEnum.EmailTemplate:\r\n this.requestInfo.pageType = 'cdi_emailtemplate';\r\n break;\r\n case CrmEntityTypeEnum.EmailSend:\r\n this.requestInfo.pageType = 'cdi_emailsend';\r\n break;\r\n case CrmEntityTypeEnum.WebForm:\r\n this.requestInfo.pageType = 'cdi_webcontent';\r\n break;\r\n case CrmEntityTypeEnum.FormCapture:\r\n this.requestInfo.pageType = 'cdi_formcapture';\r\n break;\r\n case CrmEntityTypeEnum.FormField:\r\n this.requestInfo.pageType = 'cdi_formfield';\r\n break;\r\n case CrmEntityTypeEnum.SurveyQuestion:\r\n this.requestInfo.pageType = 'cdi_surveyquestion';\r\n break;\r\n case CrmEntityTypeEnum.Domain:\r\n this.requestInfo.pageType = 'cdi_domain';\r\n break;\r\n case CrmEntityTypeEnum.Campaign:\r\n this.requestInfo.pageType = 'campaign';\r\n break;\r\n case CrmEntityTypeEnum.EmailCName:\r\n this.requestInfo.pageType = 'cdi_emailcname';\r\n break;\r\n case CrmEntityTypeEnum.Currency:\r\n this.requestInfo.pageType = 'transactioncurrency';\r\n break;\r\n case CrmEntityTypeEnum.Event:\r\n this.requestInfo.pageType = 'cdi_event';\r\n break;\r\n case CrmEntityTypeEnum.ContactAttributes:\r\n this.requestInfo.pageType = 'contact_attributes';\r\n break;\r\n case CrmEntityTypeEnum.LeadAttributes:\r\n this.requestInfo.pageType = 'lead_attributes';\r\n break;\r\n case CrmEntityTypeEnum.SubscriptionList:\r\n this.requestInfo.pageType = 'cdi_subscriptionlist';\r\n break;\r\n }\r\n }\r\n\r\n loadEntityData() {\r\n this.setEntityData();\r\n this.getEntityViews();\r\n }\r\n\r\n initDialog() {\r\n this.dialogConfig = this.extraData as ILookupDialogConfig;\r\n\r\n const entityTypes: CrmEntityTypeEnum[] = this.dialogConfig.entityTypes ? this.dialogConfig.entityTypes : [CrmEntityTypeEnum.User];\r\n\r\n if (this.dialogConfig.entitySubTypes) {\r\n this.entitySubTypes = this.dialogConfig.entitySubTypes;\r\n }\r\n\r\n for (let i = 0; i < entityTypes.length; i++) {\r\n if (entityTypes[i]) {\r\n const entityType: ISimpleDropdownOption = {\r\n displayText: this.translate.instant(`COMMON.CRM_ENTITY_NAMES.${CrmEntityTypeEnum[entityTypes[i]]}`),\r\n value: entityTypes[i]\r\n };\r\n this.entityTypes.push(entityType);\r\n }\r\n\r\n }\r\n\r\n this.gridSelectionType = 'single';\r\n if (this.dialogConfig.singleSelection !== undefined && this.dialogConfig.singleSelection !== null) {\r\n this.gridSelectionType = this.dialogConfig.singleSelection ? 'single' : 'multiClick';\r\n } else {\r\n this.dialogConfig.singleSelection = true;\r\n }\r\n\r\n if (this.entityTypes && this.entityTypes.length > 0) {\r\n this.entityType = this.entityTypes[0].value;\r\n this.entityName = this.translate.instant(`COMMON.CRM_ENTITY_NAMES.${CrmEntityTypeEnum[this.entityType]}`);\r\n this.lookupDialogService.entityType = this.entityType;\r\n this.requestInfo.entityType = this.entityType;\r\n if (this.entitySubTypes) {\r\n this.requestInfo.entitySubType = this.entitySubTypes[this.entityType];\r\n }\r\n this.onViewIdChange('');\r\n }\r\n\r\n if (this.dialogConfig.editorType) {\r\n this.requestInfo.editorType = this.dialogConfig.editorType;\r\n }\r\n\r\n if (this.dialogConfig.includeLookupViews !== null && this.dialogConfig.includeLookupViews !== undefined) {\r\n this.requestInfo.includeLookupViews = this.dialogConfig.includeLookupViews;\r\n }\r\n\r\n this.loadEntityData();\r\n }\r\n\r\n getEntityViews() {\r\n this.lookupDialogService.getEntityViews(this.requestInfo)\r\n .subscribe((data) => this.handleEntityViewsResult(data),\r\n (err) => {\r\n this.handleEntityViewsError(err);\r\n });\r\n }\r\n\r\n handleEntityViewsResult(res: ILookupView[]) {\r\n if (res) {\r\n const entityViews = res;\r\n this.entityViews = entityViews.map((val: ILookupView) => {\r\n return { value: val.Id, displayText: val.Name };\r\n });\r\n for (let i = 0; i < entityViews.length; i++) {\r\n if (entityViews[i].IsDefault) {\r\n this.requestInfo.entityViewId = entityViews[i].Id;\r\n break;\r\n }\r\n }\r\n if ((!this.requestInfo.entityViewId || this.requestInfo.entityViewId.length === 0) && entityViews.length > 0) {\r\n this.requestInfo.entityViewId = entityViews[0].Id;\r\n }\r\n\r\n this.onViewIdChange(this.requestInfo.entityViewId);\r\n }\r\n }\r\n\r\n handleEntityViewsError(error: any) {\r\n this.logger.error(`error in get entity views from server: ${error.originalError || error}`);\r\n }\r\n\r\n selectedRecordsChanged(selected: any[]) {\r\n this.selected = selected;\r\n }\r\n\r\n columnsChanged(fieldList: ILookupColumn[]) {\r\n this.fieldList = fieldList;\r\n }\r\n\r\n onMultiSelectRemove(entityToRemove: BaseLookupEntity | any, event: MouseEvent) {\r\n event.stopPropagation();\r\n\r\n delete this.multiSelectedHash[entityToRemove.Id];\r\n if (Object.keys(this.multiSelectedHash).length === 0) {\r\n this.multiSelectedHashIsEmpty = true;\r\n }\r\n }\r\n\r\n onMultiSelectAdd() {\r\n this.selected.forEach((selectedIntity: BaseLookupEntity) => {\r\n this.multiSelectedHash[selectedIntity.Id] = selectedIntity;\r\n this.multiSelectedHashIsEmpty = false;\r\n });\r\n\r\n this.gridComponent.clearSelected();\r\n }\r\n\r\n shouldAddBeDisabled() {\r\n return this.dialogConfig && (\r\n (this.dialogConfig.singleSelection && this.selected.length === 0) ||\r\n (!this.dialogConfig.singleSelection && this.multiSelectedHashIsEmpty)\r\n );\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DialogModule } from '../dialogs/dialogs.module';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonDirectivesModule } from '../directives/common-directives.module';\r\nimport { LookupDialogComponent } from './lookup-dialog.component';\r\nimport { LookupAutocompleteComponent } from './lookup-autocomplete.component';\r\nimport { LookupGridComponent } from './lookup-grid.component';\r\nimport { NgxDatatableModule } from '@swimlane/ngx-datatable';\r\nimport { AutocompleteDataFactoryProvider } from './lookup-autocomplete-data';\r\nimport { LookupDialogService } from './lookup-dialog.service';\r\nimport { LookupDialogApi } from './lookup-dialog.api';\r\nimport { CommonComponentsModule } from '../components/common-components.module';\r\nimport { LookupInputComponent } from './lookup-input/lookup-input.component';\r\nimport { NgxCompleterModule } from '../ngx-completer/ngx-completer.module';\r\n\r\nconst components = [\r\n LookupDialogComponent, LookupAutocompleteComponent, LookupGridComponent, LookupInputComponent\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n DialogModule,\r\n TranslateModule.forChild(),\r\n CommonDirectivesModule,\r\n NgxDatatableModule,\r\n CommonComponentsModule,\r\n NgxCompleterModule\r\n ],\r\n declarations: components,\r\n providers: [LookupDialogApi, LookupDialogService, AutocompleteDataFactoryProvider],\r\n entryComponents: [LookupDialogComponent],\r\n exports: [LookupDialogComponent, LookupInputComponent],\r\n schemas: []\r\n})\r\nexport class LookupDialogModule {\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { LookupRequestInfo } from './lookup-grid.component';\r\nimport { LookupDialogApi } from './lookup-dialog.api';\r\n\r\n@Injectable()\r\nexport class LookupDialogService {\r\n\r\n private _entityType: number;\r\n\r\n get entityType(): number {\r\n return this._entityType;\r\n }\r\n set entityType(value: number) {\r\n this._entityType = value;\r\n }\r\n\r\n constructor(private lookupDialogApi: LookupDialogApi) {\r\n }\r\n\r\n getAutocompleteOptions(searchTerm: string): Observable {\r\n return this.lookupDialogApi.getAutocompleteOptions(searchTerm, this.entityType, 10);\r\n }\r\n\r\n getRecords(pageInfo: LookupRequestInfo) { \r\n return this.lookupDialogApi.getRecords(pageInfo);\r\n }\r\n\r\n getEntityViews(pageInfo: LookupRequestInfo) {\r\n return this.lookupDialogApi.getEntityViews(pageInfo);\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n","import {\r\n Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, TemplateRef, ViewChild} from '@angular/core';\r\nimport { TableColumn } from '@swimlane/ngx-datatable';\r\nimport { LookupDialogService } from './lookup-dialog.service';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\nexport class LookupRequestInfo {\r\n pageType: string;\r\n entitySubType?: string;\r\n pageSize: number = 50;\r\n currentPageIndex: number = 1;\r\n entityViewId: string;\r\n refresh?: boolean = false;\r\n filter?: string = '';\r\n isDescendingSort?: boolean;\r\n sortColumnName?: string;\r\n entityType: number;\r\n includeLookupViews: boolean;\r\n editorType?: string;\r\n\r\n constructor(lookupRequestInfo: LookupRequestInfo) {\r\n this.pageType = lookupRequestInfo.pageType;\r\n this.entitySubType = lookupRequestInfo.entitySubType;\r\n this.pageSize = lookupRequestInfo.pageSize;\r\n this.currentPageIndex = lookupRequestInfo.currentPageIndex;\r\n this.entityViewId = lookupRequestInfo.entityViewId;\r\n this.refresh = lookupRequestInfo.refresh;\r\n this.filter = lookupRequestInfo.filter;\r\n this.isDescendingSort = lookupRequestInfo.isDescendingSort;\r\n this.sortColumnName = lookupRequestInfo.sortColumnName;\r\n this.entityType = lookupRequestInfo.entityType;\r\n this.includeLookupViews = lookupRequestInfo.includeLookupViews;\r\n this.editorType = lookupRequestInfo.editorType;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'grid-component',\r\n templateUrl: 'lookup-grid.html'\r\n})\r\n\r\nexport class LookupGridComponent implements OnChanges {\r\n @ViewChild('checkboxTmpl', {static: false}) checkboxTmpl: TemplateRef;\r\n @Output() loadingChanged: EventEmitter = new EventEmitter();\r\n @Output() selectedRecordsChanged: EventEmitter = new EventEmitter();\r\n @Output() columnsChanged: EventEmitter = new EventEmitter();\r\n @Input() isLoading: boolean = false;\r\n @Input() requestInfo: LookupRequestInfo;\r\n @Input() selectionType: string;\r\n @Input() entityName: string;\r\n @Input() changedRequestInfoAttribute: string;\r\n\r\n cssClasses: any = {\r\n sortAscending: 'datatable-sort-asc',\r\n sortDescending: 'datatable-sort-desc'\r\n };\r\n\r\n get messages(): any {\r\n return {\r\n emptyMessage: `\r\n \r\n ${this.gridTextNo}\r\n ${this.entityName}\r\n ${this.gridTextNoResults}.
`\r\n };\r\n }\r\n\r\n get pageSize(): number {\r\n if (!this.requestInfo || !this.requestInfo.pageSize) {\r\n return 1;\r\n }\r\n return this.requestInfo.pageSize;\r\n }\r\n\r\n set pageSize(value: number) {\r\n this.requestInfo.pageSize = value;\r\n }\r\n\r\n get currentPageIndex(): number {\r\n if (!this.requestInfo || !this.requestInfo.currentPageIndex) {\r\n return 0;\r\n }\r\n return this.requestInfo.currentPageIndex;\r\n }\r\n\r\n set currentPageIndex(value: number) {\r\n this.requestInfo.currentPageIndex = value;\r\n }\r\n\r\n get selectedCount(): number {\r\n if (!this.selected) {\r\n return 0;\r\n }\r\n return this.selected.length;\r\n }\r\n\r\n get currPageRecordsCount(): number {\r\n if (!this.rows) {\r\n return 0;\r\n }\r\n return this.rows.length;\r\n }\r\n\r\n totalRecords: number = 0;\r\n rows: any[] = [];\r\n\r\n fieldList: any[] = [];\r\n columns: TableColumn[] = [];\r\n selected: any[] = [];\r\n\r\n offsetFirstItem: number = 0;\r\n offsetLastItem: number = 0;\r\n maxRows: number = 0;\r\n maxPages: number = 0;\r\n getRecordsRequest: any;\r\n gridTextNo: string;\r\n gridTextNoResults: string;\r\n\r\n constructor(private lookupDialogService: LookupDialogService, private translate: TranslateService) {\r\n this.gridTextNo = translate.instant('COMMON.DIALOGS.LOOKUP.GRID_TEXT_NO');\r\n this.gridTextNoResults = translate.instant('COMMON.DIALOGS.LOOKUP.GRID_TEXT_NO_RESULTS');\r\n }\r\n\r\n cantPageBackward() {\r\n return !(this.requestInfo.currentPageIndex > 1);\r\n }\r\n\r\n cantPageForward() {\r\n return !(this.requestInfo.currentPageIndex < this.maxPages);\r\n }\r\n\r\n pageToFirst() {\r\n if (this.requestInfo.currentPageIndex !== 1) {\r\n this.requestInfo.currentPageIndex = 1;\r\n this.initGrid();\r\n }\r\n }\r\n\r\n pageBackward() {\r\n const prevPageIndex = Math.max(this.requestInfo.currentPageIndex - 1, 1);\r\n if (prevPageIndex < this.requestInfo.currentPageIndex) {\r\n this.requestInfo.currentPageIndex = prevPageIndex;\r\n this.initGrid();\r\n }\r\n }\r\n\r\n pageForwardToNext() {\r\n if (this.offsetLastItem >= this.totalRecords) {\r\n return;\r\n }\r\n const nextPageIndex = Math.min(this.requestInfo.currentPageIndex + 1, this.maxPages);\r\n if (nextPageIndex > this.requestInfo.currentPageIndex) {\r\n this.requestInfo.currentPageIndex = nextPageIndex;\r\n this.initGrid();\r\n }\r\n }\r\n\r\n isToResetGrid(changes: SimpleChanges) {\r\n if (changes.lookupName && changes.lookupName.currentValue !== changes.lookupName.previousValue) {\r\n return true;\r\n }\r\n return changes.changedRequestInfoAttribute\r\n && changes.changedRequestInfoAttribute.currentValue !== changes.changedRequestInfoAttribute.previousValue\r\n && changes.changedRequestInfoAttribute.currentValue !== '';\r\n\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (this.isToResetGrid(changes)) {\r\n this.resetGrid();\r\n }\r\n if (changes.requestInfo && changes.requestInfo.currentValue.entityViewId !== '' &&\r\n changes.requestInfo.currentValue.entityViewId !== null) {\r\n this.initGrid();\r\n }\r\n }\r\n\r\n getId(row: any) {\r\n return row.Id;\r\n }\r\n\r\n initGrid() {\r\n if (this.requestInfo.entityViewId !== '' && this.requestInfo.entityViewId !== null) {\r\n this.setPage();\r\n }\r\n }\r\n\r\n setLoading(isLoading: boolean) {\r\n this.isLoading = isLoading;\r\n setTimeout(() => {\r\n this.loadingChanged.emit(this.isLoading);\r\n }, 0);\r\n }\r\n\r\n setPage() {\r\n this.setLoading(true);\r\n\r\n if (this.getRecordsRequest) {\r\n this.getRecordsRequest.unsubscribe();\r\n }\r\n\r\n this.getRecordsRequest = this.lookupDialogService.getRecords(this.requestInfo)\r\n .pipe(finalize(() => this.setLoading(false)))\r\n .subscribe((data) => this.handleGetRecordsResult(data),\r\n (err) => {\r\n this.handleGetRecordsError(err);\r\n });\r\n }\r\n\r\n refresh() {\r\n this.requestInfo.refresh = true;\r\n this.initGrid();\r\n }\r\n\r\n resetGrid(): void {\r\n this.columns = [];\r\n this.fieldList = [];\r\n this.selected = [];\r\n this.offsetFirstItem = 0;\r\n this.offsetLastItem = 0;\r\n this.maxRows = 0;\r\n this.maxPages = 0;\r\n this.totalRecords = 0;\r\n this.requestInfo.currentPageIndex = 1;\r\n }\r\n\r\n handleGetRecordsResult(res: any) {\r\n if (res) {\r\n this.fieldList = res.fieldList;\r\n this.createColumns(res.fieldList);\r\n\r\n this.columnsChanged.emit(this.fieldList);\r\n\r\n if (this.requestInfo.currentPageIndex === 1) {\r\n this.totalRecords = res.totalRecords;\r\n }\r\n\r\n this.rows = Object.assign([], res.entityRows);\r\n\r\n const offsetFirstItem = (this.requestInfo.currentPageIndex - 1) * (this.requestInfo.pageSize) + 1;\r\n this.offsetFirstItem = Math.min(offsetFirstItem, this.totalRecords);\r\n this.maxRows = Math.max(this.totalRecords || this.rows.length, 1);\r\n const offsetLastItems = this.requestInfo.currentPageIndex * this.requestInfo.pageSize;\r\n this.offsetLastItem = Math.min(offsetLastItems, this.totalRecords);\r\n this.maxPages = Math.ceil(this.maxRows / this.requestInfo.pageSize);\r\n }\r\n }\r\n\r\n handleGetRecordsError(error: any) {\r\n console.log(`error in get records from server: ${error.originalError || error}`);\r\n }\r\n\r\n onSort(event: any) {\r\n this.isLoading = true;\r\n this.requestInfo.isDescendingSort = event.newValue === 'desc';\r\n this.requestInfo.sortColumnName = event.column.prop;\r\n this.requestInfo.currentPageIndex = 1;\r\n this.setPage();\r\n }\r\n\r\n onSelect(selectedItems: any) {\r\n this.selected.splice(0, this.selected.length);\r\n if (selectedItems.selected && selectedItems.selected.length > 0) {\r\n this.selected.push(...selectedItems.selected);\r\n }\r\n\r\n this.selectedRecordsChanged.emit(this.selected);\r\n }\r\n\r\n clearSelected(){\r\n this.selected = [];\r\n }\r\n\r\n createColumns(columns: any[]) {\r\n if (this.columns.length === 0) {\r\n const checkboxColumn: TableColumn = {\r\n // this column acts as a spacer for the check icon. there is no real value in showing the id to the user.\r\n cellTemplate: this.checkboxTmpl, prop: 'Id', name: ' ', width: 30, minWidth: 30, maxWidth: 30\r\n };\r\n\r\n this.columns = [];\r\n this.columns.push(checkboxColumn);\r\n\r\n if (typeof columns !== 'undefined' && columns != null && columns.length > 0) {\r\n for (let i = 0; i < columns.length; i++) {\r\n if (columns[i].visible) {\r\n const column: TableColumn = {\r\n prop: columns[i].field,\r\n name: columns[i].displayName,\r\n sortable: columns[i].sortable\r\n };\r\n\r\n if (columns[i].field !== 'Id') {\r\n // hide the id column, since we are not getting data into it\r\n // and the user does not care about it anyway\r\n this.columns.push(column);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Input, forwardRef } from '@angular/core';\r\nimport { BaseLookupEntity, ILookupDialogConfig, LookupDialogComponent, EntitySubTypes } from '../lookup-dialog.component';\r\nimport { DialogService, IDialogHandle } from '../../dialogs/dialog.service';\r\nimport { DialogCloseReason, IDialogOnClose } from '../../dialogs/base-dialog';\r\nimport { CrmEntityLookupKnownSubType, CrmEntityTypeEnum } from '../../crm-entities/crm-entities.model';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nexport const CD_LOOKUPINPUT_CONTROL_INPUT_VALUE_ACCESSOR: any = {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => LookupInputComponent),\r\n multi: true\r\n};\r\n\r\n\r\nexport interface ILookupData {\r\n name: string;\r\n id: string;\r\n};\r\n\r\nexport interface ILookupDataWithType extends ILookupData\r\n{\r\n type: CrmEntityTypeEnum;\r\n additionalEntityInfo?: any;\r\n}\r\n\r\n@Component({\r\n selector: 'lookup-input',\r\n styleUrls: ['./lookup-input.scss'],\r\n templateUrl: './lookup-input.html',\r\n providers: [CD_LOOKUPINPUT_CONTROL_INPUT_VALUE_ACCESSOR]\r\n})\r\nexport class LookupInputComponent implements ControlValueAccessor {\r\n\r\n chosenEntity: ILookupDataWithType;\r\n multipleChoosenEntities: ILookupDataWithType[] = [];\r\n lookupDialogHandle: IDialogHandle;\r\n\r\n @Input() crmEntityTypes: CrmEntityTypeEnum[];\r\n @Input() entitySubTypes?: EntitySubTypes;\r\n @Input() editorType: string;\r\n @Input() includeLookupViews = true; // include additional entity viewes by default\r\n @Input() singleSelection = true;\r\n @Input() disabled = false;\r\n\r\n // When this component is consumed with ngModel directive,\r\n // the ngModel directive will override this function (by calling the registerOnChange function)\r\n // and will update the ngModel \"value\" with the parameter passed to the function. ngModel attribute\r\n // must be present on the consuming component\r\n controlAccessorNotifyChange: (_?: any) => void = function () {\r\n // insert a noop function to make things simpler when not working with forms\r\n return;\r\n };\r\n\r\n controlAccessorNotifyTouched: () => void = function () {\r\n // insert a noop function to make things simpler when not working with forms\r\n return;\r\n };\r\n\r\n constructor(private dialogService: DialogService) {\r\n this.resetSelection();\r\n }\r\n\r\n writeValue(value: any): void {\r\n if (value !== undefined && value !== null) {\r\n if (this.singleSelection) {\r\n this.chosenEntity.name = value.name;\r\n this.chosenEntity.id = value.id;\r\n } else {\r\n if (value && Array.isArray(value) && value.length > 0) {\r\n this.multipleChoosenEntities = [];\r\n value.forEach((entity: ILookupDataWithType) => {\r\n this.multipleChoosenEntities.push({\r\n name: entity.name,\r\n id: entity.id,\r\n type: entity.type\r\n });\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.controlAccessorNotifyChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.controlAccessorNotifyTouched = fn;\r\n }\r\n\r\n setDisabledState?(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n }\r\n\r\n public openLookupDialog(event: MouseEvent) {\r\n if (this.lookupDialogHandle) {\r\n // this prevents for the dialog to be opened twice while keeping the notification of the click mouse event\r\n // to the parent ourside the lookup-input (some consumers will want to register on that event)\r\n // we could have it being callled wtice since it's being triggered by the magnifying class in multy select view\r\n return;\r\n }\r\n\r\n this.controlAccessorNotifyTouched();\r\n\r\n this.lookupDialogHandle = this.dialogService.createDialog(LookupDialogComponent, {\r\n entityTypes: this.crmEntityTypes,\r\n entitySubTypes: this.entitySubTypes,\r\n singleSelection: this.singleSelection,\r\n includeLookupViews: this.includeLookupViews,\r\n editorType: this.editorType\r\n } as ILookupDialogConfig);\r\n\r\n this.lookupDialogHandle.onClose.subscribe((result: IDialogOnClose) => {\r\n // forget the handle since the dialog is closing. also acts as indication if the dialog is currently open\r\n this.lookupDialogHandle = null;\r\n\r\n if (result.reason === DialogCloseReason.OK) {\r\n const selectedRecords = result.data.selected;\r\n if (selectedRecords == null || selectedRecords.length === 0) {\r\n return;\r\n }\r\n if (this.singleSelection) {\r\n this.chosenEntity = this.entityRecordFromDialogResult(selectedRecords[0], result.data.entityType);\r\n this.controlAccessorNotifyChange(this.chosenEntity);\r\n } else {\r\n this.multipleChoosenEntities = [];\r\n selectedRecords.forEach((selectedRecord: BaseLookupEntity) => {\r\n this.multipleChoosenEntities.push(this.entityRecordFromDialogResult(selectedRecord, result.data.entityType));\r\n });\r\n this.controlAccessorNotifyChange(this.multipleChoosenEntities);\r\n }\r\n }\r\n });\r\n }\r\n\r\n public onClearInputClicked(event: MouseEvent) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.resetSelection();\r\n this.controlAccessorNotifyChange(null);\r\n }\r\n\r\n public onRemoveChoosenEntityClicked(choosenEntityToRemove: ILookupDataWithType, event: MouseEvent) {\r\n event.stopPropagation();\r\n\r\n this.multipleChoosenEntities = this.multipleChoosenEntities.filter(entity => entity.id !== choosenEntityToRemove.id);\r\n this.controlAccessorNotifyChange(this.multipleChoosenEntities);\r\n }\r\n\r\n public closeLookupDialog() {\r\n this.lookupDialogHandle.close();\r\n }\r\n\r\n public onMultiViewClicked(event: MouseEvent) {\r\n if (this.multipleChoosenEntities.length === 0) {\r\n this.openLookupDialog(event);\r\n }\r\n }\r\n\r\n private resetSelection() {\r\n this.chosenEntity = {\r\n name: '',\r\n id: '',\r\n type: CrmEntityTypeEnum.None\r\n };\r\n }\r\n\r\n private entityRecordFromDialogResult(dialogResultRecord: BaseLookupEntity, entityType: CrmEntityTypeEnum) {\r\n return {\r\n name: dialogResultRecord.Name || dialogResultRecord.CurrencyName,\r\n id: dialogResultRecord.Id,\r\n type: entityType,\r\n additionalEntityInfo: dialogResultRecord\r\n };\r\n }\r\n}\r\n","export default \".lookup-input-container {\\n position: relative; }\\n\\n.single-entity-view {\\n min-height: 24px;\\n min-width: 150px;\\n border: 1px solid #a6a6a6;\\n padding: 5px 40px 5px 5px;\\n line-height: 12px;\\n color: #000;\\n font-family: \\\"Segoe UI\\\";\\n font-weight: bold;\\n cursor: pointer; }\\n\\n.single-entity-view .entity-name {\\n display: inline-block;\\n width: 100%;\\n word-break: break-word;\\n word-wrap: break-word; }\\n\\n.single-entity-view .searchBtn {\\n display: block;\\n width: 24px;\\n height: 22px;\\n background: url(\\\"/assets/common-lib/images/magnifying-glass.png\\\") no-repeat center center;\\n cursor: pointer;\\n position: absolute;\\n top: 0;\\n right: 18px; }\\n\\n.single-entity-view .clear-icon {\\n display: inline-block;\\n width: 16px;\\n height: 16px;\\n background: url(\\\"/assets/common-lib/images/close.png\\\") no-repeat center center;\\n position: absolute;\\n right: 4px;\\n top: 3px; }\\n\\n.multi-entity-view {\\n display: flex;\\n justify-content: stretch;\\n min-width: 150px;\\n border: 1px solid #a6a6a6; }\\n\\n.multi-entity-view__single-record {\\n position: relative;\\n backgound: silver;\\n border-radius: 8px;\\n margin-right: 3px;\\n margin-bottom: 3px;\\n padding-left: 5px;\\n padding-right: 5px;\\n padding-top: 3px;\\n padding-bottom: 3px;\\n background-color: #f2f2f2; }\\n\\n.multi-entity-view__list {\\n display: flex;\\n flex-wrap: wrap;\\n flex-grow: 1;\\n align-items: flex-start;\\n align-content: flex-start;\\n margin-left: 3px;\\n margin-top: 3px; }\\n\\n.multi-entity-view .searchBtn {\\n display: flex;\\n width: 24px;\\n height: 22px;\\n background: url(\\\"/assets/common-lib/images/magnifying-glass.png\\\") no-repeat center center;\\n cursor: pointer;\\n position: static; }\\n\\n.multi-entity-view .clear-icon {\\n display: inline-block;\\n width: 16px;\\n height: 16px;\\n background: url(\\\"/assets/common-lib/images/close.png\\\") no-repeat center center;\\n vertical-align: middle;\\n position: relative;\\n bottom: 1px;\\n margin-left: 3px;\\n cursor: pointer; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9sb29rdXAtZGlhbG9nLWNvbXBvbmVudC9sb29rdXAtaW5wdXQvQzpcXGFcXDFcXHMvcHJvamVjdHNcXGNvbW1vbi1saWJcXHNyY1xcbGliXFxsb29rdXAtZGlhbG9nLWNvbXBvbmVudFxcbG9va3VwLWlucHV0XFxsb29rdXAtaW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGtCQUFrQixFQUFBOztBQUlwQjtFQUNFLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIseUJBQXlCO0VBQ3pCLHlCQUF5QjtFQUN6QixpQkFBaUI7RUFDakIsV0FBVztFQUNYLHVCQUF1QjtFQUN2QixpQkFBaUI7RUFDakIsZUFBZSxFQUFBOztBQVRqQjtJQVlJLHFCQUFxQjtJQUNyQixXQUFXO0lBQ1gsc0JBQXNCO0lBQ3RCLHFCQUFxQixFQUFBOztBQWZ6QjtJQW1CSSxjQUFjO0lBQ2QsV0FBVztJQUNYLFlBQVk7SUFDWix5RkFBeUY7SUFDekYsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixNQUFNO0lBQ04sV0FBVyxFQUFBOztBQTFCZjtJQThCSSxxQkFBcUI7SUFDckIsV0FBVztJQUNYLFlBQVk7SUFDWiw4RUFBOEU7SUFDOUUsa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixRQUFRLEVBQUE7O0FBSVo7RUFDRSxhQUFhO0VBQ2Isd0JBQXdCO0VBQ3hCLGdCQUFnQjtFQUNoQix5QkFBeUIsRUFBQTs7QUFFekI7SUFDRSxrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsa0JBQWtCO0lBQ2xCLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLG1CQUFtQjtJQUNuQix5QkFBeUIsRUFBQTs7QUFHM0I7SUFDRSxhQUFhO0lBQ2IsZUFBZTtJQUNmLFlBQVk7SUFDWix1QkFBdUI7SUFDdkIseUJBQXlCO0lBRXpCLGdCQUFnQjtJQUNoQixlQUFlLEVBQUE7O0FBM0JuQjtJQStCSSxhQUFhO0lBQ2IsV0FBVztJQUNYLFlBQVk7SUFDWix5RkFBeUY7SUFDekYsZUFBZTtJQUNmLGdCQUFnQixFQUFBOztBQXBDcEI7SUF3Q0kscUJBQXFCO0lBQ3JCLFdBQVc7SUFDWCxZQUFZO0lBQ1osOEVBQThFO0lBQzlFLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixlQUFlLEVBQUEiLCJmaWxlIjoicHJvamVjdHMvY29tbW9uLWxpYi9zcmMvbGliL2xvb2t1cC1kaWFsb2ctY29tcG9uZW50L2xvb2t1cC1pbnB1dC9sb29rdXAtaW5wdXQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5sb29rdXAtaW5wdXQtY29udGFpbmVyIHtcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcblxyXG4uc2luZ2xlLWVudGl0eS12aWV3IHtcclxuICBtaW4taGVpZ2h0OiAyNHB4O1xyXG4gIG1pbi13aWR0aDogMTUwcHg7XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2E2YTZhNjtcclxuICBwYWRkaW5nOiA1cHggNDBweCA1cHggNXB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAxMnB4O1xyXG4gIGNvbG9yOiAjMDAwO1xyXG4gIGZvbnQtZmFtaWx5OiBcIlNlZ29lIFVJXCI7XHJcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG5cclxuICAuZW50aXR5LW5hbWUge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xyXG4gICAgd29yZC13cmFwOiBicmVhay13b3JkO1xyXG4gIH1cclxuXHJcbiAgLnNlYXJjaEJ0biB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIHdpZHRoOiAyNHB4O1xyXG4gICAgaGVpZ2h0OiAyMnB4O1xyXG4gICAgYmFja2dyb3VuZDogdXJsKFwiL2Fzc2V0cy9jb21tb24tbGliL2ltYWdlcy9tYWduaWZ5aW5nLWdsYXNzLnBuZ1wiKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlcjtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIHJpZ2h0OiAxOHB4O1xyXG4gIH1cclxuXHJcbiAgLmNsZWFyLWljb24ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgd2lkdGg6IDE2cHg7XHJcbiAgICBoZWlnaHQ6IDE2cHg7XHJcbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCIvYXNzZXRzL2NvbW1vbi1saWIvaW1hZ2VzL2Nsb3NlLnBuZ1wiKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHJpZ2h0OiA0cHg7XHJcbiAgICB0b3A6IDNweDtcclxuICB9XHJcbn1cclxuXHJcbi5tdWx0aS1lbnRpdHktdmlldyB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0cmV0Y2g7XHJcbiAgbWluLXdpZHRoOiAxNTBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjYTZhNmE2O1xyXG5cclxuICAmX19zaW5nbGUtcmVjb3JkIHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGJhY2tnb3VuZDogc2lsdmVyO1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAzcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDVweDtcclxuICAgIHBhZGRpbmctdG9wOiAzcHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogM3B4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcclxuICB9XHJcblxyXG4gICZfX2xpc3Qge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgIGZsZXgtZ3JvdzogMTtcclxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xyXG4gICAgYWxpZ24tY29udGVudDogZmxleC1zdGFydDtcclxuXHJcbiAgICBtYXJnaW4tbGVmdDogM3B4O1xyXG4gICAgbWFyZ2luLXRvcDogM3B4O1xyXG4gIH1cclxuXHJcbiAgLnNlYXJjaEJ0biB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgd2lkdGg6IDI0cHg7XHJcbiAgICBoZWlnaHQ6IDIycHg7XHJcbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCIvYXNzZXRzL2NvbW1vbi1saWIvaW1hZ2VzL21hZ25pZnlpbmctZ2xhc3MucG5nXCIpIG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcG9zaXRpb246IHN0YXRpYztcclxuICB9XHJcblxyXG4gIC5jbGVhci1pY29uIHtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIHdpZHRoOiAxNnB4O1xyXG4gICAgaGVpZ2h0OiAxNnB4O1xyXG4gICAgYmFja2dyb3VuZDogdXJsKFwiL2Fzc2V0cy9jb21tb24tbGliL2ltYWdlcy9jbG9zZS5wbmdcIikgbm8tcmVwZWF0IGNlbnRlciBjZW50ZXI7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgYm90dG9tOiAxcHg7XHJcbiAgICBtYXJnaW4tbGVmdDogM3B4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxufVxyXG4iXX0= */\"","import { ErrorHandler } from '@angular/core';\r\n\r\n// This is needed so the typescript transpiler will not return an error on the global atatus property\r\n// simply checking 'if (atatus) {' did not work it causes an exception.\r\ndeclare global {\r\n interface Window {\r\n atatus: any;\r\n }\r\n}\r\n\r\nexport class AtatusErrorHandler implements ErrorHandler {\r\n constructor(private accountKey: string, private environmentName: string) {}\r\n\r\n handleError(error: any): void {\r\n // checking the atatus property on the window directly causes an error if we dont load atatus.\r\n if (window.atatus) {\r\n console.log('here');\r\n\r\n const atatus: any = window.atatus;\r\n\r\n if (!this.accountKey) {\r\n console.log('there');\r\n this.accountKey = 'NoAccountKeySupplied';\r\n }\r\n\r\n // Send the error to Atatus, adding custom data (not searchable but still could help when looking at a specific error)\r\n atatus.notify(\r\n error.originalError || error,\r\n {\r\n environmentName: this.environmentName,\r\n accountKey: this.accountKey,\r\n },\r\n this.environmentName\r\n );\r\n }\r\n\r\n // in any case show it also on the console (do not remove this otherwise it will swallow errors)\r\n console.error(error);\r\n }\r\n}\r\n\r\nexport default AtatusErrorHandler;\r\n","// start:ng42.barrel\r\nexport * from './atatus.handler';\r\nexport * from './logger/index';\r\nexport * from './monitoring.module';\r\n// end:ng42.barrel\r\n\r\n","// start:ng42.barrel\r\nexport * from './level';\r\nexport * from './logger';\r\nexport * from './providers';\r\n// end:ng42.barrel\r\n\r\n","/**\r\n * Created by Langley on 3/13/2016.\r\n */\r\n\r\n/**\r\n * The available options to set the Level of the Logger.\r\n * See {@link Logger}.\r\n */\r\nexport enum Level { OFF = 0, ERROR = 1, WARN = 2, INFO = 3, DEBUG = 4, LOG = 5 }\r\n","import { ErrorHandler, Injectable, Optional } from '@angular/core';\r\nimport {Level} from './level';\r\n/**\r\n * Logger options.\r\n * See {@link Logger}.\r\n *\r\n * level - How much detail you want to see in the logs, 0 being off, 1 being the less detailed, 5 being the most. Defaults to WARN.\r\n * global - Whether you want the created logger object to be exposed in the global scope. Defaults to true.\r\n * globalAs - The window's property name that will hold the logger object created. Defaults to 'logger'.\r\n * store - Whether you want the level config to be saved in the local storage so it doesn't get lost when you refresh. Defaults to false.\r\n * storeAs - The local storage key that will be used to save the level config if the store setting is true. Defaults to 'angular2.logger.level'.\r\n *\r\n * Created by Langley on 3/23/2016.\r\n *\r\n */\r\nexport class Options {\r\n level: Level;\r\n global: boolean;\r\n globalAs: string;\r\n storeAs: string;\r\n}\r\n\r\n// For browsers that don't implement the debug method, log will be used instead. Fixes #62.\r\nconst CONSOLE_DEBUG_METHOD = console[\"debug\"] ? \"debug\" : \"log\";\r\n\r\n// Temporal until https://github.com/angular/angular/issues/7344 gets fixed.\r\nconst DEFAULT_OPTIONS: Options = {\r\n level: Level.WARN,\r\n global: true,\r\n globalAs: \"clickdLogger\",\r\n storeAs: \"angular2.logger.level\"\r\n};\r\n\r\n@Injectable()\r\nexport class Logger {\r\n\r\n private _level: Level;\r\n private _globalAs: string;\r\n private _storeAs: string;\r\n\r\n public Level: any = Level;\r\n\r\n constructor( @Optional() options?: Options ) {\r\n\r\n // Move this to the constructor definition when optional parameters are working with @Injectable: https://github.com/angular/angular/issues/7344\r\n const { level, global, globalAs, storeAs } = Object.assign( {}, DEFAULT_OPTIONS, options );\r\n\r\n this._level = level;\r\n this._globalAs = globalAs;\r\n this._storeAs = storeAs;\r\n\r\n if (global) {\r\n this.global();\r\n }\r\n }\r\n\r\n error(message?: any, ...optionalParams: any[]) {\r\n this.isErrorEnabled() && console.error.apply( console, arguments );\r\n }\r\n\r\n warn(message?: any, ...optionalParams: any[]) {\r\n this.isWarnEnabled() && console.warn.apply( console, arguments );\r\n }\r\n\r\n info(message?: any, ...optionalParams: any[]) {\r\n this.isInfoEnabled() && console.info.apply( console, arguments );\r\n }\r\n\r\n debug(message?: any, ...optionalParams: any[]) {\r\n this.isDebugEnabled() && ( console )[ CONSOLE_DEBUG_METHOD ].apply( console, arguments );\r\n }\r\n\r\n log(message?: any, ...optionalParams: any[]) {\r\n this.isLogEnabled() && console.log.apply( console, arguments );\r\n }\r\n\r\n global = () => ( window )[this._globalAs] = this;\r\n isErrorEnabled = (): boolean => this.level >= Level.ERROR;\r\n isWarnEnabled = (): boolean => this.level >= Level.WARN;\r\n isInfoEnabled = (): boolean => this.level >= Level.INFO;\r\n isDebugEnabled = (): boolean => this.level >= Level.DEBUG;\r\n isLogEnabled = (): boolean => this.level >= Level.LOG;\r\n\r\n get level(): Level { return this._level; }\r\n\r\n set level(level: Level) {\r\n this._level = level;\r\n }\r\n}\r\n","import { Options, Logger } from './logger';\r\nimport { Level } from './level';\r\n\r\n/**\r\n * Custom Providers if the user wants to avoid some configuration for common scenarios.\r\n */\r\nexport const OFF_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.OFF } }, Logger];\r\nexport const ERROR_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.ERROR } }, Logger];\r\nexport const WARN_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.WARN } }, Logger];\r\nexport const INFO_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.INFO } }, Logger];\r\nexport const DEBUG_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.DEBUG } }, Logger];\r\nexport const LOG_LOGGER_PROVIDERS: any[] = [{ provide: Options, useValue: { level: Level.LOG } }, Logger];\r\n","import { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { Logger } from './logger/logger';\r\n\r\n@NgModule({})\r\nexport class MonitoringModule {\r\n static forRoot(): ModuleWithProviders {\r\n return {\r\n ngModule: MonitoringModule,\r\n providers: [ Logger ]\r\n };\r\n }\r\n}\r\n","export default \".completer-dropdown {\\r\\n border-color: #ececec;\\r\\n border-width: 1px;\\r\\n border-style: solid;\\r\\n border-radius: 2px;\\r\\n max-width: 94%;\\r\\n width: auto;\\r\\n padding: 6px;\\r\\n cursor: pointer;\\r\\n z-index: 9999;\\r\\n position: absolute;\\r\\n margin-top: -6px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.completer-row {\\r\\n padding: 5px;\\r\\n color: #000000;\\r\\n margin-bottom: 4px;\\r\\n clear: both;\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.completer-selected-row {\\r\\n background-color: lightblue;\\r\\n color: #ffffff;\\r\\n}\\r\\n\\r\\n.completer-description {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9uZ3gtY29tcGxldGVyL2NvbXBvbmVudHMvbmd4LWNvbXBsZXRlci1kcm9wZG93bi9uZ3gtY29tcGxldGVyLWRyb3Bkb3duLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxxQkFBcUI7RUFDckIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtFQUNuQixrQkFBa0I7RUFDbEIsY0FBYztFQUNkLFdBQVc7RUFDWCxZQUFZO0VBQ1osZUFBZTtFQUNmLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLFlBQVk7RUFDWixjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxxQkFBcUI7RUFDckIsV0FBVztBQUNiOztBQUVBO0VBQ0UsMkJBQTJCO0VBQzNCLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxlQUFlO0FBQ2pCIiwiZmlsZSI6InByb2plY3RzL2NvbW1vbi1saWIvc3JjL2xpYi9uZ3gtY29tcGxldGVyL2NvbXBvbmVudHMvbmd4LWNvbXBsZXRlci1kcm9wZG93bi9uZ3gtY29tcGxldGVyLWRyb3Bkb3duLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY29tcGxldGVyLWRyb3Bkb3duIHtcclxuICBib3JkZXItY29sb3I6ICNlY2VjZWM7XHJcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XHJcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcclxuICBib3JkZXItcmFkaXVzOiAycHg7XHJcbiAgbWF4LXdpZHRoOiA5NCU7XHJcbiAgd2lkdGg6IGF1dG87XHJcbiAgcGFkZGluZzogNnB4O1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxuICB6LWluZGV4OiA5OTk5O1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBtYXJnaW4tdG9wOiAtNnB4O1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XHJcbn1cclxuXHJcbi5jb21wbGV0ZXItcm93IHtcclxuICBwYWRkaW5nOiA1cHg7XHJcbiAgY29sb3I6ICMwMDAwMDA7XHJcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xyXG4gIGNsZWFyOiBib3RoO1xyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuLmNvbXBsZXRlci1zZWxlY3RlZC1yb3cge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Ymx1ZTtcclxuICBjb2xvcjogI2ZmZmZmZjtcclxufVxyXG5cclxuLmNvbXBsZXRlci1kZXNjcmlwdGlvbiB7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG59XHJcbiJdfQ== */\"","import { OnInit, Component, Input, EventEmitter, Output } from '@angular/core';\r\nimport { CompleterItem } from '../../model/completer-item';\r\n\r\n@Component({\r\n // tslint:disable-next-line:component-selector\r\n selector: 'ngx-completer-dropdown',\r\n templateUrl: './ngx-completer-dropdown.component.html',\r\n styleUrls: ['./ngx-completer-dropdown.component.css']\r\n})\r\nexport class NgxCompleterDropdownComponent implements OnInit {\r\n private _items: CompleterItem[];\r\n public get items() {\r\n return this._items;\r\n }\r\n @Input() public set items(i: CompleterItem[]) {\r\n this.error = null;\r\n this.currentIndex = null;\r\n this._items = i;\r\n }\r\n\r\n @Input() textNoResults: string;\r\n @Input() textSearching: string;\r\n @Input() searchActive: boolean;\r\n @Input() error: any;\r\n public currentIndex: number;\r\n public hovering: boolean;\r\n\r\n\r\n @Output() public itemClicked = new EventEmitter();\r\n\r\n ngOnInit(): void {\r\n\r\n }\r\n\r\n public onClick() {\r\n const item = this.getHighlighted();\r\n if (item != null) {\r\n this.itemClicked.emit(item);\r\n }\r\n }\r\n\r\n public getHighlighted(): CompleterItem {\r\n if (this.currentIndex != null && this.items != null && this.items[this.currentIndex] != null) {\r\n return this.items[this.currentIndex];\r\n }\r\n\r\n return null;\r\n }\r\n\r\n public get hasHighlighted(): boolean {\r\n return this.getHighlighted() != null;\r\n }\r\n\r\n public moveDown() {\r\n if (this.items != null) {\r\n if (this.currentIndex == null) {\r\n this.currentIndex = 0;\r\n } else if (this.currentIndex < this.items.length - 1) {\r\n this.currentIndex++;\r\n }\r\n } else {\r\n this.currentIndex = null;\r\n }\r\n }\r\n\r\n public moveUp() {\r\n if (this.items != null && this.currentIndex >= 1) {\r\n this.currentIndex--;\r\n } else {\r\n this.currentIndex = null;\r\n }\r\n }\r\n}\r\n","import { EventEmitter, Directive, HostListener, Output } from '@angular/core';\r\n\r\n// keyboard events\r\nconst KEY_DW = 40;\r\nconst KEY_RT = 39;\r\nconst KEY_UP = 38;\r\nconst KEY_LF = 37;\r\nconst KEY_ES = 27;\r\nconst KEY_EN = 13;\r\nconst KEY_TAB = 9;\r\nconst KEY_BK = 8;\r\nconst KEY_SH = 16;\r\nconst KEY_CL = 20;\r\nconst KEY_F1 = 112;\r\nconst KEY_F12 = 123;\r\n\r\n@Directive({\r\n // tslint:disable-next-line:directive-selector\r\n selector: '[ngx-completer-input]',\r\n})\r\nexport class NgxCompleterInputDirective {\r\n @Output() public moveUp = new EventEmitter();\r\n @Output() public moveDown = new EventEmitter();\r\n @Output() public selection = new EventEmitter();\r\n\r\n @HostListener('keydown', ['$event'])\r\n public keyHandler(event: any) {\r\n const key = event.keyCode;\r\n if (key === KEY_UP) {\r\n this.moveUp.emit();\r\n event.preventDefault();\r\n }\r\n\r\n if (key === KEY_DW) {\r\n this.moveDown.emit();\r\n event.preventDefault();\r\n }\r\n\r\n if (key === KEY_EN) {\r\n this.selection.emit();\r\n event.preventDefault();\r\n }\r\n\r\n if (key === KEY_TAB) {\r\n this.selection.emit();\r\n }\r\n }\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { RemoteDataService } from '../services/remote-data.service';\r\nimport { LocalDataService } from '../services/local-data.service';\r\n\r\n\r\nexport function localDataFactory() {\r\n return () => {\r\n return new LocalDataService();\r\n };\r\n}\r\n\r\nexport function remoteDataFactory(http: HttpClient) {\r\n return () => {\r\n return new RemoteDataService(http);\r\n };\r\n}\r\n\r\nexport let LocalDataFactoryProvider = { provide: LocalDataService, useFactory: localDataFactory };\r\nexport let RemoteDataFactoryProvider = { provide: RemoteDataService, useFactory: remoteDataFactory, deps: [HttpClient] };\r\n","export const MAX_CHARS = 524288; // the default max length per the html maxlength attribute\r\nexport const MIN_SEARCH_LENGTH = 3;\r\nexport const PAUSE = 10;\r\nexport const TEXT_SEARCHING = 'Searching...';\r\nexport const TEXT_NO_RESULTS = 'No results found';\r\nexport const CLEAR_TIMEOUT = 50;\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJwcm9qZWN0cy9jb21tb24tbGliL3NyYy9saWIvbmd4LWNvbXBsZXRlci9uZ3gtY29tcGxldGVyLmNvbXBvbmVudC5jc3MifQ== */\"","import { FormControl, NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\r\nimport {\r\n Component, Input, OnInit, Output, EventEmitter, ViewChild, ElementRef, forwardRef, AfterViewInit, AfterViewChecked, ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { CompleterItem } from './model/completer-item';\r\nimport { TEXT_NO_RESULTS, TEXT_SEARCHING, PAUSE, MIN_SEARCH_LENGTH, MAX_CHARS } from './globals/globals';\r\nimport { DataService } from './services/data.service';\r\nimport { CompleterService } from './services/completer.service';\r\nimport { of, Subscription, throwError, timer } from 'rxjs';\r\nimport { Observable } from 'rxjs';\r\nimport { Subscriber } from 'rxjs';\r\n// import 'rxjs/add/operator/debounce';\r\n// import 'rxjs/add/operator/debounceTime';\r\n// import 'rxjs/add/observable/fromEvent';\r\n// import 'rxjs/add/observable/timer';\r\n// import 'rxjs/add/observable/of';\r\n// import 'rxjs/add/operator/switchMap';\r\n// import 'rxjs/add/operator/filter';\r\n// import 'rxjs/add/operator/catch';\r\n// import 'rxjs/add/operator/do';\r\nimport { catchError, debounce, filter, map, switchMap, tap } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\nimport { NgxCompleterDropdownComponent } from './components/ngx-completer-dropdown/ngx-completer-dropdown.component';\r\n\r\n@Component({\r\n // tslint:disable-next-line:component-selector\r\n selector: 'ngx-completer',\r\n templateUrl: './ngx-completer.component.html',\r\n styleUrls: ['./ngx-completer.component.css'],\r\n providers: [{\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NgxCompleterComponent),\r\n multi: true\r\n }]\r\n})\r\nexport class NgxCompleterComponent implements OnInit, ControlValueAccessor {\r\n\r\n @Input() public dataService: DataService;\r\n @Input() public inputName = '';\r\n @Input() public placeholder = '';\r\n @Input() public textSearching = TEXT_SEARCHING;\r\n @Input() public textNoResults = TEXT_NO_RESULTS;\r\n @Input() public inputId = '';\r\n @Input() public pause = PAUSE;\r\n @Input() public minSearchLength = MIN_SEARCH_LENGTH;\r\n @Input() public maxChars = MAX_CHARS;\r\n @Input() public clearUnselected = false;\r\n @Input() public autoMatch = false;\r\n @Input() public autoMatchBy: string;\r\n @Input() public disableInput = false;\r\n @Input() public inputClass: string;\r\n @Input() public autoHighlight = false;\r\n private _initialValue: any;\r\n @Input() public set initialValue(value: any) {\r\n if (value != null) {\r\n if (this.dataService != null && typeof this.dataService.convertToItem === 'function') {\r\n setTimeout(() => {\r\n const initialItem = this.dataService.convertToItem(value);\r\n if (initialItem) {\r\n this.onSelected(initialItem);\r\n }\r\n });\r\n } else {\r\n this._initialValue = value;\r\n }\r\n }\r\n }\r\n\r\n @Output() public selected = new EventEmitter();\r\n @ViewChild(NgxCompleterDropdownComponent, {static: false}) public completerDropdown: NgxCompleterDropdownComponent;\r\n\r\n public searchActive = false;\r\n public items: any[];\r\n public error: any;\r\n public textInputSubject: Subject;\r\n\r\n public searchStr = '';\r\n private _selectedItem: CompleterItem;\r\n private _inputHasFocus: boolean;\r\n private _onChangeCallback: (val: any) => void;\r\n private _onTouched: (val: any) => void;\r\n\r\n constructor(private completerService: CompleterService) { }\r\n\r\n public writeValue(value: any) {\r\n this.searchStr = value;\r\n }\r\n\r\n public registerOnChange(fn: any) {\r\n this._onChangeCallback = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this._onTouched = fn;\r\n }\r\n\r\n public setDisabledState(isDisabled: boolean): void {\r\n this.disableInput = isDisabled;\r\n }\r\n\r\n @Input()\r\n public set datasource(source: DataService | string | Array) {\r\n if (source != null) {\r\n if (source instanceof Array) {\r\n this.dataService = this.completerService.local(source);\r\n } else if (typeof (source) === 'string') {\r\n this.dataService = this.completerService.remote(source);\r\n } else {\r\n this.dataService = source;\r\n }\r\n\r\n if (this._initialValue != null) {\r\n this.initialValue = this._initialValue;\r\n this._initialValue = null;\r\n }\r\n }\r\n }\r\n\r\n public ngOnInit() {\r\n this.textInputSubject = new Subject();\r\n this.textInputSubject.pipe(\r\n tap(value => this._onChangeCallback(value)),\r\n tap(() => this.searchActive = false),\r\n map(value => {\r\n return {\r\n value: value,\r\n hasValue: value != null && value.length >= this.minSearchLength\r\n };\r\n }),\r\n filter(text => {\r\n // if the text matches the previously selected item, do nothing\r\n if (text.hasValue && this._selectedItem != null && this._selectedItem.title === text.value) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }),\r\n tap(text => {\r\n // clear the results\r\n this.items = null;\r\n\r\n // if an item was previously selected, clear it\r\n if (this._selectedItem != null) {\r\n this.onSelected(null);\r\n }\r\n }),\r\n debounce(text => {\r\n if (text.hasValue) {\r\n return timer(this.pause);\r\n } else {\r\n // clear messages and cancel remaining requests with switchMap immediately\r\n return timer(0);\r\n }\r\n }),\r\n switchMap(text => {\r\n if (text.hasValue) {\r\n if (this.dataService != null) {\r\n this.searchActive = true;\r\n return this.dataService.search(text.value);\r\n } else {\r\n return throwError('Data service not set');\r\n }\r\n } else {\r\n return of(null);\r\n }\r\n }),\r\n catchError(err => {\r\n console.error(err);\r\n this.error = err;\r\n return of(null);\r\n }))\r\n .subscribe(results => {\r\n this.searchActive = false;\r\n let match: CompleterItem;\r\n\r\n if (this.autoMatch) {\r\n match = this.getSingleMatch(results);\r\n }\r\n\r\n // if a match is found select it\r\n if (match != null) {\r\n this.onSelected(match);\r\n // else, display the results if the input is still focused\r\n } else if (this.hasFocus) {\r\n this.items = results;\r\n }\r\n });\r\n }\r\n\r\n private getSingleMatch(results: CompleterItem[]): CompleterItem {\r\n const text = this.searchStr;\r\n\r\n // if just a single result exists and the input contains text\r\n if (results && results.length === 1 && text != null) {\r\n const result = results[0];\r\n // check if the item matches by configured property (autoMatchBy)\r\n const autoMatchedBy = this.autoMatchBy != null && result.originalObject[this.autoMatchBy] === text;\r\n // check if the item matches by title\r\n const autoMatched = result.title && result.title.toLocaleLowerCase() === text.toLocaleLowerCase();\r\n\r\n if (autoMatched || autoMatchedBy) {\r\n return result;\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n public onSelected(item: CompleterItem) {\r\n // clear the dropdown when an item is selected\r\n this.items = null;\r\n\r\n // if the selected item changed, update it\r\n if (this._selectedItem !== item) {\r\n this._selectedItem = item;\r\n\r\n // update the search input with the item's title\r\n if (item != null) {\r\n this.searchStr = item.title;\r\n this._onChangeCallback(this.searchStr);\r\n }\r\n\r\n // fire the event\r\n this.selected.emit(item);\r\n }\r\n }\r\n\r\n // triggered when the user hits enter or tab\r\n public onSelection() {\r\n const item = this.completerDropdown.getHighlighted();\r\n if (item != null) {\r\n this.onSelected(item);\r\n }\r\n }\r\n\r\n // the input or the dropdown has focus\r\n public get hasFocus(): boolean {\r\n return this._inputHasFocus || this.completerDropdown.hovering;\r\n }\r\n\r\n // the input was focused\r\n public onFocus(event: any) {\r\n this._inputHasFocus = true;\r\n }\r\n\r\n public onBlur(event: any) {\r\n // wait for the dropdown to refresh\r\n setTimeout(() => {\r\n // if focus is on the dropdown\r\n if (this.completerDropdown.hasHighlighted && this.completerDropdown.hovering) {\r\n // prevent the input blur so the user can keep writing\r\n event.preventDefault();\r\n } else {\r\n // if not, do the blur\r\n this.doBlur(event);\r\n }\r\n }, 200);\r\n }\r\n\r\n private doBlur(event: any) {\r\n // the input no longer has focus\r\n this._inputHasFocus = false;\r\n\r\n // hide the dropdown list\r\n this.items = null;\r\n\r\n if (this.clearUnselected) {\r\n // if no item was selected clear the search input\r\n if (this._selectedItem == null) {\r\n this.searchStr = null;\r\n this._onChangeCallback(this.searchStr);\r\n // emit empty text to cancel requests\r\n this.textInputSubject.next(null);\r\n } else if (this.searchStr !== this._selectedItem.title) {\r\n // if the search input differs from the previous selected title, clear it\r\n this.onSelected(null);\r\n // emit empty text to cancel requests\r\n this.textInputSubject.next(null);\r\n }\r\n }\r\n }\r\n}\r\n","import { NgModule, ModuleWithProviders } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgxCompleterComponent } from './ngx-completer.component';\r\nimport { RemoteDataFactoryProvider, LocalDataFactoryProvider } from './factories/completer-data.factory';\r\nimport { CompleterService } from './services/completer.service';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgxCompleterDropdownComponent } from './components/ngx-completer-dropdown/ngx-completer-dropdown.component';\r\nimport { NgxCompleterInputDirective } from './directives/ngx-completer-input.directive';\r\nimport { RemoteDataService } from './services/remote-data.service';\r\nimport { LocalDataService } from './services/local-data.service';\r\nimport { DataService } from './services/data.service';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule\r\n ],\r\n declarations: [\r\n NgxCompleterComponent,\r\n NgxCompleterDropdownComponent,\r\n NgxCompleterInputDirective\r\n ],\r\n providers: [\r\n CompleterService,\r\n RemoteDataFactoryProvider,\r\n LocalDataFactoryProvider\r\n ],\r\n exports: [\r\n NgxCompleterComponent\r\n ]\r\n})\r\nexport class NgxCompleterModule {\r\n public static forRoot(): ModuleWithProviders {\r\n\r\n return {\r\n ngModule: NgxCompleterModule,\r\n providers: [\r\n CompleterService,\r\n RemoteDataService,\r\n LocalDataService\r\n ]\r\n };\r\n }\r\n}\r\n","import { Injectable, Inject } from '@angular/core';\r\nimport { RemoteDataService } from './remote-data.service';\r\nimport { LocalDataService } from './local-data.service';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable()\r\nexport class CompleterService {\r\n constructor(\r\n @Inject(LocalDataService) private localDataFactory: any, // Using any instead of () => LocalData because on AoT errors\r\n @Inject(RemoteDataService) private remoteDataFactory: any // Using any instead of () => LocalData because on AoT errors\r\n ) { }\r\n\r\n public local(data: any[] | Observable, searchFields: string = '', titleField: string = ''): LocalDataService {\r\n const localData = this.localDataFactory();\r\n return localData\r\n .data(data)\r\n .searchFields(searchFields)\r\n .titleField(titleField);\r\n }\r\n\r\n public remote(url?: string, searchFields: string = '', titleField: string = ''): RemoteDataService {\r\n const remoteData = this.remoteDataFactory();\r\n return remoteData\r\n .remoteUrl(url)\r\n .searchFields(searchFields)\r\n .titleField(titleField);\r\n }\r\n}\r\n","import { Injectable, EventEmitter } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { CompleterItem } from '../model/completer-item';\r\nimport { Observable } from 'rxjs';\r\n\r\nexport abstract class DataService {\r\n public dataSourceChange?: EventEmitter;\r\n protected _searchFields: string;\r\n protected _titleField: string;\r\n protected _descriptionField: string;\r\n\r\n constructor() {\r\n }\r\n\r\n public abstract search(term: string): Observable;\r\n\r\n public cancel() { }\r\n\r\n public searchFields(searchFields: string) {\r\n this._searchFields = searchFields;\r\n return this;\r\n }\r\n\r\n public titleField(titleField: string) {\r\n this._titleField = titleField;\r\n return this;\r\n }\r\n\r\n public descriptionField(descriptionField: string) {\r\n this._descriptionField = descriptionField;\r\n return this;\r\n }\r\n\r\n public convertToItem(data: any) {\r\n let formattedText: string;\r\n let formattedDesc: string | null = null;\r\n\r\n if (this._titleField) {\r\n formattedText = this.extractTitle(data);\r\n } else {\r\n formattedText = data;\r\n }\r\n\r\n if (typeof formattedText !== 'string') {\r\n formattedText = JSON.stringify(formattedText);\r\n }\r\n\r\n if (this._descriptionField) {\r\n formattedDesc = this.extractValue(data, this._descriptionField);\r\n }\r\n\r\n if (formattedText == null) {\r\n return null;\r\n }\r\n\r\n return {\r\n title: formattedText,\r\n description: formattedDesc,\r\n originalObject: data\r\n } as CompleterItem;\r\n\r\n }\r\n\r\n protected extractMatches(data: any[], term: string) {\r\n let matches: any[] = [];\r\n const searchFields = this._searchFields ? this._searchFields.split(',') : null;\r\n if (this._searchFields !== null && this._searchFields !== undefined && term !== '') {\r\n matches = data.filter(item => {\r\n let values: any[];\r\n if (searchFields != null) {\r\n values = searchFields.map(searchField => this.extractValue(item, searchField)).filter(value => !!value);\r\n } else {\r\n values = [item];\r\n }\r\n\r\n return values.some(value => value.toString().toLowerCase().indexOf(term.toString().toLowerCase()) >= 0);\r\n });\r\n } else {\r\n matches = data;\r\n }\r\n\r\n\r\n return matches;\r\n }\r\n\r\n protected extractTitle(item: any) {\r\n // split title fields and run extractValue for each and join with ' '\r\n return this._titleField.split(',')\r\n .map((field) => {\r\n return this.extractValue(item, field);\r\n })\r\n .reduce((acc, titlePart) => acc ? `${acc} ${titlePart}` : titlePart);\r\n }\r\n\r\n protected extractValue(obj: any, key: string | null) {\r\n let keys: string[];\r\n let result: any;\r\n if (key) {\r\n keys = key.split('.');\r\n result = obj;\r\n for (let i = 0; i < keys.length; i++) {\r\n if (result) {\r\n result = result[keys[i]];\r\n }\r\n }\r\n } else {\r\n result = obj;\r\n }\r\n return result;\r\n }\r\n\r\n protected processResults(matches: string[]): CompleterItem[] {\r\n let i: number;\r\n const results: CompleterItem[] = [];\r\n\r\n if (matches && matches.length > 0) {\r\n for (i = 0; i < matches.length; i++) {\r\n const item = this.convertToItem(matches[i]);\r\n if (item) {\r\n results.push(item);\r\n }\r\n }\r\n }\r\n return results;\r\n }\r\n}\r\n","import { Injectable, EventEmitter } from '@angular/core';\r\nimport { DataService } from './data.service';\r\nimport { Observable } from 'rxjs';\r\nimport { catchError } from 'rxjs/operators';\r\nimport { CompleterItem } from '../model/completer-item';\r\n\r\n@Injectable()\r\nexport class LocalDataService extends DataService {\r\n\r\n public dataSourceChange: EventEmitter = new EventEmitter();\r\n\r\n protected _data: any[];\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n public data(data: any[] | Observable) {\r\n this._data = data;\r\n this.dataSourceChange.emit();\r\n return this;\r\n }\r\n\r\n public search(term: string): Observable {\r\n return new Observable(subscriber => {\r\n if (this._data != null) {\r\n const matches: any[] = this.extractMatches(this._data, term);\r\n subscriber.next(this.processResults(matches));\r\n subscriber.complete();\r\n } else {\r\n subscriber.next([]);\r\n subscriber.complete();\r\n }\r\n });\r\n }\r\n\r\n public convertToItem(data: any): CompleterItem {\r\n return super.convertToItem(data);\r\n }\r\n}\r\n","import { EventEmitter } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { DataService } from './data.service';\r\nimport { CompleterItem } from '../model/completer-item';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nexport class RemoteDataService extends DataService {\r\n public dataSourceChange: EventEmitter = new EventEmitter();\r\n\r\n private _remoteUrl: string;\r\n private _urlFormater: ((term: string) => string) | null = null;\r\n private _dataField: string | null = null;\r\n private _requestOptions: any;\r\n\r\n\r\n constructor(private http: HttpClient) {\r\n super();\r\n }\r\n\r\n public remoteUrl(remoteUrl: string) {\r\n this._remoteUrl = remoteUrl;\r\n this.dataSourceChange.emit();\r\n return this;\r\n }\r\n\r\n public urlFormater(urlFormater: (term: string) => string) {\r\n this._urlFormater = urlFormater;\r\n }\r\n\r\n public dataField(dataField: string) {\r\n this._dataField = dataField;\r\n }\r\n\r\n public requestOptions(requestOptions: any) {\r\n this._requestOptions = requestOptions;\r\n }\r\n\r\n public search(term: string): Observable {\r\n let url = '';\r\n if (this._urlFormater) {\r\n url = this._urlFormater(term);\r\n } else {\r\n url = this._remoteUrl + encodeURIComponent(term);\r\n }\r\n\r\n return this.http\r\n .get(url, Object.assign({}, this._requestOptions))\r\n .pipe(\r\n map(data => this.extractValue(data, this._dataField)),\r\n map(values => this.extractMatches(values, term)),\r\n map(matches => this.processResults(matches))\r\n );\r\n }\r\n\r\n public convertToItem(data: any): CompleterItem | null {\r\n return super.convertToItem(data);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { MomentDatePipe } from './moment-date.pipe';\r\nimport { TruncatePipe } from './truncate.pipe';\r\n\r\nconst pipes = [\r\n MomentDatePipe, TruncatePipe\r\n];\r\n\r\n@NgModule({\r\n declarations: pipes,\r\n providers: [],\r\n exports: [...pipes],\r\n schemas: []\r\n})\r\nexport class CommonPipesModule {\r\n}\r\n","// start:ng42.barrel\r\nexport * from './common-pipes.module';\r\nexport * from './moment-date.pipe';\r\nexport * from './truncate.pipe';\r\n// end:ng42.barrel\r\n\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\nimport * as moment_ from 'moment';\r\n\r\nconst moment = moment_;\r\n\r\n@Pipe({\r\n name: 'MomentDate'\r\n})\r\nexport class MomentDatePipe implements PipeTransform {\r\n // transform(value: any, format: string = ''): string {\r\n transform(value: any, ...args: any[]): string {\r\n const format = args[0];\r\n // Try and parse the passed value.\r\n const momentDate = moment(value);\r\n\r\n // If moment didn't understand the value, return it unformatted.\r\n if (!momentDate.isValid()) {\r\n return value;\r\n }\r\n\r\n // Otherwise, return the date formatted as requested.\r\n return momentDate.format(format);\r\n }\r\n}\r\n\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n/**\r\n * {{ str | truncate:[20] }}\r\n * or\r\n * {{ str | truncate:[20, '...'] }}\r\n */\r\n@Pipe({\r\n name: 'truncate'\r\n})\r\nexport class TruncatePipe implements PipeTransform {\r\n transform(value: string, args: string[]): string {\r\n const limit = args.length > 0 ? parseInt(args[0], 10) : 20;\r\n const trail = args.length > 1 ? args[1] : '...';\r\n return value.length > limit ? value.substring(0, limit) + trail : value;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AccountColorsApi, IColorPickerSetting } from './api/account-colors.api';\r\nimport { Store } from 'rxjs-observable-store';\r\nimport { Logger } from '../monitoring/logger/logger';\r\n\r\nexport class AccountColorsState {\r\n id: string;\r\n colors: string;\r\n isLoadingColorPickerSettings: boolean;\r\n}\r\n\r\n@Injectable()\r\nexport class AccountColorsService extends Store {\r\n\r\n private readonly defaultColors = '#FFFFFF,#000000,#2889e9,#e920e9,#fff500,#90EE90';\r\n constructor(private colorEditorApi: AccountColorsApi, private logger: Logger) {\r\n super(new AccountColorsState());\r\n }\r\n\r\n getColors() {\r\n this.patchState(true as any, 'isLoadingColorPickerSettings');\r\n this.colorEditorApi.getColors().subscribe((data: IColorPickerSetting) => {\r\n let colors = data.SelectedColors;\r\n if (!colors) {\r\n colors = this.defaultColors;\r\n }\r\n this.updateState(data.Id, colors, false);\r\n }, (error: any) => {\r\n this.logger.error(error);\r\n this.updateState(null, null, false);\r\n });\r\n }\r\n\r\n setColors(colors: string) {\r\n if (this.state.isLoadingColorPickerSettings === undefined) {\r\n return;\r\n }\r\n\r\n const coclorsData: IColorPickerSetting = {\r\n SelectedColors: colors,\r\n Id: this.state.id\r\n };\r\n this.patchState(true as any, 'isLoadingColorPickerSettings');\r\n\r\n return this.colorEditorApi.setColors(coclorsData).subscribe(() => {\r\n this.updateState(this.state.id, colors, false);\r\n }, (error) => {\r\n this.logger.error(error);\r\n this.patchState(false as any, 'isLoadingColorPickerSettings');\r\n });\r\n }\r\n\r\n private updateState(id: string, colors: string, isLoadingColorPickerSettings: boolean) {\r\n const newState = Object.assign(new AccountColorsState(), {\r\n id: id,\r\n colors: colors,\r\n isLoadingColorPickerSettings: isLoadingColorPickerSettings\r\n });\r\n\r\n this.setState(newState);\r\n }\r\n}\r\n","import { Injectable, Inject } from '@angular/core';\r\nimport { Utils, WEB_API_URL } from '../utils/common';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AccountService {\r\n private _accountKey: string;\r\n private _pageid: string;\r\n private _typename: string;\r\n private _orgname: string;\r\n private _sessionId: string;\r\n private _stpId: string;\r\n private _userlcid: string;\r\n private _userid: string;\r\n private _version: string;\r\n private _id: string;\r\n private _crmSpecificVersion: string;\r\n private _issplittesting: string;\r\n private _isrss: boolean;\r\n private _scoreModelId: string\r\n\r\n get crmSpecificVersion(): string {\r\n return this._crmSpecificVersion;\r\n }\r\n\r\n set crmSpecificVersion(value: string) {\r\n this._crmSpecificVersion = value;\r\n }\r\n\r\n get orgname(): string {\r\n return this._orgname;\r\n }\r\n\r\n set orgname(value: string) {\r\n this._orgname = value;\r\n }\r\n\r\n get typename(): string {\r\n return this._typename;\r\n }\r\n\r\n set typename(value: string) {\r\n this._typename = value;\r\n }\r\n\r\n get pageid(): string {\r\n return this._pageid;\r\n }\r\n\r\n set pageid(value: string) {\r\n this._pageid = value;\r\n }\r\n\r\n get accountKey(): string {\r\n return this._accountKey;\r\n }\r\n\r\n set accountKey(value: string) {\r\n this._accountKey = value;\r\n }\r\n\r\n get sessionId(): string {\r\n return this._sessionId == null ? '' : this._sessionId;\r\n }\r\n\r\n set sessionId(value: string) {\r\n this._sessionId = value;\r\n }\r\n\r\n get userlcid(): string {\r\n return this._userlcid;\r\n }\r\n\r\n set userlcid(value: string) {\r\n this._userlcid = value;\r\n }\r\n\r\n get stpId(): string {\r\n return this._stpId;\r\n }\r\n\r\n set stpId(value: string) {\r\n this._stpId = value;\r\n }\r\n\r\n get userid(): string {\r\n return this._userid;\r\n }\r\n\r\n set userid(value: string) {\r\n this._userid = value;\r\n }\r\n\r\n get version(): string {\r\n return this._version;\r\n }\r\n\r\n set version(value: string) {\r\n this._version = value;\r\n }\r\n\r\n get id(): string {\r\n return this._id;\r\n }\r\n\r\n set id(value: string) {\r\n this._id = value;\r\n }\r\n\r\n get issplittesting(): string {\r\n return this._issplittesting;\r\n }\r\n\r\n set issplittesting(value: string) {\r\n this._issplittesting = value;\r\n }\r\n\r\n get isrss(): boolean {\r\n return this._isrss;\r\n }\r\n\r\n set isrss(value: boolean) {\r\n this._isrss = value;\r\n }\r\n\r\n get scoreModelId(): string {\r\n return this._scoreModelId;\r\n }\r\n\r\n set scoreModelId(value: string) {\r\n this._scoreModelId = value;\r\n }\r\n\r\n constructor(@Inject(WEB_API_URL) public baseUrl: string) {\r\n this.accountKey = Utils.getParameterByName('accountKey');\r\n this.pageid = Utils.getParameterByName('id');\r\n this.typename = Utils.getParameterByName('typename');\r\n this.orgname = Utils.getParameterByName('orgname');\r\n this.sessionId = Utils.getParameterByName('sessionId');\r\n this.stpId = Utils.getParameterByName('stpId') || Utils.getParameterByName('stpid');\r\n\r\n this.userlcid = Utils.getParameterByName('userlcid', '1033');\r\n this.userid = Utils.getParameterByName('userid');\r\n this.version = Utils.getParameterByName('version');\r\n this.id = Utils.getParameterByName('id'); // This is the TemplateId\r\n this.crmSpecificVersion = Utils.getParameterByName('crmSpecificVersion');\r\n this.issplittesting = Utils.getParameterByName('Issplittesting', 'false');\r\n this.isrss = this.getRss();\r\n this.scoreModelId = Utils.getParameterByName('scoreModelId', null);\r\n }\r\n\r\n getUrl(resource: string) {\r\n return `${this.baseUrl}/${resource}?` +\r\n `accountKey=${this.accountKey}&` +\r\n `id=${this.pageid}&` +\r\n `userlcid=${this.userlcid}&` +\r\n `typeName=${this.typename}&` +\r\n `orgName=${this.orgname}&` +\r\n `callerPage=ddeditor&` +\r\n `userid=${this.userid}&` +\r\n `Issplittesting=${this.issplittesting}`;\r\n\r\n let result = '';\r\n if (this.isrss) {\r\n result += '&isrss=true';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n getUrlExternalBase(resource: string, baseUrl: string) {\r\n return `${baseUrl}/${resource}?` +\r\n `accountKey=${this.accountKey}&` +\r\n `id=${this.pageid}&` +\r\n `userlcid=${this.userlcid}&` +\r\n `typeName=${this.typename}&` +\r\n `orgName=${this.orgname}&` +\r\n `callerPage=ddeditor&` +\r\n `userid=${this.userid}&` +\r\n `Issplittesting=${this.issplittesting}`;\r\n }\r\n\r\n getSessionParam() {\r\n if (this.sessionId !== null && this.sessionId !== '') {\r\n return `&sessionId=${this.sessionId}`;\r\n } else if (this.stpId !== null && this.stpId !== '') {\r\n return `&stpid=${this.stpId}`;\r\n }\r\n\r\n return '';\r\n }\r\n\r\n //TODO: I guess this need to be removed from here\r\n private getRss(): boolean {\r\n const isRssString = Utils.getParameterByName('isrss', 'false').toLowerCase();\r\n return (isRssString === 'true' || isRssString === '1');\r\n }\r\n}\r\n","import { Inject, Injectable } from '@angular/core';\r\n\r\nimport { WEB_API_URL } from '../utils/common';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ApiEndpointService {\r\n private readonly apiPrefix = 'api/Editors_v2/DndEditor';\r\n private readonly apiPrefixPages = 'api';\r\n private readonly apiBasePrefix = 'api/Editors_v2';\r\n private readonly apiFilePrefix = 'api/FileManager_v2';\r\n private readonly sectionFavoritesUrl = 'SectionFavorites';\r\n private readonly featureFlagsUrl = 'FeatureFlags';\r\n private readonly featureFlagIsEnabled = 'featureFlag/isEnabled';\r\n private readonly webContentUrl = 'WebContentList';\r\n private readonly checkSessionUrl = 'CheckSession';\r\n private readonly loadTemplateUrl = 'load';\r\n private readonly lockPermissionUrl = 'LockPermissionExists';\r\n private readonly webPageContentUrl = 'WebPageContent';\r\n private readonly personalAttributesUrl = 'personalizationAttributes';\r\n private readonly crmEntitiesUrl = 'CrmEntitiesData';\r\n private readonly templateItemsUrl = 'TemplateItems';\r\n private readonly templateUrl = 'DnDTemplate';\r\n private readonly saveTemplateUrl = 'save';\r\n private readonly corporateStylesUrl = 'CorporateStyle';\r\n private readonly validateFreemarkersUrl = 'ValidateFreemarkers';\r\n private readonly spamTestUrl = 'SpamTest';\r\n private readonly socialLinksUrl = 'SocialLinks';\r\n private readonly uploadSocialLinkUrl = 'UploadSocialLinkImage';\r\n private readonly testEmailUrl = 'SendTestEmail';\r\n private readonly getBlobData = 'FileUploader/GetBlobData';\r\n private readonly getStorageQuota = 'FilesList/GetStorageQuota';\r\n private readonly checkExistingFiles = 'FilesList/CheckExistingFiles';\r\n private readonly moveFiles = 'FilesList/moveFiles';\r\n private readonly deleteEntities = 'FilesList/deleteEntities';\r\n private readonly filesList = 'FilesList';\r\n private readonly getFilesListUrl = 'FilesList/get';\r\n private readonly createFromPixie = 'FileUploader/CreateFileFromPixie';\r\n private readonly uploadFile = 'FileUploader/upload';\r\n private readonly generateAndSaveVideoThumbnail =\r\n 'FileUploader/generateVideoThumbnail';\r\n private readonly subDomains = 'SubDomainList';\r\n private readonly customFonts = 'CustomFonts';\r\n private readonly loadHtml = 'loadHtml';\r\n private readonly colorPicker = 'ColorPicker';\r\n\r\n constructor(@Inject(WEB_API_URL) private baseUrl: string) {}\r\n\r\n get SectionFavoritesUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.sectionFavoritesUrl}`;\r\n }\r\n\r\n get FeatureFlagsUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.featureFlagsUrl}`;\r\n }\r\n\r\n get FeatureFlagPagesUrl() {\r\n return `${this.baseUrl}/${this.apiPrefixPages}/${this.featureFlagIsEnabled}`;\r\n }\r\n\r\n get WebContentUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.webContentUrl}`;\r\n }\r\n\r\n get CheckSessionUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.checkSessionUrl}`;\r\n }\r\n\r\n get LoadTemplateUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.loadTemplateUrl}`;\r\n }\r\n\r\n get SaveTemplateUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.saveTemplateUrl}`;\r\n }\r\n\r\n get LockPermissionUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.lockPermissionUrl}`;\r\n }\r\n\r\n get WebPageContentUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.webPageContentUrl}`;\r\n }\r\n\r\n get PersonalAttributesUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.personalAttributesUrl}`;\r\n }\r\n\r\n get CrmEntitiesUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.crmEntitiesUrl}`;\r\n }\r\n\r\n get TemplateItemsUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.templateItemsUrl}`;\r\n }\r\n\r\n get TemplateUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.templateUrl}`;\r\n }\r\n\r\n get CorporateStylesUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.corporateStylesUrl}`;\r\n }\r\n\r\n get ValidateFreemarkersUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.validateFreemarkersUrl}`;\r\n }\r\n\r\n get SpamTestUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.spamTestUrl}`;\r\n }\r\n\r\n get SocialLinksUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.socialLinksUrl}`;\r\n }\r\n\r\n get UploadSocialLinkUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.uploadSocialLinkUrl}`;\r\n }\r\n\r\n get TestEmailUrl() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.testEmailUrl}`;\r\n }\r\n\r\n get GetBlobDataUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.getBlobData}`;\r\n }\r\n\r\n get GetStorageQuotaUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.getStorageQuota}`;\r\n }\r\n\r\n get GetFilesListUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.getFilesListUrl}`;\r\n }\r\n\r\n get CheckExistingFilesUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.checkExistingFiles}`;\r\n }\r\n\r\n get MoveFilesUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.moveFiles}`;\r\n }\r\n\r\n get DeleteEntitiesUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.deleteEntities}`;\r\n }\r\n\r\n get FilesListUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.filesList}`;\r\n }\r\n\r\n get CreateFromPixieUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.createFromPixie}`;\r\n }\r\n\r\n get UploadFileUrl() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.uploadFile}`;\r\n }\r\n\r\n get GenerateAndSaveVideoThumbnail() {\r\n return `${this.baseUrl}/${this.apiFilePrefix}/${this.generateAndSaveVideoThumbnail}`;\r\n }\r\n\r\n get GetSubDomains() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.subDomains}`;\r\n }\r\n\r\n get CustomFonts() {\r\n return `${this.baseUrl}/${this.apiBasePrefix}/${this.customFonts}`;\r\n }\r\n\r\n get LoadHtml() {\r\n return `${this.baseUrl}/${this.apiPrefix}/${this.loadHtml}`;\r\n }\r\n\r\n get ColorPicker() {\r\n return `${this.baseUrl}/${this.apiBasePrefix}/${this.colorPicker}`;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpService } from '../../http/http.service';\r\nimport { ApiEndpointService } from '../api-endpoint.service';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nexport interface IColorPickerSetting {\r\n Id: string;\r\n SelectedColors: string;\r\n}\r\n\r\n@Injectable()\r\nexport class AccountColorsApi {\r\n constructor(private httpService: HttpService,\r\n private apiEndpoint: ApiEndpointService) {\r\n }\r\n\r\n getColors(): Observable {\r\n return this.httpService.get(this.apiEndpoint.ColorPicker)\r\n .pipe((data) => {\r\n return data;\r\n });\r\n }\r\n\r\n setColors(data: IColorPickerSetting): Observable {\r\n const headers: any = {\r\n 'api-version': '1.0',\r\n 'Content-Type': 'application/json',\r\n 'Accept': 'application/json',\r\n };\r\n\r\n return this.httpService.post(data, this.apiEndpoint.ColorPicker, headers);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { DeviceDetectorService, DeviceInfo, BROWSERS } from 'ngx-device-detector';\r\n\r\n@Injectable()\r\nexport class AppStateService {\r\n deviceInfo: DeviceInfo;\r\n\r\n constructor(private deviceDetectorService: DeviceDetectorService) {\r\n this.deviceInfo = this.deviceDetectorService.getDeviceInfo();\r\n }\r\n\r\n /**\r\n * returns true if the application is running on microsoft Edge browser and false if not (on another browser)\r\n */\r\n isBrowserEdge() {\r\n return this.deviceInfo.browser === BROWSERS.MS_EDGE;\r\n }\r\n\r\n isBrowserChrome() {\r\n return this.deviceInfo.browser === BROWSERS.CHROME;\r\n }\r\n\r\n isBrowserSafari() {\r\n return this.deviceInfo.browser === BROWSERS.SAFARI;\r\n }\r\n\r\n isBrowserIE() {\r\n return this.deviceInfo.browser === BROWSERS.IE;\r\n }\r\n\r\n isBrowserFireFox() {\r\n return this.deviceInfo.browser === BROWSERS.FIREFOX;\r\n }\r\n\r\n getBrowser() {\r\n return this.deviceInfo.browser;\r\n }\r\n\r\n}\r\n","import { ModuleWithProviders, NgModule } from '@angular/core';\r\n\r\nimport { CustomFontsService } from '../fonts/custom-fonts.service';\r\nimport { AccountColorsService } from './account-colors.service';\r\nimport { AccountService } from './account.service';\r\nimport { AccountColorsApi } from './api/account-colors.api';\r\nimport { AppStateService } from './app-state.service';\r\nimport { FeatureflagService } from './featureflag.service';\r\nimport { ImageEditorService } from './image-editor.service';\r\nimport { InboxPreviewService } from './inbox-preview.service';\r\nimport { WebContentDataService } from './web-content-data.service';\r\n\r\nconst providers = [\r\n AccountService,\r\n AppStateService,\r\n FeatureflagService,\r\n WebContentDataService,\r\n ImageEditorService,\r\n InboxPreviewService,\r\n CustomFontsService,\r\n AccountColorsService,\r\n AccountColorsApi,\r\n];\r\n\r\n@NgModule({\r\n imports: [],\r\n declarations: [],\r\n providers,\r\n})\r\nexport class CommonServicesModule {\r\n static forRoot(): ModuleWithProviders {\r\n return {\r\n ngModule: CommonServicesModule,\r\n providers,\r\n };\r\n }\r\n}\r\n","import { BehaviorSubject } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\n\r\nimport { Injectable } from '@angular/core';\r\n\r\nimport { HttpService } from '../http/http.service';\r\nimport { FeatureFlags, HashTable } from '../interfaces';\r\nimport { ApiEndpointService } from './api-endpoint.service';\r\n\r\n@Injectable()\r\nexport class FeatureflagService {\r\n featureFlagsCollection: HashTable = {};\r\n featureFlagsBehaviorSubject: BehaviorSubject> =\r\n new BehaviorSubject>(null);\r\n\r\n constructor(\r\n private httpService: HttpService,\r\n private apiEndpoint: ApiEndpointService\r\n ) {}\r\n\r\n isEnabled(\r\n accountKey: string,\r\n featureFlagPath: FeatureFlags\r\n ): Promise {\r\n return this.httpService\r\n .get(this.apiEndpoint.FeatureFlagPagesUrl, undefined, {\r\n headers: {\r\n accountKey,\r\n featureFlagPath,\r\n },\r\n })\r\n .toPromise();\r\n }\r\n\r\n getFlags() {\r\n return this.httpService.get(this.apiEndpoint.FeatureFlagsUrl).pipe(\r\n tap((result: any) => {\r\n Object.keys(result).forEach((key: string) => {\r\n this.featureFlagsCollection[key] = result[key];\r\n });\r\n this.featureFlagsBehaviorSubject.next(this.featureFlagsCollection);\r\n })\r\n );\r\n }\r\n}\r\n","import { Observable } from 'rxjs';\r\nimport * as URI from 'uri-js';\r\n\r\nimport { Inject, Injectable, InjectionToken } from '@angular/core';\r\n\r\nimport { HttpService } from '../http/http.service';\r\nimport { FeatureFlags } from '../interfaces';\r\n\r\nexport const FEATURE_FLAG_API = new InjectionToken(\r\n 'please provide FEATURE_FLAG_API in the provider list of your module'\r\n);\r\n@Injectable()\r\nexport class FeatureflagServiceV2 {\r\n private isEnabledEndpoint: string;\r\n constructor(\r\n private httpService: HttpService,\r\n @Inject(FEATURE_FLAG_API) baseUrl: string\r\n ) {\r\n this.isEnabledEndpoint = URI.resolve(baseUrl, '/api/featureFlag/isEnabled');\r\n }\r\n\r\n isEnabled(\r\n accountKey: string,\r\n featureFlagPath: FeatureFlags\r\n ): Observable {\r\n console.log(this.isEnabledEndpoint);\r\n\r\n return this.httpService.get(this.isEnabledEndpoint, undefined, {\r\n headers: {\r\n accountKey,\r\n featureFlagPath,\r\n },\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HashTable } from '../interfaces/general.interfaces';\r\nimport { Observable, Subject } from 'rxjs';\r\n\r\ninterface IPersistenceNode {\r\n onValueChanged: Subject;\r\n value: string;\r\n}\r\n\r\n@Injectable()\r\nexport class GlobalUiPersistenceService {\r\n\r\n\r\n private _allowedKeys: HashTable = {}; // for unique names/keys\r\n private _persistenceStorage: HashTable = {}; // for values storage\r\n\r\n set allowedKeys(value: HashTable) {\r\n this._allowedKeys = value;\r\n this.initPersistenceStorage();\r\n }\r\n\r\n\r\n\r\n set(key: string, value: string) {\r\n\r\n if (this._allowedKeys[key]) {\r\n\r\n localStorage.setItem(key, value);\r\n\r\n this._persistenceStorage[key].value = value;\r\n this._persistenceStorage[key].onValueChanged.next(value);\r\n\r\n } else {\r\n throw new Error('The key ' + key + ' is not supported');\r\n }\r\n\r\n }\r\n\r\n get(key: string): string {\r\n if (this._persistenceStorage[key] && this._persistenceStorage[key].value !== undefined) {\r\n return this._persistenceStorage[key].value;\r\n }\r\n\r\n return localStorage.getItem(key);\r\n }\r\n\r\n getKeyObservable(key: string): Observable {\r\n return this._persistenceStorage[key].onValueChanged.asObservable();\r\n }\r\n\r\n private initPersistenceStorage() {\r\n Object.keys(this._allowedKeys).forEach((allowedKey: string) => {\r\n this._persistenceStorage[allowedKey] = { value: undefined, onValueChanged: new Subject() };\r\n });\r\n }\r\n}\r\n","import { Injectable, NgZone } from '@angular/core';\r\nimport { PixiConfiguration } from '../js-libs/pixie/config';\r\nimport { Subject } from 'rxjs/Subject';\r\nimport { IImageFile } from '../interfaces/files.interface';\r\nimport { Observable } from 'rxjs';\r\nimport { Logger } from '../monitoring/logger/logger';\r\nimport { SpinnerService } from '../components/spinner/spinner.service';\r\n\r\ndeclare var Pixie: any; // Pixie load from 3rd part code from javascript file, not type safety\r\n\r\n@Injectable()\r\nexport class ImageEditorService {\r\n\r\n pixieEditor: any;\r\n config: any;\r\n\r\n constructor(private spinnerService: SpinnerService, private zone: NgZone, private logger: Logger) {\r\n const pixiConfiguration = new PixiConfiguration();\r\n this.config = pixiConfiguration.pixieConfig;\r\n }\r\n\r\n openImageEditor(publicImgSrc: string, currentUserLanguage: string): Observable {\r\n\r\n const pixieSave: Subject = new Subject();\r\n\r\n try {\r\n\r\n if (!this.pixieEditor) {\r\n const pixieCustomConfig = JSON.parse(JSON.stringify(this.config));\r\n if (currentUserLanguage === '1036') {\r\n pixieCustomConfig.languages.active = 'french';\r\n }\r\n\r\n pixieCustomConfig.onSave = (data: any, name: any) => {\r\n this.zone.run(() => {\r\n this.spinnerService.show();\r\n this.pixieEditor.close();\r\n pixieSave.next(data);\r\n });\r\n };\r\n\r\n pixieCustomConfig.onClose = this.onPixieClose.bind(this);\r\n pixieCustomConfig.image = publicImgSrc;\r\n\r\n // run pixie outside the current application's-angular-zone since it has it's own zone to manage (it's an angular app by-itself)\r\n // I added this since there was an assertion on the console.\r\n this.zone.runOutsideAngular(() => {\r\n this.pixieEditor = new Pixie(pixieCustomConfig);\r\n });\r\n\r\n } else {\r\n this.pixieEditor.setConfig('onClose', this.onPixieClose.bind(this));\r\n this.pixieEditor.setConfig('onSave', (data: any, name: any) => {\r\n this.zone.run(() => {\r\n this.spinnerService.show();\r\n pixieSave.next(data);\r\n this.pixieEditor.close();\r\n });\r\n\r\n });\r\n this.pixieEditor.resetEditor();\r\n this.pixieEditor.resetAndOpenEditor('image', publicImgSrc);\r\n\r\n }\r\n\r\n } catch (err) {\r\n\r\n console.log(err.message);\r\n\r\n }\r\n\r\n return pixieSave.asObservable();\r\n }\r\n\r\n onPixieClose() {\r\n this.zone.run(() => {\r\n if (this.pixieEditor) {\r\n this.pixieEditor.resetEditor();\r\n }\r\n });\r\n }\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AccountService } from './account.service';\r\n\r\n@Injectable()\r\nexport class InboxPreviewService {\r\n\r\n constructor(private accountService: AccountService) {\r\n }\r\n\r\n openInboxPreview() {\r\n const url = `${this.accountService.baseUrl}/inboxpreview?accountKey=${this.accountService.accountKey}` +\r\n `&orgname=${this.accountService.orgname}&userlcid=${this.accountService.userlcid}` +\r\n `&userid=${this.accountService.userid}&sessionId=${this.accountService.sessionId}` +\r\n `&id=${this.accountService.id}&typename=${this.accountService.typename}` +\r\n `&version=${this.accountService.version}&callerPage=ddeditor`;\r\n\r\n window.open(url, '_blank');\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './account.service';\r\nexport * from './app-state.service';\r\nexport * from './featureflag.service';\r\nexport * from './featureflag.v2.service';\r\nexport * from './global-ui-persistence-service';\r\nexport * from './inbox-preview.service';\r\nexport * from './web-content-data.api';\r\nexport * from './web-content-data.service';\r\nexport * from './image-editor.service';\r\nexport * from './api-endpoint.service';\r\nexport * from './common-services.module';\r\nexport * from './account-colors.service';\r\n// end:ng42.barrel\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpService } from '../http/http.service';\r\nimport { ApiEndpointService } from './api-endpoint.service';\r\n\r\nexport interface IWebContentDataRecord {\r\n Link: string;\r\n Name: string;\r\n}\r\n\r\nexport interface IWebContentData {\r\n LandingPageList: IWebContentDataRecord[];\r\n ProfileList: IWebContentDataRecord[];\r\n SubscriptionList: IWebContentDataRecord[];\r\n SurveyList: IWebContentDataRecord[];\r\n}\r\n\r\n@Injectable()\r\nexport class WebContentDataApi {\r\n\r\n constructor(private httpService: HttpService,\r\n private apiEndpoint: ApiEndpointService) {\r\n }\r\n\r\n getWebContentData() {\r\n return this.httpService.get(this.apiEndpoint.WebContentUrl);\r\n }\r\n\r\n}\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IWebContentData, WebContentDataApi } from './web-content-data.api';\r\nimport { Logger } from '../monitoring/logger/logger';\r\nimport { finalize, tap } from 'rxjs/operators';\r\n\r\n\r\n@Injectable()\r\nexport class WebContentDataService {\r\n public webContentDataStore: Observable;\r\n\r\n public isLoading = false;\r\n public onLoadingChanged: Observable;\r\n\r\n private _onLoadingChanged: BehaviorSubject;\r\n private _webContentDataStore: BehaviorSubject;\r\n\r\n constructor(private webContentDataApi: WebContentDataApi,\r\n private logger: Logger) {\r\n\r\n this._webContentDataStore = new BehaviorSubject(null);\r\n this.webContentDataStore = this._webContentDataStore.asObservable();\r\n\r\n this._onLoadingChanged = new BehaviorSubject(this.isLoading);\r\n this.onLoadingChanged = this._onLoadingChanged.asObservable();\r\n }\r\n\r\n getWebContentData() {\r\n this.isLoading = true;\r\n this._onLoadingChanged.next(this.isLoading);\r\n\r\n return this.webContentDataApi.getWebContentData()\r\n .pipe(\r\n tap((webContentData: IWebContentData) => {\r\n this.logger.debug('WebContentDataService: got the web content data');\r\n\r\n this._webContentDataStore.next(webContentData);\r\n }),\r\n finalize(() => {\r\n this.isLoading = false;\r\n this._onLoadingChanged.next(this.isLoading);\r\n }));\r\n }\r\n}\r\n","// start:ng42.barrel\r\nexport * from './translations.utils';\r\nexport * from './translate-http-loader';\r\n// end:ng42.barrel\r\n","import { TranslateLoader } from '@ngx-translate/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\n\r\nexport class TranslateHttpLoader implements TranslateLoader {\r\n constructor(private http: HttpClient, public prefix: string = '/assets/i18n/', public suffix: string = '.json') {\r\n }\r\n\r\n /**\r\n * Gets the translations from the server\r\n * @param lang - the language code in LCID format could be strings like 1033, 1036... (http://www.orbus.be/bosanski_jezik/language_codes.htm)\r\n */\r\n public getTranslation(lang: string): any {\r\n return this.http.get(this.getUrl(lang));\r\n }\r\n\r\n private getUrl(lang: string) {\r\n return `${this.prefix}${lang}${this.suffix}`;\r\n }\r\n}\r\n\r\n","import { LOCATION_INITIALIZED } from '@angular/common';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { InjectionToken, Injector } from '@angular/core';\r\nimport { TranslateLoader, TranslateService } from '@ngx-translate/core';\r\n\r\nimport { Utils } from '../utils/common';\r\nimport { TranslateHttpLoader } from './translate-http-loader';\r\n\r\nexport function createTranslateLoader(\r\n http: HttpClient,\r\n cacheBustingString: string\r\n) {\r\n const suffix = '.json?' + cacheBustingString;\r\n return new TranslateHttpLoader(http, '/assets/i18n/', suffix);\r\n}\r\n\r\nexport const LCID_QUERYSTRING_PARAM_NAME = new InjectionToken('lcid');\r\nexport const LCID_QUERYSTRING_PARAM_NAMES = new InjectionToken(\r\n 'lcid'\r\n);\r\n\r\nexport let languagesDictionary = {\r\n '1069': { name: 'Basque-Basque', baseLocaleId: 'eu-ES', languageCode: 'eu' },\r\n '1026': {\r\n name: 'Bulgarian-Bulgaria',\r\n baseLocaleId: 'bg-BG',\r\n languageCode: 'bg',\r\n },\r\n '1027': {\r\n name: 'Catalan-Catalan',\r\n baseLocaleId: 'ca-ES',\r\n languageCode: 'ca',\r\n },\r\n '2052': {\r\n name: 'Chinese-China',\r\n baseLocaleId: 'zh-CN',\r\n languageCode: 'zh-cn',\r\n },\r\n '3076': {\r\n name: 'Chinese-Hong Kong',\r\n baseLocaleId: 'zh-HK',\r\n languageCode: 'zh',\r\n },\r\n '1028': {\r\n name: 'Chinese-Traditional',\r\n baseLocaleId: 'zh-TW',\r\n languageCode: 'zh',\r\n },\r\n '1050': {\r\n name: 'Croatian-Croatia',\r\n baseLocaleId: 'hr-HR',\r\n languageCode: 'hr',\r\n },\r\n '1029': {\r\n name: 'Czech - Czech Republic',\r\n baseLocaleId: 'cs-CZ',\r\n languageCode: 'cs',\r\n },\r\n '1030': { name: 'Danish-Denmark', baseLocaleId: 'da-DK', languageCode: 'da' },\r\n '1043': {\r\n name: 'Dutch-Netherlands',\r\n baseLocaleId: 'nl-NL',\r\n languageCode: 'nl',\r\n },\r\n '1033': { name: 'English', baseLocaleId: 'en-US', languageCode: 'en' },\r\n '1061': {\r\n name: 'Estonian-Estonia',\r\n baseLocaleId: 'et-EE',\r\n languageCode: 'et',\r\n },\r\n '1035': {\r\n name: 'Finnish-Finland',\r\n baseLocaleId: 'fi-FI',\r\n languageCode: 'fi',\r\n },\r\n '1036': { name: 'French-France', baseLocaleId: 'fr-FR', languageCode: 'fr' },\r\n '1110': { name: 'Galician-Spain', baseLocaleId: 'gl-ES', languageCode: 'gl' },\r\n '1031': { name: 'German-Germany', baseLocaleId: 'de-DE', languageCode: 'de' },\r\n '1032': { name: 'Greek-Greece', baseLocaleId: 'el-GR', languageCode: 'el' },\r\n '1081': { name: 'Hindi-India', baseLocaleId: 'hi-IN', languageCode: 'hi' },\r\n '1038': {\r\n name: 'Hungarian-Hungary',\r\n baseLocaleId: 'hu-HU',\r\n languageCode: 'hu',\r\n },\r\n '1057': {\r\n name: 'Indonesian-Indonesia',\r\n baseLocaleId: 'id-ID',\r\n languageCode: 'id',\r\n },\r\n '1040': { name: 'Italian-Italy', baseLocaleId: 'it-IT', languageCode: 'it' },\r\n '1041': { name: 'Japanese-Japan', baseLocaleId: 'ja-JP', languageCode: 'ja' },\r\n '1087': {\r\n name: 'Kazakh-Kazakhstan',\r\n baseLocaleId: 'kk-KZ',\r\n languageCode: 'en',\r\n }, //not supports in CKEditor\r\n '1042': { name: 'Korean-Korea', baseLocaleId: 'ko-KR', languageCode: 'ko' },\r\n '1062': { name: 'Latvian-Latvia', baseLocaleId: 'lv-LV', languageCode: 'lv' },\r\n '1063': {\r\n name: 'Lithuanian-Lithuania',\r\n baseLocaleId: 'lt-LT',\r\n languageCode: 'lt',\r\n },\r\n '1086': { name: 'Malay-Malaysia', baseLocaleId: 'ms-MY', languageCode: 'ms' },\r\n '1044': {\r\n name: 'Norwegian(Bokmal) - Norway',\r\n baseLocaleId: 'nb-NO',\r\n languageCode: 'nb',\r\n },\r\n '1045': { name: 'Polish-Poland', baseLocaleId: 'pl-PL', languageCode: 'pl' },\r\n '1046': {\r\n name: 'Portuguese-Brazil',\r\n baseLocaleId: 'pt-BR',\r\n languageCode: 'pt-br',\r\n },\r\n '2070': {\r\n name: 'Portuguese-Portugal',\r\n baseLocaleId: 'pt-PT',\r\n languageCode: 'pt',\r\n },\r\n '1048': {\r\n name: 'Romanian-Romania',\r\n baseLocaleId: 'ro-RO',\r\n languageCode: 'ro',\r\n },\r\n '1049': { name: 'Russian-Russia', baseLocaleId: 'ru-RU', languageCode: 'ru' },\r\n '3098': {\r\n name: 'Serbian (Cyrillic)-Serbia',\r\n baseLocaleId: 'sr-Cyrl-CS',\r\n languageCode: 'sr',\r\n },\r\n '2074': {\r\n name: 'Serbian (Latin)',\r\n baseLocaleId: 'sr-Latn-CS',\r\n languageCode: 'sr-latn',\r\n },\r\n '1051': {\r\n name: 'Slovak-Slovakia',\r\n baseLocaleId: 'sk-SK',\r\n languageCode: 'sk',\r\n },\r\n '1060': {\r\n name: 'Slovenian-Slovenia',\r\n baseLocaleId: 'sl-SI',\r\n languageCode: 'sl',\r\n },\r\n '3082': {\r\n name: 'Spanish (Traditional Sort)',\r\n baseLocaleId: 'es-ES',\r\n languageCode: 'es',\r\n },\r\n '1053': { name: 'Swedish-Sweden', baseLocaleId: 'sv-SE', languageCode: 'sv' },\r\n '1054': { name: 'Thai-Thailand', baseLocaleId: 'th-TH', languageCode: 'th' },\r\n '1055': { name: 'Turkish-Turkey', baseLocaleId: 'tr-TR', languageCode: 'tr' },\r\n '1058': {\r\n name: 'Ukrainian-Ukraine',\r\n baseLocaleId: 'uk-UA',\r\n languageCode: 'uk',\r\n },\r\n '1066': {\r\n name: 'Vietnamese-Vietnam',\r\n baseLocaleId: 'vi-VN',\r\n languageCode: 'vi',\r\n },\r\n};\r\n\r\nexport const DEFAULT_LCID: string = '1033';\r\n\r\nexport function getLanguageCodeByUserLcid(userlcid: string): string {\r\n if (userlcid in languagesDictionary) {\r\n return languagesDictionary[userlcid].languageCode;\r\n }\r\n return languagesDictionary[DEFAULT_LCID].languageCode;\r\n}\r\n\r\n/**\r\n * initialize the languages resources. tries to download the requested language taken from the paramtere\r\n * on the query string.\r\n * translate - the translation service\r\n * injector - angular's injector\r\n * translateLoader - the supplied translate loader\r\n * queryStringLangParamName - the query string paramter to check for the language to load should be provided\r\n * as injectable token: LCID_QUERYSTRING_PARAM_NAME\r\n */\r\nexport function appTranslationsInitializerFactory(\r\n translate: TranslateService,\r\n injector: Injector,\r\n translateLoader: TranslateLoader,\r\n queryStringLangParamName: string\r\n) {\r\n return () =>\r\n new Promise((resolve: any) => {\r\n translate.setDefaultLang(DEFAULT_LCID);\r\n const locationInitialized = injector.get(\r\n LOCATION_INITIALIZED,\r\n Promise.resolve(null)\r\n );\r\n\r\n if (!queryStringLangParamName) {\r\n console.error(`appTranslationsInitializerFactory: queryStringLangParamName was not supplied. got: ${queryStringLangParamName}\r\n please check that you have defined: a provider for LCID_QUERYSTRING_PARAM_NAME`);\r\n }\r\n\r\n const userlcid = Utils.getParameterByName(queryStringLangParamName);\r\n\r\n if (!userlcid) {\r\n console.error(`appTranslationsInitializerFactory: could not locate the query string param: ${queryStringLangParamName}\r\n did you forget to add the language query string param on the link you are opening?`);\r\n }\r\n\r\n locationInitialized.then(() => {\r\n initTranslation(translate, userlcid, resolve);\r\n });\r\n });\r\n}\r\n\r\n// sdfasdf\r\nexport function appTranslationsInitializerFactoryV2(\r\n translate: TranslateService,\r\n injector: Injector,\r\n translateLoader: TranslateLoader,\r\n queryStringLangParamNames: string[]\r\n) {\r\n return () =>\r\n new Promise((resolve: any) => {\r\n translate.setDefaultLang(DEFAULT_LCID);\r\n const locationInitialized = injector.get(\r\n LOCATION_INITIALIZED,\r\n Promise.resolve(null)\r\n );\r\n\r\n if (!queryStringLangParamNames) {\r\n console.error(`appTranslationsInitializerFactory: queryStringLangParamName was not supplied. got: ${queryStringLangParamNames}\r\n please check that you have defined: a provider for LCID_QUERYSTRING_PARAM_NAME`);\r\n }\r\n\r\n // const userlcid = Utils.getParameterByName(queryStringLangParamName);\r\n const userlcid = Utils.getParameterByNames(\r\n queryStringLangParamNames,\r\n DEFAULT_LCID\r\n );\r\n\r\n if (!userlcid) {\r\n console.error(`appTranslationsInitializerFactory: could not locate the query string params: ${queryStringLangParamNames}\r\n did you forget to add the language query string param on the link you are opening?`);\r\n }\r\n\r\n locationInitialized.then(() => {\r\n // this language will be used as a fallback when a translation isn't found in the current language\r\n initTranslation(translate, userlcid, resolve);\r\n });\r\n });\r\n}\r\nfunction initTranslation(\r\n translate: TranslateService,\r\n userlcid: string,\r\n resolve: any\r\n) {\r\n // this language will be used as a fallback when a translation isn't found in the current language\r\n translate.use(userlcid).subscribe(\r\n () => {\r\n if (\r\n Object.keys(translate.store.translations[translate.currentLang])\r\n .length !== 0\r\n ) {\r\n console.log(`Successfully initialized ${userlcid} language.`);\r\n } else {\r\n console.log(\r\n `Could not find the original language requested: ${userlcid} check if the default was loaded:`\r\n );\r\n if (\r\n Object.keys(translate.store.translations[translate.defaultLang])\r\n .length === 0\r\n ) {\r\n console.error(\r\n `Problem with loading the default lang ${translate.defaultLang}`\r\n );\r\n } else {\r\n console.log(`Loaded default lang ${translate.defaultLang}`);\r\n }\r\n }\r\n },\r\n (err: any) => {\r\n console.error(\r\n `Problem with '${userlcid}' language initialization. err: '` +\r\n err.toString()\r\n );\r\n },\r\n () => {\r\n resolve(null);\r\n }\r\n );\r\n}\r\n","import { NgModule, ModuleWithProviders, SkipSelf, Optional } from '@angular/core';\r\nimport { Configuration } from './configuration';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n\r\nimport { TreeViewService } from './api/treeView.service';\r\nimport { FilesListApiService } from './api/fileList/filesList.service';\r\nimport { CustomFontsApi } from '../fonts/custom-fonts.api';\r\n\r\n@NgModule({\r\n imports: [],\r\n declarations: [],\r\n exports: [],\r\n providers: [\r\n TreeViewService, FilesListApiService, CustomFontsApi]\r\n})\r\nexport class ApiModule {\r\n public static forRoot(configurationFactory: () => Configuration): ModuleWithProviders {\r\n return {\r\n ngModule: ApiModule,\r\n providers: [{ provide: Configuration, useFactory: configurationFactory }]\r\n };\r\n }\r\n\r\n constructor(@Optional() @SkipSelf() parentModule: ApiModule,\r\n @Optional() http: HttpClient) {\r\n if (parentModule) {\r\n throw new Error('ApiModule is already loaded. Import in your base AppModule only.');\r\n }\r\n if (!http) {\r\n throw new Error('You need to import the HttpClientModule in your AppModule! \\n' +\r\n 'See also https://github.com/angular/angular/issues/20575');\r\n }\r\n }\r\n}\r\n","export * from './treeView.service';\r\nexport * from './fileList/filesList.service';\r\nimport { TreeViewService } from './treeView.service';\r\nimport { FilesListApiService } from './fileList/filesList.service';\r\nexport const APIS = [TreeViewService, FilesListApiService];\r\n","import { mergeMap, catchError } from 'rxjs/operators';\r\nimport { Observable, of } from 'rxjs';\r\nimport { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';\r\nimport { FileModel, DeleteEntityModel, MoveFilesModel, FileDto } from '../../model/models';\r\nimport { IGetFilesByFolderRequestDetails } from '../../../file-manager';\r\nimport { FileManagerResult, FileManagerResults, FileParameter } from './filesList.service.model';\r\nimport { appendQueryParamToUrlString, customErrorMessage, isNotSuccessCode, parseSuccessDetails, tryAddingMoreContextToErrorMessage } from './filesList.utils';\r\nimport { ApiEndpointService } from '../../../services/api-endpoint.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FilesListApiService {\r\n constructor(private apiEndpoint: ApiEndpointService, private http: HttpClient) { }\r\n\r\n public getFiles = (data: IGetFilesByFolderRequestDetails): Observable => {\r\n const url = this.apiEndpoint.GetFilesListUrl;\r\n const options = {\r\n body: JSON.stringify(data),\r\n observe: 'response',\r\n responseType: 'blob',\r\n headers: new HttpHeaders({\r\n 'Content-Type': 'application/json',\r\n 'Accept': 'application/json',\r\n 'api-version': '2.0'\r\n })\r\n };\r\n return this.http.request>('post', url, options as unknown)\r\n .pipe(mergeMap(this.processGetFiles))\r\n .pipe(catchError(tryAddingMoreContextToErrorMessage(this.processGetFiles)));\r\n }\r\n\r\n private processGetFiles(response: HttpResponse): Observable {\r\n switch(response.status) {\r\n case 200: return parseSuccessDetails(response);\r\n case 500: return customErrorMessage(response, 'Cannot get files from folder. Server error.', true);\r\n default: {\r\n if (isNotSuccessCode(response.status)) {\r\n return customErrorMessage(response, 'An unexpected server error occurred.');\r\n }\r\n return of(null);\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * @return Returns only existing file names.\r\n */\r\n public checkExistingFiles = (fileNames: string[]): Observable => {\r\n const url = this.apiEndpoint.CheckExistingFilesUrl;\r\n const options = {\r\n body: JSON.stringify(fileNames),\r\n observe: 'response',\r\n responseType: 'blob',\r\n headers: new HttpHeaders({\r\n 'Content-Type': 'application/json',\r\n 'Accept': 'application/json',\r\n 'api-version': '2.0'\r\n })\r\n };\r\n\r\n return this.http.request>('post', url, options as unknown)\r\n .pipe(mergeMap(this.processCheckExistingFiles))\r\n .pipe(catchError(tryAddingMoreContextToErrorMessage(this.processCheckExistingFiles)));\r\n }\r\n\r\n private processCheckExistingFiles = (response: HttpResponse): Observable![\\\"\\\"](\\\"assets/images/info.svg\\\")
\\r\\n CREDENTIALS.APPLICATION_USER.INFO_AUTH_METHOD\\r\\n ![](\\\"/assets/common-lib/images/iconfolder_128.png\\\"\\r\\n)
\\r\\n \\r\\n \\r\\n ![](\\\"/assets/common-lib/images/iconfolder_128.png\\\")
\\r\\n