\n
\n\n \n \n \n
\n \n \n
\n {{title}}
\n \n \n
\n {{'VISUALIZE.CHART.FIELD.QUESTION'|translate}}
\n\n
\n \n
\n\n
\n \n \n \n
\n {{header}}
\n \n \n \n
\n \n \n \n
\n {{namePage}}
\n \n \n \n
\n \n \n \n
\n \n \n \n \n \n
\n \n \n \n
\n\n
\n","import {Component, Input, OnInit, TemplateRef} from '@angular/core';\n\n@Component({\n selector: 'app-grid-empty-layout',\n templateUrl: './grid-empty-layout.component.html',\n styleUrls: ['./grid-empty-layout.component.scss']\n})\nexport class GridEmptyLayoutComponent implements OnInit {\n @Input() titleMessage: string = '';\n @Input() contentMessage: string = '';\n @Input() btnAddTemplate: TemplateRef\n \n \n
\n {{namePage}}
\n \n \n \n
\n \n
\n\n \n \n
\n \n \n \n \n \n
\n \n \n \n
\n \n ![]()
\n {{titleMessage | translate}}\n {{contentMessage | translate}}\n \n \n
\n","import {ActionType, createAction, props} from \"@ngrx/store\";\n\nexport enum ERightbarActions {\n RIGHT_BAR_DOC = '[document] right bar',\n}\n\nexport const showRightbar = createAction(ERightbarActions.RIGHT_BAR_DOC, props<{isShowRightbar:boolean}>());\n\nexport type RightbarActions = | ActionType\n
\n\n","import { TabsetComponent } from \"ngx-bootstrap/tabs\";\r\nimport { IOrganData } from \"../chart/model/data-interface\";\r\n\r\nexport interface ChartAttr {\r\n base64?: string,\r\n _base64?: any,\r\n formData?: string,\r\n _formData?: any,\r\n html?: string,\r\n typeSubmit?: string,\r\n}\r\n\r\nexport interface ChartData {\r\n attribute?: ChartAttr,\r\n element?: string,\r\n name?: string,\r\n tags?: string[]\r\n type?: string,\r\n uuid?: string,\r\n nameImage?: string,\r\n examples?: string[],\r\n organId?: string,\r\n}\r\n\r\nexport interface ChartItem {\r\n createdDate: number;\r\n creatorName: string;\r\n creatorUname: string;\r\n datasetUuid: string;\r\n desc: string;\r\n lastModifierName: string;\r\n lastModifierUName: string;\r\n lastModifiedDate: number\r\n name: string;\r\n organId: string;\r\n published: boolean;\r\n type: string;\r\n uuid: string;\r\n datasetName: string;\r\n typeName: string;\r\n dsCategory:string;\r\n dsType:string;\r\n dsTable: string,\r\n thumbnailUri: string;\r\n title: string;\r\n sharedUuid?: string;\r\n chartUuid: string,\r\n fields?: [],\r\n}\r\n\r\nexport interface ChartAttribute {\r\n width: number,\r\n height: number,\r\n vizType: any,\r\n formData: any,\r\n nameChart: string,\r\n typeSubmit: string,\r\n dataSource: any,\r\n queries: any,\r\n}\r\n\r\nexport interface DatasetItem {\r\n brief?: string\r\n category?: string\r\n name?: string\r\n published?: false\r\n recordNo?: 4\r\n schemas?: []\r\n type?: string\r\n uuid?: string\r\n}\r\n\r\n\r\n\r\nexport interface OrganShare {\r\n name?: string;\r\n organId?: string;\r\n isOld?: boolean;\r\n}\r\n\r\nexport enum TYPE_SHARE {\r\n PERSONAL = \"PERSONAL\", ORGANIZATION = \"ORGANIZATION\"\r\n}\r\n\r\nexport enum ACTION_DATASET_RIGHT {\r\n SELECT = \"SELECT\", EDIT = \"EDIT\", LIST = \"LIST\", UN_PUBLISH = \"UN_PUBLISH\"\r\n}\r\n\r\nexport interface DataHistory {\r\n item: IOrganData | string,\r\n message: string,\r\n started: Date,\r\n expired: Date,\r\n}\r\n\r\nexport interface ISearchPersonal {\r\n search?: boolean,\r\n isLoading?: boolean,\r\n hideText?: boolean,\r\n keyword?: string,\r\n remove?: boolean,\r\n username?: string\r\n}\r\n\r\nexport interface IChartData {\r\n chartItem: ChartItem,\r\n staticTabs: TabsetComponent\r\n}","import {Pipe, PipeTransform} from '@angular/core';\nimport {iNet} from \"inet-core\";\n\n@Pipe({\n name: 'filterOrgan'\n})\nexport class ChartFilterOrganPipe implements PipeTransform {\n transform(arrOrgan: any[], args: { arr: any[], prop: string }): any {\n let orGanResult: any [] = [];\n if (arrOrgan?.length === 0) return [];\n arrOrgan?.forEach((organization) => {\n let selected = false;\n args.arr?.forEach((organPublish) => {\n if (organization[args.prop] === organPublish.organId) {\n selected = true;\n }\n })\n if (!selected) {\n orGanResult.push(organization)\n }\n })\n return orGanResult.filter(_item => _item[args.prop] !== iNet.getOrganId());\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport {iNet} from \"inet-core\";\nimport { TYPE_SHARE } from '../../model/chart';\n@Pipe({\n name: 'urlImage'\n})\nexport class UrlImagePipe implements PipeTransform {\n\n transform(code: string, type?: string): string {\n switch (type) {\n case TYPE_SHARE.PERSONAL:\n case TYPE_SHARE.PERSONAL.toLowerCase():\n return iNet.getPUrl('system/userprofile/photo') + \"?\" + $.param({usercode: code});\n case TYPE_SHARE.ORGANIZATION:\n case TYPE_SHARE.ORGANIZATION.toLowerCase():\n default:\n return iNet.getPUrl('plugin/firmlogo/view') + \"?\" + $.param({organId: code});\n\n }\n }\n\n}\n","import {Pipe, PipeTransform} from \"@angular/core\";\r\nimport {IOrganData, IPersonData} from \"../model/data-interface\";\r\nimport { TYPE_SHARE } from \"../../model/chart\";\r\n\r\n@Pipe({\r\n name: 'nameShare'\r\n})\r\nexport class GetNameSharePipe implements PipeTransform {\r\n transform(sharedObject: string, dataFilter: IDataFilterName): any {\r\n let nameObject: string = '';\r\n let item: IOrganData | IPersonData;\r\n switch (dataFilter.type) {\r\n case TYPE_SHARE.PERSONAL.toLowerCase():\r\n item = dataFilter.arrPersonal.find(__item => sharedObject == __item.usercode);\r\n nameObject = !!item ? item.fullname || item.usercode : sharedObject;\r\n break;\r\n case TYPE_SHARE.ORGANIZATION.toLowerCase():\r\n item = dataFilter.arrOrganization.find(__item => sharedObject == __item.organiId);\r\n nameObject = !!item ? item.name || item.organiId : sharedObject;\r\n break;\r\n }\r\n return nameObject;\r\n }\r\n}\r\n\r\nexport interface IDataFilterName {\r\n type: string,\r\n arrOrganization: IOrganData[]\r\n arrPersonal: IPersonData[]\r\n}\r\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n SimpleChanges,\n ViewChild\n} from '@angular/core';\nimport {FormBuilder, FormGroup, Validators} from \"@angular/forms\";\nimport {IChartShare, IOrganData} from \"../model/data-interface\";\nimport {NotificationService, iNet} from \"inet-core\";\nimport {ChartService} from \"../chart.service\";\nimport {TranslateService} from \"@ngx-translate/core\";\nimport {BsLocaleService} from \"ngx-bootstrap/datepicker\";\nimport {ConfirmDialogComponent} from \"inet-ui\";\nimport {ACTION_DATASET_RIGHT, ChartItem, IChartData, ISearchPersonal, OrganShare, TYPE_SHARE} from \"../../model/chart\";\nimport {NgSelectComponent} from \"@ng-select/ng-select\";\nimport {fromEvent, map, Subject, Subscription} from \"rxjs\";\nimport {debounceTime, distinctUntilChanged, tap} from \"rxjs/operators\";\nimport {ChartFilterOrganPipe} from \"../pipe/chart-filter-organ.pipe\";\nimport {ShareService} from \"../../share/share.service\";\n\n@Component({\n selector: 'app-chart-share-right-bar',\n templateUrl: './chart-share-right-bar.component.html',\n styleUrls: ['./chart-share-right-bar.component.scss']\n})\nexport class ChartShareRightBarComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n @Input() chartData: IChartData;\n @Output() organPublishSend = new EventEmitter\n \n \n
\n\n \n \n \n
\n \n \n \n
\n 0\" class=\"share-container\">\n \n \n
\n\n\n{{titleAction | translate}} 0\">({{totalShare || 0}})
\n {{titleAction | translate}}
\n \n
\n\n 0\">\n \n {{'VISUALIZE.CHART.FIELD.SHARE_EMPTY'|translate}} \n \n
\n \n
\n \n
\n \n ![\"{{itemShare.name}}\"\n]()
\n
\n {{itemShare?.sharedObject | nameShare: {\n type: itemShare.type,\n arrOrganization: listOrgan,\n arrPersonal: []\n } }}
\n {{itemShare.name || itemShare[itemShare.sharedObject] || itemShare.sharedObject}}
\n \n \n \n
\n \n
\n \n {{'VISUALIZE.CHART.FIELD.SHARE_TIMER' | translate}}: \n {{itemShare.started | date : 'dd/MM/yyyy'}} - 0\">{{itemShare.expired | date : 'dd/MM/yyyy'}} \n
\n \n {{'VISUALIZE.CHART.FIELD.TITLE_BRIEF'|translate}}: \n {{itemShare.message}}\n
\n \n \n {{'VISUALIZE.CHART.FIELD.SHARE_EMPTY'|translate}}\n \n \n
\n\n
\n\n
\n \n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n
\n \n ![\"{{organSelect?.orgName}}\"]()
\n
\n {{organSelect?.orgName}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.CHOOSE_ITEM_SHARE' | translate}}
\n \n ![\"{{item.name}}\"]()
\n
\n {{item?.orgName}}
\n \n \n
\n \n
\n \n \n \n \n ![\"{{searchPerson.username}}\"\n]()
\n
\n \n {{searchPerson.username}}
\n {{(!isExist ? 'VISUALIZE.CHART.FIELD.SHARE_FIND_ERROR' : 'VISUALIZE.CHART.FIELD.SHARE_FIND_EXIST') | translate}}
\n {{'VISUALIZE.CHART.FIELD.SHARE_REGEX_MSG' | translate}}
\n\n \n \n \n
\n \n \n \n
\n{{'VISUALIZE.FIELD.TITTLE.INFO'|translate}}
\n \n
\n \n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE'|translate}}
\n \n {{chartItem?.title}}\n
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_BRIEF'|translate}}
\n {{chartItem?.desc}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_CATEGORY'|translate}}
\n {{chartItem?.typeName}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_DATASET'|translate}}
\n {{chartItem?.dsType+'.'+chartItem?.dsCategory+'.'+chartItem?.dsTable}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_CREATOR'|translate}}
\n {{chartItem?.creatorName}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_CREATE_DATE'|translate}}
\n {{chartItem?.createdDate | date: 'dd/MM/yyyy HH:mm:ss'}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_EDITOR'|translate}}
\n {{chartItem?.lastModifierName}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_DAY_UPDATE'|translate}}
\n {{chartItem?.lastModifiedDate | date: 'dd/MM/yyyy HH:mm:ss'}}
\n \n {{'VISUALIZE.CHART.FIELD.ACTION_PUBLISH'|translate}}
\n {{chartItem?.createdDate | date: 'dd/MM/yyyy HH:mm:ss'}}\n \n \n
\n \n
\n \n \n
\n\n \n \n \n
\n {{'VISUALIZE.FIELD.TITTLE.SHARE'|translate}}
\n \n
\n \n
\n \n \n 0\"\n class=\"col-lg-4 col-12 px-1\"\n style=\"padding-left: 0 !important\"\n >\n \n \n
\n \n
\n \n \n
\n \n \n {{ \"VISUALIZE.CHART.FIELD.SEARCH\" | translate }}\n \n
\n \n 0 ||\n (total === 0 && (!!paramSearch?.type || !!paramSearch?.key))\n )\n \"\n class=\"container-fluid px-0 h-100\"\n id=\"grid-container-chart\"\n >\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n s\n \n \n
\n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n\n \n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { CoreService, ErrorMessage, iNet } from 'inet-core';\nimport { ChartService } from '../chart.service';\nimport { Subject, Subscription, switchMap } from 'rxjs';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { Location } from '@angular/common';\nimport { ChartData, DatasetItem } from '../../model/chart';\nimport {\n debounceTime,\n distinctUntilChanged,\n filter,\n tap,\n} from 'rxjs/operators';\nimport { CHART, CHART_HTML_TEMPLATE, CHART_PLUGIN, LIST } from '../constants/constants';\nimport { Store } from '@ngrx/store';\nimport { IAppState } from '../../core/store/state/app.state';\nimport * as dataSendActions from '../../core/store/actions/data-send.action';\nimport { NgSelectComponent } from '@ng-select/ng-select';\nimport { ETypeSubmit } from '../model/template';\nimport { DeleteDialogComponent } from '../delete-dialog/delete-dialog.component';\n\n@Component({\n selector: 'app-chart-add',\n templateUrl: './chart-add.component.html',\n styleUrls: ['./chart-add.component.scss'],\n})\nexport class ChartAddComponent implements OnInit, AfterViewInit, OnDestroy {\n @ViewChild('organSelect') ngOrgan: NgSelectComponent;\n @ViewChild('keyword') keywordInput!: ElementRef;\n @ViewChild(DeleteDialogComponent) deleteDialogComponent: DeleteDialogComponent;\n plugin = iNet.getPluginManager();\n btnClass: string = 'true';\n formData: any;\n isTag: boolean = false;\n isCategory: boolean = false;\n isTagRecommend: boolean = false;\n tags: any[] = [];\n categorys: any[] = [];\n charts: ChartData[] = [];\n chartSearch: ChartData[] = [];\n RECOMMENDED_TAGS = ['Popular', 'ECharts', 'Advanced-Analytics'];\n select?: any;\n chartSelect?: ChartData;\n keyword: string = '';\n idChart: string | null = '';\n currentSelect: string = 'Popular';\n isPlugin: boolean = false;\n pluginManager = iNet.getPluginManager();\n urlVisualizeChart: string = iNet.getPUrl('visualcommon/page/visualize-chart');\n htmlTag: string = '';\n vizType: string = '';\n nameChart: string = '';\n typeSubmit: string = '';\n\n dataSource: any = {\n dataset: {\n datasource_name: '',\n columns: [],\n filter_select: true,\n filter_select_enabled: true,\n granularity_sqla: [],\n main_dttm_col: undefined || '',\n metrics: [],\n name: '',\n id: '',\n order_by_choices: [],\n table_name: '',\n time_grain_sqla: [\n [null, 'Original value'],\n ['PT1S', 'Second'],\n ['PT1M', 'Minute'],\n ['PT1H', 'Hour'],\n ['P1D', 'Day'],\n ['P1W', 'Week'],\n ['P1M', 'Month'],\n ['P3M', 'Quarter'],\n ['P1Y', 'Year'],\n ],\n type: 'table',\n uid: '',\n verbose_map: {},\n },\n form_data: {\n datasource: '',\n htmlTag: '',\n nameChart: '',\n viz_type: '',\n granularity_sqla: '',\n },\n message: null,\n metadata: null,\n slice: null,\n };\n datasetSelect?: DatasetItem;\n private subRouter: Subscription;\n hasVisualizePlus: boolean = false;\n\n constructor(\n private chartService: ChartService,\n private router: Router,\n private route: ActivatedRoute,\n private location: Location,\n private coreService: CoreService,\n private store: Store\n \n \n \n \n
\n \n \n \n
\n \n \n \n {{ datasetSelect | getNameDatasetDisplay }}\n
\n \n {{ item | getNameDatasetDisplay }}\n
\n \n
\n \n
\n \n
\n \n
\n 1
\n \n
\n 1
\n {{'VISUALIZE.CHART.FIELD.SELECT_DATASET'|translate}}
\n \n
\n \n
\n 2
\n \n
\n\n 2
\n {{'VISUALIZE.CHART.FIELD.ADD_CATE_CHART'|translate}}
\n \n\n \n \n \n \n
\n \n
\n \n
\n \n \n \n 0\" class=\"icon-close-pos\">
\n \n
\n \n ![]()
\n
\n\n {{ chart.attribute._base64?.name }}
\n \n \n \n
\n \n
\n \n
\n {{chartSelect?.attribute._base64?.name}}
\n \n {{chartSelect?.attribute._base64?.description}}
\n \n
\n {{'VISUALIZE.FIELD.TITTLE.EXAMPLES'|translate}}
\n \n ![]()
\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n 0\" class=\"icon-close-pos\">\n
\n \n ![]()
\n
\n {{ chart.attribute._base64?.name }}
\n \n
\n \n
\n {{ chartSelect?.attribute._base64?.name }}
\n \n {{ chartSelect?.attribute._base64?.description }}
\n \n
\n {{'VISUALIZE.FIELD.TITTLE.EXAMPLES'|translate}}
\n \n ![]()
\n
\n \n \n \n
\n \n
\n \n {{'VISUALIZE.CHART.FIELD.VIEW' | translate}}\n
\n \n {{'VISUALIZE.CHART.FIELD.ACTION_EDIT' | translate}}\n
\n \n {{'VISUALIZE.FIELD.PUBLISH_AS_TEMPLATE' | translate}}\n
\n \n \n \n \n \n
\n \n \n
\n \n \n\n \n
\n \n
\n \n
\n \n
\n \n
\n Dataset
\n \n\n \n \n
\n \n {{'VISUALIZE.CHART.FIELD.COLUMN'|translate}}\n ({{totalSchema}})\n \n \n
\n \n
\n \n \n \n \n \n {{coll?.key}}\n {{coll?.value}}\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n\n \n {{'VISUALIZE.CHART.FIELD.VIEW' | translate}}\n
\n \n {{'VISUALIZE.CHART.FIELD.ACTION_EDIT' | translate}}\n
\n \n {{'VISUALIZE.FIELD.PUBLISH_AS_TEMPLATE' | translate}}\n
\n \n \n \n \n \n
\n \n {{'VISUALIZE.CHART.FIELD.VIEW_CHART_PUBLISH' | translate}}\n
\n \n \n \n \n \n
","import { uniqueArrayObject } from '../../common/uniqueArray';\nimport { KeyValue } from '../model/chart-custom';\n\nexport function handleHTML() {\n const arrSelect = document.querySelectorAll('span[type=\"select\"]');\n const arrInput = document.querySelectorAll('span[type=\"input\"]');\n const arrFontSize = document.querySelectorAll('span[fontsize]');\n const arrColor = document.querySelectorAll('span[color]');\n const arrWidth = document.querySelectorAll('[sizewidth]');\n const arrHeight = document.querySelectorAll('[sizeheight]');\n const arrImg = document.querySelectorAll('img[imguri]');\n const arrBackground = document.querySelectorAll('[background]');\n const arrLoop = document.querySelectorAll('[loop]');\n\n this.arrInput = [];\n this.arrSelect = [];\n this.arrFontSize = [];\n this.arrColor = [];\n this.arrWidth = [];\n this.arrHeight = [];\n this.arrImg = [];\n this.arrBackground = [];\n this.arrLoop = [];\n\n arrSelect.forEach((select, index) => {\n const obj = {};\n obj['type'] = select.getAttribute('type');\n obj['name'] = select.getAttribute('name');\n this.arrSelect.push(obj);\n });\n arrInput.forEach((input, index) => {\n const obj = {};\n obj['type'] = input.getAttribute('type');\n obj['name'] = input.getAttribute('name');\n this.arrInput.push(obj);\n });\n arrColor.forEach((color) => {\n const obj = {};\n obj['type'] = 'color';\n obj['name'] = color.getAttribute('color');\n this.arrColor.push(obj);\n });\n\n arrFontSize.forEach((font) => {\n const obj = {};\n obj['type'] = 'fontsize';\n obj['name'] = font.getAttribute('fontsize');\n this.arrFontSize.push(obj);\n });\n\n arrWidth.forEach((width) => {\n const obj = {};\n obj['type'] = 'sizewidth';\n obj['name'] = width.getAttribute('sizewidth');\n this.arrWidth.push(obj);\n });\n\n arrHeight.forEach((height) => {\n const obj = {};\n obj['type'] = 'sizeheight';\n obj['name'] = height.getAttribute('sizeheight');\n this.arrHeight.push(obj);\n });\n\n arrImg.forEach((img) => {\n const obj = {};\n obj['type'] = 'imguri';\n obj['name'] = img.getAttribute('imguri');\n obj['value'] = '';\n this.arrImg.push(obj);\n });\n\n arrBackground.forEach((bg) => {\n const obj = {};\n obj['type'] = 'background';\n obj['name'] = bg.getAttribute('background');\n this.arrBackground.push(obj);\n });\n\n arrLoop.forEach((l) => {\n const obj = {};\n obj['type'] = 'loop';\n obj['name'] = l.getAttribute('loop');\n obj['valueLoop'] = l.outerHTML;\n obj['parentLoop'] = `parent_${l.getAttribute('loop')}`;\n this.arrLoop.push(obj);\n });\n\n this.arrLoop = uniqueArrayObject(this.arrLoop, 'name');\n this.arrCustomize = uniqueArrayObject(\n [\n ...this.arrColor,\n ...this.arrBackground,\n ...this.arrFontSize,\n ...this.arrWidth,\n ...this.arrHeight,\n ],\n 'name'\n );\n const fbGroupSelect = this.arrSelect.reduce(\n (prevObj: KeyValue, curObj: KeyValue) => ({\n ...prevObj,\n [curObj.name]: [null],\n }),\n {}\n );\n const fbGroupInput = this.arrInput.reduce(\n (prevObj: KeyValue, curObj: KeyValue) => ({\n ...prevObj,\n [curObj.name]: [null],\n }),\n {}\n );\n const fbGroupColorFont = this.arrCustomize.reduce(\n (prevObj: KeyValue, curObj: KeyValue) => ({\n ...prevObj,\n [curObj.name]: [null],\n }),\n {}\n );\n this.formSelect = this.fb.group(fbGroupSelect);\n this.formInput = this.fb.group(fbGroupInput);\n this.formCustomize = this.fb.group(fbGroupColorFont);\n this.formChangeCommon();\n}\n\nexport function handleHTMLFormTemplate() {\n const arrSelect = document.querySelectorAll('span[type=\"select\"]');\n const arrLoop = document.querySelectorAll('[loop]');\n\n this.arrSelect = [];\n this.arrLoop = [];\n\n arrSelect.forEach((select, index) => {\n const obj = {};\n obj['type'] = select.getAttribute('type');\n obj['name'] = select.getAttribute('name');\n this.arrSelect.push(obj);\n });\n \n arrLoop.forEach((l) => {\n const obj = {};\n obj['type'] = 'loop';\n obj['name'] = l.getAttribute('loop');\n obj['valueLoop'] = l.outerHTML;\n obj['parentLoop'] = `parent_${l.getAttribute('loop')}`;\n this.arrLoop.push(obj);\n });\n\n this.arrLoop = uniqueArrayObject(this.arrLoop, 'name');\n}\n\n","import { KeyValue } from '../chart/model/chart-custom';\n\nexport const fillData = (numberOfTimes: number = 0, type: string): any[] => {\n return new Array(numberOfTimes).fill(type);\n};\nexport const handleLoop = (\n arrLoop: KeyValue[],\n obj: KeyValue,\n iterator: string,\n selectValue: KeyValue\n) => {\n const singleLoop = arrLoop.filter((l) => l.name === iterator)[0];\n if (singleLoop) {\n if (~~Number(obj[selectValue[iterator]]) > 0) {\n const parents = document.querySelectorAll(\n `[parentloop=\"${singleLoop.parentLoop}\"]`\n );\n parents.forEach((parent: HTMLElement) => {\n parent.innerHTML = fillData(\n ~~Number(obj[selectValue[iterator]]),\n singleLoop.valueLoop\n ).join('');\n });\n } else {\n const parents = document.querySelectorAll(\n `[parentloop=\"${singleLoop.parentLoop}\"]`\n );\n parents.forEach((parent: HTMLElement) => {\n parent.innerHTML = '';\n });\n }\n }\n};\n\nexport const convertCalcLoop = (calcLoop:KeyValue[], obj: KeyValue, selectValue: KeyValue, iterator: string) => {\n for (const calc of calcLoop) {\n let value = calc.operator ? calc.operator : String(calc.name).slice(5, -1);\n if(calc.name.includes(iterator)) {\n const regex = new RegExp(iterator, 'g');\n value = value.replace(regex, String(~~Number(obj[selectValue[iterator]])));\n }\n calc['operator'] = value;\n }\n}\n\nexport const handleCalcLoop = (calcLoop: KeyValue[]) => {\n calcLoop.forEach(calc => {\n if(eval(calc.operator) > 0) {\n const parents = document.querySelectorAll(`[parentloop=\"${calc.parentLoop}\"]`);\n parents.forEach((parent:HTMLElement) => {\n parent.innerHTML = fillData(eval(calc.operator), calc.valueLoop).join('');\n parent.style.marginLeft = '-3px';\n });\n }else {\n const parents = document.querySelectorAll(`[parentloop=\"${calc.parentLoop}\"]`);\n parents.forEach((parent:HTMLElement) => {\n parent.innerHTML = '';\n });\n }\n });\n}\n","export enum MappingChartAction {\n VIEW = \"VIEW\",\n EXPLORE = \"EXPLORE\",\n TEMPLATE = \"TEMPLATE\",\n NO_APPLIED = \"NO_APPLIED\",\n APPLIED_DATA = \"APPLIED_DATA\",\n APPLIED_NO_DATA = \"APPLIED_NO_DATA\",\n RESULT = \"result\",\n}\n\n\n\nexport enum CustomChartAction {\n VIEW = \"VIEW\",\n EXPLORE = \"EXPLORE\",\n TEMPLATE = \"TEMPLATE\",\n NO_APPLIED = \"NO_APPLIED\",\n APPLIED_DATA = \"APPLIED_DATA\",\n APPLIED_NO_DATA = \"APPLIED_NO_DATA\",\n RESULT = \"result\",\n}\n\n\nexport enum ViewChartAction {\n VIEW = \"VIEW\",\n EXPLORE = \"EXPLORE\",\n TEMPLATE = \"TEMPLATE\",\n}\n","import {Pipe, PipeTransform} from '@angular/core';\nimport {DomSanitizer} from \"@angular/platform-browser\";\n\n@Pipe({\n name: 'safeHtml'\n})\nexport class SafeHtmlPipe implements PipeTransform {\n constructor(private sanitized: DomSanitizer) {\n }\n transform(value: string) {\n return this.sanitized.bypassSecurityTrustHtml(value);\n }\n\n}\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n OnDestroy,\n OnInit,\n ViewChild,\n} from \"@angular/core\";\nimport {\n CoreService,\n ErrorMessage,\n NotificationService,\n iNet,\n} from \"inet-core\";\nimport { ChartService } from \"../chart.service\";\nimport { Subscription } from \"rxjs\";\nimport { ActivatedRoute, NavigationEnd, Router } from \"@angular/router\";\nimport { Location } from \"@angular/common\";\nimport { ChartItem, DatasetItem } from \"../../model/chart\";\nimport {\n CHART,\n CHART_PLUGIN,\n EXPLORE,\n LIST,\n MAPPING,\n TEMPLATE,\n VIEW,\n} from \"../constants/constants\";\nimport { Store } from \"@ngrx/store\";\nimport { IAppState } from \"../../core/store/state/app.state\";\nimport { NgSelectComponent } from \"@ng-select/ng-select\";\nimport {\n EType,\n ETypeSubmit,\n IAttribute,\n IColumnSchema,\n IDataMapping,\n IField,\n IParamsChart,\n IParamsMetadata,\n IQueryContext,\n IResMetadata,\n IResQueryParams,\n IResSearchTemplateItem,\n IVizType,\n EVisualize,\n IParamsChartTemplate,\n IResChart,\n SQLSchema,\n} from \"../model/template\";\nimport {\n FormBuilder,\n FormGroup,\n Validators,\n FormControl,\n} from \"@angular/forms\";\nimport { IColumnParam } from \"../../core/utils/get-column-chart\";\nimport { decode, encode } from \"js-base64\";\nimport { EVizType, IDataset, IMessage } from \"../model/chart\";\nimport { TranslateService } from \"@ngx-translate/core\";\nimport { ChartDeleteComponent } from \"../chart-delete/chart-delete.component\";\nimport { ShareService } from \"../../share/share.service\";\nimport * as RightbarActions from \"../../core/store/actions/rightbar.action\";\nimport { ChartPublishDialogComponent } from \"../chart-publish-dialog/chart-publish-dialog.component\";\nimport * as Publish_Action from \"../../core/store/actions/publish.action\";\nimport { rightbarSelector } from \"../../core/store/selectors/rightbar.selector\";\nimport { TabDirective } from \"ngx-bootstrap/tabs\";\nimport { ViewDataChartComponent } from \"../../layout-common/view-data-chart/view-data-chart.component\";\nimport { KeyValue } from \"../model/chart-custom\";\nimport { handleHTMLFormTemplate } from \"../chart-html-template/chart-html-template.fuctions\";\nimport { convertCalcLoop, handleCalcLoop, handleLoop } from \"../../common\";\nimport { MappingChartAction } from \"../model/chart-action\";\n\n@Component({\n selector: \"app-chart-mapping\",\n templateUrl: \"./chart-mapping.component.html\",\n styleUrls: [\"./chart-mapping.component.scss\"],\n})\nexport class ChartMappingComponent implements OnInit, AfterViewInit, OnDestroy {\n @ViewChild(\"organSelect\") ngOrgan: NgSelectComponent;\n @ViewChild(\"keyword\") keywordInput!: ElementRef;\n @ViewChild(\"iframeVisualizeMapping\") iframeVisualizeMapping: ElementRef;\n @ViewChild(ChartDeleteComponent) chartDelete!: ChartDeleteComponent;\n @ViewChild(ChartPublishDialogComponent)\n dialogPublish!: ChartPublishDialogComponent;\n @ViewChild(ViewDataChartComponent) dataChart!: ViewDataChartComponent;\n\n plugin = iNet.getPluginManager();\n isPlugin: boolean = false;\n dsType: string;\n dsCategory: string;\n dsTable: string;\n dataTemplate: IResSearchTemplateItem;\n chart: IResChart;\n uuidTemplate: string;\n uuidChart: string;\n schemas: SQLSchema;\n arrayNumber: IColumnSchema[] = [];\n arrayString: IColumnSchema[] = [];\n arrayDate: IColumnSchema[] = [];\n arrayChar: IColumnSchema[] = [];\n arrayVarchar: IColumnSchema[] = [];\n arrDataMapping: IDataMapping[] = [];\n attribute: IAttribute;\n queryContext: IQueryContext;\n form: FormGroup = this.fb.group({});\n loadingSuccsess: boolean = false;\n formChart: FormGroup = this.fb.group({\n name: [null, Validators.required],\n });\n typeSubmit: string;\n paramsChart: IParamsChart;\n fields: IField[] = [];\n isValid: boolean = false;\n urlVisualizeChart: string = iNet.getPUrl(\"visualcommon/page/visualize-chart\");\n urlImgLoading: string = this.coreService.getImageUrlFromModule(\n \"loading.gif\",\n \"analytics\"\n );\n queriesData: any = undefined;\n formData: any;\n showDefault: boolean = true;\n vizType: IVizType;\n eventResizeVisualize: EventListenerOrEventListenerObject;\n getMessageApp: EventListenerOrEventListenerObject;\n resizeTimeout: any;\n width: number;\n height: number;\n thumbnail: string;\n desc: string;\n title: string;\n actionCurrent: string = \"\";\n action = MappingChartAction;\n isViewPublish: boolean = false;\n isViewAction: boolean = false;\n isOpenRightBar: boolean = false;\n isEditInfo: boolean = false;\n datasets: IResMetadata;\n tabCurrent: string = \"\";\n showDefaultGird: string = this.action.NO_APPLIED;\n viewDataChart: any;\n rightBarSub$?: Subscription;\n\n //chart HTML\n contentHTML: string;\n selectValue: KeyValue;\n arrLoop: KeyValue[] = [];\n arrSelect: KeyValue[] = [];\n handHTML: any;\n\n private actionTranslate: any = {};\n private readonly translateSubscription: Subscription;\n\n constructor(\n private chartService: ChartService,\n private router: Router,\n private route: ActivatedRoute,\n private location: Location,\n private shareService: ShareService,\n private notification: NotificationService,\n private coreService: CoreService,\n private store: Store\n \n \n
\n\n
\n\n\n \n
\n \n
\n \n
\n \n {{'VISUALIZE.CHART.FIELD.VIEW' | translate}}\n
\n \n {{'VISUALIZE.CHART.FIELD.ACTION_EDIT' | translate}}\n
\n \n \n \n \n \n
\n\n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n {{ \"VIUSALIZE.SOURCE\" | translate }}\n
\n \n
\n \n \n \n {{ \"VIUSALIZE.FIELD_MAPPING\" | translate }}\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n {{ \"VIUSALIZE.TEXT_DEFAULT\" | translate }}\n
\n\n ![\"img-loading\"]()
\n
\n \n \n \n
\n \n \n \n \n
\n \n {{ \"VIUSALIZE.TEXT_DEFAULT\" | translate }}\n
\n{{ \"No results were returned for this query\" | translate }}
\n\n {{'Make sure that the controls are configured properly and the datasource contains data for the selected time range.' | translate}}\n
\n 0\" class=\"wrap-img\">\n
\n \n \n \n \n \n
\n \n ![\"\"]()
\n
\n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n {{ item | filterFormatter }}\n \n
\n \n \n {{\n \"VISUALIZE.ADD_FILTER\" | translate\n }}\n
\n \n
\n \n\n \n \n \n \n
\n \n \n \n \n
\n {{ item.name | translate }}
\n \n \n
\n\n \n \n \n \n {{\n \"VISUALIZE.ADD_FILTER\" | translate\n }}\n
\n \n \n \n \n {{ item | filterFormatter }}\n \n
\n \n \n {{ \"Query B\" | translate }}\n \n
\n \n
\n \n\n \n \n \n \n
\n \n \n \n\n \n
\n {{ item.name | translate }}
\n \n \n
\n\n \n \n \n \n {{\n \"VISUALIZE.ADD_FILTER\" | translate\n }}\n
\n \n \n \n \n {{ item | filterFormatter }}\n \n
\n \n \n {{ \"VISUALIZE.FIELD.EDIT_INFO\" | translate }}\n \n \n \n {{\n !chart?.sharedUuid\n ? (\"VISUALIZE.CHART.FIELD.ACTION_PUBLISH\" | translate)\n : (\"VISUALIZE.CHART.FIELD.ACTION_UN_PUBLISH\" | translate)\n }}\n \n \n \n {{ \"VISUALIZE.CHART.FIELD.COPY_SCR\" | translate }}\n \n \n {{ \"VISUALIZE.CHART.FIELD.ACTION_DELETE\" | translate }}\n \n
\n \n \n \n \n \n {{ \"VISUALIZE.CHART.FIELD.TITLE_CHART\" | translate }}\n \n \n {{\n uuidChart\n ? formChart.get(\"name\").getRawValue() || \"\"\n : (\"VISUALIZE.CHART.FIELD.ADD_NEW_CHART\" | translate)\n }}\n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n {{ \"VISUALIZE.FIELD.TITTLE.SAVE\" | translate }}\n \n \n \n \n
\n \n \n \n
\n \n \n \n
\n Dataset
\n\n \n
\n \n {{ \"VISUALIZE.CHART.FIELD.COLUMN\" | translate }} ({{\n totalColums\n }})\n \n \n
\n \n
\n \n \n \n \n \n {{\n coll?.key\n }}\n {{ coll?.value }}\n \n \n
\n \n \n \n
\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n
\n \n \n {{ \"VIUSALIZE.APPLY\" | translate }}\n \n
\n \n \n \n \n ![\"img-loading\"]()
\n
\n \n
\n \n \n \n \n \n
\n \n {{ \"VIUSALIZE.TEXT_DEFAULT\" | translate }}\n
\n\n \n \n \n \n \n
\n \n {{ \"VIUSALIZE.TEXT_DEFAULT\" | translate }}\n
\n\n {{\n \"No results were returned for this query\" | translate\n }}\n
\n\n {{\n \"Make sure that the controls are configured properly and the datasource contains data for the selected time range.\"\n | translate\n }}\n
\n \n {{'VISUALIZE.FIELD.TITTLE.INFO'|translate}}
\n \n
\n \n \n {{ chartItem?.chartTitle || chartItem?.title}}\n
\n {{'VISUALIZE.CHART.FIELD.TITLE'|translate}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_CATEGORY'|translate}}
\n {{chartItem?.chartTypeName || chartItem?.type}}
\n \n
\n {{'VISUALIZE.CHART.FIELD.TITLE_DATASET'|translate}}
\n {{chartItem?.dsType+'.'+chartItem?.dsCategory+'.'+chartItem?.dsTable}}
\n \n
\n {{ 'VISUALIZE.FIELD.SHARING_UNIT' |translate}}
\n {{chartItem?.organName}}
\n \n
\n\n {{ isPublish ? ('VISUALIZE.FIELD_PUBLISHER'|translate)\n : ('VISUALIZE.CHART.FIELD.TITLE_SHARER' |translate)}}
\n {{chartItem?.creatorName}}
\n \n {{isPublish ? ('VISUALIZE.FIELD_DAY_PUBLISH'| translate) : ('VISUALIZE.FIELD_DAY_SHARED'|translate)}}
\n {{chartItem?.createdDate | date: 'dd/MM/yyyy HH:mm:ss'}}
\n \n \n {{'VISUALIZE.CHART.FIELD.SHARE_TIMER' | translate}} \n {{chartItem?.started | date : 'dd/MM/yyyy'}} - 0\">{{chartItem?.expired | date : 'dd/MM/yyyy'}} \n
\n \n {{'VISUALIZE.CHART.FIELD.SHARE_MESSAGE' | translate}} \n {{chartItem?.message}}\n
\n \n {{'VISUALIZE.CHART.FIELD.SHARE_PATH' | translate}} \n \n \n
\n \n \n \n
\n\n\n\n
\n\n
\n \n {{'VISUALIZE.CHART.FIELD.VIEW' | translate}}\n
\n \n {{'VISUALIZE.CHART.FIELD.ACTION_EDIT' | translate}}\n
\n \n {{'VISUALIZE.FIELD.PUBLISH_AS_TEMPLATE' | translate}}\n
\n \n \n \n \n \n \n
\n \n ![\"img-loading\"]()
\n
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n","import {Component, Inject, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChild} from '@angular/core';\nimport {ActivatedRoute, Router} from \"@angular/router\";\nimport {ChartItem} from \"../../model/chart\";\nimport {ChartService} from \"../chart.service\";\nimport {TranslateService} from \"@ngx-translate/core\";\nimport {NotificationService} from \"inet-core\";\nimport {ChartDeleteComponent} from \"../chart-delete/chart-delete.component\";\nimport {Store} from '@ngrx/store';\nimport {IAppState} from '../../core/store/state/app.state';\nimport * as RightbarActions from '../../core/store/actions/rightbar.action';\nimport {rightbarSelector} from \"../../core/store/selectors/rightbar.selector\";\nimport {publishSelector} from \"../../core/store/selectors/publish.selector\";\nimport {ShareService} from \"../../share/share.service\";\nimport { updateNavigate} from \"../../core/store/actions/chart-bind.action\";\nimport {Subscription} from \"rxjs\";\nimport { DOCUMENT } from '@angular/common';\nimport { closeFullscreen, openFullscreen } from '../../utils/fullscreen';\n\n@Component({\n selector: 'app-chart-view',\n templateUrl: './chart-view.component.html',\n styleUrls: ['./chart-view.component.scss']\n})\nexport class ChartViewComponent implements OnInit, OnChanges, OnDestroy {\n isOpenRightBar: boolean = true;\n isEditInfo: boolean = false\n uuidChart: string = '';\n chartInfo: any;\n @ViewChild(ChartDeleteComponent) chartDelete!: ChartDeleteComponent;\n isViewPublish: boolean = false;\n sharedUuid: string;\n storePublish$: Subscription;\n\n fullScreen = false;\n elem;\n\n constructor(private route: ActivatedRoute,\n private chartService: ChartService,\n private translate: TranslateService,\n private notification: NotificationService,\n private router: Router,\n private store: Store\n ![\"loading\"]()
\n
\n \n
\n \nError
\n {{errorMessage}}
\n \n
\n\n","import {Component, EventEmitter, Input, OnDestroy, OnInit, Output, SimpleChanges, ViewChild} from '@angular/core';\nimport {AngularGridInstance, Column, GridOption, OnEventArgs, SlickDataView, SlickGrid} from \"angular-slickgrid\";\nimport {TranslateService} from \"@ngx-translate/core\";\nimport {SlickgridCustom} from \"../../layout-common/slickgrid-custom\";\nimport {DatePipe} from \"@angular/common\";\nimport {Subject, Subscription, switchMap} from \"rxjs\";\nimport {ShareService} from \"../share.service\";\nimport {MyShare, ShareToMe} from \"../model/share-model\";\nimport {ConfirmDialogComponent, CustomPaginationComponent} from \"inet-ui\";\nimport {Router} from \"@angular/router\";\nimport {CoreService, ErrorMessage, NotificationService, iNet} from \"inet-core\";\nimport {debounceTime, distinctUntilChanged, tap} from \"rxjs/operators\";\nimport {NgSelectComponent} from \"@ng-select/ng-select\";\nimport {GridOptionConstant} from \"../../layout-common/layout-common-constants\";\nimport {CHART_HTML_TEMPLATE} from \"../../chart/constants/constants\";\n\n@Component({\n selector: 'app-list-share-for-me',\n templateUrl: './list-share-for-me.component.html',\n styleUrls: ['./list-share-for-me.component.scss']\n})\nexport class ListShareForMeComponent implements OnInit, OnDestroy {\n @ViewChild('paging') pagination: CustomPaginationComponent;\n @ViewChild('confirm') confirmDialog: ConfirmDialogComponent;\n @Input() isResize: boolean;\n @Output() designItem = new EventEmitter\n 0 || (totalItem === 0 && (!!paramSearch?.partner || !!paramSearch?.key)))\"\n [pageNumber]=\"pageNumber\"\n [pageSize]=\"pageSize\"\n [params]=\"{}\"\n [totalItems]=\"totalItem\">\n \n \n \n
\n\n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n {{item?.orgName}}
\n \n
\n {{item?.orgName}}
\n \n
\n \n \n \n
\n \n
\n 0 || (totalItem === 0 && (!!paramSearch?.key || !!paramSearch?.partner)))\"\n class=\"w-100\"\n id=\"grid-container-share\">\n \n \n
\n 0 || (totalItem === 0 && (!!paramSearch?.partner || !!paramSearch?.key))))\"\n class=\"h-100\">\n \n \n
\n \n 0 || (totalItem === 0 && (!!paramSearch.partner || !!paramSearch.key)))\"\n [pageNumber]=\"pageNumber\"\n [pageSize]=\"pageSize\"\n [params]=\"{}\"\n [totalItems]=\"totalItem\">\n \n \n \n
\n\n\n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n 0 || (totalItem === 0 && (!!paramSearch.partner || !!paramSearch.key))))\"\n class=\"h-100\">\n \n \n
\n 0 || (totalItem === 0 && (!!paramSearch.partner || !!paramSearch.key)))\"\n class=\"h-100\"\n id=\"grid-container-share-for-me\">\n \n \n
\n \n
\n\n
\n \n\n
\n \n
\n \n
\n {{'VISUALIZE.CHART.FIELD.SHARE_CHART' | translate}}
\n \n {{'VISUALIZE.CHART.FIELD.YOU_HAVE_SHARED' | translate}}
\n \n {{'VISUALIZE.CHART.FIELD.YOU_HAVE_BEEN_SHARE' | translate}}
\n \n \n
\n \n
\n \n \n
\n \n
\n\n
\n\n \n
\n\n visualize-lib works!\n
\n `,\n styles: [\n ]\n})\nexport class VisualizeLibComponent {\n\n}\n","import {IDataSend} from \"../actions/data-send.action\";\nimport { Schemas } from \"../../../core/utils/get-column-chart\";\nimport {ITemplate as ITemplateItem} from '../../../template/models';\n\nexport interface INavigationState {\n navigator: any[];\n\n}\n\nexport const initialNavigationState: INavigationState = {\n navigator: [],\n};\n\nexport interface IErrorState {\n error: string;\n}\n\nexport interface IRightbarState {\n isShowRightbar: boolean\n}\n\nexport const initialErrorState: IErrorState = {\n error: '',\n}\n\nexport const initialRightbarState: IRightbarState = {\n isShowRightbar: false,\n}\nexport const initialPublishState: IPublishActionState = {\n sharedUuid: '',\n}\n\nexport interface IDataSendState {\n dataSend: IDataSend\n}\n\nexport interface IPublishActionState {\n sharedUuid: string\n}\n\nexport interface IChartBind {\n data: any\n}\n\nexport const initDataSendState: IDataSendState = {\n dataSend: {\n dataSource: undefined,\n htmlTag: '',\n vizType: '',\n nameChart: '',\n typeSubmit: '',\n url: '',\n }\n}\nexport const initChartBindState: IChartBind = {\n data: undefined\n}\n\nexport interface ISchemas {\n schemas: Schemas,\n formData: any\n}\n\nexport const initSchemas: ISchemas = {\n schemas: {},\n formData: undefined\n}\n\nexport interface ITemplate {\n isTemplatePublish: boolean,\n uuid: string\n}\nexport const initTemplate: ITemplate = {\n isTemplatePublish: false,\n uuid: ''\n}\n\nexport interface ICart {\n listWishlist: ITemplateItem[],\n open: boolean\n}\n\nexport const initCart: ICart = {\n listWishlist: [],\n open: false\n}\n","import {NavigationAction, ENavigationActions} from \"../actions/navigation.action\";\nimport {INavigationState, initialNavigationState} from \"../state/document.state\";\n\n\nexport function navigationReducers(state: INavigationState = initialNavigationState,\n action: NavigationAction): INavigationState {\n switch (action.type) {\n\n case ENavigationActions.NAVIGATOR_PUSH: {\n return {\n ...state,\n navigator: [...state.navigator, action.data],\n }\n }\n\n\n case ENavigationActions.NAVIGATOR_ROLL_BACK: {\n let navigator: any[] = JSON.parse(JSON.stringify(state.navigator));\n let idx = navigator.findIndex(nav => nav.uuid === action?.data?.uuid);\n if (idx > -1) {\n navigator.splice(idx + 1);\n }\n return {\n ...state,\n navigator: navigator\n }\n }\n\n case ENavigationActions.NAVIGATOR_UPDATE: {\n let navigator: any[] = JSON.parse(JSON.stringify(state.navigator));\n return {\n ...state,\n navigator: (navigator || []).map(nav => {\n if (nav.uuid === action?.data?.uuid) {\n return action?.data\n } else {\n return nav\n }\n })\n }\n }\n\n\n case ENavigationActions.NAVIGATOR_GO_TO: {\n let navigator: any[] = JSON.parse(JSON.stringify(state.navigator));\n let idx = navigator.findIndex(folder => folder.uuid === action?.data?.uuid);\n if (idx > -1) {\n navigator.splice(idx + 1);\n }\n return {\n ...state,\n navigator: navigator}\n }\n\n case ENavigationActions.NAVIGATOR_CLEAR: {\n return {\n ...state,\n navigator: []\n }\n }\n\n\n default:\n return state;\n }\n}\n","import {EErrorActions, ErrorActions} from '../actions/error.action';\nimport { IErrorState, initialErrorState } from '../state/document.state';\n\nexport function errorReducers(state: IErrorState = initialErrorState,\n action: ErrorActions): IErrorState {\n switch (action.type) {\n\n case EErrorActions.GATEWAY_TIMEOUT: {\n return {\n ...state,\n error: action.error,\n }\n }\n default:\n return state;\n }\n}","import {ERightbarActions, RightbarActions} from '../actions/rightbar.action';\nimport { IRightbarState, initialRightbarState } from '../state/document.state';\n\nexport function rightbarReducers(state: IRightbarState = initialRightbarState,\n action: RightbarActions): IRightbarState {\n switch (action.type) {\n case ERightbarActions.RIGHT_BAR_DOC: {\n return {\n ...state,\n isShowRightbar: action.isShowRightbar,\n }\n }\n default:\n return state;\n }\n}","import {EDataSend, DataSendActions} from '../actions/data-send.action';\nimport { IDataSendState, initDataSendState } from '../state/document.state';\n\nexport function dataSendReducers(state: IDataSendState = initDataSendState,\n action: DataSendActions): IDataSendState {\n switch (action.type) {\n\n case EDataSend.DATA_SEND: {\n return {\n ...state,\n dataSend: action.dataSend,\n }\n }\n default:\n return state;\n }\n}\n","import {initialPublishState, IPublishActionState} from '../state/document.state';\r\nimport {EPublishAction, Publish_Action} from \"../actions/publish.action\";\r\n\r\n\r\nexport function publishReducers(state: IPublishActionState = initialPublishState,\r\n action: Publish_Action): IPublishActionState {\r\n switch (action.type) {\r\n case EPublishAction.PUBLISH: {\r\n return {\r\n ...state,\r\n sharedUuid: action.sharedUuid,\r\n }\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {IChartBind, initChartBindState} from \"../state/document.state\";\r\nimport {ChartBindAction, EChartBind} from \"../actions/chart-bind.action\";\r\n\r\n\r\nexport function chartBindReducers(state: IChartBind = initChartBindState,\r\n action: ChartBindAction): IChartBind {\r\n switch (action.type) {\r\n\r\n case EChartBind.UPDATE_NAV: {\r\n return {\r\n ...state,\r\n data: action.data\r\n }\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { initSchemas, ISchemas } from '../state/document.state';\r\nimport { ESchemaAction, SchemasAction } from '../actions/schemas.actions';\r\n\r\nexport function schemasReducers(\r\n state: ISchemas = initSchemas,\r\n action: SchemasAction\r\n): ISchemas {\r\n switch (action.type) {\r\n case ESchemaAction.SET_SCHEMAS: {\r\n return {\r\n ...state,\r\n schemas: action.schemas,\r\n };\r\n }\r\n case ESchemaAction.SET_FORMDATA: {\r\n return {\r\n ...state,\r\n formData: action.formData,\r\n }\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {ActionType, createAction, props} from \"@ngrx/store\";\n\n\nexport enum ETemplateAction {\n SET_IS_TEMPLATE = 'set is template',\n SET_UUID = 'set uuid template'\n}\n\nexport const setIsTemplatePublish = createAction(ETemplateAction.SET_IS_TEMPLATE, props<{ isTemplatePublish: boolean }>());\nexport const setUuid = createAction(ETemplateAction.SET_UUID, props<{ uuid: string }>());\n\nexport type TemplateAction = | ActionType