\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 readonly attachmentSections = input\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 readonly name = input('?');\n /**\n * The size of the avatar.\n */\n readonly size = input<'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 const nameValue = this.name();\n if (!nameValue) this.initials = '?';\n else {\n const initials = nameValue\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 { Component, Input, OnInit, inject, ChangeDetectionStrategy, viewChild, signal } 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 imports: [\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 changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n {{ check.description }}
\n }\n \n{{ check.value }}
\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 @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 { Component, OnInit, inject, ChangeDetectionStrategy, signal, viewChild, Input } 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 imports: [\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 changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n