\n \n \n \n \n \n \n \n \n \n @if (isIOS() && appleStoreURL) {\n \n \n }\n @if (isAndroid() && googleStoreURL) {\n \n \n }\n \n \n \n }\n \n \n
\n {{ getTitle() }}
\n{{ err.error || ('IDEA_COMMON.ATTACHMENTS.ERROR_UPLOADING_ATTACHMENT' | translate) }}
\n{{ 'IDEA_COMMON.LABELER.VARIABLES_AVAILABLE' | translate }}
\n{{ 'IDEA_COMMON.LABELER.VARIABLES_AVAILABLE_I' | translate }}
\n- \n @for (v of variables; track v) {\n
- \n {{ v.code }} {{ getVariableDescription(v) }}\n \n }\n
\n @if (obligatory) {\n {{ 'IDEA_COMMON.LABELER.EXPLANATION_OBLIGATORY' | translate }}\n }\n {{ 'IDEA_COMMON.LABELER.EXPLANATION' | translate }}\n
\n }\n @if (_label) {\n\n {{ 'IDEA_COMMON.ATTACHMENTS.SECTION_NAME' | translate }}
\n \n {{ 'IDEA_COMMON.ATTACHMENTS.ATTACHMENTS' | translate }}
\n{{ attachmentSections.sections[sectionKey].description | label }}
\n{{ attachmentSections.sections[sectionKey].description | label }}
\n\n \n {{ 'IDEA_COMMON.ATTACHMENTS.ADD_SECTION' | translate }}\n \n
\n }\n `\n})\nexport class IDEAAttachmentSectionsComponent {\n private _modal = inject(ModalController);\n private _alert = inject(AlertController);\n private _message = inject(IDEAMessageService);\n private _translate = inject(IDEATranslationsService);\n\n /**\n * The attachment sections to display and manage.\n */\n @Input() attachmentSections: AttachmentSections;\n /**\n * The API path to the entity for which we want to manage the attachments.\n */\n @Input() entityPath: string | string[];\n /**\n * The list of accepted formats.\n */\n @Input() acceptedFormats = ['image/*', '.pdf', '.doc', '.docx', '.xls', '.xlsx'];\n /**\n * Whether to accept multiple files as target for the browse function.\n */\n @Input() multiple = false;\n /**\n * Whether the component is disabled or not.\n */\n @Input() disabled = false;\n /**\n * Lines preferences for the component.\n */\n @Input() lines: string;\n /**\n * The background color of the component.\n */\n @Input() color: string;\n /**\n * Trigger to download a file by URL.\n */\n @Output() download = new EventEmitter\n @if (suggestion.category1) {\n
\n {{ suggestion.value }}\n
\n \n @if (src) {\n \n \n }\n @if (!src) {\n \n \n {{ initials }}\n
\n \n }\n \n `,\n styles: [\n `\n div.container {\n text-align: center;\n padding: var(--avatar-container-padding, 0);\n margin: var(--avatar-container-margin, 0);\n }\n ion-avatar,\n div.circle {\n border: 0.5px solid var(--ion-color-dark-tint);\n margin: 0 auto;\n }\n div.circle {\n border-radius: 50%;\n display: inline-block;\n text-align: center;\n vertical-align: top;\n div.text {\n font-weight: bold;\n letter-spacing: -0.5px;\n }\n }\n .mini {\n --avatar-size: 14px;\n --avatar-font-size: 8px;\n }\n .small {\n --avatar-size: 24px;\n --avatar-font-size: 9px;\n }\n .default {\n --avatar-size: 40px;\n --avatar-font-size: 16px;\n }\n .large {\n --avatar-size: 80px;\n --avatar-font-size: 32px;\n }\n .extraLarge {\n --avatar-size: 120px;\n --avatar-font-size: 52px;\n }\n `\n ]\n})\nexport class IDEAUserAvatarComponent implements OnInit {\n /**\n * The link to the avatar media to show.\n */\n @Input() src?: string;\n /**\n * The full name of the user (to use as fallback in case the media isn't available).\n */\n @Input() name = '?';\n /**\n * The size of the avatar.\n */\n @Input() size: 'mini' | 'small' | 'default' | 'large' | 'extraLarge' = 'default';\n /**\n * The HEX color of the avatar's background.\n */\n @Input() color?: string;\n\n initials: string;\n fontColor: string;\n borderColor: string;\n\n ngOnInit(): void {\n this.setInitialsFromName();\n if (!this.color) this.color = getHexColorFromString(this.name);\n if (this.color.charAt(0) === '#') this.color = this.color.slice(1);\n this.setFontColorBasedOnBackground();\n }\n\n private setInitialsFromName(): void {\n if (!this.name) this.initials = '?';\n else {\n const initials = this.name\n .split(' ')\n .reduce((initials, name): string => initials + name.charAt(0), '')\n .toUpperCase();\n\n this.initials =\n initials.length > 1 && this.size !== 'mini'\n ? initials.charAt(0).concat(initials.charAt(initials.length - 1))\n : initials.charAt(0);\n }\n }\n fallbackToInitials(): void {\n this.src = undefined;\n }\n\n setFontColorBasedOnBackground(): void {\n this.fontColor = getBlackWhiteInvertedHexColor(this.color);\n }\n}\n\n//\n// HELPERS\n//\n\nconst getHexColorFromString = (str: string): string => {\n return COLORS[getNumericHashFromString(str) % COLORS.length].hex;\n};\n\nconst getNumericHashFromString = (str: string): number => {\n let hash = 0;\n if (str.length == 0) return hash;\n for (let i = 0; i < str.length; i++) {\n const char = str.charCodeAt(i);\n hash = (hash << 5) - hash + char;\n hash = hash & hash; // convert to 32bit integer\n }\n return Math.abs(hash);\n};\n\nconst getBlackWhiteInvertedHexColor = (hexColor: string): string =>\n getLumeOfHexColor(hexColor) >= 165 ? '000' : 'fff';\n\nconst getLumeOfHexColor = (hexColor: string): number => {\n const rgb = hexColorToRGBArray(hexColor);\n return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]; // SMPTE C, Rec. 709 weightings\n};\n\nconst hexColorToRGBArray = (hexColor: string): number[] => {\n try {\n if (hexColor.length === 3)\n hexColor =\n hexColor.charAt(0) +\n hexColor.charAt(0) +\n hexColor.charAt(1) +\n hexColor.charAt(1) +\n hexColor.charAt(2) +\n hexColor.charAt(2);\n else if (hexColor.length !== 6) throw 'Invalid hex color: ' + hexColor;\n const rgb = [];\n for (let i = 0; i <= 2; i++) rgb[i] = parseInt(hexColor.substr(i * 2, 2), 16);\n return rgb;\n } catch (error) {\n return [255, 255, 255];\n }\n};\n","import { CommonModule } from '@angular/common';\nimport { Component, ViewChild, Input, OnInit, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n IonInfiniteScroll,\n IonSearchbar,\n ModalController,\n IonHeader,\n IonContent,\n IonList,\n IonInfiniteScrollContent,\n IonToolbar,\n IonButtons,\n IonButton,\n IonIcon,\n IonTitle,\n IonItem,\n IonLabel,\n IonAvatar,\n IonCheckbox\n} from '@ionic/angular/standalone';\nimport { Check, Suggestion } from 'idea-toolbox';\n\nimport { IDEATranslatePipe } from '../translations/translate.pipe';\nimport { IDEASuggestionsComponent } from '../select/suggestions.component';\nimport { IDEAUserAvatarComponent } from '../userAvatar/userAvatar.component';\n\nconst MAX_PAGE_SIZE = 24;\n\n@Component({\n selector: 'idea-checks',\n standalone: true,\n imports: [\n CommonModule,\n FormsModule,\n IDEATranslatePipe,\n IDEAUserAvatarComponent,\n IonTitle,\n IonIcon,\n IonButton,\n IonButtons,\n IonToolbar,\n IonSearchbar,\n IonInfiniteScroll,\n IonInfiniteScrollContent,\n IonList,\n IonContent,\n IonHeader,\n IonItem,\n IonLabel,\n IonAvatar,\n IonCheckbox\n ],\n template: `\n {{ check.description }}
\n }\n \n{{ blockMeta.sections[s].name | label }}
\n{{ blockMeta.sections[s].description | label }}
\n\n @if (blockMeta.sections[s].fields[f].type === CFT.ENUM) {\n \n \n {{ blockMeta.sections[s].fields[f].name | label }}\n @if (blockMeta.sections[s].fields[f].obligatory && !disabled) {\n \n @if (!hideDescriptions && !disabled) {\n \n \n }\n @if (blockMeta.sections[s].fields[f].type === CFT.BOOLEAN) {\n \n @if (!hideDescriptions && !disabled) {\n \n \n \n {{ blockMeta.sections[s].fields[f].name | label }}\n @if (blockMeta.sections[s].fields[f].obligatory && !disabled) {\n \n \n }\n
\n }\n \n {{ _field.name | label }}\n @if (_field.obligatory) {\n
\n {{ _field.description | label }}
\n\n \n \n \n \n \n \n \n \n \n \n }\n \n \n \n \n @for (t of FIELD_TYPES; track t) {\n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.FIELDS_TYPES.' + t | translate }}\n \n }\n \n \n @if (_field.type === CFT.STRING || _field.type === CFT.NUMBER) {\n \n \n }\n @if (_field.type === CFT.ENUM) {\n \n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.NO_DEFAULT_CHOICE' | translate }}\n \n @for (e of _field.enum; track e) {\n \n {{ _field.getEnumElement(e, _translate.getCurrentLang(), _translate.languages()) }}\n \n }\n \n \n }\n @if (_field.type === CFT.NUMBER) {\n \n \n }\n @if (_field.type === CFT.NUMBER) {\n \n \n }\n
\n }\n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.NAME' | translate }}
\n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.OPTIONS' | translate }}
\n\n \n @if (!hideHeaders) {\n @if (disabled) {\n \n \n \n \n }\n @if (!disabled) {\n \n \n \n \n }\n @if (!disabled) {\n \n \n \n }\n \n \n \n \n }\n @if (!_section.fieldsLegend.length) {\n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.NO_ELEMENTS' | translate }}\n \n \n }\n \n @for (f of _section.fieldsLegend; track f) {\n \n @if (!disabled) {\n \n {{ _section.fields[f].name | label }}\n @if (_section.fields[f].obligatory) {\n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.FIELDS_TYPES.' + _section.fields[f].type | translate }}\n \n @if (!disabled) {\n \n \n }\n \n }\n \n @if (!disabled) {\n \n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.ADD_FIELD' | translate }}\n \n \n \n }\n \n @if (useDisplayTemplate) {\n \n \n \n \n \n @if (!_section.displayTemplate.length) {\n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.NO_ELEMENTS' | translate }}\n \n \n }\n \n @for (row of _section.displayTemplate; track row; let rowIndex = $index) {\n \n @if (!disabled) {\n \n \n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.ADD_ROW' | translate }}\n \n \n \n }\n \n }\n
\n{{ _section.name | label }}
\n{{ _section.description | label }}
\n\n {{ 'IDEA_COMMON.CUSTOM_FIELDS.NAME' | translate }}\n @if (!disabled) {\n
\n \n {{ 'IDEA_COMMON.CUSTOM_FIELDS.SECTION_FIELDS' | translate }}
\n{{ _section.fields[f].description | label }}
\n{{ 'IDEA_COMMON.CUSTOM_FIELDS.DISPLAY_TEMPLATE' | translate }}
\n{{ 'IDEA_COMMON.CUSTOM_FIELDS.DISPLAY_TEMPLATE_I' | translate }}
\n\n {{ 'IDEA_COMMON.CUSTOM_FIELDS.ROW' | translate }} {{ rowIndex + 1 }} \n \n @if (!disabled) {\n \n @for (field of row; track field) {\n \n @if (!disabled && !isDisplayTemplateRowFull(rowIndex)) {\n \n \n
\n }\n \n \n @if (!disabled) {\n
\n }\n {{ block.sections[s].description | label }}
\n\n @if (sectionMeta.fields[f].type === CFT.ENUM) {\n \n \n {{ sectionMeta.fields[f].name | label }}\n @if (sectionMeta.fields[f].obligatory && !disabled) {\n \n @if (!hideDescriptions && !disabled) {\n \n \n }\n @if (sectionMeta.fields[f].type === CFT.BOOLEAN) {\n \n @if (!hideDescriptions && !disabled) {\n \n \n \n {{ sectionMeta.fields[f].name | label }}\n @if (sectionMeta.fields[f].obligatory && !disabled) {\n \n \n }\n
\n}\n","import { Injectable, PipeTransform, Pipe } from '@angular/core';\n\n/**\n * Higlighted variables.\n */\n@Pipe({ name: 'highlight', standalone: true })\n@Injectable()\nexport class IDEAHiglightedVariablesPipe implements PipeTransform {\n transform(value: string, variables: string[]): any {\n if (variables && variables.length)\n variables.forEach(v => (value = value.replace(new RegExp(v, 'g'), str => str.small())));\n return value;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit, ViewChild, inject } from '@angular/core';\nimport {\n AlertController,\n ModalController,\n IonSearchbar,\n IonHeader,\n IonToolbar,\n IonButtons,\n IonButton,\n IonIcon,\n IonContent,\n IonList,\n IonInfiniteScroll,\n IonInfiniteScrollContent,\n IonItem,\n IonLabel\n} from '@ionic/angular/standalone';\nimport { Label } from 'idea-toolbox';\n\nimport { IDEATranslationsService } from '../translations/translations.service';\nimport { IDEATranslatePipe } from '../translations/translate.pipe';\nimport { IDEALabelerComponent } from '../labeler/labeler.component';\n\nconst MAX_PAGE_SIZE = 24;\n\n@Component({\n selector: 'idea-list-elements',\n standalone: true,\n imports: [\n CommonModule,\n IDEATranslatePipe,\n IonSearchbar,\n IonHeader,\n IonToolbar,\n IonButtons,\n IonButton,\n IonIcon,\n IonContent,\n IonList,\n IonInfiniteScroll,\n IonInfiniteScrollContent,\n IonItem,\n IonLabel\n ],\n template: `\n