![](\"assets/images/no-photo.svg\"/)
\r\n\r\n\r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { NouisliderComponent } from 'ng2-nouislider';\r\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-two-way-slider',\r\n templateUrl: './two-way-slider.component.html',\r\n styleUrls: ['./two-way-slider.component.scss']\r\n})\r\nexport class TwoWaySliderComponent implements OnInit {\r\n @ViewChild('slider') slider: NouisliderComponent;\r\n\r\n @Input() min = 0;\r\n @Input() max = 0;\r\n @Input() range = [1, 50];\r\n @Input() showValue = false;\r\n\r\n @Output() valueChange = new EventEmitter\r\n
\r\n","import { Component, HostBinding, Input} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-display-field',\r\n templateUrl: './display-field.component.html',\r\n styleUrls: ['./display-field.component.scss']\r\n})\r\nexport class DisplayFieldComponent {\r\n\r\n @Input() label;\r\n @Input() value;\r\n @Input() valueColor: 'red' | 'green' | 'black' | 'yellow' | 'gray' = 'black';\r\n @Input() translationKey;\r\n\r\n @HostBinding('class') get class() {\r\n return this.valueColor;\r\n }\r\n\r\n}\r\n","\r\n{{ (translationKey+\".\"+value) | translate }}
\r\n{{value}}
\r\n","import {\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges\r\n} from '@angular/core';\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\n\r\n@Component({\r\n selector: 'app-full-row-section',\r\n templateUrl: './full-row-section.component.html',\r\n styleUrls: ['./full-row-section.component.scss'],\r\n animations: [\r\n trigger('scrollLeftEntranceAnimation', [\r\n state('show', style({\r\n opacity: 1,\r\n transform: 'translateX(0)'\r\n })),\r\n state('hide', style({\r\n opacity: 0,\r\n transform: 'translateX(-100%)'\r\n })),\r\n state('seen', style({\r\n opacity: 1,\r\n })),\r\n transition('show => hide', animate('300ms ease-out')),\r\n transition('hide => show', animate('300ms ease-in'))\r\n ]),\r\n trigger('scrollRightEntranceAnimation', [\r\n state('show', style({\r\n opacity: 1,\r\n transform: 'translateX(0%)'\r\n })),\r\n state('hide', style({\r\n opacity: 0,\r\n transform: 'translateX(+100%)'\r\n })),\r\n state('seen', style({\r\n opacity: 1,\r\n })),\r\n transition('show => hide', animate('300ms ease-out')),\r\n transition('hide => show', animate('300ms ease-in'))\r\n ]),\r\n trigger('scrollBottomEntranceAnimation', [\r\n state('show', style({\r\n opacity: 1,\r\n transform: 'translateY(0)'\r\n })),\r\n state('hide', style({\r\n opacity: 0,\r\n transform: 'translateY(+100%)'\r\n })),\r\n state('seen', style({\r\n opacity: 1,\r\n })),\r\n transition('show => hide', animate('300ms ease-out')),\r\n transition('hide => show', animate('300ms ease-in'))\r\n ])\r\n ]\r\n})\r\nexport class FullRowSectionComponent implements OnInit, OnChanges {\r\n @Input() index = 0;\r\n @Input() image: string;\r\n @Input() heading: string;\r\n @Input() text: string;\r\n @Input() ctaText = '';\r\n @Input() orientation: 's-row' | 's-reverse' | 's-column' = 's-row';\r\n @Input() parentScroll = 0;\r\n @Input() entrance: 'none' | 'bottom' | 'top' | 'left' | 'right' = 'none';\r\n @Input() percentageToArea = .20;\r\n @Input() hasCustomText = false;\r\n\r\n @Output() cta = new EventEmitter![\"Logo\"](\"assets/images/artoil-logo.png\"){kind=logo}
\r\n \r\n\r\n {{'general.texts.pageNotFound' | translate}}
\r\n{{data.message}}
\r\n| \r\n | \r\n\r\n | \r\n \r\n | \r\n\r\n | \r\n\r\n {{ isDataArray ? element.index : elementIndex(i) }}\r\n | \r\n\r\n | \r\n\r\n {{ translateHeaderName(column.label) }}\r\n | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n\r\n | \r\n\r\n {{ footerCellValue(column) | translate | uppercase }}\r\n | \r\n
|---|
| \r\n {{'general.texts.noData' | translate}} \r\n | \r\n \r\n \r\n \r\n | \r\n
{{description}}
\r\n","import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\r\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\r\nimport { DataTableCardModel } from '@components/data-table-card/data-table-card.model';\r\nimport { HighlightConfig } from '@models/highlight-config.model';\r\n\r\n@Component({\r\n selector: 'app-data-table-card',\r\n templateUrl: './data-table-card.component.html',\r\n styleUrls: ['./data-table-card.component.scss']\r\n})\r\nexport class DataTableCardComponent {\r\n @Input() record: DataTableCardModel;\r\n @Input() style;\r\n @Input() isActionDisabled = false;\r\n @Input() isLoading = false;\r\n @Input() highlightConfig: HighlightConfig;\r\n @Input() hasAvatar = true;\r\n\r\n @HostBinding('class.horizontal') @Input() horizontal = false;\r\n @HostBinding('class.hidden') @Input() hidden = false;\r\n\r\n @Output() action = new EventEmitter\r\n {{tuple.label}} \r\n
\r\n