\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 \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 {{ getErrorMessage() }}
\r\n {{ label }}{{ isRequired ? '*' : '' }}\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 \r\n 0\"\r\n>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ getErrorMessage() }}
\r\n \r\n
\r\n\r\n","import {Component, Input, OnInit} from '@angular/core';\r\nimport {THEME_KEYS_ENUM, ThemeControllerService} from 'tql-theme';\r\n\r\n@Component({\r\n selector: 'tql-loading-bar',\r\n templateUrl: './tql-loading-bar.component.html',\r\n styleUrls: ['./tql-loading-bar.component.scss']\r\n})\r\nexport class TqlLoadingBarComponent implements OnInit {\r\n @Input() color: string;\r\n @Input() hasSpinner: boolean = false;\r\n @Input() isFixed: boolean = true;\r\n\r\n constructor(private _ThemeControllerService: ThemeControllerService) {\r\n this._ThemeControllerService._Observable_theme.subscribe(() => {\r\n this.color = this._ThemeControllerService.getColorOf(THEME_KEYS_ENUM.LOADING_BAR);\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{label}}
\r\n\r\n
\r\n","import { AfterViewInit, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { IDynamicComponent } from '../../../constants';\r\nimport _ from 'lodash';\r\nimport { FormControl } from '@angular/forms';\r\nimport { DefaultComponent, TqlTableControllerService } from 'tql-service';\r\n\r\n@Component({\r\n selector: 'lib-tql-table-filter-widget',\r\n templateUrl: './tql-table-filter-widget.component.html',\r\n styleUrls: ['./tql-table-filter-widget.component.scss'],\r\n})\r\nexport class TqlTableFilterWidgetComponent\r\n extends DefaultComponent\r\n implements OnInit, AfterViewInit, IDynamicComponent\r\n{\r\n @Output() event = new EventEmitter\r\n
\r\n\r\n
\r\n Sort A - Z
\r\n Sort Z - A
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Select all\r\n
\r\n |
\r\n \r\n Clear\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
\r\n \r\n \r\n
\r\n {{ item?.name }}
\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","import { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { IListItem, IListItemOption } from '../../../constants/interface';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\nimport { DefaultComponent } from 'tql-service';\nimport _ from 'lodash';\nimport { ActionsConstant, ENUM_ACTION_KEYS, MicsConstant } from '../../../constants';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'tql-simple-list',\n templateUrl: './tql-simple-list.component.html',\n styleUrls: ['./tql-simple-list.component.scss'],\n})\nexport class TqlSimpleListComponent extends DefaultComponent implements OnInit {\n @ViewChild(MatRipple) ripple: MatRipple;\n @ViewChild('contentTemplate') contentTemplate: TemplateRef\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\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 \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
\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
\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 \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{ item?.name }}
\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 \r\n {{ item?.name }}\r\n \r\n
\r\n 0\"\r\n [style.top]=\"calculateConnectedNodTop()\">
\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 \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\r\nimport { filter, first } from 'rxjs/operators';\r\nimport { TqlUtilsService } from 'tql-service';\r\nimport { ENUM_ROUTER_KEYS, IBreadcrumb, IRouterData } from '../../../constants/interface';\r\nimport _ from 'lodash';\r\n\r\n@Component({\r\n selector: 'tql-breadcrumb',\r\n templateUrl: './tql-breadcrumb.component.html',\r\n styleUrls: ['./tql-breadcrumb.component.scss'],\r\n})\r\nexport class TqlBreadcrumbComponent implements OnInit {\r\n @Input() hasPrefix: boolean = false;\r\n @Input() noTranslate: boolean = true;\r\n breadcrumbList: IBreadcrumb[] = [];\r\n _selector;\r\n\r\n constructor(\r\n private _Router: Router,\r\n private _ActivatedRoute: ActivatedRoute, // , private _Store: Store\r\n ) {\r\n this._Router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(async () => {\r\n this.breadcrumbList = await this.createBreadcrumbs(this._ActivatedRoute.root);\r\n });\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n /**\r\n * source\r\n * https://github.com/piotrkorlaga/demo-angular-breadcrumb/blob/master/src/app/breadcrumb/breadcrumb.component.ts\r\n * @param route\r\n * @param url\r\n * @param breadcrumbs\r\n * @returns {IBreadcrumb[]}\r\n */\r\n private async createBreadcrumbs(\r\n route: ActivatedRoute,\r\n url: string = '#',\r\n breadcrumbs: IBreadcrumb[] = [],\r\n ): Promise\r\n \r\n \r\n
\r\n \r\n {{panelTitle || data?.name}}\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 \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import {\r\n Directive,\r\n ElementRef,\r\n EventEmitter,\r\n Inject,\r\n Input,\r\n NgZone,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n Output,\r\n PLATFORM_ID,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\n\r\n@Directive({\r\n selector: '[clickOutside]',\r\n})\r\nexport class TqlClickOutsideDirective implements OnInit, OnChanges, OnDestroy {\r\n @Input() clickOutsideEnabled: boolean = true;\r\n\r\n @Input() attachOutsideOnClick: boolean = false;\r\n @Input() delayClickOutsideInit: boolean = false;\r\n @Input() emitOnBlur: boolean = false;\r\n\r\n @Input() exclude: string = '';\r\n @Input() excludeBeforeClick: boolean = false;\r\n\r\n @Input() clickOutsideEvents: string = '';\r\n\r\n @Output() clickOutside: EventEmitter\r\n
\r\n {{breadcrumb?.label | translate}} \r\n {{breadcrumb?.label}} \r\n
\r\n \r\n
\r\n\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'tql-navbar-logo',\n templateUrl: './tql-navbar-logo.component.html',\n styleUrls: ['./tql-navbar-logo.component.scss'],\n})\nexport class TqlNavbarLogoComponent implements OnInit {\n @Input() logo: string;\n @Input() logoRoute: string[];\n @Input() collapseLogo: string;\n @Input() width: string;\n @Input() height: string;\n\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\r\n
\r\n\r\n \r\n
\r\n\r\n ![\"Atomiton]()
\r\n ![\"Atomiton]()
\r\n
\r\n","import {Component, Input, OnInit} from '@angular/core';\r\nimport {IListItem, IListItemOption} from '../../../../constants/interface';\r\n\r\n@Component({\r\n selector: 'tql-navbar-title',\r\n templateUrl: './tql-navbar-title.component.html',\r\n styleUrls: ['./tql-navbar-title.component.scss']\r\n})\r\nexport class TqlNavbarTitleComponent implements OnInit {\r\n private _title: IListItem;\r\n private _options: IListItemOption[];\r\n\r\n @Input()\r\n set data(v: IListItem) {\r\n this._title = v;\r\n this._options = v.options || [];\r\n console.log(this.options);\r\n };\r\n\r\n get title() {\r\n return this._title;\r\n }\r\n\r\n get options(): IListItemOption[] {\r\n return this._options;\r\n }\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onClick() {\r\n if (this.title.onClick) {\r\n this.title.onClick();\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n{{title?.name}}
\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\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{item?.actionName}}\r\n \r\n \r\n \r\n \r\n {{item?.actionName}}\r\n \r\n \r\n\r\n
\r\n{{ item?.name }}
\r\n {{ item?.description }}
\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 \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {{data?.name}}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\ntql-highlight-list works!
\r\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\r\nimport {IListItem} from '../../../constants';\r\n\r\n@Component({\r\n selector: 'tql-status-list',\r\n templateUrl: './tql-status-list.component.html',\r\n styleUrls: ['./tql-status-list.component.scss']\r\n})\r\nexport class TqlStatusListComponent implements OnInit {\r\n @Input() items: IListItem[];\r\n @Output() onChange: EventEmitter\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { AfterViewInit, Component, Directive, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource } from '@angular/material/tree';\nimport { Router } from '@angular/router';\nimport _ from 'lodash';\nimport { IListItem, IListItemOption } from '../../../constants/interface';\nimport { ActionsConstant, ENUM_ACTION_KEYS } from '../../../constants/values/actions.constant';\nimport { MicsConstant } from '../../../constants';\nimport { BehaviorSubject, skipWhile, Subject } from 'rxjs';\nimport { first } from 'rxjs/operators';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\n\n@Directive()\nexport class TqlTreeCore implements OnInit, AfterViewInit {\n @Output() init: EventEmitter\r\n
\r\n {{item?.name}}
\r\n \r\n \r\n \r\n
\r\n {{item?.name}}
\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 \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 \r\n\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{node?.name}}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{node?.name}}
\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 \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
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {{node?.title}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\r\nimport {IListItem} from '../../../constants';\r\n\r\n@Component({\r\n selector: 'tql-tabs-header',\r\n templateUrl: './tql-tabs-header.component.html',\r\n styleUrls: ['./tql-tabs-header.component.scss']\r\n})\r\nexport class TqlTabsHeaderComponent implements OnInit {\r\n @Input() list: IListItem[] = [];\r\n @Input() activeItem: IListItem;\r\n @Output() activeItemChange = new EventEmitter();\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onChangeTab(item: IListItem) {\r\n this.activeItem = item;\r\n if (item?.onClick) {\r\n item?.onClick();\r\n }\r\n this.activeItemChange.emit(this.activeItem);\r\n }\r\n}\r\n","\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnInit,\r\n Output,\r\n QueryList,\r\n TemplateRef,\r\n ViewChildren,\r\n} from '@angular/core';\r\nimport { CodemirrorComponent } from '@ctrl/ngx-codemirror';\r\nimport { ActionsConstant, CodeEditorModel, ENUM_ACTION_KEYS, IListItemOption } from '../../../constants';\r\nimport * as _ from 'lodash';\r\nimport { TqlHelperService } from '../../../controllers/tql-helper/tql-helper.service';\r\n\r\n@Component({\r\n selector: 'tql-code-editor',\r\n templateUrl: './tql-code-editor.component.html',\r\n styleUrls: ['./tql-code-editor.component.scss'],\r\n})\r\nexport class TqlCodeEditorComponent implements OnInit, AfterViewInit {\r\n // actions\r\n _closeActions: IListItemOption[] = [\r\n {\r\n name: 'Close',\r\n onClick: () => {\r\n this.onCloseItems(this.selected ? [this.selected] : []);\r\n },\r\n },\r\n {\r\n name: 'Close All',\r\n onClick: () => {\r\n this.onCloseItems(this.data);\r\n },\r\n },\r\n {\r\n name: 'Close Others',\r\n onClick: () => {\r\n this.onCloseItemOthers(this.selected);\r\n },\r\n },\r\n ];\r\n _actions: IListItemOption[] = [];\r\n @Input()\r\n set actions(v: IListItemOption[]) {\r\n // console.log(TqlHelperService.getActionCompressGroup(v));\r\n this._actions = v;\r\n }\r\n\r\n get actions() {\r\n return TqlHelperService.getActionCompressGroup(this._actions)?.uncompressed;\r\n }\r\n\r\n get moreActions() {\r\n return [...this._closeActions, ...TqlHelperService.getActionCompressGroup(this._actions)?.compressed];\r\n }\r\n\r\n @Input() hideDefaultActions: boolean = false;\r\n\r\n @ViewChildren(CodemirrorComponent) editors: QueryList\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n {{ titleString }}
\r\n \r\n {{ description }}
\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 \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 \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnInit,\n Output,\n QueryList,\n TemplateRef,\n ViewChild,\n ViewChildren,\n} from '@angular/core';\nimport { DefaultComponent, TqlUtilsService } from 'tql-service';\nimport { ActionsConstant, ENUM_ACTION_KEYS, IListItem, IListItemOption, MicsConstant } from '../../../constants';\nimport _ from 'lodash';\nimport { NavbarPreview, TqlNavbarControllerService } from '../../../controllers';\nimport { TqlSimpleListComponent } from '../tql-simple-list/tql-simple-list.component';\nimport { v4 as uuidv4 } from 'uuid';\n\n@Component({\n selector: 'tql-nested-list',\n templateUrl: './tql-nested-list.component.html',\n styleUrls: ['./tql-nested-list.component.scss'],\n})\nexport class TqlNestedListComponent extends DefaultComponent implements OnInit, AfterViewInit {\n @ViewChildren('myItems') elements: QueryList\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 \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","import {\r\n Component,\r\n ComponentFactoryResolver,\r\n EventEmitter,\r\n Injector,\r\n Input,\r\n OnInit,\r\n Output,\r\n Type,\r\n ViewChild,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { TqlDynamicComponentHostDirective } from '../../../directives/tql-dynamic-component-host/tql-dynamic-component-host.directive';\r\nimport { IDynamicComponent, IDynamicItem } from '../../../constants';\r\nimport _ from 'lodash';\r\nimport { timer } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'tql-dynamic-component',\r\n templateUrl: './tql-dynamic-component.component.html',\r\n styleUrls: ['./tql-dynamic-component.component.scss'],\r\n})\r\nexport class TqlDynamicComponentComponent implements OnInit {\r\n @ViewChild(TqlDynamicComponentHostDirective) viewHost: TqlDynamicComponentHostDirective;\r\n\r\n // item\r\n private _item: IDynamicItem;\r\n @Input()\r\n set item(v: IDynamicItem) {\r\n this._item = v;\r\n setTimeout(() => {\r\n this.addComponent();\r\n });\r\n }\r\n\r\n get item() {\r\n return this._item;\r\n }\r\n\r\n @Output() eventChanged: EventEmitter\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 \n
\n\n \n \n
\n \n \n
\n {{item?.name}}
\n \n \n
\ntql-table works!
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { ActionsConstant, ENUM_ACTION_KEYS, IListItem, IListItemOption, MicsConstant } from '../../../constants';\nimport _ from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\n@Component({\n selector: 'tql-listed-tree',\n templateUrl: './tql-listed-tree.component.html',\n styleUrls: ['./tql-listed-tree.component.scss'],\n})\nexport class TqlListedTreeComponent implements OnInit {\n @Output() init: EventEmitter\n \n Tree is empty\n \n \n \n
\n\n\n
\n \n
\n \n
\n\n \n
\n \n \n \n
\n \n
\n\n \n
\n {{node?.name}}
\n \n
\n\r\n \r\n \r\n \r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n ApplicationRef,\r\n Directive,\r\n EmbeddedViewRef,\r\n Injector,\r\n Input,\r\n OnInit,\r\n TemplateRef,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { TqlSpinComponent } from '../../components/template';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { DefaultDirective } from 'tql-service';\r\n\r\n@Directive({\r\n selector: '[tqlSpin]',\r\n})\r\nexport class TqlSpinDirective extends DefaultDirective implements OnInit, AfterViewInit {\r\n @Input() opacity: number = 1;\r\n @Input() backgroundColor: string = '#FFF';\r\n @Input() delay: number = 0;\r\n @Input() spinTemplate: TemplateReftql-empty-layout works!
\r\n","import { Component, OnInit } from '@angular/core';\nimport { TqlHeaderControllerService } from '../../../controllers';\n\n@Component({\n selector: 'tql-header-layout',\n templateUrl: './tql-header-layout.component.html',\n styleUrls: ['./tql-header-layout.component.scss'],\n})\nexport class TqlHeaderLayoutComponent implements OnInit {\n contentComponent: any;\n\n constructor(private _TqlHeaderControllerService: TqlHeaderControllerService) {}\n\n ngOnInit(): void {\n this._TqlHeaderControllerService._Observable_Current_Header_Component.subscribe((rs) => {\n if (rs) {\n this.contentComponent = rs;\n }\n });\n }\n}\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 \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 \r\n
\r\n ![\"avatar\"/](\"assets/images/icons/avatar.jpg\")
\r\n User\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\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\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 \r\n \r\n \r\n \r\n\r\n